﻿* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}

h1 {
	font-weight:bold;
	font-size: 18px;
	
}
 
#wrapper { 
 margin: 0 auto;
 width: 922px;

}
#header {
 text-align: center;
 color: #007c00;
 width: 900px;
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 height: 100px;
 margin: 10px 0px 5px 0px;
 background: #fec10e;
}
#leftcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #fec10e;
 margin: 0px 5px 5px 0px;
 padding: 0px;
 height: 350px;
 width: 215px;
 float: left;
 
}
 
.menu {margin:0; padding:0; width:215px; list-style:none;background:rgb(255,255,255);}
.menu li{padding:0; margin:0 0 1px 0; height:40px; display:block; }
.menu li a{text-align:left;height:40px; padding:0px 20px; font:12px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); display:block; background:#fec10e; 0px; 0px no-repeat; text-decoration:none;}
.menu li a:hover{background:#007c00; color:#fec10e;}
.menu li a.active, .menu li a.active:hover{background:#007c00; color:#fec10e;}
.menu li a span{line-height:40px;}
 
 
#formtable{
	
width: 900px;
background: #F2F2E6;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #007c00;
}
 
#rightcolumn { 
 text-align: center;
 float: right;
 color: #007c00;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 350px;
 width: 678px;
 display: inline;
}
#footer { 
 text-align: center;
 width: 900px;
 clear: both;
 color: #007c00;
 border: 1px solid #ccc;
 background: #fec10e;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

#w3c { 
 text-align: center;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left;  width: 900px; }
#keyboardMsg{ float: right;  width: 100px; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url("overlay.png"); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(blank.gif);
}	
	


