/* CSS Document */

body
{
background-color:#666666;
border:0;
margin:0;
font-size:12px; /* master font size!! */
}



#header
{
  padding:0;
  margin:0; 
  width:770px;
}

#middle
{
  padding:0;
  margin:0; 
  background-image:url(/images/page_bg.gif);
  background-repeat:repeat-y;
 
}

#footer
{
  padding:0;
  margin:0; 
 
}

#leftContent
{
    float:left;
	background-color:#CCFF99;
	width:280px;
	padding-left:20px;
	
	margin-top:15px;
}

#rightContent
{
 	float:right;
	
	background-color:#FFFFFF; 
	width:440px;
	padding-left:10px;
	padding-top:20px;
	padding-right:20px;
    	
}

#rightContent p, #leftContent p
{
	padding-top:10px;
	margin-top:0;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#rightContent h1, #rightContent h2, #rightContent h3, #rightContent h4, #rightContent h5, #rightContent h6
{
	font-family:Arial, Helvetica, sans-serif;
	text-align-left;
}   

#rightContent p
{
	color:#666666;
	padding-top:10px;
	margin:0;
    line-height:15px;
     text-align:justify;
}

#rightContent ul li
{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	 text-align:left;
	 font-size:0.9em;
}

#rightContent h3, h2
{
	color: #006666;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	padding-top:0px;
	margin:0;
	margin-top:0px;
	padding-bottom:0px;
}

#rightContent a
{
   color:#339933;
   text-decoration:none;
}

#rightContent a:hover
{
   text-decoration:underline;
}

#rightContent img
{
 margin:5px;
 margin-left:5px;
 margin-right:5px;
 padding:3px;
 border:1px solid #000000;
}


#leftContent p
{
	color:#666666;
	padding:0;
	margin:7px;
}

#leftFooter
{
    height:60px;
	background-color:#FFFFFF;
	width:280px;
	float:left;
    padding-left:20px;
}

#leftFooter p, #rightFooter p
{
    padding-top:10px;
	margin-top:0;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	line-height:12px;
}


#rightFooter p
{
	border-left:1px solid #999999;
	padding-left:10px;
	margin-top:15px;
	padding-top:0px; 
}


#rightFooter
{
    height:60px;
	background-color:#CCFF99;
  	width:430px;
	float:right;
	padding-left:40px;
}


#container
{
	width: 770px;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;	
}

#wrapper
{
   
}

#logocontainer
{
	float:left;
	width:300px;
	height:120px;
	background-color:#66CCCC;
	background-image:url(/images/hd_bg1.jpg);

}

#logo
{
	float:left;
	text-align:left;
	padding-left:5px;
	padding-top:20px;
}

#menu
{
	float:right;
	width:470px;
	height:120px;
	padding:0;
    margin:0;
	background-color:#CCFF99;
	
}

#menu ul
{
	list-style:none;
	float:left;
        padding:0;
        margin:0;
}


#menu ul li
{
	display:block;
	width:80px;
    float:left;
	border-right:1px solid #FFFFFF; 
    height:110px;
	padding-top:0px;
   	margin-top:5px;
	margin-bottom:5px;
}

#menu ul li a
{
   display:block;	
   padding-top:90px;
   text-align:center;
   font-family: Verdana, Helvetica, sans-serif;
  
   font-weight:bold;	
   font-size:12px;
   text-decoration:none;	
   /* color: #008000; */
   padding-bottom:6px;
   margin-bottom:0;

}



.clear
{
	clear:both;
height:0;
font-size: 1px;
line-height: 0px;

}


#rightContent img.noborder
{
	border: none;
}

li.menu1 a
{
 color:#006600;
}

li.menu1 a:hover
{
    background-color:#FFAAAA;
   color:#FFFFFF;
}

li.menu2 a
{
 color:#006600;
}

li.menu2 a:hover
{
    background-color:#AAAAFF;
   color:#FFFFFF;
}

li.menu3 a
{
 color:#006600;
}

li.menu3 a:hover
{
    background-color:#33AAFF;
   color:#FFFFFF;
}

li.menu4 a
{
 color:#006600;
}

li.menu4 a:hover
{
    background-color:#33FFAA;
   color:#000000;
}

li.menu5 a
{
 color:#006600;
}

li.menu5 a:hover
{
    background-color:#FFFFAA;
   color:#000000;

}