/* CSS Document */

	body {
		background:url(images/back_repeat.gif);
		background-color:#C1C29D;
		margin-top:0px;
		margin-bottom:0px;
		}
		
	html { 
		overflow: scroll; 
		} 
		
	#pagewrapper {
		width:750px;
		border-right:1px solid #666666;
		border-left:1px solid #666666;
		background-color:#FFFFFF; 
		margin-left:auto;
		margin-right:auto;
		height:auto;
		}
		
		
	#topheader1 {
		background:#7FC8A0;
		height: 8px;
		width:750px;
		text-align:left;
		}
			
	#topheader2 {
		background:url(images/top_bg.gif);
		height: 35px;
		width:750px;
		text-align:left;
		}
			
	#topheader3 {
		background:#7FC8A0;
		height: 11px;
		width:750px;
        text-align:left;
		vertical-align:baseline;
		}
				
	#topheader4 {
		background:#FFFFFF;
		height: 106px;
		width:750px;
		text-align:left;
		}
		
	#middleheader {
		background:#009241;
		height: 20px;
		width:750px;
		text-align:left;		
		}	
		
	#main {
	width:720px;
	height:auto;
	background:url(images/yellow_bg2.png);
	padding-left: 30px;
	padding-right: 0px;
	display:block;
	overflow:auto;
		}
		
	#main2 {
	width:750px;
	height:auto;
	background-color:#ffffff;
	padding-left: 0px;
	padding-right: 0px;
	display:block;
		}
		
	
	#footer {
		background:url(images/footer_bg.gif);
		height:31px;
		}
		
    #footer2 {
	    background-color:#8FBFA5;
		height:30px;
		}
		
	a {
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		letter-spacing:inherit;
		text-decoration:none;
		color:#333333;
		}
		
	a:hover {
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		letter-spacing:inherit;
		text-decoration:underline;
		color:#333333;
		}
		
	a:visited {
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		letter-spacing:inherit;
		text-decoration:none;
		color:#333333;
		}

		
	/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */

	#main #menu {
	float:left;
	border-left:1px solid #666666;
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
	width:173px;
	height:auto;
	background:#7FC8A0;
	margin:0px 20px 0px 0px;
	text-align:center;
	word-wrap:break-word;
	display:inline;
		}
		
	#main #menu2 {
	float:left;
	width:490px;
	height:auto;
	background:#ffffff;
	padding-left:10px;
	padding-right:15px;
	padding-top:7px;
	padding-bottom:10px;
	text-align:justify;
	word-wrap:break-word;
	display:inline;
		}

	p,h1,pre {
		margin:0px 10px 10px 10px;
		text-align:justify;
     	font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		}
		
	
	ul {
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		text-align:left;
		}
		
	.emphasis {
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		letter-spacing:inherit;
		color:#333333;
		}
		
	.green_emphasis {
		font-size:14px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		letter-spacing:inherit;
		text-align:left;
		color:#006633;
		}	
		
	.black_emphasis {
		font-size:14px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		letter-spacing:inherit;
		color:#000000;
		}
		
	.small {
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		letter-spacing:inherit;
		color:#000000;
		}
		
	
	td {
		text-align:justify;
     	font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		}

	hr {
		color: #EBE152;
		background-color: #EBE152;
		height: 1px;
		}
		
	td.bg{ 
background: url(images/vertical_rule.gif); 
}