@charset "utf-8";
/* CSS Document */

/** 
{ 
margin: 0;
padding:0;
}
*/

#aboutme
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
padding:5px;
font-size:11px;
text-align:justify;
}
#container
{
margin: 0 auto;
width:955px;
padding-left:20px;
padding-right:20px;
}
body
{
background-image:url(../images/pattern.gif);
}

#header
{
height:92px;
background-color:#404040;
}


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

ul li {
	position: relative;
	float: left;
	width:119px;
	
	
}
	
li ul {
	position: absolute;
	left: 0; /* Set 1px less than menu width */
	top: auto;
	display: none;
	background-color:#FFFFFF;
	
	}
li ul ul{
	position: absolute;
	left:100%; /* Set 1px less than menu width */
	top: -.1em;
	display: none;
	
	}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff; /* IE6 Bug */
	padding: 0px;
/*	border: 1px solid #FFFFFF;*/	
/*	border-left: 1px solid #FFFFFF;
*/	/*border-right:1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;*/
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	background-image:url(../images/img03.jpg);
	background-repeat:repeat-x;
	color:#FFFFFF;
	}
/* commented backslash mac hiding hack \*/ 
* html ul li a {height:1%}
/* end hack */ 

/* this sets all hovered lists to red */
li:hover a, li.over a,
li:hover li:hover a, li.over li.over a,
li:hover li:hover li:hover a, li.over li.over li.over a,
li:hover li a:hover, li.over li a:hover,
li:hover li:hover li:hover a:hover, li.over li li a:hover,
li:hover li:hover li:hover li:hover a:hover, li.over li.over li.over li.over a:hover 
{
   color: #fff;
   background-color: red;
   background-image:url(../images/img04.jpg);
   background-repeat:repeat-x;
}

/* set dropdown to default */
li:hover li a, li.over li a,
li:hover li:hover li a, li.over li.over li a,
li:hover li:hover li:hover li a, li.over li.over li.over li a
 {
   color: #000;
   background-color: #fff;
}
li ul li a { 
padding: 6px 5px;
background-color:#FFFFFF; 
} /* Sub Menu Styles */

ul li:hover ul ul, ul li:hover ul ul ul, ul li.over ul ul, ul li.over ul ul ul {
display:none;
background-color:#FFFFFF;
}

ul li:hover ul,ul li li:hover ul,ul li li li:hover ul, ul li.over ul, ul li li.over ul,ul li li li.over ul {
	display: block;
	background-color:#FFFFFF;
}



#pictop
{
border:1px #99CC00 thin;
padding-top:21px;
padding-bottom:21px;
background-color:#FDF1FB;
}

#leftmenuheading
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
font-weight:bold;
text-align:center;
background-color:#9A9CA6;
padding:5px;
}

#leftmenucontent
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#fff;
font-weight:bold;
font-size:11px;
border-bottom:1px #666666 dashed;
background-color:#DC8A5B;
padding:6px;
text-align:justify;
}

#hheading
{
padding-top:5px;
padding-bottom:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
background-color:#EAEF93;
padding-left:7px;
font-weight:bold;
}

#footer
{
width:100%;
background-image:url(../images/footer2.gif);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
padding-top:60px;
padding-bottom:60px;
}

#footer a
{
text-decoration:none;
color:#0099FF;
}

#footer a:hover
{
padding:5px;
color:#fff;
background-color:#99CC00;
}

#cmenu{
border-bottom-width: 0;
width: 198px;
background-color:#BFC941;
font-size:12px;
font-weight:normal;
margin:0px;
}

* html #cmenu{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 198px;
}

#cmenu a{
font: 11px Verdana;
padding: 3px;
display: block;
width: 100%;
color: black;
text-decoration: none;
border-bottom: 1px solid black;
width: 198px;
font-size:11px;
}

html>body #cmenu a{ /*Non IE rule*/
width: 198px;
width: auto;
font-size:11px;

}

#cmenu a:hover{
width: 198px;

background-color:#858554;
font-size:11px;
color: white;
}