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

body{}

#mainContainer{width:850px; min-height:600px; background-image:url(../images/bg.jpg);}

#header{width:850px; height:110px; background-image:url(../images/headerbg.jpg); background-repeat:no-repeat;}
a {color:#996600}
a:hover {color:#993300; text-decoration:none;}

#logo{width:403px; height:80px; float:left; margin-left:40px; margin-top:20px;} 

#contactDetails{width:200px; height:40px; float:right; margin-right:40px; margin-top:35px; color:#7E5B31; font-family:"Times New Roman", Times, serif; font-size:12px;}
#contactDetails a{color:#7E5B31; font-family:"Times New Roman", Times, serif; font-size:12px;}
#contactDetails a:hover{color:#FFFFFF; font-family:"Times New Roman", Times, serif; font-size:12px; text-decoration:underline;}

#menu{margin-top:0px;}
#menucontainer {height:38px; background-color:#EAC99D; background-image:url(../images/menu-bg.JPG1); background-repeat:repeat-x; width:800px;}
#nav, #nav ul {	padding:0px 0px 0px 0px; margin:0;	list-style:none; font: 12px verdana, sans-serif;	text-align:left; position:relative;	z-index:200;}
#nav {padding:0px; margin-left:90px; }
#nav li {float:left; padding:5px 7px 5px 7px;}
/**************JM*****************/
#nav li ul {float:none; background-color:#EAC99D; margin-top:5px;} /* #c28a20 */
#nav li ul li {margin-right:2px;}			
#nav li ul li a{padding-right:3px;}					
/**************JM*****************/		
#nav li li {float:none; background-color:#EAC99D;}

/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}

#nav li a {	display:block; float:left; color:#5A3A01; margin:0 10px 0 10px;	height:27px; line-height:27px; text-decoration:none; 
            white-space:nowrap; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
			
#nav li li a {height:20px; line-height:27px; float:none;}
#nav li:hover {	position:relative; 	z-index:300;}
#nav li:hover ul {left:0; top:27px;}

/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}

/* show path followed */
#nav li:hover > a {text-decoration:none; color:#C48D21;}

/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#C48D21;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#5A3A01;}
		    	 
/*************************************************************************************************************************/

#image{margin-top:0px;}

#mainContent{width:750px; min-height:200px; margin-top:0px; text-align:left; padding-left:25px; padding-right:25px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px;}
#mainContent h1,h2,h3,h4,h5,h6{color:#c48d21; font-family:Arial, Helvetica, sans-serif; font-size:24px;}
#mainContent img{margin: 0px 5px 5px 0x;}

#contentContainer {}
        
#topContentArea p{ margin-top:0px;}     

#footer{width:850px; height:100px; background-position:bottom; background-image:url(../images/footerbg.jpg); background-repeat:no-repeat;}

#aarado{font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color:#000000;}
#aarado a{text-decoration: none; color:#000000; }
#aarado a:hover{text-decoration: none; color:#eebe33;} 
#formtbl td {font-size: 11px; padding: 3px;}
#form-elements {width: 450px; border: #C2C6C9 1px solid;}