* {margin: 0px; padding: 0px;}

body {font-family:"Trebuchet MS", Arial, Sans-serif; color:#556095; background: #e9eaf1; font-size:12px;}
.p12 {font-size:14px;}

/* CSS for pop up hint box */
#hintbox {position:absolute; top: 0; background-color: lightyellow; width: 150px; /*Default width of hint.*/ padding: 3px; border:1px solid black; font-size:10px; line-height:18px; z-index:100; border-right: 3px solid black; border-bottom: 3px solid black; visibility: hidden;}

/* CSS for link that shows hint onmouseover */
.hintanchor {font-weight: bold; color: navy; margin: 3px 8px;}
.float {float:left; margin:0 10px;}
.center {margin:0 auto;}
img {border:0;}
table {width:610px;	margin:0 auto;}
.inputtext {font-family: "Trebuchet MS", Arial, Sans-serif; color:#556095; background: #e9eaf1; font-size:12px; border: 1px solid #3f4666; font-weight: bold; margin:0; padding:0;}
.inputtext2 {font-family: "Trebuchet MS", Arial, Sans-serif; color:#e9eaf1; background: #556095; font-size:12px; border: 1px solid #3f4666; font-weight: bold; margin:0; padding:0;}
#header {width: 991px; background-image: url(gfx/header.png); height:15px; margin:0 5px 0 5px; padding:2px 0 0 0; line-height:10px;}
#header a:link, a:visited {color: #ffffff; font-size:10px; text-decoration:none; margin:0 0 10px 42px;}
#header a:hover {color: #ffffff; font-size:10px; text-decoration:underline; margin:0 0 10px 42px;}
#logo {width:991px;	border:0; margin:0; padding:0 5px 0 5px; line-height:0; display:block;}
#menu {width:991px; height:33px; margin:0 5px 0 5px; padding: 0;}
#menu ul {list-style:none;}
#menu li {list-style:none; height:33px; float:left;}
#menu li#begin {background-image: url(gfx/menu0.png); width:39px;}
#menu li#end {background-image: url(gfx/menu7.png); width:390px; line-height:27px; padding-left:10px; padding-top:4px; height:29px;}
#menu li.link {width:138px; text-align:center;}
#menu li a {padding-top:5px; display:block; height:28px; width:138px; background-image: url(gfx/menu_general.png); text-decoration:none; font-size: 18px; font-weight: bold; color: #ffffff; margin:0;}
#menu li a:hover {padding-top:5px; display:block; height:28px; width:138px; color: #474b64; background-image: url(gfx/menu_on.png);}
#main {width: 991px; background-image: url(gfx/main_bg.png); /*height:300px;*/ margin:0 5px 0 5px; padding:0;}
#content {margin:0px 17px 0 20px;}
#mainbox {width:630px; /*height:200px;*/ float:left; min-height:450px; padding-left:10px;}
#newsbox {width:630px; min-height:150px;}
#mainbox img {border:1px solid #474b64;}
h2 {padding-left:15px; height:28px; width:600px; display:block; margin:5px 0 10px 0; font-size:18px; font-weight:bold; font-style:italic; background-image: url(gfx/main_hr.png);}	
#mainbox a {padding:0; margin:0; font-size:12px; color:#474b64; text-decoration:underline;}
#mainbox a:hover {color:#000000; text-decoration:none;}
#bs {margin:40px auto; background-image: url(gfx/bs.png); width:317px; height:180px;}
#infobox {position:absolute; left:675px; padding:1px; width:280px; border:1px solid #474b64; min-height:100px; background-image: url(gfx/news_bg.png); padding-left:20px;}
#infobox h2 {padding-left:15px; height:28px; width:255px; display:block; margin:5px 0 10px 10px; font-size:18px; font-weight:bold; color:#f7f8fa; font-style:italic; background-image: url(gfx/news_hr.gif);}
#infobox a {padding:0; margin:0; font-size:12px; color:#474b64; text-decoration:underline;}
#infobox a:hover {text-decoration:none; color:#000000;}
#holdtall {float:right; width:0px; height:450px}
#content-end {padding: 15px 0 0 0; clear:both; height:0; overflow:hidden}
#footer0 {width: 991px; background-image: url(gfx/footer0.png); height:27px; margin:0 5px 0 5px; padding:0;}
#footer1 {width: 991px; background-image: url(gfx/footer1.png); height:16px; margin:0 5px 0 5px; padding:0; line-height:10px; font-size:0;}

/* R&D video settings */

div#flashContent {margin: 0 auto; border: solid 1px #bcbdd1; width: 342px; height: 291px; text-align: center;}
div#flashContent2 {margin: 0 auto; border: solid 1px #bcbdd1; width: 342px; height: 291px; text-align: center;}

/* lightbox settings */

#lightbox {position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/gfx/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/gfx/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.req {color: #ae0004; font-weight: bold;}
.jsvalidation {color: #f00; font-weight: bold; font-size: 10px;}
.inputtext_cp {font-family: "Trebuchet MS", Arial, Sans-serif; font-weight: bold; color: #e9eaf1; background: #556095; font-size: 12px; border: 1px solid #3f4666; margin: 0; padding: 0;}