body {
	line-height: 16px;
	font-family: "tahoma", serif;
	font-size: 100%;
	margin-top: 0px;
	background-image: url(images/back_blue.jpg);
	background-repeat: repeat-x;
	color:#666666;
	background-color: #fff;
	}
	
p {	
	margin: 0 0 5px 0;
	  font-size: 85%;
}
ul {
	font-size: 85%;
}
ol {
	font-size: 85%;
}
.fastfacts{
  float: right;
  width: 200px;
  background-color: #EDF1F2;
  display: block;
  font-size: 95%;
  text-align: left;
color: #6A849D;
padding: 0 5px 0 2px;
margin: 0 0 1px 10px;
}
.fastfacts ul li
{
padding: 2px;
margin: 0;
}
		
h2{
			font-size: 100%;
			color: #6A849D;
			}
h3{
			font-size: 100%;
			color: #993333;
			}
a{
			color: #6A849D;
			text-decoration: underline;
		}	
a:hover{
			color: #CDCC02;
		}
a:visited{
		color: #993333;
		}
#container {
			width: 800px;						
			margin-left: 20px;
			margin-right: auto;
				
		}

#banner {
		height: 200px;
			padding: 5px;
			margin-top: 1px;
			margin-bottom: 1px;
			background-image: url(images/banner.jpg);
			background-repeat: no-repeat;
		}

.name{
	color:#FFFFFF;
	background-color:inherit;
	font-family: "tahoma", serif;
	font-size: 24px;
	padding: 30px 0 0 5px; 
}
#content {
		border-top: 1px dashed #EDF1F2;
		text-align: justify;
		font-size: 90%;		
		padding: 5px;
		margin-left: 200px;
		background-color:#fff;
		color: #666666;
		background-image: url(images/shad.jpg);
		background-repeat: no-repeat;
		}
#searchresults {
		border-top: 1px dashed #EDF1F2;
		text-align: left;
		font-size: 90%;		
		padding: 5px;
		margin-left: 200px;
		background-color:#fff;
		color: #666666;
		}
.topbookmarks{
font-size:80%;}
.introtext{
font-size: 90%;
color:#000000
}
#sidebar-a {		
	float: left;
	   width:150px;
		border-top: 1px dashed #EDF1F2;
		background-image: url(images/shad.jpg);
		background-repeat: no-repeat;
		font-size: 80%;
		}
#sidebar-a h1{
		border-bottom: 1px dotted #993333;
			font-size: 12px;
			font-weight: bold;
			color: #993333;
		}
#containerboth{ 
		padding-right: 10px;
		padding-left: 0px;
		}

#footer {
		   height: 50px;
			clear: both;
			background-repeat: no-repeat;
			background-position: bottom;
		}
.fotext{
		border-top: 1px dashed #EEEEEE;
		margin-left: 10px;
		margin-right: 30px;
		font-size: 10px;
		padding-top: 10px;
		color:#6A849D;
		}
.csschanger{
color: #6A849D;
font-size: 0.9em;
float: right;
margin-top: 10px;
margin-right: 30px;
height: 15px;

}
	
.navcontainer
{
margin: 170px 0 0 0px;
padding: 0;
height: 20px;
font-size: 80%;
}

.navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

.navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 1px;
margin: 0;
}

.navcontainer ul li a
{border-right: 1px solid #6A849D;
background: #fff;
width: 100px;
height: 15px;
border-top: 1px solid #6A849D;
border-left: 1px solid #6A849D;
border-bottom: 1px solid #6A849D;
padding: 2px;
margin: 0 0 10px 0;
color: #6A849D;
text-decoration: none;
display: block;
text-align: center;
font: tahoma, lucida, sans-serif;
}

.navcontainer ul li a:hover
{
color: White;
background: #C9D3DC;
}

.navcontainer a:active
{
background: #6A849D;
color: #fff;
}

.navcontainer li#active a
{
background: #6A849D;
color: #fff;

}
.csschanger{
color: #6A849D;
font-size: 0.9em;
float: right;
margin-top: 10px;
margin-right: 30px;
height: 15px;

}
#leftmenu {
font-size:0.9em;
	margin: 0;
	padding: 0;
}

#leftmenu a {
	display: block;
	background: url(images/arrow.gif) no-repeat center left ;
	color: #6A849D;
		padding: 1px 1px 5px 15px;
	margin: 0 0 1px 0;
	text-decoration: none;
	background-position: 4px;
}

#leftmenu a:hover {
	color: #AE6427;
	background:  url(images/arrow.gif) no-repeat center left;
	background-position: 4px;}
	
input   {
	border: 1pt solid #6A849D;
	font: normal 10px tahoma;
	color: #707070;
	margin:0px 0px 5px 0px;
}
.search{
padding: 5px;
font-size: 0.85em;
color: #6A849D;}
.searchheader{
	font-size: 12px;
	font-weight: bold;
	color: #993333;
	margin-top: 10px;
	margin-bottom: 2px;}

.links{
border-bottom: 1px dashed #ddd;
padding:2px;
color: #9D9C6A;
	font-size: 0.9em;
	margin-top: 2px;
	margin-bottom: 2px;
}
.links ul
{
	font: 0.9em tahoma, lucida, sans-serif;
	list-style-image: url(images/arrow.gif);
	list-style-type: square;
	list-style-position: outside;
}
.box{
	background-color: #EDF1F2;
	border: 1px solid #BFCAD5;
	padding: 5px;
	font-size: 100%;
	color: #6A849D;
}
.box h2{
	color: #993333;
	font-size: 100%;
	
}
.textright{
vertical-align: top;
	padding: 2px;
	margin: 2px;
float:right;
}
.imgright{
vertical-align: top;
float:right;
	border: 1px solid #eee;
	padding: 3px;

}
.imgleft{
vertical-align: top;
	float:left;
	border: 1px solid #eee;
	padding: 3px;
	margin:5px;
}
 Black square hover styles 
/* setup the background image */
.uk {padding:0; margin:0; list-style-type:none; background:#fff url(governance.gif); width:500px; height:400px; margin:10px 10px 10px 10px; position:absolute; z-index:100;}
/* move the text off screen */
.uk li a {text-indent:-999px; display:block; width:8px; height:8px; background:#000; position:absolute; line-height:8px;}
/* make the images and description invisible and an absolute position so that it does not take up any space */
.uk li a em {visibility:hidden; position:absolute;}
/* position the square markers */
.uk li a.sep {top:115px; left:25px; text-align: left;}
.uk li a.amb {top:115px; left:270px; text-align: left;}
.uk li a.rac {top:190px; left:25px; text-align: left;}
.uk li a.amt {top:190px; left:270px; text-align: left;}
.uk li a.sce {top:270px; left:25px; text-align: left;}

/* move the text back into view on hover */
.uk li a:hover {background:#600; text-indent:0; height:1em; font-size:1em; color:#fff; line-height:1.2em; padding:1px 1px; width:500px;}
/* hack for IE5.x */
* html .uk li a:hover {width:500px; height:1.2em; w\idth:120px; he\ight:1.2em;}

/* make the descriptive text visible, give it a size and position */
.uk li a:hover em {visibility:visible; margin-left:5px; background:#fff; border:1px solid #600; width:200px; color:#600; padding:10px; font-style:normal; top:-10px; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande", arial, sans-serif; line-height:1.1em;}

/* hack for IE5.x */
* html .uk li a:hover em {width:300px; w\idth:300px;}
/* give the image a border and margin */
/* REM
.uk li a:hover em img {border:1px solid #000; display:block; margin-bottom:10px;}
*/
/* style the empty span (I know it's not semantically correct) into an arrow point */
/* REM
.uk li a:hover em span {display:block; width:0; height:0; overflow:hidden; border:15px solid #fff; border-width:15px 0 15px 15px; border-left-color:#600; position:absolute; left:0; top:128px;} */
/* hack for IE5.x */
/* REM* html .uk li a:hover em span {width:30px; height:30px; w\idth:0; he\ight:0;}
*/