@charset "UTF-8";
/* CSS Document */


/* ------------   begin GLOBAL   ------------*/

html {
	overflow: scroll;
	} 

body { /* font size of 100% = 16px standard on IE  -- all relative font sizes go by:   final size(px) / 16px = relative size(em)   */
	position: relative;
	width: 980px;
	top: 0;
	margin: 0 auto;
	color: #111;
	font: normal 100% Verdana, sans-serif; 
	font-weight: normal;
	}

img { border: none; }

ul { list-style: none; }

.break { clear: both }

/* ----------  begin BANNER  ------------ */

#banner {
	z-index: 3;
	clear: both;
	margin: 0;
	padding: 0;
	align: left;
	height: 123px;
	background: url(../img/banner_bg.gif) no-repeat;
	}
	
	#banner .logo {
		float: left;
		margin: 6px 0 0 30px;
		}

	#specialnav {
		font-family: Georgia, "Times New Roman", Times, serif;
		background: transparent;
		margin: 35px 0 0 0;
		padding: 0;
		float: right;
		}
	#specialnav ul {
		margin: 0;
		padding: 0;
		}
		
	#specialnav li {
		text-align: right;
		margin: 0;
		line-height: 1.1em;
		}
		
	#specialnav a {
		color: #ecebfc;
		font-size: 0.75em;
		font-weight: bold;
		padding: 5px 10px;
		text-decoration: none;
		}

	#specialnav a:hover { color: #333092; }
		
	#specialnav #currentpage a { color: #333092; }

/* ----------  end BANNER  ------------ */
/* ----------  begin TOP NAVIGATION  ------------ */	


#navigation {
	z-index: 2;
	position: relative;
	clear: both;
	width: 980px;
	height: 23px;
	background: url(../img/banner_bottom.gif) no-repeat;
	margin: 0, auto;
	padding: 0;
	}

#homepage { text-decoration: none; color: #a5a3fd }
#thispage {
	text-decoration: none;
	color: #fff; 
	}
#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
}

#cssdropdown li {
float: left;
position: relative;
}

.mainitems{
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.05em;
	}

.mainitems a{
	color: #333092;
	font-size: 0.8em;
	font-weight: normal;
	padding: 5px 15px;
	text-decoration: none;
	background-color: #transparent;
	}

.mainitems a:hover {
	text-decoration: none;
	color: #fff; 
	background: #4946b9;
	}
			

	
.subuls{
	display: none;
	width: 200px;
	position: absolute;
	top: 1.2em;
	left: 0;
	border: 1px solid #4542a1;
	background: #dfdefe;
	}

.subuls li{
	width: 100%;
	line-height: 1.1em;
	margin-top: 3px;
	margin-bottom: -2px;
	}

.subuls li a{
	color: #333092;
	text-decoration: none;
	font-weight: normal;
	}

.subuls li a:hover{
	color: #333092;
	text-decoration: underline;
	background: transparent;
	}


/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */

#cssdropdown li>ul { 
	top: auto;
	left: auto;
	}


#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
	}

#restofcontent { /*wrap rest of content of the page inside this div*/
	clear: left;
	}

/* ----------  end TOP NAVIGATION  ------------ */	

#wrapper {
	z-index: 1;
	clear: both;
	position: relative;
	margin: 0;
	padding: 0;
	align: left;
	}

	/* ----------  begin LEFT NAVIGATION  ------------ */
	
	#leftnavigation {
		float: left;
		width: 208px;
		margin: 20px 0 0 0;
		padding: 0;
		}
	
	#leftnavigation ul {
		margin: 0;
		padding: 0.2em;
		}
			
	#leftnavigation li {
		list-style: none;
		margin: 0;
		padding: 0.2em;
		line-height: 0.6em;
		}
		
	.leftnavtext {
		color: #5753d8;
		padding: 0;
		margin: 0;
		font-size: 0.70em;
		font-weight: bold;
		line-height: 1.1em;
		}
		
	#leftnavigation a {
		color: #5753d8;
		padding: 0;
		margin: 0;
		font-size: 0.70em;
		font-weight: bold;
		line-height: 1.1em;
		text-decoration: none;
		}
		
	#leftnavigation a:hover { color: #333092; }
		
	#leftnavigation #currentsubpage a { color: #333092; }
	
	#leftsubnavigation #leftsubnavigation2 ul {
		margin: -3px 0 0 0;
		padding-left: 5px;
		display: block;
		}
		
	#leftsubnavigation li { padding: 0.2em; padding-left: 12px }
	
	#leftsubnavigation a { color: #6d69ee; }
		
	#leftsubnavigation a:hover { color: #333092; }
	
	#leftsubnavigation2 #currentsubsubpage a { color: #333092; }
	
	#leftsubnavigation2 li { padding: 0.2em;  padding-left: 12px  }
	
 	.leftnavbox{  background: #f7f4ff; border: 1px solid #dadbff; padding: 5px; }	
	.leftnavbox2{  background: #fcfefc; border-bottom: 1px solid #dadbff;border-right: 1px solid #dadbff;border-left: 1px solid #dadbff; padding: 5px; border-top:none }	

	/* ----------  end LEFT NAVIGATION  ------------ */
	
	/* ----------  begin CONTENT  ------------ */
	
	#content {
		float:right;
		position: relative;
		
		width: 764px;
		margin: 0 0 20px 0 ;
		padding: 0;
		}

		#contentleft {
			float:left;
			width: 510px;
			margin: 20px 10px 0 0;
			padding-left: 25px;
			border-left: 1px solid #ccc;
			}
			
			#contentleft table { margin: 0; padding: 0; }
			#contentleft td.img { width: 165px; float: left; vertical-align: top; margin: 0; padding: 0; }
			#contentleft td.txt { width: 400px; vertical-align: top; margin: 0; padding: 0; }


	.img a img { border: 1px solid #cecece; vertical-align:bottom; }
	.img a:hover img{ border: 1px solid #333092; }

	
	.copy {  /* Standard copy text */
		color: #333;
		font-size: 0.75em;
		font-weight: normal;
		line-height: 1.4em;
		}
	
	
	.copytight {  /* shorter line-height  */
		color: #333;
		font-size: 0.75em;
		font-weight: normal;
		line-height: 1.15em 
		}
		
	.copy ul { list-style: circle; }
	
	.rightcopy {    /* narrow right column copy text (#contentright) */
		padding:15px 15px;
		background: #fcfcfc;
		color: #333;
		font-size: 0.75em;
		font-weight: normal;
		font-family: Georgia, "Times New Roman", Times, serif;
		border: 1px dashed #cecece;
		}
		
	#contentright {
		float:right;
		width: 190px;
		margin: 20px 0 0 0;
		}
		
	#contentboth {
		float:left;
		width: 600px;
		margin: 20px 1px 0 0;
		padding-left: 25px;
		border-left: 1px solid #ccc;
		}
		
		#contentboth table { margin: 0; padding: 0; }
		#contentboth td.img { width: 165px; float: left; vertical-align: top; margin: 0; padding: 0; }
		#contentboth td.txt { width: 400px; vertical-align: top; margin: 0; padding: 0; }

	#contentxwide {
		float:left;
		width: 700px;
		margin: 20px 1px 0 0;
		padding-left: 25px;
		border-left: 1px solid #ccc;
		}

	.twocolwrapstd	{ width: 600px; margin:0; padding:0 }
	.leftcolstd		{ width: 165px; float: left; position: relative }
	.rightcolstd	{ width: 435px; float: right; position: relative; text-align: left }
	
	.twocolwrapL 	{ width: 510px; margin:0; padding:0 }
	.leftcolL		{ width: 165px; float: left; position: relative }
	.rightcolL		{ width: 345px; float: right; position: relative; text-align: left }
	
	.twocolwrap 	{ width: 510px; margin:0; padding:0 }
	.leftcol		{ width: 90px; float: left; position: relative }
	.rightcol		{ width: 410px; float: right; position: relative; text-align: left }
					 
	#directoryleft {
		float:left;
		width: 300px;
		margin: 0 10px 0 0;
		padding-left: 25px;
		border-left: 1px solid #ccc;
		}
		
	#directoryright {
		float:right;
		width: 300px;
		padding-left: 25px;
		margin: 0 84px 0 0;
		}	
	/* ----------  end CONTENT  ------------ */

/* ----------  begin FOOTER  ------------ */

hr {
	height: 1px;
	width: 100%;
	margin:0 0 20px 0;
	padding: 0;
	border:0;
	border-top:1px solid #ccc;
	}

.hrdash {
	border-top:1px dashed #d5cfff; padding-top: 5px; padding-bottom: 5px
	}

#footer {
	clear: both;
	z-index: 0;
	position: relative;
	width: 980px;
	margin: 0 0 25px 0;
	padding: 0;
	color: #c0c0c0;
	font-size: 0.55em;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0.15em;
	line-height: 1.5em
	}

	
 a.fps { color: #c0c0c0; text-decoration: none }
 a.fps:hover  {  color: #aaaaaa; border-bottom: dashed thin; text-decoration: none  }

/* ----------  end FOOTER  ------------ */
	
a { color: #5753d8; text-decoration: none; }
		
a:hover { color: #5753d8; text-decoration: underline; }

a img.lightmeup { border: 1px solid #cecece }
a img.lightmeup:hover { border-color: #333092 }

h1	{  /* Page header */
	margin: 5px 0 15px 0;
	font-size: 1.375em;
	font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
	font-weight: 500;
	color: #333092;
	}
	
h2	{  /* subheader */
	margin: 28px 0 0 0;
	font-size: 1.15em;
	font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
	font-weight: normal;
	color: #333092;
	}
	
h3	{  /* subheader */
	margin: 0;
	font-size: 0.95em;
	font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
	font-weight: 500;
	color: #333092;
	}

.fine {
	color: #999;
	font-size: 0.62em;
	line-height: 1.2em
	}
.wine { color: #b50a10 }
.gray { color: #666 }
.indigo { color: #333092 }
	
/* floats associated with text blocks with images*/

.floatLeft	{ float:left; clear:both; margin: 4px 10px 6px 0px; display:inline; }
.floatRight { float:right; clear:both; margin: 4px 0 6px 10px; display:inline; }

.floatL		{ float:left; clear:both; margin: 0 0px 10px 0px; display:inline; }
.floatR		{ float:right; clear:both; margin: 0 0 10px 20px; display:inline; }

.frameIt{
	border:#ccc 1px solid;
	background:#fff;
	margin:0;
	padding:4px;
	}

.dropshadow{
		float:left;
		clear:left;
		background: url(../img/dropShadow.png) no-repeat bottom right !important;
		background: url(../img/dropShadow.gif) no-repeat bottom right;
		margin: 10px 0 10px 10px !important;
		margin: 10px 0 10px 5px;
		}	

.toggler  		{ color:#6d69ee }
.toggler:hover	{ color: #333092; }
	
#ymp-yahoo-logo, #ymp-relevance { /* hide logo from YMP */
	visibility: hidden;
	}

#searchsite{ font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; padding:0; }
.searchsiteinput { background-color: #a5a3fd; border: #6d6dab 1px solid; color: #333092; text-align:right; margin:0; padding:0 }
.searchsitebutton { padding:0;font-size: 0.8em; font-family:verdana, sans-serif; font-weight: 500; letter-spacing: 0.1em;  background-color:#7572dc; color:#ecebfc; border:#535496 1px solid }
.none  { margin:0; padding:0; background: none; border: none } 
.moredetails { font-family: Arial, Helvetica, sans-serif; font-size: 0.7em ; line-height: 1.2em; color: #666666; background-color: #f4f4f9; padding-top: 5px; padding-bottom: 3px; border-bottom: 1px solid #dedef1; clear:both}
.moredetails-top { font-family: Arial, Helvetica, sans-serif; font-size: 0.7em ; line-height: 1.2em; color: #666666; background-color: #f4f4f9; padding-top: 5px; padding-bottom: 3px; border-top: 1px solid #dedef1; clear:both}
.buttonimage { width:138px; height:133px }