body {
background: #F7F7EE;
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#container {
width:984px;
height:100%;
margin:0 auto;
}

#container img{
border:0;
}

#banner{
width:813px;
height:128px;
background-color:#FFF;
background-image:url(../images/2010/connect.gif);
background-repeat:no-repeat;
float:right;
}
#top_left{
width:171px;
height:128px;
background-color:#FFF;
background-image:url(../images/2010/top_left_bg.gif);
background-repeat:no-repeat;
float:left;
font-size:11px;
}
#top_left a {
display:block;
text-decoration:none;
padding:4px 0 0 15px;
}
#top_left a:link {color:#000;}
#top_left a:active {color:#000;}
#top_left a:visited {color:#000;}
#top_left a:hover {color:#FFF;}

#utilityarea{
width:864px;
height:27px;
background-image:url(../images/utilitybg.gif);
clear:right;
text-align:right;
padding-right:120px;
border-top:1px solid #EFEBDB;
}
#wrapper{
background-image:url(../images/contentbg.gif);
height:100%;
}
/*This clearfix is a hack to compensate for the differences in how IE and Mozilla clear floated divs*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display:inline;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#sidenav{
width:180px;
background-color:#FFF;
float:left;
padding:0 20px 0 0;
font-size:0.8em;
}

#sidenav a {
text-decoration:none;
padding:0 2px 0 10px;
}
#sidenav a:link {color:#000;}
#sidenav a:active {color:#000;}
#sidenav a:visited {color:#000;}
#sidenav a:hover {color:#3393D3;}

#sidenav ul{
margin-left:8px;
list-style:none;
}

html>body #sidenav ul{
margin:0 0 0 2px;
list-style:none;
padding-left:5px;
}
#sidenav li{
line-height:17px;
padding-bottom:5px;
}

/*"you are here" (arrow indicator for menus) */
body#terms li#termsnav a, body#guidequick li#guidequicknav a, body#guidedetail li#guidedetailnav a, body#guidesafety li#guidesafetynav a, body#faq li#faqnav a, body#contact li#contactnav a{
background-image:url(../images/arrow.gif);
background-repeat:no-repeat;
font-weight:bold;
}

/*This class establishes the minimum height of the content div to fill the browser window at 1024 x 768 */
/*Put more simply, the height of the content div will expand with whatever text and images are added, but will never be shorter than the minimum value assigned */
.minheight {height: 400px;}

html>body .minheight {
height: auto;
min-height: 400px;
} 
#content{
width:527px;
background-color:#FFF;
float:left;
padding:0 20px 20px 10px;
font-size:0.8em;
}
#content h1 {font-size: 1.4em; color: #000; font-weight:600; margin:0 0 6px 0;}
#content h2 {font-size: 1.2em; font-weight: bold; margin:0 0 6px 0;}
#content h3 {font-size: 1.0em; color: #333; font-weight: bold; margin:0 0 6px 0;}
#content p  {margin:0 0 10px 0;}
#content hr {border: 0; color: #E7E0C7; background-color:#E7E0C7; height: 2px; width: 100%; text-align: left; }
#content ul {margin:-2px 0 10px 23px;}
#content ol {margin:-2px 0 10px 23px;}

/*this is a fix for Firefox (compliant browsers) list indentation*/
html>body #content ul, #content ol{
margin:0 0 0 2px;
padding:2px 0 10px 25px;
}

#con1{
width:260px;
float:left;
}
#con2{
width:263px;
float:left;
text-align:right;
}

.inline
{display:inline;}

#termsofuse {
border:1px solid #CCC;
overflow:auto;
padding:0 10px 10px 10px;
margin:10px 0 10px 0;
height:110px;
}
#termsofuse h3 {font-size: 1em; font-weight: bold; margin:6px 0 6px 0;}
#termsofuse ol ol{list-style-type:lower-alpha;}
#termsofuse ol ol ol{list-style-type:lower-roman; margin-left:20px;}
html>body #termsofuse ol ol ol{list-style-type:lower-roman; margin-left:-20px;}/*for Mozilla browsers*/

#termsofuse li{margin:4px 0 4px 0;}


#promo_area{
width:190px;
background-color:#EFEBDB;
float:right;
padding:20px 16px 0 15px;
font-size:0.8em;
}

table{margin-bottom:12px;}

.datatable{
	border-collapse:collapse;
	text-align:left;
	border:1px;	
}
.datatable tr{
	vertical-align:top;
	border:1px;
}
.datatable td, th{
	padding:7px;
	border:1px;
}
#standard {border:1px solid #5da5cb;} /*dark border*/
#standard thead th	{background-color:#5da5cb; font-weight:bold; font-size: 1em; border:1px solid #edf7ff;} /*light border, dark bg*/
#standard tbody th	{border:1px solid #5da5cb; font-weight:bold;} /*dark border*/
#standard tbody td	{border:1px solid #5da5cb;} /*dark border*/
#standard tr.rowOdd td,
#standard tr.rowOdd th	{background-color:#fff;} /*white bg*/
#standard tr.rowEven td,
#standard tr.rowEven th	{background-color:#edf7ff;} /*light bg*/

#borderless {border:0;}
#borderless thead th	{background-color:#5da5cb; font-weight:bold; font-size: 1em; border:0;}
#borderless tbody th	{border:0; font-weight:bold;}
#borderless tbody td	{border:0;}

#footer{
width:984px;
height:10px;
background-color:#2D3C42;
clear:both;
margin-bottom:50px;
}