@import "reset.css";

body  								{font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; background:#999; text-align: center; color: #fff;}
.pad								{padding: 10px;}


/*MAIN WRAPPER **********************************************/
#container 							{width: 800px; margin: 0 auto; text-align: left;}



/*HEADER **********************************************/
#header 							{width:800px; height:227px; margin: 0 auto; background: url(images/headerbg.jpg); overflow: hidden;}


/*MENU MAING CONTENT BOX **********************************************/
#menu 								{width:800px; height:58px; background:url(images/container_top.jpg) top repeat-y; padding:0 auto;}

#nav								{height:58px; line-height:25px; margin: 0 0 0 20px;}
#nav ul,
#nav ul li 							{padding:3px 0 0 5px; list-style:none;}
#nav ul li 							{float:left; display:block;}
#nav ul li a,
#nav ul li a:visited				{font-family: helvetica; font-size: 16px; color: white; padding:2px 17px; display:block; text-transform: uppercase;}
#nav ul li a:hover,
#nav ul li a.selectedPage			{color: #00b6de;}
/* NAV DROP DOWN */
#nav ul li ul 						{padding: 0; position: absolute; background: #666; display: none; z-index: 9999;}
#nav ul li ul li 					{padding: 0; float: none; display:block;}
#nav ul li ul li a:link,
#nav ul li ul li a:visited			{padding:1px 8px; color:#fff; font-size:12px; font-weight:100; text-decoration:none; clear:both; display: block;}
#nav ul li ul li a:hover			{color:#eee; background: #333;}




/*THIS WRAPS THE BODY SECTION**********************************************/
#bodywrapper 						{background:url(images/container_body.jpg) center repeat-y;	width:800px; margin: 0 auto; text-align: left;}
#homepageContent  					{width:420px; float: left;}
#homepageContent img  				{max-width:400px; border:2px solid #fff;}



/*HOME PAGE FEATURED BOX **********************************************/
#featuredbox h1,
#featuredbox h2 					{color:#FFFFCC;}
#featuredbox h3,
#featuredbox h4,
#featuredbox h5,
#featuredbox h6 					{color:#fff;}
#featuredbox 						{float:left; margin-left:30px; width:320px;}
#featuredbox div.top 				{background:url(images/featuredbox_top.png) bottom no-repeat; height:20px; width:299px;}
#featuredbox div.body 				{background:url(images/featuredbox_body.jpg) center repeat-y; width:280px; padding: 0 10px;}
#featuredbox div.bot 				{background:url(images/featuredbox_bot.png) top no-repeat; height:22px;	width:300px;}
#featuredbox a 						{text-decoration:none; color:#eeeeee;}
#featuredbox a:hover 				{text-decoration:none; color:#FFFFCC;}
#featuredbox ul 					{margin-left:30px;}




/*SUB PAGE BOX **********************************************/
#pagebox div.top 					{background:url(images/pagebox_top.png) bottom no-repeat; width:750px; height:15px; margin: 0 auto;} 
#pagebox div.body 					{background:url(images/pagebox_body.png) center repeat-y; width:750px; margin: 0 auto;} 
#pagebox div.bot 					{background:url(images/pagebox_bot.png) top no-repeat; width:750px; height:20px; margin: 0 auto;}


#sidebar 							{float: left; width:160px; padding-left:15px;}
#sidebar ul 						{width:155px;}
#sidebar ul li 						{list-style-type:none;}
#sidebar ul li a 					{display: block; padding:4px; font-family:Geneva, Arial, Helvetica, sans-serif; font:bold; font-size:12px; 
									color:#ffffff; text-decoration:none; text-transform:capitalize;}
#sidebar ul li a:hover, 			
#sidebar ul li .selectedPage 		{padding:4px; color:#fff; background-color:#666666; text-decoration:none;}
#sidebar ul li ul 					{padding:4px 4px 4px 15px;}





#mainContent 						{float:left; width:520px; padding-left:20px; color: #333;}
#mainContent h1,
#mainContent h2,
#mainContent h3,
#mainContent h4,
#mainContent h5,
#mainContent h6 					{color:#333;}
#mainContent li 					{margin-left:25px;}
#mainContent a,
#mainContent a:visited 				{color:#0099CC; text-decoration:none;}
#mainContent a:hover 				{color:#999; text-decoration:none;}
#mainContent img 					{max-width:510px;}
#mainContent p 	 					{padding: 0 0 8px 0;}








/*FOOTER END**********************************************/
#footer 							{width:800px; height:135px;	background:url(images/container_bot.jpg) center no-repeat;} 
#credits 							{width:800px; margin: 0 auto; text-align: center; font-size:10px;} 

@import "lightcms.css";