body { 
	font-size:62.5%; 
	  background: #fff url(images/blackworldmap_15.jpg) 
center center fixed no-repeat;
  -moz-background-size: cover;
  background-size: cover;
  background-color: #fff;
	}


#topheader {
	width: 100%;
	height: 100px;
	margin-top: -10px;
	background: url(images/whitetransparenttile.png);
	background-repeat: repeat-x;

	border-bottom: #111111 1px solid;
}

.logo {
	opacity:1;
}
#logoheader {
	margin: auto;
	margin-top: 100px;
	width: 305px;
	height: 100px;
	background: url(images/logo.png);
}


.arrowlistmenu{
width: 400px; /*width of accordion menu*/
margin: auto;
margin-top: 150px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 1.8em Gill Sans;
color: white;
background: black url(images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: capitalize;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #191919;
background: url(images/arrowbullet.png) 0 33% no-repeat; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid #dadada;
font-size: 1.4em;
font-family: gill sans;
}

.arrowlistmenu ul li a:visited{
color: #191919;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #0000ff;
background-color: #F3F3F3;
}


#container{
	margin:0 auto;
	width:500px;
	padding:40px;
	text-align:left;
	background-color:#fff;
}
#container ol{
	text-align:center;
	margin:0 0 30px 0;
	list-style:I;
	font-size: 3em;
}
#container ol a{
	border:1px solid #eee;
	background-color:#f5f5f5;
	color:#444;
	font-size:1.5em;
	line-height:2em;
	padding:20px;
	margin:0 0 20px 0;
	display:block;
}
#container ul a:hover{
	border:1px solid #B5DF99;
	background-color:#CDEFB6;
	color:#358610;
}

#lightbox h2{
	margin:0 0 1em 0.5em;
	color: 666666;
}
#lightbox h3{
	color:#FF713F;
}
#lightbox.done p{
	color:#333;
}

#form{
	text-align:left;
	margin:25px;
}
#form ul{
	list-style:none;
}
#form li{
	margin:0 0 1em 0;
}
#form textarea{
	width:100%;
	height:150px;
}

#definition{
	margin:25px;
}

#left {
float:right;
margin:60px 30px 0 20px;
width:400px;
color: #191919;
}

#left h2 {
	color: #000000; 
	font-family: Helvetica; 
	font-family: 24px;	
}

#left ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px;

}

#left ol{
	color: #000000; 
	font-family: Helvetica; 
	font-size: 20px;
}

#left ul li{
	background: url(images/lbbullet.jpg) no-repeat center left;
	display: block;
	padding: 2px 0;
	padding-left: 25px;
	
}

#right {
float:left;
margin:60px 0 0 30px;
}


#close{
	margin: 380px 0px 0px 550px;
	position: absolute;	
	height: 28px;
	width: 100px;
}

#imagediv{
	height: 250px;
	width: 200px;	
}

#left { letter-spacing:0.03em; }

#left ol {
color:#000000;
font-family:Helvetica;
font-size:2em;
}

#left ol li {
line-height:1.2em;
padding-bottom:0.6em;
padding-left:0.3em;
}

#left h2 {
font-family:Times New Roman;
font-size:3em;
}

#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:30px;   
   background:#fff;
   border-top: #111111 1px solid;
   	opacity:0.6;

}