/* CSS Document */

body{padding:0px; margin:0px;

background-color:#FFFF99; color:#000000; margin:0 auto;
font-family: Helvetica, Arial, Geneva;}

div, p, ul, img{padding:0px; margin:0px;}

ul{list-style-type:none;}

  
/*----TOP PANEL----*/

#maintopPan{height:300px; background:url(images/topbg1.gif) 0 0 repeat-x;}

#logoPan{width:800px; height:83px; position:relative; margin:0 auto; background:url(images/logopanel-bg10.gif) 0 0 no-repeat;}




/*----Header Panel----*/



#headerPan{width:660px; 

height:175px; 

position:relative; 

margin:0 auto; 

background-image:url(images/header.jpg);

background-repeat: no-repeat; 

background-position:100% 0;

padding: 1px 0px 0px;}

#headerPan ul{width:75px;

}

#headerPan ul li{width:75px; 

height:51px;

}

#headerPan ul li.sidenavpadding{padding:18px 0 0;}



#headerPan ul li.home a{width:75px;

 height:51px; 

 display:block;

  background-image:url(images/home-hover.gif);

  background-repeat:no-repeat; 

  text-indent:-20000px;}

#headerPan ul li.home a:hover{background-image:url(images/home-hover.gif);

background-repeat: no-repeat;}



#headerPan ul li.aboutus a{width:75px; 

height:51px; 

display:block;

background-image:url(images/aboutus-normal.gif);

background-repeat:no-repeat;

text-indent:-20000px;}

#headerPan ul li.aboutus a:hover{background-image:url(images/aboutus-hover.gif);

background-repeat: no-repeat;}



#headerPan ul li.contact a{width:75px;

 height:51px;

  display:block; 

  background-image:url(images/contactus-normal.gif);

  background-repeat:no-repeat; 

  text-indent:-20000px;}

#headerPan ul li.contact a:hover{background-image:url(images/contactus-hover.gif);

background-repeat: no-repeat;}







/*----MENU PANEL----*/

#container{
width:778px; 
height:37px; 
position:relative;
 margin:0 auto;
 }

#nav, #nav ul { /* all lists */
font: bold 17px arial;
padding: 0px;
list-style: none;
position:absolute;
margin: 0 auto;
width:700px; 
left:149px;
}

#nav a {
display:block;
padding: 3px 14px;
text-align:center;
text-decoration:none;
color: black;
background-color:#FFD000;
border: 3px groove #332d2b;
}

#nav li a{
width:4.5em; }
#nav li { /* all list items */
	float: left;
				}
			
#nav li ul { /* second-level lists */
	position:absolute;
	left: -999em; 
	display:block;
	width:100px;
	/* using left instead of display to hide menus because display: none isn't read by screen readers */

}
#nav li a:hover{
background-color:#07A3D6;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
left:auto;
position:absolute;
color:#07A3D6;
	}

#nav ul li a:hover{
background-color:#07A3D6;
 }

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}






/*----BODY TOP PANEL----*/

#middlebody{
clear: left;


margin:0 auto;

width:750px;

}



/*-----Left Body-----*/

#leftbody{ 

width: 500px;

float:left;

}

#leftbody a{
color:#3366FF;
font-weight: bold; font-family: tahoma, arial, serif }

#leftbody h2{height:45px; 

background-image:url(images/image1.gif) ;

background-position:100px 42px ;

background-repeat:no-repeat;

 padding: 10px 2px 1px 1px; 

 color:#000000;
 font-size:30px; 
  font-weight:bold;
  line-height:30px; 
}



#leftbody p span.yellow{background:#3C3633; 

color:#FFD900;}



#leftbody img.illus {

	float: left;

	margin: 15px 5px 5px 1px;

}



/*----RightBody----*/

#rightbody{ 

float:right;

width:250px;

}



#rightbody img.illus {

	float: right;

	margin: 15px 5px 5px 1px;

}

#rightbody h4{font-size:27px; line-height:32px; padding:15px 0; color:#009FC2;font-style:italic;}

#rightbody b.yellow{color:#FFD900;}



/*----FOOTER PANEL----*/
#footermainPan{clear:both;
height:100px;
 background:url(images/footerbg1.gif) 0 0 repeat-x #009Fc2; 

 color:#000000; 
 font:12px/20px "Trebuchet MS",Arial, Helvetica, sans-serif;
    padding:17px 0 0;
   bottom:0;}
#footerbgPan{
	width:800px;
	height:83px;
	position:relative;
	margin:0 auto;
	background:url(images/footerpa.gif) 0 0 no-repeat;
	background-color: #008da6;
}
#footerPan {
Position:absolute;
	margin: 0px; 	

	left: 177px;
}
#footerPan li{float:left;}
#footerPan ul li a{padding:1px 10px 1px; color:#000000; text-decoration:none; font-size:14px;}

#footerPan ul li a:hover{text-decoration:underline;}
#footerPan ul.fortunegeek li a{color:#fff; text-decoration:none; padding:0px; font-size:12px}
#footerPan ul.fortunegeek li a:hover{text-decoration:underline;}



/*----/FOOTER PANEL----*/