/* Notes
Where there are two versions of a style and one is marked with !important, the one marked !important is read by all browsers except Explorer.  
The other that always comes after, is read only by Explorer.  This is how special fixes for Explorer are included.
*/

body {
	margin: 15px 15px;
	font-family: "Trebuchet MS", "Century Gothic", Helvetica, sans-serif;
	color:#333333;
	font-size: 100%; 
}

a:link{
	text-decoration:none;
	color: #005780; }

a:visited {
		text-decoration:none;
		color: #005780; }

a:hover{
	text-decoration:underline;
	color: #0076A4; }
	
.listBlue li {
	list-style: none;
	background: url("/resources-dotlrn/theme-selva/Selva/images/bullet_blue.gif") no-repeat top left !important;
		background:  url("/resources-dotlrn/theme-selva/Selva/images/bullet_blue.gif") no-repeat 5px 5px; 
			padding: 0px 0 10px 25px !important;
		padding: 0px 0 5px 25px; }
		
	.listBlue li a {
	color: #333333; }

	.listBlue li a:visited {
	color: #333333; }

/* ------- HOME PAGE ------------------------------------ */
/* HEADER - includes logo and header links */

.header {
	width: 800px;
	font-size: .7em;
	vertical-align: top; }

	.headerLinks {
	position: absolute;
	top: 20px;
	width: 790px !important;
		width: 580px;
	text-align: right;
	vertical-align: top;
	color:#737b73; 
	font-size: .7em;}
	
	.headerLinks img {
	vertical-align: bottom; 
	margin-right: 3px; }

	.headerLinks a:link {
	text-decoration:none;
	color: #737b73; }

	.headerLinks a:visited {
	text-decoration:none;
	color:#737b73; }

	.headerLinks a:hover{
	text-decoration:underline;
	color:#737b73; }

/* NAVIGATION - includes all the main navigation tabs */

.navigation {
	width:800px!important;
		width:830px;
	vertical-align: bottom;
	text-align: right;
	font-size: .7em;
	padding-top: 0px !important; 
		padding-top: 15px;}
	
	
	.navigation li {
	color: #FFFFFF;
	display: inline;
	list-style: none;
	background: #999999 url(/resources-dotlrn/theme-selva/Selva/images/tab_right.gif) no-repeat top right;
	padding: 10px 10px 5px 0px !important; 
		padding: 10px 10px 0px 0px; 
	margin-bottom: 20px; }

	.navigation li a {
	color: #FFFFFF;
	text-decoration: none;
	background: url(/resources-dotlrn/theme-selva/Selva/images/tab_left.gif) no-repeat top left;
	padding: 10px 5px 5px 15px; 
	margin-top: 0px !important;
		margin-top: -10px; }
	
	.navigation li.active{
	background: #999999 url(/resources-dotlrn/theme-selva/Selva/images/tabActive_right.gif) no-repeat top right;}
	
	.navigation li.active a {
	background: url(/resources-dotlrn/theme-selva/Selva/images/tabActive_left.gif) no-repeat top left;}
	
	.navigation a:link {
	text-decoration:none;
	color: #FFFFFF;
	font-weight: normal !important;
		font-weight:bold; }

	.navigation a:visited {
	color: #FFFFFF;
	text-decoration:none;
	font-weight: normal !important;
		font-weight:bold; }

	.navigation a:hover{
	color: #FFFFFF;
	text-decoration:none;
	font-weight: normal !important;
		font-weight:bold; }
	
/* WELCOME - includes intro text, main photo */

.welcome {
	width: 335px!important;
		 width: 350px;
	margin: -6px 0px 5px 10px !important;
		margin: -6px 0px 10px 10px;
        border-top: 1px solid #666666; 
	padding: 5px 0px 5px 10px; }

	.intro {
	float: left;
	font-size: .8em;
	color: #FFFFFF;
	background: #444444 url(/resources-dotlrn/theme-selva/Selva/images/bgWelcome.gif) repeat-y top left;
	width: 280px !important; 
		width: 332px;
	height:216px !important;
		height:226px;
	padding: 5px 10px 5px 40px; }
	
.mainImage {
	float: top;       	
        border-top: 1px solid #666666;
	padding: 5px 0px 5px 0px;
}

.mainImageNew {
        float: top;        
        border-top: 1px solid #666666;	
	padding: 5px 0px 5px 0px;
}
	
/* NEWS and QUICK LINKS - includes news items, quick links, and bar of photos above it */

.newsColumn {
	float: left;
	padding: 5px 0px 0px 26px;
	width: 304px !important;	
		width: 352px; 
	margin-top: 0px !important;
		margin-top: 0px; }
	
	h1.box {
	margin-top: 0px !important;
		margin-top: 10px;
	margin-bottom: 0px !important;
		margin-bottom: -10px;
	font-size: .9em;
	font-weight: normal !important;
		font-weight:bold;
	color: #808A53;
	padding: 5px;
	border: 1px solid #ABB580; }
	
	.newsColumn a:link {
	text-decoration:none;
	color:#444444; }

	.newsColumn a:visited {
	text-decoration:none;
	color:#444444; }

	.newsColumn a:hover{
	text-decoration:underline !important;
                 text-decoration:none;
	color:#444444; }
	
	.newsColumn ul, .linksColumn ul {
	list-style: none;
	margin-left: -20px !important;
		margin-left: 0px; }
	
	.newsColumn ul li, .linksColumn ul li {
	list-style: none;
	background:  url("/resources-dotlrn/theme-selva/Selva/images/bullet_arrow.gif") no-repeat top left !important;
		background:  url("/resources-dotlrn/theme-selva/Selva/images/bullet_arrow.gif") no-repeat 5px 5px;
	font-size: .75em;
	padding: 0px 0 10px 25px !important;
		padding: 0px 0 5px 25px; }
	
	.photoBar {
	margin: -10px 0 0 0 !important;
		margin: -15px 0 0 -7px; }
		 
.linksColumn {
	padding: 0px 0px 10px 0px; 
}
	
	.linksColumn a:link {
	text-decoration:none;
	color:#444444; }

	.linksColumn a:visited {
	text-decoration:none;
	color:#444444; }

	.linksColumn a:hover{
	text-decoration:underline;
	color:#444444; }
	
/* FOOTER - includes all footer links, site license info and standards list */

.footer {
	clear:both;
	font-size:.7em;
	padding-left:250px;
	margin-left: 10px;
	border-top: 1px solid #666666;
	width:535px !important;
		width:600px;
	color:#737b73; }
	
	.footerCenter {
	padding-top:20px !important;
			padding-top:10px;
	line-height:1.3em;
	width:380px !important;
			width:400px;
	text-align:center; }	 
	
	.footer a:link {
	text-decoration:none;
	color:#737b73; }

	.footer a:visited {
	text-decoration:none;
	color:#737b73; }

	.footer a:hover{
	text-decoration:underline;
	color:#737b73; }
	
	.footer img {
	vertical-align:bottom; }
	
/* ------- ALL OTHER PAGES ------------------------------------ */

.pageContent {
	width: 800px;
	margin: -6px 0px 10px 10px !important;
		margin: -15px 0px 10px 10px;
/*	border-top: 1px solid #666666; */
	padding-top: 5px; }
	
/* SUBNAVIGATION - includes the submenu items that appear in the left column */

.subnav {
	float: left;
	padding: 0px 10px 10px 0px;
	width: 200px;
	height: 80%; 
	font-weight: normal !important;
		font-weight:bold;
	color:#444444 !important;
		color:#666666; }
	
	.subnav h1 {
	font-size: .9em;
	font-weight:normal;
	background: #808A53;
	color:#FFFFFF;
	padding: 5px 5px 5px 20px;
	margin-top: 0px;
		margin-bottom: 0px !important;
	margin-bottom: -10px;
	font-weight: normal !important;
		font-weight:bold;
	border: 1px solid #ABB580; }
	
	.subnav a:link {
	text-decoration:none;
	color:#444444 !important;
		color:#666666; }

	.subnav a:visited {
	text-decoration:none;
	color:#444444 !important;
		color:#666666; }

	.subnav a:hover{
	text-decoration:underline;
	color:#444444 !important;
		color:#666666; }
	
	.subnav ul {
	list-style: none;
	margin-left: -20px !important;
			margin-left: 10px;
	margin-bottom: 20px; }
	
	.subnav ul li {
	list-style: none;
	background:  url("/resources-dotlrn/theme-selva/Selva/images/bullet_arrow.gif") no-repeat top left !important;
		background:  url("/resources-dotlrn/theme-selva/Selva/images/bullet_arrow.gif") no-repeat 5px 5px;
	font-size: .75em;
	padding: 0px 0 10px 25px; }
	
	.subnav .active {
	background: url("/resources-dotlrn/theme-selva/Selva/images/bullet_active.gif") no-repeat top left !important;
		background:  url("/resources-dotlrn/theme-selva/Selva/images/bullet_active.gif") no-repeat 5px 5px; }
	
	.subnav .sidebarImage {
	margin: 10px 30px 10px 22px;
	padding: 25px 0 10px 20px;
	border-top:1px solid #777777; }


/* MAIN CONTENT - includes the quote, photo and main content of each page, that appears on the right hand side */
.main {
	margin-left: 210px !important;
		margin-left: 200px;
	height: 80%; }
		
/* These are the different images for the different sections of the site */		

	.aboutImage {
	margin-left: -2px;
	background: #444444 url("/resources-dotlrn/theme-selva/Selva/images/img_About.gif") no-repeat top right; 
	padding: 10px 5px 10px 10px }
	
	.newsImage {
	margin-left: -2px;
	background: #444444 url("/resources-dotlrn/theme-selva/Selva/images/img_News.gif") no-repeat top right; 
	padding: 10px 5px 10px 10px }
	
	.productsImage {
	margin-left: -2px;
	background: #444444 url("/resources-dotlrn/theme-selva/Selva/images/img_Products.gif") no-repeat top right; 
	padding: 10px 5px 10px 10px }
	
	.usersImage {
	margin-left: -2px;
	background: #444444 url("/resources-dotlrn/theme-selva/Selva/images/img_Users.gif") no-repeat top right; 
	padding: 10px 5px 10px 10px }
	
	.developersImage {
	margin-left: -2px;
	background: #444444 url("/resources-dotlrn/theme-selva/Selva/images/img_Developers.gif") no-repeat top right; 
	padding: 10px 5px 10px 10px }
	
	.supportImage {
	margin-left: -2px;
	background: #444444 url("/resources-dotlrn/theme-selva/Selva/images/img_Support.gif") no-repeat top right; 
	padding: 10px 5px 10px 10px }
	
	.downloadImage {
	margin-left: -2px;
	background: #444444 url("/resources-dotlrn/theme-selva/Selva/images/img_Download.gif") no-repeat top right; 
	padding: 10px 5px 10px 10px }
	
.pageQuote  {
	margin: 1px 200px 0 15px !important;
		margin: 1px 200px 5px 10px;
	font: Optima, "Trebuchet MS", "Lucida Grande", Georgia, serif; 
	font-size: .85em !important;
		font-size: .75em;
	font-style: italic;
	font-weight: normal !important;
		font-weight: bold;
	color: #FFFFFF; }
	
	.quoteRef {
	width: 300px !important;
		width: 350px; 
	margin-top: 5px !important;
		margin-top: -5px;
	font-size:.8em !important;
		font-size:.75em;
	font-style:normal;
	color:#B4BE8F;
	text-align: right;
	padding-left: 20px; }
	 
.mainText {
	padding: 20px;
	margin: 0;
	font-size: .8em;
	line-height: 1.4em; }
	
	h1 {
	font-size: 1.1em;
	font-weight:bold;
	color: #808A53; }