html,body{margin:0;padding:0}
body{font: 85%/1.3 Verdana,Arial,sans-serif;
    text-align: center;
	background: #c5c5c5 url(/images/bg-page.jpg) repeat-x top; padding-bottom: 20px}
p{margin:0px 5px 5px 5px}
h1,h2,h3{font: normal normal 200% "Trebuchet MS",Arial,sans-serif}
h2{font-size:160%; padding-top:18px}
h3{font-size:120%}
hr {color:#009B7B}
.h1banner{font-size:200%; padding-top:25px;}
.style3 {font-size: 90%; margin:0px 10px 10px 10px; color:#2F2F2F}
.stylemenu {font-size: 90%; margin:2px 2px 10px 10px; background-color:#CCCCCC}
.menuitem {font-size: 90%; margin:0px 10px 10px 10px}
.style4 {font-size: x-small}
.style5 {color: #0272C7}
.floatleft { float: left; margin: 5px 5px 5px 0px; border: 1px solid #666; padding: 2px}
.floatleft2 { float: left; margin: 10px 20px 10px 10px; border: 1px solid #666; padding: 2px}
.floatleft3 { float:left; margin:5px 60px 10px 40px}
div#floatleftpmenu { float: left; margin: 2px 2px 2px 2px; border: 1px solid #666; padding: 2px}
.floatleftmenu { float: left; margin: 0px 2px 4px 6px; border: 1px solid #666; padding: 2px; background-color:#FFFFFF}
.quotehighlight {
	float: right;
	width: 630px;
	font-size: 90%;
	margin: 10px 8px 10px 0px;
 	padding: 5px 5px 5px 5px;  
    border: 1px solid #f2f2f2; 
  	background: #EFEFEF;    
}
.floatright { float: right; width:160px; margin: 0px 10px 10px 10px; padding: 5px}
.floatright2 { float: right; margin: 5px 10px 15px 20px; border: 1px solid #A1A1A1; padding: 3px 3px 3px 3px}
.floatbiomech { float: right; margin: 3px 10px 3px 20px; border: 1px solid #A1A1A1; padding: 3px 3px 3px 3px}
.floatright3 { float: right; margin: 5px 10px 15px 20px; padding: 5px}
.thumbimage { margin: 2px 2px 2px 2px; border: 1px solid #666; padding: 2px 2px 2px 2px}
.regimage { margin: 5px 5px 5px 5px; border: 1px solid #A1A1A1; padding: 3px 3px 3px 3px}
.floatrightform { float: right; margin: 0px 0px 0px 10px; padding: 2px; border: #009C7B dashed 3px;}
.js-kit-rating { float: right; width:100px; margin: 0px 5px 0px 0px;}
.js-kit-comments { float: right; width:620px; margin: 5px 10px 10px 5px; padding: 5px}
.js-kit-poll { float: right; width:220px; margin: 0px 5px 0px 5px;}

.headlinebox {font:"Trebuchet MS",Arial,sans-serif;font-size: 110%; font-weight:bold; color: #000000;}

.pagetitle {font:Verdana, Arial, Helvetica, sans-serif;font-size: 200%; font-weight:bold;}

.menuheading {font-size: 130%; font-weight: bold; margin:10px 0px 10px 10px}

div#header{width:100%;overflow:hidden;background: #000000}
div#header h1,div#menu{width:800px;margin:0 auto;text-align:left}
div#header h1{padding: 20px 0 10px;color: #FFF}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{float:right;font-size: 80%}
ul#nav li{float:left;margin-left: 3px;text-align: center}
ul#nav a{float:left;width: 95px;padding: 5px 0;background: #009B7B;text-decoration:none;color: #FFC}
ul#nav a:hover{background: #0272C7;color: #FFDE00}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}

div#container{width:840px;margin:0 auto 10px;padding:20px 0 10px;text-align:left;background:#FFF}
div#content{float:left;display:inline;width:820px;margin:0 0 10px 10px}
div#banner{float:left;width:626px;background:#F3CF00;margin:0px 0px 10px 0px; padding: 0px 0px 0px 10px}
div#searchresults{float:left;width:626px;background:#FFFFFF;margin:0px 0px 10px 0px; padding: 0px 0px 0px 10px}

ul#intro,ul#intro li{list-style-type:none;margin:0;padding:0}
ul#mission,ul#intro2 li{list-style-type:none;margin:0;padding:0}
ul#intro li{float:left;width:204px;margin:0px 12px 10px 0px;padding: 10px 0}
li#mission{background: #53A3DF}
li#services{background: #009A7A}
ul#intro li#more{margin-right:0;background: #FFC62F}
ul#intro p,ul#intro h3{margin:0;padding: 0 10px}
ul#intro h3{text-transform:uppercase;padding-bottom:3px;color: #00406F}

div#content h2{margin: 10px 0;color: #007BC4}
div.date{float:left;width: 4em;padding: 5px 0;background: #000000;color:#FDFF00;
    text-align:center;margin: 0 8px 2px 0;font-size: 80%;line-height:0.9}
div.date span{display:block;font-size: 150%;font-weight:bold}

div#side{float:left;display:inline;width: 155px;background:#F3CF00; margin:0 15px 10px 0}
div#side p{margin:5px 0 10px;padding: 0 8px}
div#side div{margin: 0 0 10px;padding: 10px 0}

div#video{float:left; width: 560px; background:#B5BE93; padding:10px 0px 10px 40px; margin: 10px 20px 25px 20px}

div#presentation{float:left; width: 630px; background:#B5BE93; padding:10px 0px 10px 0px; margin: 10px 10px 25px 10px}

div#yellow{float:left; width: 560px; background:#B5BE93; padding:10px 10px 10px 20px; margin: 10px 20px 20px 20px}

div#forum{float:left; width: 560px; background:#B5BE93; padding:10px 5px 5px 10px; margin: 10px 10px 10px 10px}

div#footer{clear:both;width:820px;margin:0 10px 0;padding: 10px 0;
    background: #586695;color: #FFF;font-size: 70%;text-align:center}
div#footer p{margin:0}


/*  styles for the unit rater     */
.ratingblock {
	display:block;
	border-bottom:1px solid #999;
	padding-bottom:8px;
	margin-bottom:8px;
	}

.loading {
	height: 30px;
	background: url('../images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	position: relative;
	background: url('../images/starrating.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('../images/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}	
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
	background: url('../images/starrating.gif') left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}


.pagemenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
color:#990000;
}

.pagemenu a:link {
color: #990000;
text-decoration: none;
}

.pagemenu a:hover {
color: #000099;
text-decoration: none;
}




 #navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
text-decoration: none;
padding: 0px 2px 0px 2px;
color:#990000;
font-size:12px;
}

#navcontainer ul li a:hover
{
color:#000099;
}

#article ul li
{
background-image: url(images/bullet-green.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}