/* Wood grain Background and shell of website */
BODY 
{ 
	background: url("../images/bkgd-4.gif");
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: 0% 0%;
	margin: 0 auto;
	text-align:center;
	height:100%; 
}

/* Centers the page content.  Shell of the page with black gradient bkgd. */	
#contentshell
{
	position:relative;
	width:870px;
	height:1635px;
	margin:0px auto 0 auto;
	padding-left:0px;
	padding-right:0px;
	cursor:default;
	text-align:center;
	background: url("../images/gradient-bkgd.gif");
	background-repeat:repeat-y;
	background-attachment:fixed;
	background-position: top center;
}	

/* Main content area box */
#maincontentshell
{
	background-color:#ffffff;
	top:0px;
	left:10px;
	color:#000000;
	width:850px;
	position:absolute;
	height:1634px;
	padding-left:0px;
	padding-right:0px;
	cursor:default;
	visibility:visible;
	border-bottom:#0c0501 1px solid;
}

/* Image header area with logo and photo */
#header
{
	background-image: url("../images/WFO-header-home-7.jpg");
	background-color:#000000;
	top:0px;
	left:0px;
	height:224px;
	width:850px;
	position:absolute;
}

/* Text content area */
#textshell
{
	left:25px;
	top:260px;
	position:absolute;
	height:1400px;
	width:625px;
	line-height:24px;
	font-size:13px;
	color:#000000;
}

/* Navigation Menu */
#menu
{
	top:254px;
	width:180px;
	left:670px;
	position:absolute;
	text-align:center;
	background-color: #2f3101;
	height:1380px;
	border-bottom:#0c0501 1px solid;
	margin:0px;
	padding:0px;
	
}

#menu UL
{
    	MARGIN: 0px;
    	PADDING:0px;
    	FONT-SIZE: 14px;
   	WIDTH: 180px;
   	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    	LIST-STYLE-TYPE: none;
	border-bottom:#52550b 1px solid;
}
#menu LI
{
    	PADDING: 0px;
    	BORDER-TOP: #52550b 1px solid;
    	DISPLAY: block;
    	MARGIN: 0px;
    	WIDTH: 180px;
	COLOR: #ffffff;
   	BORDER-BOTTOM: #000000 1px solid;

}

/* Navigation menu links */
#menu A
{
    	height:16px;
    	PADDING-TOP: 7px;
    	PADDING-BOTTOM: 7px;
    	background-color: #2f3101;
	DISPLAY: block;
    	PADDING-LEFT: 0px;
	padding-right:0px;
    	MARGIN: 0px;
    	COLOR: #ffffff;
   	TEXT-DECORATION: none;
	font-weight:normal;
}
#menu A:active
{
	height:16px;
    	PADDING-TOP: 7px;
    	PADDING-BOTTOM: 7px;
    	background-color: #2f3101;
	DISPLAY: block;
    	PADDING-LEFT: 0px;
	padding-right:0px;
    	MARGIN: 0px;
    	COLOR: #ffffff;
   	TEXT-DECORATION: none;
	font-weight:normal;
}
#menu A:visited
{
   	height:16px;
    	PADDING-TOP: 7px;
    	PADDING-BOTTOM: 7px;
    	background-color: #2f3101;
	DISPLAY: block;
    	PADDING-LEFT: 0px;
	padding-right:0px;
    	MARGIN: 0px;
    	COLOR: #ffffff;
   	TEXT-DECORATION: none;
	font-weight:normal;
}
#menu A:hover
{
    	DISPLAY: block;
    	MARGIN: 0px;
    	COLOR: #ffffff;
    	BACKGROUND-COLOR: #4a4d00;
	height:16px;
    	PADDING-TOP: 7px;
    	PADDING-BOTTOM: 7px;
	font-weight:normal;
    	
}

/* block of content below Menu on green bkgd */
#menu .blockinfo
{
	top:384px;
	width:180px;
	left:0px;
	position:absolute;
	text-align:center;
	background-color: #2f3101;
	margin:0px;
	padding:0px;
}

/* Dark brown horizontal line below header */
#dkbrownline
{
	background:#382005;
	height:16px;
	width:850px;
	padding-top:6px;
	text-align:left;
	padding-bottom:8px;
	top:224px;
	left:0px;
	position:absolute;
	margin:0;
	border-top:#000000 1px solid;
}

/* Light green horizontal line below header */
#ltgreenline
{
	background:#52550b;
	height:2px;
	width:850px;
	padding:0;
	margin:0;
	white-space:normal;
	top:253px;
	left:0px;
	position:absolute;
}

/* Green horizontal line below header */
#greenline
{
	background:#2f3101;
	height:2px;
	width:850px;
	top:255px;
	left:0px;
	position:absolute;
}

/* Tagline in dark brown horizontal line under header image */
.tagline
{
	background:#382005;
	font-size:13px;
	color:#ffffff;
	padding-left:25px;
	font-family:Helvetica, Arial, sans-serif;
	letter-spacing:1px;
	font-style:italic;
	padding-top:5px;
	padding-bottom:3px;
	text-align:left;
}

/* Use paragraphs for text content */
p
{
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:11pt;
	color:#000000;
	font-weight:normal;
	text-align:left;
}
li.updates
{
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:10pt;
	color:#000000;
	font-weight:normal;
	text-align:left;
}
ul.updates
{
	line-height:16px;
}

/* Use H1 for page title of text content */
H1
{
	font-size:26px;
	font-family:Times, sans-serif;
	color:#442709;
	font-weight:bold;
	line-height:35px;
	text-align:left;
}

/* footer at the bottom of the page */
#footer
{
	font-size:11px;
	color:#ffffff;
	font-family:Verdana, Arial, sans-serif;
	text-align:center;
	padding-top:5px;
	font-weight:normal;
}	
#footer A
{
	color:#edd400;
	text-decoration:underline;
}
#footer A:active
{
	color:#edd400;
	text-decoration:underline;
}
#footer A:visited
{
	color:#edd400;
	text-decoration:underline;
}
#footer A:hover
{
	color:#ffffff;
	text-decoration:underline;
}
#thanks
{
	PADDING:10px;
    	FONT-SIZE: 15px;
   	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	color:#ffffff;
	line-height:18px;
}
#thanks A
{
    	line-height:18px;
    	COLOR: #edd400;
   	TEXT-DECORATION: none;
	font-weight:normal;
}
#thanks A:active
{
	line-height:18px;
    	COLOR: #edd400;
   	TEXT-DECORATION: none;
	font-weight:normal;
}
#thanks A:visited
{
   	line-height:18px;
    	COLOR: #edd400;
   	TEXT-DECORATION: none;
	font-weight:normal;
}
#thanks A:hover
{
    	COLOR: #ffffff;
	line-height:18px;
    	text-decoration: underline;
	font-weight:normal;
	background-color: #2f3101;
    	
} 
/* Default paragraph link styles */
a:link 
{
	color:#1f5710;
	font-weight:bold;
	text-decoration:underline;
}
a:visited 
{
	color:#884600;
	font-weight:bold;
	text-decoration:underline;
}
a:active
{
	color:#2f3101;
	font-weight:bold;
	text-decoration:underline;
}
a:hover
{
	color:#573006;
	font-weight:bold;
	text-decoration:underline;
}