/* andreas01 - an open source xhtml/css website layout by Andreas Viklund  - http://andreasviklund.com - Free to use for any purpose as long as the proper credits are given to the original author.
Version: 2.0 (Jun 25, 2006)
Screen layout: */


/* need to alter width to 760 less border in both wrap AND footer in ie6 and 5




/***** Body and main container *****/
body {
margin:0 auto;
padding:0;
font:76% Verdana,Tahoma,Arial,sans-serif;
background:#f4f4f4 url(img/bg.gif) top center repeat-y;
color:#404040;
}


#wrap {
background:#ffffff;
color:#404040;
margin:0 auto;
width:760px;
border-left: 2px solid #0046ff;
border-right: 2px solid #0046ff;
border-bottom: 2px solid #0046ff;
}

#header {
	padding:0;
	background-color: #99bcf5;
	background-image: url('../img/front8notext.jpg');
	background-repeat: no-repeat;
	height: 107px; margin-left:0; 
	margin-right:0; 
	margin-top:0px; 
	margin-bottom:0
}


#header h1 {
	color:#505050;
	width:650px;
	margin:0 0 10px;
	font-size:20px;
	color:white;
	float:left;
}

#majorhead{
	font-size:25px;
	position:relative;
	top:25px;
	left:45px;
}

#minorhead{
	position:relative;
	top:50px;
	left:50px; 
}



/***** Various tags *****/
a {
text-decoration:none;
font-weight:bold;
color: #0046ff;
}

a:hover {
text-decoration:underline;
color:#286ea0;
background-color:inherit;
}

a img {
border:0;
}


em{

}

strong{

}


/***** Header *****/
#sitetitle{
float:left;
height:100px;
/* background:url("../version6/images/globe.gif") no-repeat; Delete this line to remove the animated globe */
width: 42%;
color: #333;
}

#sitetitle a{
color:#567;
font-weight:normal;
}

#sitetitle h1{
padding:0;
font-weight:normal;
font-size:2.8em;
letter-spacing:-3px;
color:#567;
margin:12px 0 5px 20px;

}

#sitetitle h2{
padding:0;
font-weight:normal;
font-size:1.8em;
letter-spacing:-1px;
margin:-10px 0 0 33px;
color:#888;
}

#sitetitle a:hover{
color:#269;
}





#menu{
height:71px;
padding-top:35px;
text-align: right;
}

#menu a{
margin:0;
height:100px;
padding:35px 6px 41px 6px;
font-size:1.6em;
font-weight:normal;
letter-spacing:-1px;
color: #888;
}

#menu a:hover{
color:#269;
text-decoration:none;
background: #fff url("../img/menuhover.png") repeat-x;
padding:35px 5px 41px 5px;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
}


#innerwrap{
margin-top:30px;
margin-right:12px;
}


/***** Left sidebar *****/
#leftside {
clear:left;
float:left;
width:140px;
margin:30px 0 5px;
padding:0; 
width: 143px; 
height: 236px;
font-size: 0.8em;  /*  reduce2 all items in leftside  */
}




/* hack to apply to no ie6 or below and float menu - not working*/
html>body #leftside {  
position:fixed;

} 





#leftside h2,#leftside h3 {
color:#505050;
background-color:inherit;
font-size:1.3em;
margin:0 0 5px;
padding:0;
}

#leftside div.announce {
clear:left;
margin:10px 0 15px;
padding:7px 5px;
width:126px;
font-size:0.9em;
background-color:#f4f4f4;
color:#505050;
border-left:2px solid #cccccc;
line-height:1.5em;
border-bottom:2px solid #bbbbbb;
margin-left:2px;

}

#leftside div.announce p {
margin:10px 0 0;
padding:0;
}

/***** Main menu *****/

	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 11.2em;
		font-size: 1em;
		color:#303030;
	}
	
	
	  #nav {margin: 0 0 4px 2px;   /* extra to bring menu out from left  */
	}
	
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 11.2em;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 14.4em;  /*  move second level to right if bigger - need smaller entry for IE 5 */
		margin-top : -2em;   /* moves box up and down, + goes down - goes up  */
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width : 13.2em; /* was 10.2 */
		display : block;
		color : #303030; /*  was black  */
		font-weight : bold;
		text-decoration : none;
		background-color : #6488ff; /*  was white  */
		border : 0px solid ; /*  border was 1px solid black */
		border-color: #b6b6b6;
		padding : 2px 0.5em;   /* was 0 - space boxes vertically  */
		border-left: 2px solid #cccccc;
		border-bottom:2px solid #bbbbbb;
		color: black;
}
	
	#nav li a:hover {
		color : black; /* was white  */
		background-color : #8aadff;   /*  was black  */
		border-left: 2px solid #286ea0;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}

/***** Right sidebar *****/
#extras {
float:right;
width:138px;
margin:0 0px 5px ;
padding:0;
line-height:1.4em;
}

#extras p,#extras ul {
font-size:0.9em;
margin:0 0 0 11px;
padding:0;
}

#extras li {
list-style:none;
line-height:1.2em;
margin:0 0 6px 0;
padding:0;
}

#extras ul ul {
margin:6px 0 0 10px;
padding:0;
}

#extras ul ul li {
margin: 0 0 4px 0;
}

#extras ul ul li a {
font-size:1.1em;
font-weight:normal;
}

#extras h2, #extras h3 {
color:#505050;
background-color:inherit;
font-size:1.2em;
margin:10px 0 0;
padding:0;
}

/***** Main content *****/
#content {
margin:50px 145px 5px 150px;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
padding:0 10px;
line-height:1.5em;
}

#contentwide {
margin:50px 5px 5px 150px;
border-left:1px solid #f0f0f0;
padding:0 0 0 10px;
line-height:1.5em;
}


#content h1,#contentwide h1 {
font-size:1.6em;
color:#505050;
margin:0 0 10px; 
text-align:center;
}

#content h2,#contentwide h2 {
font-size:1.4em;
margin:0 0 10px; 
text-align:center;
color:#505050;
}

#content h3,#contentwide h3 {
font-size:1.2em;
margin:0 0 8px;
color:#505050;
}

#content h5,#contentwide h5 {
font-size:0.9em;
margin:0 0 8px;
color:#505050;
text-align:center;
}

#content h6,#contentwide h6 {
font-size:0.9em;
margin:0 0 8px;
color:#505050;
}




/*
#content p:first-letter,#contentwide p:first-letter {
font-size:1.5em; 
}
*/

#content p.subtext,#contentwide p.subtext {
font-size:0.8em;
}

#content img,#contentwide img {
padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:4px solid #f0f0f0;
}

#content ul, #contentwide ul, #content ol, #contentwide ol {
margin:0 0 16px 20px;
padding:0;
}

#content li, #contentwide li {
margin:0;
padding:0 0 0 5px;
}

#content ul ul, #contentwide ul ul, #content ol ol, #contentwide ol ol{
margin:0 0 0 16px;
padding:0;
}

#display_box_left {border-width:1px;
width:242px;
float:left;
padding: 10px;
Margin: 5px;
background-color:white;
border-style:double;
margin-left:20px;
}

#display_box_right {border-width:1px; 
width:242px; 
float:right; 
padding: 10px; 
Margin: 5px; 
background-color:white; 
border-style:double;
margin-right:20px;
}

/***** Footer *****/
#footer {
clear:both;
margin:0 auto;
padding:10px 0 20px;
border-top:4px solid #f0f0f0;
width:760px;
text-align:center;
color:#808080;
background:#ffffff;
font-size:0.9em;
}

#footer a {
color:#808080;
background-color:inherit;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}




/***** Various classes *****/

.no-bullets {
list-style-type: none;
}

.left {
margin:3px 10px 2px 0;
float:left;
}

.right {
margin:2px 0 2px 10px;
float:right;
}

.textright {
text-align:right;
}

.center {
text-align:center;
}

.small {
font-size:0.8em;
}

.bold {
font-weight:bold;
}

.hide {
display:none;
}

.highlight{
color: red
}