@charset "utf-8";

body,p,ul,ol,li,h1,h2,h3,input{margin:0; padding:0;}
body  {font:100% Verdana,Arial,Helvetica,sans-serif;background:url(img/puzzle_gray_bg.jpg);text-align:center;}
h1{font-size:24px;}
h2{font-size:18px;}
h3{font-size:13px;}
a:link,a:visited {text-decoration: none; color:green;font-weight:bold;}
a:hover{color:#000;font-weight:bold;}

#page-wrap {	width:56em;background:#fff;margin:10px auto;border:1px solid #000;text-align:left;}	

#header {background:#4CA6DA url(img/gore.jpeg) no-repeat;height:62px;border-bottom:1px solid #000;}
	#header form{font-size:70%;font-weight:bold;position:relative;text-align:left;width:200px;float: right;padding:10px 0 0 0;}

#navigation{height:40px;position:relative;top:10px;left:75px;font: bold 12px arial, sans-serif;}
	#navigation ul{float:left;}
	#navigation li {display:block;float:left;margin:0 1px;}
	#navigation a{background:url('img/but_r.gif') no-repeat scroll top right;color:#444;float:left;margin-right:6px;padding-right:14px;/*sliding doors padding*/}
	#navigation a span{background:transparent url('img/but_l.gif') no-repeat;display:block;padding:5px 0 3px 18px;}
	#navigation a:active{background-position:top right;color:#000;outline: none;/*hide dotted outline in Firefox*/}
	#navigation a:active span{background-position:top left;padding:5px 0 3px 18px;/*push text down 1px*/} 
	#navigation a:hover{background-position: bottom right;color:#000;outline:none;/*hide dotted outline in Firefox*/}		
	#navigation a:hover span {background-position: bottom left;padding:3px 0 6px 18px;/*push text down 1px*/}	
	#navigation a:focus span{-moz-outline-style:none;}

#mainContent{margin:20px 1em;text-align:justify;font-size:85%;font:85% Comic Sans MS,Arial,Helvetica,sans-serif;}
	#mainContent p{margin:5px 0;}
	#mainContent h3{padding:0 0 0 5px;}
	#mainContent  table{margin:40px auto;}
	#mainContent td{padding:8px 0 8px 0px;}

#footer{margin:10px 0 0 0;padding:0 10px; background:#4CA6DA;} 
	#footer p{margin:0;padding:10px 0;font-size:55%;text-align: center;}

#metainfo{font-size:11px;padding:0 0 10px 5px;}
hr {border-color:#000000;border-style:outset none none;border-width:2px medium medium;height:2px;margin-bottom:10px;margin-top:30px;}


#letter{background:#ffc;margin:10px auto;padding:5px;border:1px solid #000;font:95% Verdana,Arial,Helvetica,sans-serif;}

/* Miscellaneous classes for reuse */
.fltrt {float:right;margin-left:8px;}
.fltlft {float:left;margin-right:8px;}
.clearfloat{clear:both;height:0;font-size:1px;line-height:0px;}	
	
	
/*
#navigation li a{
	display:block;
	float:left;
	font-size:11px;
	font-weight:bold;
	background:url(img/menu_027_l.jpg) no-repeat left;
	line-height:39px;
	padding:0 0 0 9px;
	text-decoration:none;
}
#navigation li a span{
	display:block;
	float:left;
	background:url(img/menu_027_r.jpg) no-repeat right;
	line-height:39px;
	padding:0 8px 0 0;
}
#navigation li a:hover{
	display:block;
	float:left;					
	background:url(img/menu_027_h_l.jpg) no-repeat left;
	cursor: pointer;
}
#navigation li a:link { 
	color: #000000;
}
#navigation li a:visited { 
	color: #000000;
}
#navigation li a:focus {
	-moz-outline-style: none;
}
#navigation li a:active{
	padding: 0 0 4px 0; 
}		
#navigation li a:hover span{
	display:block;
	float:left;					
	background:url(img/menu_027_h_r.jpg) no-repeat right;
	cursor: pointer;
}	

#sidebar{font-size:85%;float:right;width:12em;background:#4C96DA;padding:15px 10px;}
 
.clear{overflow:hidden;width:100%;}
*/