body { 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-align:left; 
	background-color:#000000;
	background-repeat: repeat;
}

#background {
	position: absolute;
	left: 50%;
	width: 800px;
	margin-left: -400px;
	top: 0px;
}

/* fonts ///////////////////////////////////////////////////////////////////////////////////////////// */

.copy {

	font-size: 1em;
	font-size: 11px;
	width: 250px;
}

.headline {
	font-size: 18px;
	width: 370px;
	font-weight: bold;
	font: Geneva, Arial, Helvetica, sans-serif;
}

.subhead {
	font-size: 14px;
	width: 370px;
	font-weight: bold;
	color: #CC0000;
}

.subheadWhite {
	font-size: 14px;
	width: 370px;
	font-weight: bolder;
	color:#FFFFFF;
}


/* menubar ///////////////////////////////////////////////////////////////////////////////////////////// */
#menubar { /* position of menubar -*/
	position: absolute;
	left: 50%;
	width: 700px;
	height: 22px;
	margin-left: -260px;
	top: 80px;
}

/* links ///////////////////////////////////////////////////////////////////////////////////////////// */
a {
	color: #3366FF;
	text-decoration: none;
}

a:hover { /* color when hover over links */
	color: #CC9900;
}


/* menu fonts ////////////////////////////////////////////////////////////////////////////////////// */


#menubar a, #8020 a, #8020  { /* color white for home links */
	color: #FFFFFF;
		font-weight: bold;
}

#menubar a:hover { /* color white for home links */
	color: #66CCFF;
		font-weight: bold;
}

#menubar a:visited { /* color white for home links */
	color: #ffffff;
		font-weight: bold;
}

#menubar { /* color white for home links */
	color: #ffffff;
		font-weight: bold;
}

/* 8020 ////////////////////////////////////////////////////////////////////////////////////// */
#8020 {
	position: absolute;
	left: 50%;
	width: 300px;
	height: 22px;
	margin-left: 25px;
	top: 200px;
}

/* 80 20 buttons////////////////////////////////////////////////////////////////////////////////////// */
#nations80 { 
	position: absolute;
	left: 50%;
	width: 300px;
	height: 22px;
	margin-left: 30px;
	top: 140px;
	text-decoration:none;
}

#nations20 { 
	position: absolute;
	left: 50%;
	width: 300px;
	height: 22px;
	margin-left: 30px;
	top: 250px;
	border: none;
}

#nations20 a{ 
	border: none; 
}

#nations20 a:hover{ 
	border: none;
}


/* downloads ////////////////////////////////////////////////////////////////////////////////////// */
#downloads { /* position of menubar -*/
position: absolute;
left: 50%;
width: 300px;
height: 22px;
margin-left: 25px;
top: 100px;
}

/* center ////////////////////////////////////////////////////////////////////////////////////// */
#center { /* position of menubar -*/
position: absolute;
left: 50%;
width: 662px;
height: 344px;
margin-left: -331px;
top: 75px;
border: none;
}

/* 20 countries ////////////////////////////////////////////////////////////////////////////////////// */
#austria { /* position -*/
position: absolute;
left: 50%;
width: 50px;
height: 20px;
margin-left: 0px;
top: 170px;
}

#belize { /* position -*/
position: absolute;
left: 50%;
width: 50px;
height: 20px;
margin-left: -300px;
top: 250px;
}

#bulgaria { /* position -*/
position: absolute;
left: 50%;
width: 50px;
height: 20px;
margin-left: 30px;
top: 190px;
}

#cameroon { /* position -*/
position: absolute;
left: 50%;
width: 50px;
height: 20px;
margin-left: -100px;
top: 300px;
}

#estonia { /* position -*/
position: absolute;
left: 50%;
width: 50px;
height: 20px;
margin-left: 30px;
top: 123px;
}

#gabon { /* position -*/
position: absolute;
left: 50%;
width: 50px;
height: 20px;
margin-left: -80px;
top: 315px;
}

#greenland { /* position -*/
position: absolute;
left: 50%;
width: 50px;
height: 20px;
margin-left: -160px;
top: 110px;
}

#guadeloupe { /* position -*/
position: absolute;
left: 50%;
width: 50px;
height: 20px;
margin-left: -220px;
top: 260px;
}

#lithuania { /* position -*/
position: absolute;
left: 50%;
width: 50px;
height: 20px;
margin-left: 25px;
top: 140px;
}

#madagascar { /* position -*/
position: absolute;
left: 50%;
width: 50px;
height: 20px;
margin-left: 85px;
top: 370px;
}

#martinique { /* position -*/
position: absolute;
left: 50%;
width: 50px;
height: 20px;
margin-left: -200px;
top: 280px;
}

#mongolia { /* position -*/
position: absolute;
left: 50%;
width: 50px;
height: 20px;
margin-left: 190px;
top: 140px;
}

#namibia { /* position -*/
position: absolute;
left: 50%;
width: 50px;
height: 20px;
margin-left: -75px;
top: 375px;
}

#rwanda { /* position -*/
position: absolute;
left: 50%;
width: 50px;
height: 20px;
margin-left: 38px;
top: 323px;
}

#southkorea { /* position -*/
position: absolute;
left: 50%;
width: 100px;
height: 20px;
margin-left: 240px;
top: 230px;
}

#singapore { /* position -*/
position: absolute;
left: 50%;
width: 50px;
height: 20px;
margin-left: 200px;
top: 320px;
}

#slovenia { /* position -*/
position: absolute;
left: 50%;
width: 50px;
height: 20px;
margin-left: -75px;
top: 180px;
}

#taiwan { /* position -*/
position: absolute;
left: 50%;
width: 50px;
height: 20px;
margin-left: 273px;
top: 250px;
}

#thailand { /* position -*/
position: absolute;
left: 50%;
width: 50px;
height: 20px;
margin-left: 150px;
top: 275px;
}

#uruguay { /* position -*/
position: absolute;
left: 50%;
width: 50px;
height: 20px;
margin-left: -190px;
top: 405px;
}

#austria a, #belize a, #bulgaria a, #cameroon a, #estonia a, #gabon a, #greenland a, #guadeloupe a, #lithuania a, #madagascar a, #martinique a, #mongolia a, #namibia a, #rwanda a, #southkorea a, #singapore a, #slovenia a, #taiwan a, #thailand a, #uruguay a  { /* color white for links */
	color: #FFFFFF; font-weight: bolder; background-color:#000066;
}

 #austria a:hover, #belize a:hover, #bulgaria a:hover, #cameroon a:hover, #estonia a:hover, #gabon a:hover, #greenland a:hover, #guadeloupe a:hover, #lithuania a:hover, #madagascar a:hover, #martinique a:hover, #mongolia a:hover, #namibia a:hover, #rwanda a:hover, #southkorea a:hover, #singapore a:hover, #slovenia a:hover, #taiwan a:hover, #thailand a:hover, #uruguay a:hover  { /* color white for links */
	color: #000066; font-weight: bolder; background-color:#ffcc00;
}

/* 80 countries ////////////////////////////////////////////////////////////////////////////////////// */
#africa { /* position -*/
position: absolute;
left: 50%;
width: 50px;
height: 20px;
margin-left: -20px;
top: 300px;
}

#europe { /* position -*/
position: absolute;
left: 50%;
width: 50px;
height: 20px;
margin-left: -35px;
top: 155px;
}

#caribbean { /* position -*/
position: absolute;
left: 50%;
width: 50px;
height: 20px;
margin-left: -280px;
top: 260px;
}

#farnorth { /* position -*/
position: absolute;
left: 50%;
width: 100px;
height: 20px;
margin-left: -300px;
top: 155px;
}

#fareast { /* position -*/
position: absolute;
left: 50%;
width: 100px;
height: 20px;
margin-left: 180px;
top: 200px;
}

#latinamerica { /* position -*/
position: absolute;
left: 50%;
width: 100px;
height: 20px;
margin-left: -255px;
top: 340px;
}

#seasia { /* position -*/
position: absolute;
left: 50%;
width: 100px;
height: 20px;
margin-left: 200px;
top: 300px;
}

#usa{ /* position -*/
position: absolute;
left: 50%;
width: 50px;
height: 20px;
margin-left: -300px;
top: 210px;
}

#africa a, #europe a, #caribbean a, #farnorth a, #fareast a, #latinamerica a, #seasia a, #usa a { /* color white for links */
	color: #FFFFFF; font-weight: bolder; background-color:#000066;
}

 #africa a:hover, #europe a:hover, #caribbean a:hover, #farnorth a:hover, #fareast a:hover, #latinamerica a:hover, #seasia a:hover, #usa a:hover  { /* color white for links */
	color: #000066; font-weight: bolder; background-color:#ffcc00;
}

/* help ////////////////////////////////////////////////////////////////////////////////////// */
#help { /* position -*/
position: absolute;
left: 50%;
width: 200px;
height: 20px;
margin-left: 60px;
top: 390px;
}

#help a, #help a:hover  { /* color white for links */
	color: #FFFFFF; font-weight: bolder; font-size:14px;
	
}
/* text block ////////////////////////////////////////////////////////////////////////////////////// */

#scrollRightHalf {
position: absolute;
left: 50%;
margin-left: 20px;
top: 102px;
width: 269px;
height: 270px;
overflow: auto;
}

#scrollRightHalfNoScroll {
position: absolute;
left: 50%;
margin-left: 10px;
top: 102px;
width: 269px;
height: 270px;
}

#scrollLeftHalf {
position: absolute;
left: 50%;
margin-left: -300px;
top: 102px;
width: 600px;
height: 270px;
overflow: auto;
}

#scrollAll {
position: absolute;
left: 50%;
margin-left: -300px;
top: 120px;
width: 600px;
height: 270px;
overflow: auto;
}

#scrollNone {
position: absolute;
left: 50%;
margin-left: -300px;
top: 120px;
width: 600px;
height: 270px;
}
