/* working rules for this site */

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
} 
 
#pagewidth{ 
 width:1024px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 border:1px solid #333333;   
} 
 
#header{
 position:relative; 
 height:180px; 
  background-color:#FFFFFF; 
 width:100%;
} 

#wrapper{margin-top:20px;}
 
#leftcol{
background: url(images/leftcolbg1.jpg) repeat-y;
 width:25%; 
 float:left; 
 position:relative; 
margin-bottom:10px;  }
 
#maincol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:75%; 
 }

#maincol h1{margin:10px 0px 10px 0px;font: bold 20px/28px Arial, Helvetica, sans-serif;color:#0c5b4e;}
#maincol p{margin:10px 0px 10px 0px;font: normal 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;}
#maincol ul{margin:20px 0px 20px 50px;  list-style: disc; }
#maincol li{margin:5px;font: bold 12px/28px Verdana, Geneva, Arial, Helvetica, sans-serif;color:#0c5b4e;}

td.ctitle{padding:10px 0px 10px 0px;font: bold 20px/28px Arial, Helvetica, sans-serif;color:#0c5b4e;}
td.essential{color:black;border-left:5px solid red;font: normal 12px/16px Verdana,Geneva, Arial, Helvetica, sans-serif;padding:0px 20px 5px 0px;}
td.nonessential{color:black;border-left:5px solid white;font: normal 12px/16px Verdana,Geneva, Arial, Helvetica, sans-serif;padding:0px 20px 5px 17px;}
.warn{color:red;padding-left:5px;}
form input.reg{border:1px solid #93cb66;width:400px;}
form textarea{border:1px solid #93cb66;width:400px;}
 
#footer{text-align:center;font-size:smaller;padding:15px 5px 0px 5px;background-color:#93cb66;color:#024;height:45px;clear:both;}
#footer a{text-decoration:none;}
#valid{font-size:smaller;color:gray;padding-left:0px;margin-top:20px;}
#wd4u{padding-left:605px;color:gray;}
#wd4u a,#valid a{text-decoration:none;color:gray;} 

 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

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


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


/*top menu*/
#navcontainer
{
margin-left: 520px;
margin-right: 0px;
margin-top: 10px;
margin-bottom: 0px;
}

#navlist li
{
display: inline;
padding-bottom: 0px;
padding-left: 10px;
background-repeat: no-repeat;
}

#navlist a
{
padding-left: 10px;
padding-bottom: 0px;
font: bold 14px/24px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #292929;
}

#navlist a.l1
{
background: url(images/basket.jpg) no-repeat;padding:4px 0px 6px 30px;
}

#navlist a.l2
{
background: url(images/account.jpg) no-repeat;padding:4px 0px 6px 30px;
}

#navlist a.l3
{
background: url(images/register.jpg) no-repeat;padding:4px 0px 6px 30px;
}

#navlist a.l4
{
background: url(images/help.jpg) no-repeat;padding:4px 0px 6px 30px;
}

#navlist a.l5
{
background: url(images/search.jpg) no-repeat;padding:4px 0px 6px 30px;
}

/* login */
#login{
position:absolute;
top:40px;
right:3px;
color:#93cb66;
font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#tabinner td{padding:6px;}

form input{border:1px solid #93cb66;width:150px;}
#submit1
{border:0px;cursor:pointer;
background: url(images/button.jpg) no-repeat;padding:0px 0px 0px 0px;
width:100px;height:33px;
font: bold 16px Arial, Helvetica, sans-serif;
line-height: 39px;
color:white;
margin-left:138px;
}



/* main menu */
#navcontainer2 ul
{
text-align: center;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background: url(images/menu-bg2.jpg) repeat-x top left;
color: white;
width: 100%;
font: bold 16px Arial, Helvetica, sans-serif;
line-height: 39px;
/* fixes Firefox 0.9.3 */
}

#navcontainer2 ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#navcontainer2 ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 6px;
padding-top: 6px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}

#navcontainer2 ul li.rest a:hover
{
background-color: #0c5b4e;
color: white;
}

#navcontainer2 #active2 { color:#0c5b4e; }
#navcontainer2 #current2 { color:#0c5b4e; }

/*left hand menu*/

	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 11em;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 11em;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 11.05em;
		margin-top : -1.35em;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 11em;
		w\idth : 10em;
		display : block;
		color : black;
		font-weight : bold;
		text-decoration : none;
		background-color : white;
		border : 1px solid black;
		padding : 0 0.5em;
	}
	
	#nav li a:hover {
		color : white;
		background-color : black;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}