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


p.basic, div.basic { 
	color: #000000; 
	font-size: 80%; 
	font-family:  Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; 
}

p.basic_white, div.basic_white { 
	color: #ffffff; 
	font-size: 80%; 
	font-family:  Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; 
}

p.basic_bold { 
	font-weight: bold;
}

p.title, div.title { 
	color: #184472; 
	font-size: 200%; 
	font-family:  Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase; 
}

p.topnav, div.topnav {
	color: #ffffff;
	font-size: 80%;
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-align: right;
	margin-right: 15px; 
	height: 25px;
}

p.topnav_left, div.topnav_left {
	color: #ffffff;
	font-size: 80%;
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-align: left;
	vertical-align: top;
	margin-right: 15px; 
	height: 25px;
}

p.toptitle, div.toptitle {
	color: #ffffff;
	font-size: 130%;
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-align: right;
	float: right;
	margin-top: 100px;
	margin-right: 10px; 
	height: 25px;
}

div.subtitle {
	color: #184472;
	font-size: 130%;
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-weight: 700;
	margin-bottom: 10px;
}


/* basic links in text */
A:LINK   { color: #184472; text-decoration: none;   }
A:VISITED  { color: #184472; text-decoration: none;   } 
A:ACTIVE {color: #184472;  }
A:HOVER {color: #5575BF; }

A.topnav:LINK   { color: #ffffff; text-decoration: none;   }
A.topnav:VISITED  { color: #ffffff; text-decoration: none;   } 
A.topnav:ACTIVE {color: #ffffff;  }
A.topnav:HOVER {color: #D2CECC ;}

.container {
	vertical-align: top;
	width: 800px;
	margin-left: auto ;
  	margin-right: auto ;
	background-color: #383742; /* background-color: #383742; */
}

.header {
	width: 790px;
	height: 130px;
	vertical-align: top;
	background-image: url(../images/bg_header_01.jpg);
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
}


.navcell {
	width: 200px;
	float: left;
	vertical-align: top;
	display: table-cell;
}

.navcell_2 {
	width: 600px;
	float: left;
	vertical-align: top;
	display: table-cell;
}

.navtable {
	width: 800px;
	display: table;
}

.navigation {
	margin-left: 5px;
	margin-right: 5px;
}

.left_notes {
	width:170px; 
	height: 420px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 10px;
	float: left;
	border-bottom: thin solid #184472 ;
	background-color: #FFFFFF;
	
}

.justify { 
	color: #000000; 
	font-size: 80%; 
	font-family:  Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; 
	vertical-align: top;
	text-align: justify;
}

.content {
	margin-right: 5px;
	padding: 10px;
	background-color: #ffffff;
	min-height: 669px;
}

.footer {
	width: 790px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	border-top: medium solid #184472;
}


.imagefloat_left {
	float: left;
}

.names_bold {
	font-weight: 700;
	color: #184472;
	text-transform: uppercase;
}

/* unused for now 

.sortnav_col {
	width: 165px;
	vertical-align: top;
	display: table-cell
}

.sortnav_col_2 {
	width: 576px;
	vertical-align: top;
	display: table-cell
}

*/

.range_table {
	width: 576px;
	display: table;
	text-align: center;
}

/**/	.results_table {
			width: 500px;
			display: table;
			}


.range_tablecell {
	width: 175px;
	float: left;
}

.range_tablecell_2 {
	width: 250px;
	display: table-cell;
}

.subtitle_black {
	color: #000000;
	font-size: 130%;
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-weight: 700;
	width: 175px;
	margin-left: auto;
	margin-right: auto;
	
}

.subtitle_black_freewidth {
	color: #000000;
	font-size: 130%;
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: 700;
	margin-left: auto;
	margin-right: auto;
	
}

.subtitle_black_left {
	color: #000000;
	font-size: 130%;
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: 700;
	margin-left: auto;
	margin-right: auto;
	
}
	

/*leftnav menu */


#leftnav
{	margin: 0;
	padding: 0;
	z-index: 30;}

#leftnav li
{	width: 190px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	background-image: url(../images/bg_navbutton01.jpg);
	font-size: 80%;
	font-weight: 700;
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;}

#leftnav li a
{	display: block;
	padding: 4px 10px;
	color: #ffffff;
	margin-left: 40px;
	text-align: left;
	text-decoration: none;}

#leftnav li a:hover
{	background-image: url(../images/bg_navbutton02.jpg); }


#leftnav li div
{	background-image: url(../images/bg_navbutton_grey.jpg);
	display: block;
	padding: 4px 50px;
	color: #ffffff;
	text-align: left;
	text-decoration: none;}

/*sortnav menu */

#sortnav
{	margin: 0;
	padding: 0;
	z-index: 0;}

#sortnav li
{	width: 165px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	background-image: url(../images/bg_sortnavbutton01.jpg) ;
	font-size: 80%;
	font-weight: 700;
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;}

#sortnav li a
{	display: block;
	padding: 4px 10px;
	color: #ffffff;
	border: none;
	margin-left: 0px;
	text-align: left;
	text-decoration: none;}

#sortnav li a:hover
{	background-image: url(../images/bg_sortnavbutton02.jpg);
}

#sortnav div
{	position: absolute;
	visibility: hidden;
	margin-top: -26px;
	margin-left: 165px;
	padding: 0;
	background: #383742;
	border: 1px solid #184472}

	#sortnav div a
	{	position: relative;
		display: block;
		border: none;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #383742;
		color: #ffffff;		}

	#sortnav div a:hover
	{	background: #556177;
		color: #ffffff}