/*	Global Styles */
body, h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address, image, form, label {margin:0; padding:0;}
img {border:none;}



.clearFloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

body  {
	text-align: center;  /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	margin: 0px 0px 0px 0px;
	background:#E3E3E3;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
    color:#6e757b;
}


#container { 
	width: 960px; 
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	border:1px solid #808080;
} 

.masthead
{
        width:960px;
        height:80px;
        background:#125dab;

} 
.logo
{   
    /*position:absolute;
    top:30px;
    left:10px;*/
   float:left;
    margin:22px 0 0 20px;	
	}
.mutualBanner {background:url(../images/mutualBanner.gif) no-repeat; height:206px; with:684px;}
    .mutualBanner p { padding-top:60px;  width:660px; margin-left:10px; color:#fff; font-size:14px; font-weight:bold;}
        
#banner {margin-top:5px;}

#topNavigation {
	letter-spacing:0;
	margin:-14px;
	padding:0px 35px 0px 0px;
	float:right;  
}

#topNavigation ul{
	list-style: none;
}

#topNavigation li{
	float:left;
	font-weight:bold;
	font-size:11px;
	padding:0 20px 0px 0px;
	display:block;
}

/* Start Tab Navigation */
#topNavigation a.inActive {
	display:block;
	color: #fff;
	text-decoration: none;
} 



#topNavigation a.active, #topNavigation a.inActive:hover, #topNavigation a.selected {
	display:block;
	color: #F89829;
	text-decoration: none;
} 

#topNav {float:right; width:490px; height:16px; margin-top:15px; padding:0;}
    ul#searchNav { list-style-type:none; margin:0;}
    ul#searchNav li {float:left; padding-right:10px;}
    ul#searchNav li a {text-decoration:none;color:white; font-size:11px;}

.search {width:180px; height:16px; margin:0; padding:0;}
.search .input {float:left; width:110px; border:#ffffff 1px solid; }
.search .button { float:left; height:20px; width:60px; border:#ffffff 1px solid; background:#0D5CAB; color:#ffffff; }

.calloutBlue {width:715px;color:#003699;font-size:11px;padding:10px;border: solid 1px #C8C8C8;background:#d2d6ea; margin: 4px 0px 10px 0px;}



.productPanel {border-bottom: 1px solid #CACACA; border-left: 1px solid #CACACA; float: left; height: 55px; margin-left: 464px; margin-top: 4px; position: absolute;width: 451px;}
    .productPanel ul { list-style:none; list-style-position:outside;}
        .productPanel ul li {display:inline; float:left; font-weight:bold; font-size:11px;}
            .productPanel ul li a {display:block; padding:10px 8px 8px 8px; color: #0D5CAB; text-decoration:none; }
            .productPanel ul li a.active,#productPanel ul li a:hover, #productPanel ul li a.selected  {color: #F89829; text-decoration:none; }

.cmePanel {border: 1px solid #cacaca; margin-left: 20px; width:150px; padding:10px; text-align:center; color:#636466; }
 	.cmePanel p { text-align:left; font-size:11px; line-height:14px; letter-spacing:-1px; }
	.cmePanel h3 { color:#0D5CAB;}
	.cmePanel a {color:#F89829;}
	.cmePanel strong a {color:#F89829;}


#contentContainer
{
    background: url(../images/bgTile.gif) repeat-y;
    display: table;  /*this is a firefox and safari hack to force y repeat of BG image. Without it, the BG will not tile */
    width:960px;
    text-align:left;
    

}

#leftNav
{
   width:190px;
   float:left;
   padding:30px 5px 10px 0px;
   /*border: 1px solid #ff0000;  */
}

.about {width:160px; border:1px solid #cacaca; padding:10px; text-align:right;  margin-top:20px; margin-left:15px;}
.about label { font-size:11px;}
.myAccountBox {height:80px; width:160px; padding:10px; text-align:right; margin:10px 0px 2px 15px; color:#808080;}
.orderMaterials { font-weight:bold; padding-top:20px; padding-right:8px; color:#808080; text-align:right; }


.content
{
    float:right;
    width:690px;
    margin:30px 50px 0 0px;
    padding:0px 0px 25px 15px ;
    font-size:12px;
    color:#636466;
    line-height:18px;
    text-align: left;
    border-left: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;  
}

.content li {margin: 0px 0px 0px 35px;}

.content ol {padding: 0px 0px 10px 0px;}
    .content ol li{list-style:lower-roman;}

#Flash_content {margin-bottom:25px;}
.tableLogos {margin-bottom:30px;}

#footer{margin:30px 0px 25px 220px;width:700px; font-size:10px; padding-top:20px; }
#footer p{font-size:10px;line-height:12px;}
#footer a {}

.tableWithBorder { border-color: #c8c8c8;  border-width: 0 0 1px 1px;  border-style: solid;	margin:0px 0px 0px 0px;	}

.tableWithBorder th { border-color: #c8c8c8;  border-width: 1px 1px 0 0;  border-style: solid;  margin: 0;  padding: 2px; background:#6F1200;	text-align:left;} 

.tableWithBorder td { border-color: #c8c8c8;  border-width: 1px 1px 0px 0;  border-style: solid;  margin: 0;  padding:7px;	font-size:11px;} 


  /* Text Styles*/ 
.disclaimer {font-size:10px;}  
.chartDisclaimer {font-size:10px; color:#666666; line-height:11px;}
strong {color:#0D5CAB;}
em {}
.whiteText {color:#ffffff;}
.blueColor {color:#0D5CAB;}
.orangeColor {color:#F89829;}
.whiteColor {color:#ffffff;}
.grey {color:#808080;}
.greyDark {color:#666666;}
  
h1 {color:#0D5CAB; font-size:16px; padding: 0px 0px 5px 0px; line-height:normal;}
h2 {color:#F89829; font-size:14px; padding: 0px 0px 5px 0px; line-height:normal; }
h3 {color:#808080; font-weight:bold; font-size:12px; padding: 0px 0px 5px 0px; line-height:normal;}
h4 {color:#F89829; font-weight:bold; font-size:12px; padding: 0px 0px 0px 0px; line-height:normal;}

p { padding: 5px 0px 10px 0px; font-size:12px; line-height:18px; text-align:justify; }

ul {padding: 0px 0px 10px 0px;}
.content li {margin: 0px 0px 0px 17px;}
    
 


  /* Global Link Styles*/   
a:link,  a:active, a:visited { color:#0D5CAB; text-decoration:none; }
a:hover { color:#FF970D;}
  


/*Side navigation styles*/
/* First level */   
    
.l1ul
    {
    list-style:none;
	line-height:18px;
	text-align:right;
    }
    
.l1ul li
    {
    
    font-weight:bold;
	padding: 0px 0 3px 0;
    }
    
a.l1InActive:link,  a.l1InActive:active,  a.l1InActive:visited
    {
    color:#808080; 
    text-decoration:none;
    font-size:12px;
    background:#ffffff;
    display:block;
    }
    
a.l1InActive:hover
    {
    color:#F89829;
    text-decoration:none;
    font-size:12px;
    background:#ffffff;
    display:block;
    }  

a.l1Active:link, a.l1Active:active, a.l1Active:visited, a.l1Active:hover
    {
    color:#0D5CAB; 
    text-decoration:none;
    font-size:12px;
    background:#ffffff;
    display:block;
    }
/* Second level */   
    
.l2ul
    {
    list-style:none;
    padding: 6px 0 0 40px;
    }
    
.l2ul li
    {
	
    font-weight:normal;
    font-size:11px;
    background:#ffffff;
    display:block;
	padding: 0 0 5px 0;
    }
    
a.l2InActive:link,  a.l2InActive:active,  a.l2InActive:visited
    {
    color:#707579; 
    text-decoration:none;
    background:#ffffff;
    display:block;
    }
    
a.l2InActive:hover
    {
    color:#005382;
    text-decoration:none;
    background:#ffffff;
    display:block;
    }  

a.l2Active:link, a.l2Active:active, a.l2Active:visited, a.l2Active:hover
    {
    color:#F89829; 
    text-decoration:none;
	background:#ffffff;
    }
    
/* Third level */   
    
.l3ul
    {
    list-style:none;
    }
    
.l3ul li
    {

    }
    
a.l3InActive:link,  a.l3InActive:active,  a.l3InActive:visited
    {
    color:#808080; 
    text-decoration:none;
    font-size:10px;
    font-weight:normal;
    }
    
a.l3InActive:hover
    {
    color:#F89829;
    text-decoration:none;
    font-size:10px;
    font-weight:normal;
    }  

a.l3Active:link, a.l3Active:active, a.l3Active:visited, a.l3Active:hover
    {
    /*font-weight:bold;*/
    color:#F89829; 
    text-decoration:none;
    font-size:10px;
    }    


#contentRightBlock {background:#F7F7F7;padding:10px;width:170px;float:right;}




/*Admin button styles*/ 
.button
{
border: solid 1px #666666;
background:#c8c8c8; 
}
.buttonContainer
{
    background:#eff0f0;
    border:#c8c8c8 1px solid;    
    padding:20px;
}
/* Scroller */
#ScrollerContainer{border:1px solid #c8c8c8;padding:5px;width:200px;height:100px; font-size:12px;float:right;}
#ScrollerContainer ul{list-style:none;}
#ScrollerContainer li{margin:0px;padding:0px;}