/* CSS Document */



body {

	font: Verdana, Arial, Helvetica, sans-serif;

	background: #000000;

	padding: 0;

	margin: 0;

}



/* Background Images and Layout */

#comingsoon {

	position: absolute;

	top: 198px;

	left: 543px;

}



#bodybackground {

	background: url(images/bg_body.jpg) top left no-repeat;

}



#headbar {

	background: url(images/home/bg_top.jpg) top left no-repeat;

	height: 70px;

}



#bodyheadbar {

	background: url(images/bg_flashimage.jpg) top right no-repeat;

	height: 70px;

}



#precision {

	background: url(images/home/bg_headline.jpg) top left no-repeat;

	height: 40px;

	font: 30px Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	padding-left: 20px;

	vertical-align: top;

}



#homenav {

	background: url(images/home/bg_homenav.jpg) top left no-repeat;

	height: 285px;

	font: 14px bold Arial, Helvetica, sans-serif;

	letter-spacing: 1px;

	color: #FFFFFF;

	vertical-align: top;

	padding-top: 5px;

	line-height: 30px;

}



#homenav a {

	text-decoration: none;

	color: #FFFFFF;

}



#homenav a:hover {

	text-decoration: underline;

}



#menu {

	background: url(images/home/bg_menu.jpg) top left no-repeat;

	height: 245px;

	width: 120px;

	vertical-align: top;

}



#menu ul {

	padding-left: 20px;

}



#homebottom {

	background: url(images/home/bg_bottomright.jpg) top left no-repeat;

	height: 160px;

	width: 235px;

}



#content {

	background: #FFFFFF;

	width: 600px;

	vertical-align: top;

}



.bodyimage {

	margin: 0 10px 10px 10px;

}



#typesform {

	margin-left: 200px;

	margin-top: -20px;

}



#mbtypes {

	font-size: 12px;

	font-weight: bold;

	color: #324674;

	background: #eeeeee;

}



#mbtypes option {

	padding-bottom: 2px;

}



#mbbutton {

	height: 20px;

	width: 40px;

	font-size: 12px;

	font-weight: bold;

	color: #324674;

}



#mbbutton:hover {

	background: #324674;

	color: #ffffff;

	cursor: pointer;

}



#searchbutton {

	font-size: 12px;

	font-weight: bold;

	color: #324674;

}



#searchbutton:hover {

	background: #324674;

	color: #ffffff;

	cursor: pointer;

}



/* Dropdown Nav */



#nav, #nav ul { /* all lists */

	padding: 0;

	margin: 10px 0 0 0;

	list-style: none;

	float: left;

}

	

#nav li { /* all list items */

	position: relative;

	float: left;

	margin: 6px 0 8px 0;

	width: 100px;

}

	

#nav li ul { /* second-level lists */

	position: absolute;

	left: -999em;

	margin-left: 100px;

	margin-top: -17px;

	background: #eeeeee;

	width: 185px;

}



#nav li ul li { /* second-level list items */

	position : relative;

	float: left;

	margin: 0 0 0 0;

	width: 100px;

}

	

#nav li ul ul { /* third-and-above-level lists */

	left: -999em;

	margin-left: 185px;

}

	

#nav li a {

	font: 11px Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	width: 100px;

	display: block;

	color: white;

	text-decoration: none;

	padding: 2px 0 2px 2px;

}



#nav li ul a { /* second-level list links */

	color: #324674;

	background: #eeeeee;

	width: 185px;

	padding: 2px 0 2px 2px;

}

	

#nav li a:hover {

	color: white;

	background-color: #324674;

}

	

#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;

}



#nav li:hover, #nav li.sfhover {

	background-color: #324674;

}



/* Footer */



#footer {

	font: 10px Verdana, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	text-align: center;

	padding: 20px 0;

}



#footer a {

	color: #FFFFFF;

	text-decoration: none;

}



#footer a:hover {

	text-decoration: underline;

}





/* Font Styles */



#content p {

	font: 12px Verdana, Arial, Helvetica, sans-serif;

	margin: 0 20px 12px 10px;

	line-height: 16px;

}



#content p.capt {

	font: 10px Verdana, Arial, Helvetica, sans-serif;

}



#content ul li {

	font: 12px Verdana, Arial, Helvetica, sans-serif;

	margin: 0 20px 12px 0;

	line-height: 16px;

	list-style: disc;

}



#types p {

	font: 10px Verdana, Arial, Helvetica, sans-serif;

	margin: 0 20px 10px 10px;

	line-height: 14px;

}



#content h5 {

	font: 12px Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	margin: 0 10px 2px 10px;

	line-height: 1.3em;

}



#content h4 {

	font: 12px Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	margin: 0 10px 2px 10px;

	line-height: 1.3em;

	text-align: center;

	color: #324674;

}



#content h2 {

	font: 24px Arial, Helvetica, sans-serif;

	font-weight: bold;

	margin: 10px 10px 10px 10px;

	color: #324674;

}



#contact {

	font: 10px Verdana, Arial, Helvetica, sans-serif;

	width: 400px;

	background: #eeeeee;

	border: solid 1px #324674;

}



/* Charts */



.smalltable {

	font: 12px Verdana, Arial, Helvetica, sans-serif;

	line-height: 1.3em;

	background: #eeeeee;

	padding: 5px;

	border: solid #324674 1px;

	margin-bottom: 10px;

}



.bigtable {

	font: 12px Verdana, Arial, Helvetica, sans-serif;

	text-align: center;

	line-height: 20px;

	background: #eeeeee;

	padding: 0;

	border: solid #324674 1px;

	margin-bottom: 10px;

}



.greasetable {

	font: 10px Verdana, Arial, Helvetica, sans-serif;

	text-align: left;

	line-height: 14px;

	background: #eeeeee;

	padding: 0;

	border: solid #324674 1px;

	margin-bottom: 10px;

}



.greasetable td {

	border: solid 1px #324674;

	padding: 4px 2px 4px 5px;

}



.bigline {

	height: 4px;

	line-height: 0;

	background: #324674;

	padding: 0;

	margin: 0;

}



/* Links */

#content a:link {

	color: blue;

	text-decoration: none;

	}



#content a:visited {

	color: purple;

	text-decoration: none;

	}



#content a:hover {

	color: red;

	text-decoration: underline;

	}

	

#content a:active {

	color: blue;

	text-decoration: none;

}



#subnav {

	font: 10px Verdana, Arial, Helvetica, sans-serif;

	margin: 2px 0 0 12px;

	text-transform: uppercase;

}



#subnav a:link {

	text-decoration: none;

	color: #000000;

}



#subnav a:visited {

	text-decoration: none;

	color: #000000;

}



#subnav a:hover {

	text-decoration: underline;

	color: #000000;

}



#subnav a:active {

	text-decoration: none;

	color: #000000;

}



.top {

	font: 10px Verdana, Arial, Helvetica, sans-serif;

	margin: 2px 0 12px 11px;

	font-style: italic;

	color: #000000;

}



/* Interchange styles */



.title2 {

	font: 14px Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #324674;

}



.links2 {

	font: 12px Verdana, Arial, Helvetica, sans-serif;

	line-height: 18px;

}



#interchange {

	font: 12px Verdana, Arial, Helvetica, sans-serif;

	background: #eeeeee;

	padding: 0;

	border: solid #324674 1px;

	margin-bottom: 10px;

	padding-top: 10px;

}



#interbox {

	height: 262px;

	background: url(images/mountedball/interbox.gif) left top no-repeat;

}



.interselect {

	font-size: 12px;

	font-weight: bold;

	color: #324674;

	background: #ffffff;

}



.interselect option {

	padding-bottom: 2px;

}


