body {
margin:0;
padding:0;
background: #036;
color:#000;
background-image:url(gfx/blueLine2.jpg); /* this line is different in mainOther */
background-repeat: repeat-x;
}

body, td, th, textarea, select, h2, h3, h4, h5, h6
{font: 12px/1.25em arial, sans-serif;}

p
{margin:12px 0;}

a
{color:#004276;/* dark blue */ text-decoration:none;}

a:visited
{color:#5c7996;/* light blue */}

a:hover
{color:#ca0002;/* red */}

a:focus
{outline:none;}

.Headline {
font-size:22px;
font-weight:bold; 
}

#date { 
position: absolute;
left: 50%;
margin-left: -40px;
top: 120px;
color: #FFF;
}



/* ///////Overall containers///////////////////////////////////////////////// */

#container {
text-align:left;
margin:0 auto;
width:1002px;}

#contentContainer {
text-align:left;
margin:0 auto;
width:984px;}

#LeftColumn {
float:left;
width:621px;}

#RightColumn {
float:left;
width:354px;
margin-left:9px;}

/* ////white corner box and background//////////////////////////////////////////////////// */

.BoxHeader
{height:4px;overflow:hidden;background:#fff url(gfx/corner_dg_TR.gif) 100% 0 no-repeat;}
.BoxHeader div
{width:4px;height:4px;overflow:hidden;background:#fff url(gfx/corner_dg_TL.gif) 0 0 no-repeat;}
.BoxContent
{background:#fff;}
.BoxFooter
{height:4px;overflow:hidden;background:#fff url(gfx/corner_dg_BR.gif) 100% 0 no-repeat;}
.BoxFooter div
{height:4px;width:4px;overflow:hidden;background:#fff url(gfx/corner_dg_BL.gif) 0 0 no-repeat;}

/* /////Content in Boxes/////////////////////////////////////////////////// */

.boxTop{
padding-top:9px;}

.boxTop2{
padding-top:0px;}


.BoxContent2 {
padding:0px 18px 2px 18px;}

.Header {
padding:4px 18px 8px 18px;
line-height:24px;
font-size:22px;
font-weight:bold;
border-bottom:1px solid #dfdfdf;}

.Header2 {
padding:0px 0px 8px 0px;
line-height:24px;
font-size:22px;
font-weight:bold;
color: #003399;
}

.BoxLeftColumn {
width:180px;
float:left;}

.BoxLeftColumn2 {
width:100px;
float:left;}

.BoxRightColumn {
padding:0px 0px 0px 10px;
width:180px;
float:left;}

.BoxRightColumn2 {
padding:0px 0px 0px 10px;
width:100px;
float:left;}


.LeftBoxColumn {
width:80px;
float:left;}

.LeftBoxColumn2 {
padding:0px 0px 0px 10px;
width:80px;
float:left;}

.ContentOneCol {
padding:0px 0px 0px 10px;
width:550px;
float:left;}

.ContentOneCol2 {
padding:0px 0px 0px 10px;
width:250px;
float:left;}

.ContentTwoCol {
padding:0px 0px 0px 10px;
width:265px;
float:left;}

.ContentTwoCol2 {
padding:0px 0px 0px 10px;
width:265px;
float:left;}

.clear
{clear:both;}

/* //////////////////////////////////////////////////////// */

#footer {
margin:12px 9px;
padding-top:11px;
text-align:center;
color: #CCC;
font-size:10px;
}


/* /////////////////Nations/////////////////////////////////////// */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#bulgaria a, #cameroon a, #gabon a, #greenland a, #guadeloupe a, #lithuania a, #martinique a, #southkorea a, #slovenia a, #remaining a  { /* color white for links */
	color: #FFFFFF; font-weight: bolder; background-color: #900;
}

#austria a, #belize a, #estonia a, #madagascar a, #mongolia a, #namibia a, #rwanda a, #singapore a, #taiwan a, #thailand a, #uruguay a, #reached 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;
}

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

#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, #centralamerica 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, #centralamerica a:hover  { /* color white for links */
	color: #000066; font-weight: bolder; background-color:#ffcc00;
}