body { 
	font-family: verdana;
	font-size:.9em;
	margin: 0px; 
	padding: 0px;
	background: #222 url(body-bg.jpg);
	}

	#container { 
	width:780px;
	margin: 0px;
	padding: 0px;
	text-align:left;
	border-right:10px solid #222; 
	border-left:10px solid #222;
	}
	
		#header { 
		text-align: right;
		border: 0px solid red; 
		background: url(top-hdr.jpg) left top no-repeat;
		height:262px;
		}
		
		#header img {
		 text-align: right;
		 margin: 142px 0 0 500px; 
		 border: 0px solid green; 
		}
		
		#links{
		margin:0; 
		padding:3px 0;
		text-align: center;
		border-bottom: 1px dashed #ccc; 
		border-top: 1px dashed #ccc; 
		background: url(btn-bg.jpg) left top no-repeat;
		}
		
		#links ul{
		margin:0;
		padding:4px 0;
		text-align: center;
		border: 0px solid #B0DE87; 
		}
			
			#links li {
			margin:0 22px;
			display:inline;
			border: 0px solid #B0DE87; 
			}
			#links .selected {
		 	padding-top:4px;
		 	color:#FFF;
			font:bolder 10pt Comic Sans MS,verdana;
			background: red; 
			}
			#links h3 {
		 	padding-top:4px;
		 	display:inline;
		 	margin:0;
		 	color:#FFF;
			font:bolder 10pt Comic Sans MS,verdana;
			color: orange; 
			}
			#links a { 
		 	margin:0px;
			padding-top:4px;
			color:red;
			font:bolder 10pt Comic Sans MS,verdana;
			text-decoration:none;	
			background: url(../images/mnbg.gif) repeat-x left top; 
			}
			#links a:hover { 
			color:blue;
			text-decoration:none;
			border-bottom: 1px dashed red;  	
			}

		
		#mdle { 
	 	width:100%;
	 	text-align:left;
	 	background: #E2F5FD url(bdybg.jpg) repeat-x left top; 
	 	color:#222;
		}
		
		#mdle img {
		 margin: 0; 
		 padding: 0;
		 text-align:left;
		border: 0px solid green; 
		}
		
		#mdle #rth {
		 padding:20px 20px 50px 50px; 
		 margin: 0px;
		 text-align:left;
		border: 0px solid green; 
		}
		#mdle #rth h1 {
		 background: url(pencil.gif) no-repeat bottom right;
		 font:25px Comic Sans MS,verdana;
		 padding:0 0 27px 0;
		 color:#777;
		}
		
		#mdle #rth li {
		 font:16px Comic Sans MS,verdana;
		 padding:5px 0;
		}

#footer {
	clear:left;
	padding:0;
	border-top: 0px solid #ccc; 
	font:8pt Arial;
	color:#555;
	background:#E2F5FD url(bot-bg.gif) left bottom no-repeat;
	border: 0px solid #B0DE87;
	text-align:center;
	vertical-align: bottom;
}

#footer a { 
 	margin:0px;
 	padding:7px;
	color:#555;
	text-decoration:none;	
}

#footer a:hover { 
	color:yellow;
	padding:7px;
	text-decoration:none;	
}

.f2 {
  	font:.8em verdana;	
}




/* accessibility */
     span.accesskey {
     	text-decoration:none;
     }
     .accessibility {
     	position: absolute;
     	top: -999em;
     	left: -999em;
     }
dfn {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}
/* end accessibility */

.currentpage {
display:none;
}

#menuwrapper { 
clear:both;
background: #000; 
border:1px solid #555;
padding:5px 0;
}

#menuwrapper ul {margin: 0; padding: 0; font:bolder 10px verdana; 
	list-style-type: none; list-style-image: none; }

#menuwrapper li {display: inline; margin:0; padding:0; background: #444; }

#menuwrapper .menuactive a { background: red; color: #FFF; }

#menuwrapper ul li a {text-decoration:none;  margin: 0px;
	padding: 5px 20px 5px 20px; 
color: #999;
	background: #000;}
#menuwrapper ul li a:hover {color: yellow;
	background: red; }