/* directory css */

body {
background: url(../images/green.gif);
	background-color: #FFFFD2;
	font-family:verdana, arial, helvetica, sans-serif;
	margin:0px;
	padding:0px;
	
	}
a { text-decoration:none; }
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:1.5em;
	line-height:28px;
	font-weight:900;
	color: #4F4F00;
	}
h2 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:1.3em;
	line-height:28px;
	font-weight:900;
	color:#4f4f00;
	}

h3{
	font-size:1.2em;
	font-weight:bold;
	color:#4f4f00;
	}
h4{font-weight:bold; font-stretch:expanded;}
p{
	font:.9em arial, helvetica, sans-serif;
	color:#2D2D00;
	margin:0px 0px 16px 0px;
	padding:0px;
	text-align:left;
	}
#Content p {margin:0px;}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#Header {
	background-color:#535300;
	padding: 0 10px; 
	height:50px;
		}
	
#Header h1 { padding: 10px 0;
color:#fff;	}
	
#Container {
	width:90%;
	padding:10px;
	margin:auto;
	background:#FFFFE8;
	}
#text {
 margin: 15px 250px 10px 10px; /* the left margin's value is equal to the header and footer which creates alignment down the left side of the document. */
} 
#text h1 { color::#4f4f00; }
#text h2 { margin-top: 20px; }
.inline {color:#990000;
font-weight:bold;}

#Menu {
	float: right; 
	width: 225px; 
	padding: 10px 0; /* top and bottom padding create visual space within this div  */
	}
	
#Menu li a {
	height: 33px;
  	text-decoration: none;
	}	
	
#Menu li a:link, #Menu li a:visited {
	color: #FFF;
	display: block;
	background:url(../images/menu_g.gif);
	padding: 8px 5px 0 10px;

	}
	
#Menu li a:hover {
	color: #003300;
	background:url(../images/menu_g.gif) 0 -40px;
	padding: 8px 5px 0 5px;
	}
	

#Footer { padding: 0 10px;}
/* this is the site navigation at the bottom of the page and top of section*/
#navigation {
		background: #535300;
		font: .85em Arial, sans-serif;
		height: 35px;
		padding: 0;
		}

#navigation ul, #Menu ul { 	list-style-type: none; 	}

#navigation li {
		display: inline;
		float: left;
		}

#navigation a {
		display: block;
		text-align: center;
		line-height: 30px;
		text-decoration: none;
		font-weight:bold;
		color: #fff;
		padding: 0 5px;
		}
	
#navigation a:visited{
	color: #FFFFFF;
	text-decoration: none;
}

#navigation a:hover{
	color: #fff;
	text-decoration:underline;	
	font-style: normal;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.bold {font-weight:bold; }
.link {color:#990000; text-decoration:none; }
