/* Fixed header, footer, scrolling R & L column */

html {height:100%; max-height:100%; padding:0;margin:0; border:0; background:#fff; font-size:76%; 
font-family: "georgia, palatino linotype, times new roman, serif";
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}
h3	{vertical-align:text-bottom;}
p	{padding: 2px 12px 2px 12px; line-height: 1.3em;}
td	{padding: 2px 2px 2px 4px; font-size: 0.7em;}
th	{font-size: 0.8em;}

/*----- Header Styling ------*/
#headerBckgrd {	position: absolute; top:0; left:0; width: 100%; z-index: 3; 
		height: 148px;     	/* to match DIV size          */ 
	/* the background  picture */
   	background: #f00 url(../images/autumnLeaves.jpg) repeat}   
		
#head {position:absolute; margin:0; top:0; left:0; display:block; width:100%; height:150px; 	background: #EC9F4C;  
	font-size: 2em; z-index:5; overflow:hidden; 						color:#1D1003;}
/* indent for header */
#headerpad {display:block; width:2%; height:150px; float:left; 					background: #EC9F4C;}

#headerText	{background-color: transparent; font: italic bold 2em Georgia, Times, serif; 	color: #150C02;
	position: absolute;
	width: 100%;	margin:auto;	/*center this div in Mozilla*/	
	text-align: center; vertical-align: middle;
	height: 3em; line-height:120px;
	z-index: 5;                      /* over the other DIVs */ }

/*----- Footer Styling ------*/
#foot {position:absolute; margin:0; bottom:0; left:0; display:block; width:100%; height:30px;	background:#BB6A14;  
	font-size:1em; z-index:5; overflow:hidden; 						color:#FBE8D5;}
/* indent for footer */
#footerpad {display:block; width:2%; height:30px; float:left; 					background: #BB6A14;}

/*----- Main Content Styling ------*/																										
#contentDiv{position:absolute; left:0; width:75%;
	top:150px; bottom:30px;  overflow:auto; 
	font-size:1.4em; 									background:#F8DDC0; 
	z-index:4; 										color: #150C02;}
* html #contentDiv {height:100%; top:0; bottom:0; border-top:150px solid #fff; 
	border-bottom:30px solid #fff;}
#contentDiv h1	{ 										background: #150C02;
												color: #F8DDC0; 
	width: 90%; font-size: 130%; margin: 8px auto; padding: 4px; text-align: center; } 

#contentDiv h5	{width: 80%; 									
												border: 3px double #0C0701; 
	font-size: 105%;  margin: 6px auto; 	padding: 5px 0 5px 0; text-align:center;}

#contentDiv ul	{margin: 0 12px 0 0;}



/*----- Feed Styling -----*/
#feedDiv{ position:absolute;left:75%; right:0; 
	top:150px; bottom:30px; overflow:auto;	 
	z-index:3; font-size: 1.2em;								background:#5F360A;
												color: #EFB06B;}
* html #feedDiv { position:absolute; width:25%;  right:0; 
	top:0; bottom:0; height:100%; max-height:100%;  
	overflow:auto; border-top:150px solid #fff; 
	border-bottom:30px solid #fff; 
	z-index:3;font-size: 1.2em}

.feedItem	{margin: 4px 0px 8px 0px;}
.feedLink 	{display: block; padding: 0px 8px 0px 8px;}
.feedItem a:link	{text-decoration: none;							color: #F1B576;}
.feedItem a:hover	{text-decoration:underline;}
.feedItem a:visited	{									color: #EFAD67;}
.itemDesc	{font-size: 0.9em; padding: 4px 8px 0 8px; 					color: #EB9941;}
.itemDate	{font-size: 0.8em; margin: 0 0 0 12px;						color: #F1B576;}
.feedHead	{font-size: 1.2em; margin: 12px 0 0 0; text-align:center;			color: #FCEFE1;}
.feedDate	{font-size: 0.9em; text-align:center; margin 0 0 10px 0;			color: #FCEFE1;}


















/* Navigation Menu */
												/* should match menulist li */
#menuDiv	{margin: 0 0 2em 0; height: 2em;  						background: #E58218;}

#menuList 	{ 
list-style: none; 
margin: 0; 
padding: 0;
 font-size: 0.8em;
 float: left;
	
		position: absolute;}

/* CSS for each Parent Item */

												/* menu item */
#menuList li 	{float: left; position: relative; height: 2em; margin: 0 10px 0 0; 		background: #E58218;}



#menuList li a	
{
float: left;
 height: 2em; margin: 4px 10px 0 4px; padding: 4px 0 0 4px; 
		display: block;
 width: 100%;
 
		text-decoration: none;
 								color: #2E1A05;
}



/* 
Change background color and font color 
of parent items with mouseover 
*/
#menuList li:hover a,
#menuList li a:hover
{
							background: #2E1A05;
												color: #E58218;	
}
/* order is (a:link | a:visited) -> a:hover -> a:active		*/


#menuList li:active a,
#menuList li a:active{							background: #E88821;}


/*  non-list dropdown */


/* display drop only on hover */
#menuList .drop {display: none;}

#menuList li:hover .drop {display: block;}



.drop
 {
	float: none;
 position: absolute;
 margin: 0;
 padding: 4px;
 width: 150%; 	top: 3em;
 
left: 0; 											background: #AA6012;
												color: #361F06;
}
/*	second level menus	*/

/* 
Apply to group of Child Items
 - Each Child Item will be invisible by default
*/


#menuList ul {display: none;}
/* Each Child Item will be visible if mouse hover */

#menuList li:hover ul {display: block;}


#menuList ul
{
	float: none;
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	top: 1.8em;
	left: 0;
 background: blue;}


#menuList ul li
{
	float: none;
	clear: none;
	margin: 0;
	padding: 0;
	width: auto;
	color: #999;
}


/* 
Reset and re style 
link of each child item
*/

#menuList li:hover ul li a,
#menuList ul li a
{
	line-height: 200%;
	display: block;
	padding: 0 6px 0 0;
	float: none;
	
	text-transform: lowercase;
	color: #999;
	background: none;
}


#menuList li:hover ul li a:hover,
#menuList ul li a:hover
{
	background: none;
	color: #000;
}


/*	Links	*/

.backnav {display:block; text-align:center; margin: 0 0 20px 0;						color: #186be7;}
a.inline	{text-decoration:none;}
a:visited.inline	{										color: #186be7;}
a:hover.inline	{ 											color: #e75618; } 
a:active.inline	{											background: #e75618;;} 


.faqblock	{float:left}
.faqblock ul	{list-style: none}
.faqblock li a:link	{text-decoration: none;								color: #186be7;}
.faqblock li a:hover	{text-decoration:underline;							color: #e75618;}

/*	Miscellaneous	*/
.dropCap	{float: left; font-size: 3em; margin: 4px 6px 0 0; padding: 14px 6px 16px 6px;		background:#2E1A05;
													color: #F6D2AB;}
#validRSS	{float: left; margin: 8px 0 0 12px;}