@charset "UTF-8";

/* 	AUTHOR: 		Charles K. Cuno III
	CONTACT INFO:	webmaster@mebdesign.com
	DATE:			03.03.2010
	VALIDATION: 	Desktop: 	W3C, W3C CSS Validator
					Mobile: 	n/a
					
	RESULTS: 		W3C Validated ::  ALL pages Passed 03.12.2010
									
					W3C CSS Validator :: Results 03.12.2010 = CSS doesn't validate because of transparency cross browser support fixes (4), otherwise fine.
											
											- 	Solution for W3C CSS Validation is to eliminate transparency and include it as bkg image. 
												Client loses flexibility to adjust opacity of gradient in css.
					
*/	
	


body
{
    margin:0;
	padding:0;
	background-color:#a0a1a3; 
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px; 
    color:#656565; 
    text-align:center;              							/*center website :: IE + Netscape fix - NO auto margin support*/
}

/* 	-------------------------------------------------
					CONTAINER 1
	-------------------------------------------------  */

#container1{                           				
	margin-left: auto;											/*center website*/
	margin-right: auto;
	width:904px;
	text-align:left;                							/*center website :: IE + Netscape fix - RESET your text align*/
	background-image: url("../img/bkgHome.jpg");
	background-color:#ffffff;
	background-position: left top; 
	background-repeat:no-repeat;
	position:relative;
	z-index:10;
}


/* 	-------------------------------------------------
					HEADER
	-------------------------------------------------  */
#topHeader {
text-align:right;
font-size:14px;
color:#666666;
background-color:#a0a1a3; 
height: 20px;
padding-right:10px;
padding-bottom:5px;
padding-top:20px;
}

#mailUs {
padding-right:10px;
}

/* 	-------------------------------------------------
					CONTAINER 2
	-------------------------------------------------  */

#container2{                        							
	background-image: url("../img/bkgGradient.jpg"); 
	margin-top:80px;
	width:904px;
	position:relative;
	z-index:20;
	height:175px;	
	opacity: 0.65;                      						/* Firefox, Safari(WebKit), Opera */
	-ms-filter: "alpha(opacity=65)";    						/* IE 8 */
	filter: alpha(opacity=65);          						/* IE 4-7 */
	zoom: 1;                            						/* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower*/ 
	
}

/* 	-------------------------------------------------
					LOGO
	-------------------------------------------------  */
#logo{
position:relative;
float:left;
margin-left:40px;
width:414px;
margin-top:0px;
clear:right;
}

/* 	-------------------------------------------------
					CONTAINER 3
	-------------------------------------------------  */

#container3{
	position:relative;
	float:right;
	width:450px;
	z-index:30;
}

    #header {
	  margin-top:139px; /*175 - 36 tab height = 139*/
      float:left;
      width:100%;
      /*background:#DAE0D2 url("img/bg.gif") repeat-x bottom;*/
      line-height:normal;
      }  
    #header ul {
      margin:0;
      padding:0px 10px 0px 0px;
      list-style:none;
      }
    #header li {
      float:left;
      background:url("../img/left_both.gif") no-repeat left top;
      margin-right:2px;
      padding:0px 0px 0px 9px;
      /*border-bottom:1px solid #c5534b;*/
      }
	
	#header a {
      float:left;
      display:block;
      width:.1em;
      background:url("../img/right_both.gif") no-repeat right top;
       padding:9px 15px 14px 6px;  /*add 10 to bottom*/
      text-decoration:none;
      color:#FFFFFF;
      }
	  
	  #header a:hover {
      color:#333333;
      }
	  
	  #header #current {
      background-position:0 -150px;
      border-width:0;
      } 
	  
	  #header #current a {
      background-position:100% -150px;
      padding-bottom:15px;
      color:#414141;
      }
 
    #header li:hover, #header li:hover a {
      background-position:0% -150px;
      color:#333333;
      }
    #header li:hover a {
      background-position:100% -150px;
      }
	  
	#header > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #header a {float:none;}
    /* End IE5-Mac hack */
  
  
/* 	-------------------------------------------------
					NEWS + CONTENT
	-------------------------------------------------  */

#container4{
	padding-top:40px;
	width:904px;
	position:relative;
}

#news{
float:left;
width:190px;/*total news area = 250px*/
padding-left:35px;
padding-right:25px;
text-align:right;
line-height:19px;/*original design 19px*/
clear:right;
}

#news a:link, #news a:visited, #news a:hover, #news a:active  {color:#000000; font-weight:bold; text-decoration: none;}

#content{
float:right;
width: 600px;/*total content area = 654px - 1px border - 50px padding = 603 TOO BIG so reduce so it doesn't get pushed*/
padding-left:25px;
padding-right:25px;
line-height:23px;/*original design 30px*/
border-left-color:#c0c0c0;
border-left-style:solid;
border-left-width:1px;
}

#content a:link, #content a:visited, #content a:hover, #content a:active  {color:#000000; text-decoration: underline;}


img.floatLeft { 
    float: left; 
    margin-right: 10px; 
}

/* 	-------------------------------------------------
					LEFT NAV
	-------------------------------------------------  */
#leftNav{
float:left;
width:190px;/*total news area = 250px*/
padding-left:35px;
padding-right:25px;
text-align:right;
line-height:24px;/*original design 19px*/
clear:right;
}

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

#leftNav li{
 padding:0;
 margin:0;
}

#leftNav li a{
color:#a0a1a3; 
text-decoration: none

}

#leftNav li a:hover{
color:#000000; 
text-decoration: none;

}

#leftNav #leftNavOn{
color:#000000; 
font-weight:bold; 

}

/* 	-------------------------------------------------
					Page Headers
	-------------------------------------------------  */
#pageHeader{
font-size:17px;

}
  
/* 	-------------------------------------------------
					FOOTER
	-------------------------------------------------  */
#footer1{    
clear:both; /*clear floats */
text-align:right;
position: relative;
height:40px;
}

#footer2{  
clear:both; /*clear floats */
text-align:right;
padding-top:10px;
padding-bottom:20px;
position: relative;
background-color:#a0a1a3; 
}
  
  
/* 	-------------------------------------------------
					IMAGES
	-------------------------------------------------  */
.img {border:none;}
.img a {border:none;}