/************************************************/
/* */
/* webdesign, html & Css by Thomas Michalak */
/* http://sosobering.free.fr/art */
/* */
/************************************************/

/********************************************************************************************************************************************************************/
/* */
/* MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN */
/* */
/********************************************************************************************************************************************************************/
html {
background-color:#FFFFFF;
}
body {
padding:1px;
font-family:verdana,arial,helvetica,sans-serif;
text-align:center;
font-size:medium;
margin-top:0px;
margin-bottom:0px;
height:100%;
background-color:#FFFFFF;
width:852px;
margin-left:auto;
margin-right:auto;
position:relative;
}
#container {
margin-left:auto;
margin-right:auto;
width:852px;
background-color:#FFFFFF;
text-align:left;
}
#wrapper {
font-size:70%;
float:left;
padding:0px;
/** TEMP HACK TO FIX WRAPPING BUG IN IE6 **/
width:692px;
}
/** TEMP HACK TO FIX WRAPPING BUG IN IE6 **/
html > body #wrapper {
width:696px;
}
#page{
float:left;
padding:0;
width:696px;
background-color:transparent;
background-position:top left;
background-repeat:no-repeat;
position:relative;
}
#content{
float:left;
padding:0 20px 10px;
width:656px;
}
/* HEADER DIV */
#page #header{
height:150px;
width:696px;
position:relative;
float:left;
}
#page #header .graphic, #page .graphic{
background-color:transparent;
background-repeat:no-repeat;
position:absolute;
}
#page .graphic{
width:696px;
height:67px;
bottom:-28px;
}
#page #header .graphic{
height:200px;
top:0;
left:0;
}

#statistics_content #page #header .graphic {
height:152px !important;
}
/* BOX */
.box{
border:solid 1px #666666;
background:#FFFFFF url(../media/content/timeline/timeline-box-back.jpg) repeat-x scroll left bottom;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-webkit-box-shadow: 0 0 10px #666;
-moz-box-shadow: 0 0 10px #666;
padding:10px 20px 10px;
}
.round20{
-moz-border-radius:20px;
-webkit-border-radius:20px;
}
.round15{
-moz-border-radius:15px;
-webkit-border-radius:15px;
}
.round10{
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.round6{
-moz-border-radius:6px;
-webkit-border-radius:6px;
}
.round5{
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.round4{
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.round3, .square{
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.squareBottom{
-moz-border-radius-bottomleft:0;
-webkit-border-bottom-left-radius:0;
-moz-border-radius-bottomright:0;
-webkit-border-bottom-right-radius:0;
}
.squareTop{
-moz-border-radius-topleft:0;
-webkit-border-top-left-radius:0;
-moz-border-radius-topright:0;
-webkit-border-top-right-radius:0;
}

.bSquare{
-moz-border-radius:0 !important;
-webkit-border-radius:0 !important;
}
.bFull{
width:614px;
float:left;
margin:5px 0;
}
.bLeft, .bRight{
width:281px;
}
.bLeft{
float:left;
margin:5px 5px 5px 0;
}
.bRight{
float:right;
margin:5px 0 5px 5px;
}
.posRelative{
position:relative;
}
/***********************************************/
/* HEADERS */
/***********************************************/
h1, h2, h3, h4, p, ul, li, ol {
margin:0;
padding:0;
}
#wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4 {
font-style: normal;
font-weight:bold;
}
h1, h2, h3, h4, h5, h6{
letter-spacing:1px;
text-align:left;
}
#wrapper #page h2.bHead, #wrapper #page h1.bHead, #wrapper #page h3.bHead{
border-bottom:1px solid #CCCCCC !important;
font-size:120%;
padding:10px !important;
left:0;
margin:-10px -20px -10px -20px !important;
top:-10px;
text-align:center;
/*width:301px;*/
}
#wrapper #page h2.hYellow, #wrapper #page h1.hYellow, #wrapper #page h3.hYellow{
background:#E6DD07 !important;
color:#333 !important;
}
#wrapper #page h2.hDark, #wrapper #page h1.hDark, #wrapper #page h3.hDark{
background:#333 !important;
color:#FFF !important;
}
#wrapper #page h2.hLight, #wrapper #page h1.hLight, #wrapper #page h3.hLight{
background:#EFEFEF !important;
color:#333 !important;
}

/********************/
/* Gradient Headers */
/********************/

body #container .red{
background:#C10000;/* browsers without gradient */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F51110', endColorstr='#C10100'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#F51110), to(#C10100)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #F51110,  #C10100);/*  for firefox 3.6 */
border-color:#930000;
color:#FFF !important;
}

body #container .orange{
background:#F07B2C;/* browsers without gradient */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FC8E43', endColorstr='#DA5800'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#FC8E43), to(#DA5800)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #FC8E43,  #DA5800);/*  for firefox 3.6 */
border-color:#B54901;
color:#FFF !important;
}
body #container .yellow{
background:#E4E041;/* browsers without gradient */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAF98F', endColorstr='#C0BA0E'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#FAF98F), to(#C0BA0E)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #FAF98F,  #C0BA0E);/*  for firefox 3.6 */
border-color:#7E6909;
color:#000 !important;
}
body #container .black{
background:#262626;/* browsers without gradient */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444', endColorstr='#111'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #444,  #111);/*  for firefox 3.6 */
border-color:#000;
color:#FFF !important;
}
body #container .pink{
background:#FC98FC;/* browsers without gradient */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDC1FD', endColorstr='#FB6DFB'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#FDC1FD), to(#FB6DFB)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #FDC1FD,  #FB6DFB);/*  for firefox 3.6 */
border-color:#7C437C;
color:#000 !important;
}
body #container .purple{
background:#834BB3;/* browsers without gradient */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A16ACF', endColorstr='#561B88'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#A16ACF), to(#561B88)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #A16ACF,  #561B88);/*  for firefox 3.6 */
border-color:#31104E;
color:#FFF !important;
}
body #container .green{
background:#85BF40;/* browsers without gradient */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A0D815', endColorstr='#739D0D'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#A0D815), to(#739D0D)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #A0D815,  #739D0D);/*  for firefox 3.6 */
border-color:#57750D;
color:#FFF !important;
}
body #container .darkGreen{
background:#8CBE12;/* browsers without gradient */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85BF40', endColorstr='#426F03'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#85BF40), to(#426F03)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #85BF40,  #426F03);/*  for firefox 3.6 */
border-color:#2A4706;
color:#FFF !important;
}
body #container .khaki{
background:#666600; /* browsers without gradient */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A19D4E', endColorstr='#716B12'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#A19D4E), to(#716B12)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #A19D4E,  #716B12);/*  for firefox 3.6 */
border-color:#615D11;
color:#FFF !important;
}
body #container .brown{
background:#552603; /* browsers without gradient */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#84512B', endColorstr='#562500'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#84512B), to(#562500)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #84512B,  #562500);/*  for firefox 3.6 */
border-color:#432f1d;
color:#FFF !important;
}
body #container .blue{
background:#5393b5; /* browsers without gradient */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6CBBE6', endColorstr='#295369'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#6CBBE6), to(#295369)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #6CBBE6,  #295369);/*  for firefox 3.6 */
border-color:#1f4355;
color:#FFF !important;
}
body #container .darkBlue{
background:#356fa4; /* browsers without gradient */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#69ABDD', endColorstr='#153655'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#69ABDD), to(#153655)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #69ABDD,  #153655);/*  for firefox 3.6 */
border-color:#19395a;
color:#FFF !important;
}
body #container .grey{
background:#D0D0D0 !important; /* browsers without gradient */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#ACACAC') !important; /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#ACACAC)) !important; /* for webkit browsers */
background: -moz-linear-gradient(top,  #EFEFEF,  #ACACAC) !important;/*  for firefox 3.6 */
border:1px solid #666666 !important;
color:#333333 !important;
}
body #container .lightGrey{
background:#D0D0D0 !important; /* browsers without gradient */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#DCDCDC') !important; /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#DCDCDC)) !important; /* for webkit browsers */
background: -moz-linear-gradient(top,  #EFEFEF,  #DCDCDC) !important;/*  for firefox 3.6 */
border:1px solid #DDDDDD !important;
color:#333333 !important;
}

/* list bullets */
ul {
list-style-type: disc;
}
ul ul {
list-style-type: square;
}
ul ul ul {
list-style-type: circle;
}
form {
padding: 0px;
margin: 0px;
}
/*************************/
/* TRICKS AND HANDY */
/*************************/
/* clear */
.clear-all {
clear:both;
margin:0px;
padding:0px;
}
.clear-right {
clear:right;
margin:0;
padding:0;
height:0;
}
span.break {
display:block;
}
#copyright {
display:none;
}
.upright{
float:left;
width:1px !important;
border:none !important;
background:transparent !important;
margin:0 !important;
padding:0 !important;
}
.left{
float:left;
}
.right{
float:right;
}
.hidden{
display:none;
}
#wrapper .center{
text-align:center;
}
/*************************/
/* PARAGRAPH */
/*************************/
#wrapper p {
text-align:justify;
color: #000000;
margin:10px 0;
}

/*************************/
/* LINKS */
/*************************/
a, a:hover{
outline:0 !important;
}
/*EXTERNAL*/
/*normal*/
#wrapper a[href*="http://"], #wrapper a[href*="http://"] b, #wrapper a[href*="http://"] strong{
color: #0066FF;
padding:0 12px 2px 2px;
text-decoration:none;
background: URL("../media/template/layout/external.gif") no-repeat right 1px;
border-right:solid 4px #FFFFFF;
}
#wrapper a[href*="http://"]:hover, #wrapper a[href*="http://"]:hover b, #wrapper a[href*="http://"]:hover strong{
color: #FFFFFF;
background:#0066FF URL("../media/template/layout/externalHover.gif") no-repeat right 2px;
padding:0 12px 2px 2px;
text-decoration:none;
border-right:solid 4px #0066FF;
}
/*visited*/
#wrapper a[href*="http://"]:visited, #wrapper a[href*="http://"]:visited b, #wrapper a[href*="http://"]:visited strong{
color: #663399;
padding:0 12px 2px 2px;
text-decoration:none;
background: URL("../media/template/layout/externalVisited.gif") no-repeat right 1px;
border-right:solid 4px #FFFFFF;

}
#wrapper a[href*="http://"]:visited:hover, #wrapper a[href*="http://"]:visited:hover b, #wrapper a[href*="http://"]:visited:hover strong{
color:#FFFFFF;
background:#663399 URL("../media/template/layout/externalVisitedHover.gif") no-repeat right 2px;
padding:0 12px 2px 2px;
text-decoration:none;
border-right:solid 4px #663399;
}


/*INTERNAL*/
/*normal*/
#wrapper a, #wrapper a b, #wrapper a strong, #wrapper a[href*="avert.org"], #wrapper a[href*="avert.org"] b, #wrapper a[href*="avert.org"] strong{
color: #0066FF;
padding:0 2px 2px 2px;
text-decoration:none;
border:none;
-moz-border-radius:0px;
-webkit-border-radius:0px;
background-image: none;
background-color:transparent;
display:inline;
}
#wrapper a:hover, #wrapper a:hover b, #wrapper a:hover strong, #wrapper a[href*="avert.org"]:hover, #wrapper a[href*="avert.org"]:hover b, #wrapper a[href*="avert.org"]:hover strong{
color: #FFFFFF;
background-color: #0066FF;
background-image: none;
padding:0 2px 2px 2px;
text-decoration:none;
border:none;
-moz-border-radius:0px;
-webkit-border-radius:0px;
display:inline;
}
/*visited*/
#wrapper a:visited, #wrapper a:visited b, #wrapper a:visited strong, #wrapper a[href*="avert.org"]:visited, #wrapper a[href*="avert.org"]:visited b, #wrapper a[href*="avert.org"]:visited strong{
color: #663399;
padding:0 2px 2px 2px;
text-decoration:none;
border:none;
-moz-border-radius:0px;
-webkit-border-radius:0px;
background-color:transparent;
display:inline;
}
#wrapper a:visited:hover, #wrapper a:visited:hover b, #wrapper a:visited:hover strong, #wrapper a[href*="avert.org"]:visited:hover, #wrapper a[href*="avert.org"]:visited:hover b, #wrapper a[href*="avert.org"]:visited:hover strong{
color:#FFFFFF;
background: #663399;
padding:0 2px 2px 2px;
text-decoration:none;
border:none;
-moz-border-radius:0px;
-webkit-border-radius:0px;
display:inline;
}

/*specials*/
#wrapper a.top, #wrapper a.top:hover{
padding:0 !important;
margin:0 !important;
border:none;
}


/***********************************************/
/* FORMS FORMS FORMS */
/***********************************************/
/********************************/
/* BUTTONS BUTTONS */
/********************************/
/*general*/
button.bigBt, input.bigBt, input.bigBt:visited, a.bigBt, a.bigBt:visited, button.mediumBt, input.mediumBt, input.mediumBt:visited, a.mediumBt, a.mediumBt:visited, button.smallBt, input.smallBt, input.smallBt:visited, a.smallBt, a.smallBt:visited, button.tinyBt, input.tinyBt, input.tinyBt:visited, a.tinyBt, a.tinyBt:visited,
a[href*="http://"].bigBt, a[href*="http://"].mediumBt, a[href*="http://"].smallBt, a[href*="http://"].tinyBt, a[href*="http://"].bigBt:visited, a[href*="http://"].mediumBt:visited, a[href*="http://"].smallBt:visited, a[href*="http://"].tinyBt:visited, button.bigBt:hover, input.bigBt:hover, a.bigBt:hover, button.mediumBt:hover, input.mediumBt:hover, a.mediumBt:hover, button.smallBt:hover, input.smallbt:hover, a.smallBt:hover, button.tinyBt:hover, input.tinyBt:hover, a.tinyBt:hover,
a[href*="http://"].bigBt:hover, a[href*="http://"].mediumBt:hover, a[href*="http://"].smallBt:hover, a[href*="http://"].tinyBt:hover {
background-position:center left !important;
background-repeat:repeat-x !important;
border:solid 1px !important;
text-align:center !important;
}
button.bigBt, input.bigBt, a.bigBt, a.bigBt:visited, button.mediumBt, input.mediumBt, a.mediumBt, a.mediumBt:visited, button.smallBt, input.smallBt, a.smallBt, a.smallBt:visited, button.tinyBt, input.tinyBt, a.tinyBt, a.tinyBt:visited,
a[href*="http://"].bigBt, a[href*="http://"].mediumBt, a[href*="http://"].smallBt, a[href*="http://"].tinyBt, a[href*="http://"].bigBt:visited, a[href*="http://"].mediumBt:visited, a[href*="http://"].smallBt:visited, a[href*="http://"].tinyBt:visited{
color:#006600 !important;
background:#92C74C !important; /* browsers without gradient */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D5FF9D', endColorstr='#92C74C') !important; /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#D5FF9D), to(#92C74C)) !important; /* for webkit browsers */
background: -moz-linear-gradient(top,  #D5FF9D,  #92C74C) !important;/*  for firefox 3.6 */
border-color:#006600 !important;
}
button.bigBt:hover, input.bigBt:hover, a.bigBt:hover, button.mediumBt:hover, input.mediumBt:hover, a.mediumBt:hover, button.smallBt:hover, input.smallBt:hover, a.smallBt:hover, button.tinyBt:hover, input.tinyBt:hover, a.tinyBt:hover,
a[href*="http://"].bigBt:hover, a[href*="http://"].mediumBt:hover, a[href*="http://"].smallBt:hover, a[href*="http://"].tinyBt:hover {
color:#634B0C !important;
background:#DFDB3A !important; /* browsers without gradient */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8FFAA', endColorstr='#D4CE1E') !important; /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#F8FFAA), to(#D4CE1E)) !important; /* for webkit browsers */
background: -moz-linear-gradient(top,  #F8FFAA,  #D4CE1E) !important;/*  for firefox 3.6 */
border-color:#634B0C !important;
}
/*Button*/
.bigBt, .mediumBt, .smallBt{
-moz-border-radius:6px !important;
-webkit-border-radius:6px !important;
}
.bigBt{
padding:18px 20px 20px !important;
font-size:190% !important;
}
.mediumBt{
padding:10px 15px 12px !important;
font-size:150% !important;
}
.smallBt{
padding: 7px 10px 8px !important;
font-size:110% !important;
}
.tinyBt{
padding:4px 10px 5px!important;
font-size:90% !important;
-moz-border-radius:4px !important;
-webkit-border-radius:4px !important;
}
.square{
-moz-border-radius:3px !important;
-webkit-border-radius:3px !important;
}
#container #wrapper #page .disButton{
background:#D0D0D0 !important; /* browsers without gradient */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#ACACAC') !important; /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#ACACAC)) !important; /* for webkit browsers */
background: -moz-linear-gradient(top,  #EFEFEF,  #ACACAC) !important;/*  for firefox 3.6 */
border:1px solid #666666 !important;
color:#333333 !important;
}

/**************************************/
/* TEXT AREA **** SELECT **** INPUT */
/**************************************/
textarea, input[type="text"], select {
background:#FFFFFF;
color:#333333;
border:solid 1px #666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
textarea:hover, input[type="text"]:hover, select:hover {
border:1px solid #669900;
}
input[type="text"]{
padding:2px 4px 3px;
}
/************************/
/* UPDATE */
/************************/
p.lastupdate {
margin:0px !important;
padding:10px 5px 0 0 !important;
font-size: 70%;
text-align:right;
color:#333333;
font-style:italic;
font-family:Verdana, Arial, Helvetica, sans-serif;
clear:both;
}
/************************/
/* ACCESSIBILITY STUFF */
/************************/
#topbar h1, .menu h2, .search_form label {
position:absolute;
margin-top:-10000px;
margin-left:-10000px;
}



/************************************************************************************************************************************************************************/
/* */
/* NAVIGATION NAVIGATION NAVIGATION NAVIGATION NAVIGATION NAVIGATION NAVIGATION NAVIGATION NAVIGATION NAVIGATION NAVIGATION NAVIGATION NAVIGATION NAVIGATION NAVIGATION */
/* */
/************************************************************************************************************************************************************************/
/***********************************************/
/* topbar */
/***********************************************/
#topbar {
margin:5px 0;
padding:0;
float:left;
width:852px;
}
/************************/
/* BRANDING */
/************************/
#branding {
float:left;
}
#branding img{
padding:0;
margin:0;
border:none;
}
#branding a, #branding a:visited {
padding:0;
margin:0;
float:left;
background: url("../media/template/navigation/AvertLogo.gif") top left no-repeat;
color:#C10000;
text-decoration:none;
}
#branding a:hover, #branding a:visited:hover {
background: url("../media/template/navigation/AvertLogoOn.gif") top left no-repeat;
color:#8CCB27;
text-decoration:none;
}

#branding a span{
position:absolute;
margin-top:-900px;
font-size:90%;
font-weight:normal;
}
/************************/
/* TOP MENU */
/************************/
#topmenu {
margin:0;
padding:0;
float:right;
width:731px;
}

/************************/
/* DONATE */
/************************/
#donate {
padding:0;
margin:0 0 -2px 0;
width:64px;
float:left;
border:none;
}
#donate img{
padding:0!important;
margin:0!important;
border:none!important;
}
#donate a, #donate a:visited{
width:64px;
background:url("../media/template/navigation/donate_off.gif") 1px 0px no-repeat;
font-size:70%!important;
text-align:center!important;
padding:18px 0 20px 0 !important;
text-indent:0!important;
margin:0 0 0 0 !important;
color:#FFFFFF!important;
float:left!important;
text-decoration:none!important;
font-weight:normal!important;
}
#donate a:hover, #donate a:visited:hover {
background:url("../media/template/navigation/donate_on.gif") 0px 0px no-repeat;
color:#C10000!important;
text-decoration:none!important;
}


/************************/
/* ABOUT */
/************************/
#about {
margin:0 0 -31px 0;
padding:20px 0 0 0;
width:698px;
float:right;
background-color:#FFFFFF;
}
#about p{
margin:0;
padding:0;
font-size:65%;
}
#about p.left {
padding:0 0 0 31px;
float:left;
}
#about p.right {
float: right;
font-size:75%;
margin:-2px 0 0 0;
}
#about p a, #about p a:visited{
margin:0;
padding:0;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:normal;
background:none;
}
#about p a:hover, #about p a:visited:hover{
color: #C10000;
text-decoration:none;
background:none;
}

/************************/
/* MENU */
/************************/
#menu {
background-color:/*#2A7F00*/ #69A51C;
margin:33px 0 0 0;/* set position of the topmenubar*/
padding:0;
width:667px;
float:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#menu ul {
margin:0;
padding:0;
font-size:95%;
float:left;
}
#menu ul li{
list-style-type:none;
margin:0 0 0 0;
display:inline;
float:left;
padding:0;
}
#menu a, #menu a:visited{
text-decoration:none;
color: #FFFFFF;
font-size:80%;
float:left;
/*normal padding*/
padding:9px 23px 10px 35px;
/*padding for world cup video*/
/*padding:9px 11px 10px 26px;*/
display:block;
background:#69A51C url("../media/template/navigation/topmenuoff.gif") 0px 0px no-repeat;
font-weight:normal;
}
#menu a:hover, #menu a:visited:hover{
text-decoration:none;
color:#C10000;
font-weight:normal;
}
/*First element next to donation*/
#menu ul li.firstTopbar a, #menu ul li.firstTopbar a:visited{
background: #69a51c none;
padding-left:5px;
}
/*Special Highlight - Far right of the topbar*/
/*#menu li.specialTopbar a, #menu li.specialTopbar a:visited{
background:#2A7F00 URL("/media/template/navigation/topmenuoff-L-dark.gif") no-repeat;
padding-left:25px;
}
#topbar_wad{
color:#FFFFFF!important;
background:#31a3ce url("../media/template/navigation/topmenuBlue-L.gif") 0px 0px no-repeat!important;
}
#topbar_fund{
background-image:url("../media/template/navigation/topmenuBlue-R.gif")!important;
}
*/

#topbar_wad:hover {
color:#003245 !important;
}

/************************/
/* BOTTOM LINE */
/************************/
#topmenu_bottom_line {
margin:-2px 0 0 0;
padding:0;
background-color:#C10000;
width:698px;
float:right;
border-top:2px solid #FFFFFF;
}
#topmenu_bottom_line img{
margin:0;
padding:0;
vertical-align:middle;
float:left;
}



/***********************************************/
/* SIDEBAR */
/***********************************************/
#sidebar {
float:left;
width:146px;
font-family:Arial,Verdana,Helvetica,sans-serif;
margin:0 10px 0 0;
padding: 0px;
clear:both;
}
#sidebar ul {
margin:0;
list-style-type:none;
float:left;
padding:5px !important;
border:solid 1px #CCCCCC;
background:#EFEFEF;
}
#sidebar ul li {
margin: 0;
padding:0 0 1px 0;
display:inline;
width:134px;
float:left;

}
#sidebar ul li a, #sidebar ul li a:visited {
color: #FFFFFF;
text-decoration:none;
font-size: 70%;
font-weight:normal;
background-color:#69A51C;
display:block;
margin:0 0 1px 0;
padding:6px 0 6px 5px;
float:left;
width:129px;
}
#sidebar ul li a:hover, #sidebar ul li a:visited:hover {
text-decoration:none;
color:#C10000;
background-color:#8CCB27;

}
#sidebar_bottom_line {
margin:1px 0 0 0;
padding:0;
height:7px;
background-color:#C10000;
float:left;
width:146px;
}
#sidebar_bottom_line img {
margin:0;
padding:0;
float:right;
}

/*Top Side Bar*/
#sidebar ul.top {
margin:0 0 5px 0!important;
}
#sidebar ul.top li{
width:67px !important;

padding-bottom:0px !important
}
#sidebar ul.top li a{
width:66px !important;
text-align:center;
padding:6px 0 !important;
}
#sidebar ul.top li.aidsBt a{
width:67px !important;
}

/*Main Side Bar*/
#sidebar_0, #sidebar_3, #sidebar_6, #sidebar_9, #sidebar_13, #sidebar_17 {
margin-bottom:5px !important;
background-image:url("../media/template/navigation/sidebar_bottom_angle_grey.gif") !important;
background-repeat:no-repeat !important;
background-position: -5px bottom;
}
#sidebar_1, #sidebar_4, #sidebar_7, #sidebar_10, #sidebar_14, #sidebar_18 {
background-image:url("../media/template/navigation/sidebar_top_angle_grey.gif") !important;
background-repeat:no-repeat !important;
background-position: -5px top;
}
#sidebar img.flag{
vertical-align:bottom !important;
padding-right: 5px !important;
border:none !important;
}

#sidebar .box{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:4px 4px;
margin:5px 0 0 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
background:#FFFFFF url(../media/template/navigation/sidebarFeat_fade.jpg) repeat-x scroll left bottom;
}
/************** MAIN WIDTH ******************/
#sidebar form.search_form #search, #sidebarFeat, #sidebarFeat ul{
width:136px;
}


/***************** FACEBOOK *********************/
body #container #facebook, body #container #facebook:visited{
    width:121px;
    height:47px;
    padding:11px 7px 4px !important;
    font-size:80% !important;
    text-decoration:none;
    text-align:left !important;
    font-weight:normal;
    background:#356FA4 url("/media/template/extras/logo_facebook.gif") no-repeat 25% 50% !important;
    border-color:#19395A !important;
    color:#FFF !important;
}

body #container #facebook:hover, body #container #facebook:visited:hover{
    background:#5393B5 url("/media/template/extras/logo_facebook_on.gif") no-repeat 25% 50% !important;
    border-color:#1F4355 !important;
    color:#FFF !important;
    cursor:pointer;
}
body #container #facebook span{
    padding:0 0 0 37px;
}
body #container #facebook strong{
    font-size:140%;
    float:left;
}




/************************/
/* SEARCHBOX */
/************************/
#sidebar form.search_form input.text{
width:126px;
}
#sidebar form.search_form #search{
margin-top:5px;
padding:2px 10px 2px !important;
font-size:70% !important;
}
/************************/
/* SPECIAL Features */
/************************/
#sidebarFeat ul{
margin:2px 0 !important;
padding:0 !important;
border:none;
background:transparent;
}
#sidebarFeat ul li{
padding:0 0 3px 5px !important;
margin:5px 0 5px 0 !important;
width: 131px !important;
}
#sidebarFeat ul li a, #sidebarFeat ul li a:visited{
-moz-border-radius:3px;
-webkit-border-radius:3px;
background:#90C24F !important; /* browsers without gradient */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D5FF9D', endColorstr='#84B741') !important; /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#D5FF9D), to(#84B741)) !important; /* for webkit browsers */
background: -moz-linear-gradient(top,  #D5FF9D,  #84B741) !important;/*  for firefox 3.6 */
background-position:center center !important;
background-repeat:repeat-x !important;
border:1px solid #56742D !important;
color:#314319 !important;
font-size:80% !important;
text-align:center;
padding:5px !important;
width:114px !important;
}
#sidebarFeat ul li a:hover, #sidebarFeat ul li a:visited:hover{
-moz-box-shadow:0 0 20px #D8E458;
background:#DFDB3A !important; /* browsers without gradient */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8FFAA', endColorstr='#C0BA0E') !important; /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#F8FFAA), to(#C0BA0E)) !important; /* for webkit browsers */
background: -moz-linear-gradient(top,  #F8FFAA,  #C0BA0E) !important;/*  for firefox 3.6 */
border:1px solid #5D5C1F !important;
color:#393812 !important;
}
#sidebarFeat ul li a span{
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #314319;
margin-top:5px;
padding:4px;
width:104px;
}
#sidebarFeat ul li a span span{
padding:0 !important;
border-color:transparent;
margin:0 !important;
width:102px;
height:50px;
}
/***** FEAT BACK IMAGE ******/
.sidebarFeatWorldCup{
background:url("/media/template/extras/worldCupVideo.jpg") center center !important;
}
.sidebarFeatWAD09{
background:url("/media/template/extras/wad09Video.jpg") center center !important;
}
.sidebarFeatSAD{
background:url("/media/template/extras/sad.jpg") center center !important;
}
/************************************************************************************************************************************************************************/
/* */
/* PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE */
/* */
/************************************************************************************************************************************************************************/
/* HOME */
#no_section_content, #footer_content{
background:#efe6b2 URL("/media/index/home/index_bot.jpg") repeat-x bottom left;
}
#no_section_content #page{
background:URL("/media/index/home/index_top.jpg") no-repeat;
}

/* AFRICA */
#africa_content{
background:#CCCCCC URL("/media/index/africa/africa_bot.jpg") repeat-x bottom left;
}
#africa_content h1, #africa_content #page #content h2{
color: #7d4209;
}
/* AMERICAS */
#americas_content{
background:#728F97 URL("/media/index/america/americas_bot.jpg") repeat-x bottom left;
}
#americas_content #page #content h2{
color:#C10000 ;
}
#americas_content #header h1 span.break {
background:#C10000;
}
/* graphic for page bottom */
#americas_content #page .graphic {
background-image:url(/media/index/america/americas_bottom_img.png);
}
/* ASIA & EUROPE */
#asia_europe_content{
background:#c4e24f URL("/media/index/asia_europe/asia_europe_bot.jpg") no-repeat bottom left;
}
#asia_europe_content #page #content h2{
color: #C10000;
}
/* ASIA */
#asia_content{
background:#c4e24f URL("/media/index/asia/asia_bot.jpg") repeat-x bottom left;
}
#asia_content h1,#asia_content #page #content h2{
color: #C10000;
}
#asia_content #header h1 span.break {
background:#C10000;
}
/* EPIDEMIC */
#epidemic_content{
background:#D2D2D2 URL("/media/index/epidemic/epidemic_bot.jpg") repeat-x bottom left;
}
#epidemic_content #page #content h2{
color: #993399;
}

/* HISTORY & SCIENCE */
#history_science_content{
background:#cad8df URL("/media/index/history/history_bot.jpg") repeat-x bottom left;
}
#history_science_content #header h1 span.break {
background:#3f6489;
}
#history_science_content #page #content h2{
color:#3f6489;
}
/*GAY & LESBIAN */
#gay_lesbian_content{
background:#adcbed URL("/media/index/gay/gay-lesbian_bot.jpg") repeat-x bottom left;
}
#gay_lesbian_content #page .graphic{
background-image:URL("/media/index/gay/gay-lesbian_bot_img.png");
}
#gay_lesbian_content h1, #gay_lesbian_content #page #content h2{
color: #FF66FF;
}

/* PREVENTION */
#prevention_content{
background:#54829b URL("/media/index/prevention/prevention_bot.jpg") repeat-x bottom left;
}
#prevention_content #page .graphic{
background-image:URL("/media/index/prevention/prevention_bot_img.png");
}

#prevention_content h1,#prevention_content #page #content h2{
color: #3f7bb4;
}
#prevention_content #header h1 span.break {
background:#3f7bb4;
}
/* SEX */
#sex_content{
background:#F4F961 URL("/media/index/sex/sex_bot.jpg") repeat-x bottom left;
padding-bottom:16px;
}
#sex_content h1, #sex_content #page #content h2{
color: #FF66FF;
}
#sex_content #header h1 span.break {
background:#FF66FF;
}
/* STATISTICS */
#statistics_content{
background:#8a959b URL("/media/index/stats/statistics_bot.jpg") no-repeat bottom left;
}
#statistics_content #page #content h2{
color: #FF6600;
}
/* STDS */
#stds_content{
background:#C4C4C4 URL("/media/index/stds/stds_bot.jpg") repeat-x bottom left;
}
#stds_content #page .graphic{
background-image:URL("/media/index/stds/stds_bot_img.png");
}
#stds_content h1, #stds_content #page #content h2{
color: #993399;
}
#stds_content h1{
float:right;
}
#stds_content #header h1 span.break {
background: #993399;
}
/* STORIES */
#stories_content {
background:#F9F3D1 URL("/media/index/stories/stories_bot.jpg") no-repeat bottom left;
}
#stories_content #page #content h2{
color:#FF9900 ;
}
/* TEENS */
#teens_content{
background:#ffc8fe URL("/media/index/teens/teens_bot.jpg") repeat-x bottom left;
}
#teens_content h1, #teens_content #page #content h2 {
color: #82B010;
}
#teens_content #header h1 span.break {
background: #82B010;
}
/* TRANSMISSION & TESTING */
#transmission_testing_content{
background:#fee493 URL("/media/index/trans/transmission_bot.jpg") repeat-x bottom left;
}
#transmission_testing_content h1, #transmission_testing_content #page #content h2 {
color:#69A51C;
}
#transmission_testing_content #header h1 span.break {
background:#69A51C;
}
/* TREATMENT & CARE */
#treatment_care_content{
background:#f4e2f4 URL("/media/index/treatment/treatment_care_bot.jpg") repeat-x bottom left;
}
#treatment_care_content #header h1.twolines, #treatment_care_content #header h1{
padding-right:33px;
}
#treatment_care_content h1, #treatment_care_content #page #content h2{
color: #548a13;
}
#treatment_care_content #header h1 span.break {
background:#548a13;
padding-right:0px !important;
}
/* EUROPE */
#europe_content{


background:#003366 URL("/media/index/europe/europe_bot.jpg") repeat-x bottom left;
}
#europe_content h1,#europe_content #page #content h2{
color: #C10000;
}
#europe_content #header h1 span.break {
background:#C10000;
}
/* GAMES */
#games_content{
background:#d5d5d5 URL("/media/content/bottom/games_bot.jpg") repeat-x bottom left;
}
/* QUIZZES */
#quizzes_content{
background:#d5d5d5 URL("/media/content/bottom/quizzes_bot.jpg") repeat-x bottom left;
}
/* SPANISH */
#sida_y_vih_content{
background:#27293d URL("/media/index/spanish/sida-vih_bot.jpg") repeat-x bottom left;
}
#sida_y_vih_content #header h1 span.break {
background:#993399;
}
#sida_y_vih_content h1, #sida_y_vih_content #page #content h2 {
color:#993399;
}

/******************************************************************************************************************************************************************/
/* */
/* FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER */
/* */
/******************************************************************************************************************************************************************/
#footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:center;
padding: 10px 20px 10px 0px;
margin-top:0px;
margin-bottom:20px;
font-size: 70%;
clear:both;
width:852px;
}
#footer ul {
list-style-type:none;
margin:0px;
padding: 10px 0 10px 0;
border-top:1px solid #C10000;
}
#footer ul li {
display: inline;
margin:0px;
padding: 0px 15px 0 0;
}
#footer ul li a, #footer ul li a:visited {
color: #C10000;
text-decoration:none;
font-weight:normal;
padding:5px;
padding-top:10px;
border:none;
background-color:#FFFFFF;
background-color:none;
}
#footer ul li a:hover, #footer ul li a:visited:hover {
color: #8CCB27;
text-decoration:none;
border:none;
background-color:#FFFFFF;
background-color:none;
border:none;
}