@charset "utf-8";

/* styles used in articles: p, review_images, maintitle */

p {
  margin-left:10px;
  margin-right:20px;
  margin-top:0px;
  margin-bottom:20px;
  text-align:left;
}

.term {
  font-size:24px;
  font-weight:bold;
  color:#FFFFFF;
  background-color:#0066FF;
  float:left;
  margin-left:10px;
  margin-right:10px;
  margin-top:0px;
  margin-bottom:0px;
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  padding-bottom:5px;
  display:inline;
}

.faq {
  font-weight:bold;
  margin-left:10px;
  margin-right:10px;
  margin-top:0px;
  margin-bottom:0px;
}

.review_images {
  margin-left:10px;
  margin-right:10px;
  margin-top:10px;
  margin-bottom:0px;
}

.review_images_centered {
  margin-left:10px;
  margin-right:10px;
  margin-top:0px;
  margin-bottom:10px;
}

body {
	background-color:#f1f0f0;
	margin:0px;
	border:0px;
	padding:0px;
	height:100%;
	text-align: center;
	font-size:12pt;
	font-family:"Trebuchet MS";
}

#sectionTop {
	width:100%;
	margin-top:128px;
	text-align:center;
	background:url(img/bg.png) repeat-x bottom;
}

	#sectionSearch {
		width:985px;
		height:50px;
		margin-left:auto;
		margin-right:auto;
		background-image:url(img/searchtab.gif);
		background-repeat:no-repeat;
		background-position:right;
	}

		#searchBox {
			top:-176px;
			position:relative;
			left:345px;
			border:2px solid #639502;
			width:205px;
			font:16pt Arial;
			height:26px;
		}

		#searchButton {
			position:relative;
			top:-165px;
			left:345px;
		}

		#derLogo {
			position:relative;
			left:-160px;
			top:-110px;
		}

	#sectionNav {
		width:985px;
		height:51px;
		margin-left:auto;
		margin-right:auto;
	}

		ul {
			margin: 0px;
			padding: 0px;
			padding-top: 15px;
		}
		
		#navItemContainter li {
			display:inline;
			margin-right: 28px;
			padding-top: 1px;
			padding-left: 8px;
			padding-right: 8px;
			font: 18pt Arial;
			font-weight: bold;
			letter-spacing: -1px;
			text-align: center;
			color: white;
		}
		

		#navItemContainter li a {
			text-decoration: none;
			color: white;
		}
		
		#navItemContainter li:hover {
			background-color: #639402;
			font: 18pt Arial;
			font-weight: bold;
			color:#000000			
			}

		#byLine {
			float:right;
			color:white;
			margin-top:25px;
			font-weight:bold;
			font-size:0.9em;
		}
		
		#byLine a{			
			color:white;
			margin-top:25px;
			font-weight:bold;
			font-size:1.0em;
			text-decoration:none
		}		

		#byLine a:hover{		
			color:#000000;
			margin-top:25px;
			font-weight:bold;
			font-size:1.0em;
		}

#container {
	background:url(img/whitebg.jpg) repeat-y top;
	width:1063px;
	margin:0px auto;
	background-color:#ffffff;
	clear:both;
	overflow:absolute; /* it was hidden, which did not scroll in IE, so Dan L chose absolute on 3-5-2010 */
}

.headlogo{
text-shadow: #444444 3px 3px 0px;
font-size:38px;
color:#ffffff;
font-weight:bold;
width:425px;
margin:5px auto;
padding:30px;
}

	#sectionLeft {
		float:left;
		width:170px;
		margin-left: 40px;
	}

		.sectionLeftContent {
			background-color:#FFFFFF;
			border-left:1px solid #a3a3a3;
			border-right:1px solid #a3a3a3;
		}

		.sectionLeftContent a{
		font-family:Trebuchet MS;
			font-size:16px;
			color:#0000EE;
			text-decoration:none
		}

		.sectionLeftContent a:hover{
		font-family:Trebuchet MS;
			font-size:16px;
			color:#0000EE;
			text-decoration:none			
		}

		.menuheader{
		text-shadow: #444444 2px 2px 0px;
		width:100%;		
		background-color:#396dda;
		height:45px;
		margin:0px;
		padding:5px 0px;
		background:#666666 url(glossyback2.gif) repeat-x top left
		 }
		 
		 .menuheader h1{		
		font-family:Trebuchet MS;
		font-size:18px;
		color:#ffffff;
		font-weight:bold;		
		
		 }

	#sectionCenter {
		width:600px;	
		background-color:#fff;
		margin:0px auto;		
	}
	
	.main_header {
		background-image:url(img/blue_top_header.jpg);
		background-repeat:no-repeat;
		background-position:center;
		padding: 0px;
		margin-left: 35px;
		float:left;
		width: 995px;
	
	}
	
	#sectionCenterWide {
		width:800px;		
		background-color:#fff;
		margin-left: 10px;
		float:left;
		
	}

	#sectionCenterContent {
		background-color:#fff;
		padding:5px;		
		/*overflow-x:hidden*/
		}

	#sectionRight {
		float:right;
		background:#666666 url(glossyback2.gif) repeat-x top left;
		background-color:#3e3e3e;
		
		margin-right: 40px;
		width:170px;
		}

	#sectionRight a {
	font-family:Trebuchet MS;
	font-size:14px;
	color:#0000EE;
	font-weight:bold;
	text-decoration:none		
	}

	#sectionRight a:hover{
	font-family:Trebuchet MS;
	font-size:14px;
	color:#0000FF;
	font-weight:bold;
	text-decoration:none		
	}

	#sectionRightContent {
		background-color:#FFFFFF;
		border-left:0px solid #a3a3a3;
		border-right:0px solid #a3a3a3;
		border-bottom:1px solid #a3a3a3;
		text-align:center;
		padding-top: 5px;
	}

	.tabber {
		padding:10px 0px 5px 0px;
		font:18px Trebuchet MS;
		color:white;
		font-weight:bold;
	}

h3 {
	margin:0px;
}

h1 {
	margin:0px;
}

.glossymenu{
margin:0;
padding: 0;
text-align:left;
width: 170px; /*width of menu*/
}

.glossymenu a.menuitem{
background: black url(white_glossyback.gif) repeat-x bottom left;
font: bold 14px Lucida Grande, Trebuchet MS, Verdana, Helvetica, sans-serif;
color: #464646;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #464646;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(white_glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px dotted #5e83be;
background-color: #719ce1;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px Lucida Grande, Trebuchet MS, Verdana, Helvetica, sans-serif;
color: white;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #98b4e1;
}

.reviewdiv {
	font-size:14px;
	margin-bottom:20px;
	padding:5px;
	text-align:left;
	border:0px solid #a3a3a3;
	background-color:#FFFFFF;
}

.reviewTable {
	width:100%;	
	border-left:0px solid #a3a3a3;
	border-right:0px solid #a3a3a3;
	border-bottom:1px solid #a3a3a3;
	border-top:0px solid #a3a3a3;
	background-color:#FFFFFF;
	margin:0px;
}

.bargraph {
	background-color: #ffffcc;
	padding: 1px;
}

.maintitle{
font-family: Trebuchet MS, Arial, sans-serif ;
font-size:20px;
font-weight:bold;
color:#3364da
}

/*****Clear set******/
.group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

*html .group {
    zoom: 1; 
    display: block;   
    }
	 
*:first-child+html .group {
	min-height:1px
}

.group {
  display: inline-block;
}  /* for IE/Mac */