/************************************************/
/* */
/* webdesign, html & Css by Thomas Michalak */
/* http://sosobering.free.fr */
/* */
/************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
background: transparent;
}
ul{
    list-style-type:none;
    list-style-image:none;
    /*list-style-position:inside;*/
}

html{
    background:#666666;
}

body {
    line-height: 1;
    color:#333333;
    font-size:70%;
    font-family:Arial;
    background:#E8E8E8; /* for all other, can't specify start position with filter in IE so no gradient for you */
    background: -moz-linear-gradient(center top, #E8E8E8, #E8E8E8 600px, #CCCCCC) no-repeat 0 0 #E8E8E8; /* for moz browsers */
    background: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), color-stop(0.45, #E8E8E8), to(#CCCCCC)); /* for webkit browsers */
    position:relative;
}
#wrapper{
    margin-bottom:-10px;
}

/* MIN and MAX WIDTH */
#middleContainer,
#topBarContainer{
    max-width:1050px;
}
body,
#wrapper,
#topContainer,
#headerGraphic,
#middleContainer,
#topBarContainer{
    min-width:942px;
}

/********************* LINKS **************************/
a, a:hover{
    outline:0;
}

/*EXTERNAL*/
/*normal*/
a[href*="http://"],
a[href*="http://"] b,
a[href*="http://"] strong{
    color: #0066FF;
    padding:0 14px 2px 2px;
    text-decoration:none;
    background: URL("../media/template/layout/external.gif") no-repeat 99% 2px;
}

a[href*="http://"]:hover,
a[href*="http://"]:hover b,
a[href*="http://"]:hover strong{
    color: #FFFFFF;
    background:#0066FF URL("../media/template/layout/externalHover.gif") no-repeat 99% 2px;
    padding:0 14px 2px 2px;
    text-decoration:none;
}

/*visited*/
a[href*="http://"]:visited,
a[href*="http://"]:visited b,
a[href*="http://"]:visited strong{
    color: #663399;
    padding:0 14px 2px 2px;
    text-decoration:none;
    background: URL("../media/template/layout/externalVisited.gif") no-repeat 99% 2px;
}

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

/*EXTERNAL link on an Image*/
a.imgEX,
a.imgEX:hover,
a.imgEX:visited,
a.imgEX:visited:hover{
    background-image:none;
    padding:5px;
}

a.imgEX:visited:hover{
    background:#EFEFEF;
}

/*INTERNAL*/
/*normal*/
a,
a b,
a strong,
a[href*="avert.org"],
a[href*="avert.org"] b,
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;
}

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

/*visited*/
a:visited,
a:visited b,
a:visited strong,
a[href*="avert.org"]:visited,
a[href*="avert.org"]:visited b,
a[href*="avert.org"]:visited strong{
    color: #663399;
    text-decoration:none;
    /*
    border:none;
    padding:0 2px 2px 2px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    background-color:transparent;
    display:inline;
    */
}
a:visited:hover, a:visited:hover b, a:visited:hover strong, a[href*="avert.org"]:visited:hover, a[href*="avert.org"]:visited:hover b, a[href*="avert.org"]:visited:hover strong{
color:#FFFFFF;
background: #663399;
text-decoration:none;
/*
padding:0 2px 2px 2px;
border:none;
-moz-border-radius:0px;
-webkit-border-radius:0px;
display:inline;
*/
}
/*Boxed Links */
.boxedLinks a, .boxedLinks a:visited{
font-weight:normal;
font-size:110%;
background-color:#F3F3F3;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:1px solid #EFEFEF;
margin:0 0 5px;
padding:5px 8px;
display:block;
}
.boxedLinks a:hover{
background:#d7e7ff;
border-color:#0066FF;
color:#0066FF;
}
.boxedLinks a:visited:hover{
background:#eedefe;
border-color:#663399;
color:#663399;
}
/*Underlined links*/
.UnderlinedLinks a, .UnderlinedLinks a:visited{
font-weight:normal;
background:transparent;
color:#333333;
}
.UnderlinedLinks a:hover, .UnderlinedLinks a:visited:hover{
text-decoration:underline;
background:transparent;
color:#0066FF;
}
.UnderlinedLinks a:visited:hover{
color:#663399;
}


/******************** BUTTONS *************************/
#wrapper .bt:hover span, #wrapper .bigBt:hover span, #wrapper .mediumBt:hover span, #wrapper .smallBt:hover span, #wrapper .tinyBt:hover span, #wrapper a[href*="http://"].bigBt:hover span, #wrapper a[href*="http://"].mediumBt:hover span, #wrapper a[href*="http://"].smallBt:hover span, #wrapper a[href*="http://"].tinyBt:hover span,
#wrapper span.bt:hover input , #wrapper .bigBt:hover input, #wrapper .mediumBt:hover input, #wrapper .smallBt:hover input, #wrapper .tinyBt:hover input {
background:#8fb320 !important;/* browsers without gradient */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9fa33', endColorstr='#465a07') !important; /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#c9fa33), to(#465a07)) !important; /* for webkit browsers */
background: -moz-linear-gradient(top, #c9fa33, #465a07) !important;/* for firefox 3.6 */
box-shadow:0 0 5px #666666 !important;
-moz-box-shadow:0 0 5px #666666 !important;
-webkit-box-shadow: 0 0 5px #666666 !important;
text-shadow:#465A07 0 0 20px, #333 0 0 10px;
}
#wrapper .bt, #wrapper .bigBt, #wrapper .mediumBt, #wrapper .smallBt, #wrapper .tinyBt{
background:#EFEFEF;
border:none;
margin:0 !important;
color:#FFF;
}
#wrapper .bt small, #wrapper .bigBt span, #wrapper .mediumBt span, #wrapper .smallBt span, #wrapper .tinyBt span,
#wrapper .bigBt input, #wrapper .mediumBt input, #wrapper .smallBt input, #wrapper .tinyBt input {
box-shadow:0 0 5px #666666;
-moz-box-shadow:0 0 5px #666666;
-webkit-box-shadow: 0 0 5px #666666;
border:none;
}
#wrapper .bigBt span, #wrapper .bigBt input{
padding:18px 20px 20px;
font-size:190%;
}
#wrapper a.bigBt{
padding:37px 10px 32px;
}
#wrapper button.bigBt{
padding:25px 5px 27px;
}

#wrapper .mediumBt span, #wrapper .mediumBt input{
padding:10px 15px 12px;
font-size:150%;
}
#wrapper a.mediumBt{
padding:22px 7px 20px;
}
#wrapper button.mediumBt{
padding:17px 5px 19px;
}

#wrapper .smallBt span, #wrapper .smallBt input{
padding: 7px 10px 8px;
font-size:110%;
}
#wrapper a.smallBt{
padding: 15px 7px;
}
#wrapper button.smallBt{
padding: 13px 4px 15px;
}
#wrapper span.smallBt{
padding:16px 4px 15px;
}
#wrapper .tinyBt span, #wrapper .tinyBt input{
padding:4px 10px 5px;
font-size:90%;
}
#wrapper a.tinyBt{
padding:10px 6px;
}
#wrapper button.tinyBt{
padding:9px 3px 11px;
display:inline-block;
}


#wrapper button#search{
margin-top:-4px !important;
}
#wrapper button#search span{
display:inline-block !important;
padding:7px 6px !important;
cursor:pointer;
}

/******************** HEADERS *************************/
h1{
color:#ffffff;
font-size:220%;
left:30px;
margin:0 auto;
padding:20px;
position:absolute;
text-align:left;
top:71px;
white-space:nowrap;
text-shadow:0 0 8px #333;
}

h2{
margin:30px 0 20px;
text-align:left;
color:#333333;
border:solid 1px #CCCCCC;
padding:10px;
background:#EFEFEF;
color:#667F17;
clear:both;
}
h3{
text-align: left;
color:#666600;
margin-top:30px;
margin-bottom:12px;
font-size:130%;
}
h4{
text-align: left;
color:#333333;
margin-top:30px;
margin-bottom:12px;
font-size:110%;
padding-left:5px;
}
.box h2:first-child{
margin-top:5px;
}
/********************* CONTENT ELEMENTS *****************/
p{
color:#000000;
line-height:140%;
margin:15px 0;
padding:0 5px;
}
/* textarea, select, input */
textarea, input[type="text"], select {
background:#FFFFFF;
color:#333333;
border:solid 1px #666666;
font-family:Arial;
padding:5px;
}
textarea:hover, input[type="text"]:hover, select:hover, textarea:focus, input[type="text"]:focus, select:focus{
border:1px solid #669900;
}
input[type="text"]{
padding:2px 4px 3px;
}
/** errors and requiered **/
.required label{
color:#C10000;
}
.required input{
border-color:#C10000;
}
#errors{
border:solid 1px #C10000;
}
#errors, #errors ul li{
padding:10px;
color:#C10000;
background-color:#FFEFEF;
}
#errors ul li{
list-style-image:none !important;
list-style-type: decimal;
}
/********************* TRICK and HANDY **************************/
#content .left, .left{
float:left;
}
#content .right, .right{
float:right;
}
#content .center, .center{
text-align:center;
}
#content .clear, .clear{
clear:both;
}
#content .noShadow, .noShadow{
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}
body #wrapper #content .hidden, body #wrapper .hidden{
display:none;
}
#content .block, .block{
display:block;
}
#content .posRelative, .posRelative{
position:relative;
}
#content .marginAuto{
margin: 0 auto;
}
/********************* STYLING **************************/
.shadow{
box-shadow:0 0 20px #666666;
-moz-box-shadow:0 0 20px #666666;
-webkit-box-shadow: 0 0 20px #666666;
}
.darkShadow{
box-shadow:0 0 20px #333333;
-moz-box-shadow:0 0 20px #333333;
-webkit-box-shadow: 0 0 20px #333333;
}
.veryDarkShadow{
box-shadow:0 0 20px #000000;
-moz-box-shadow:0 0 20px #000000;
-webkit-box-shadow: 0 0 20px #000000;
}
.green{

}
.round20{
border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
}
.round15{
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
}
.round10{
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.round6{
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}
.round5{
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.round4{
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.round3, .square{
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.reallySquare{
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
}
.squareBottom{
border-bottom-left-radius:0;
-moz-border-radius-bottomleft:0;
-webkit-border-bottom-left-radius:0;
border-bottom-right-radius:0;
-moz-border-radius-bottomright:0;
-webkit-border-bottom-right-radius:0;
}
.squareTop{
border-top-left-radius:0;
-moz-border-radius-topleft:0;
-webkit-border-top-left-radius:0;
border-top-right-radius:0;
-moz-border-radius-topright:0;
-webkit-border-top-right-radius:0;
}
body #wrapper .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 */
color:#FFF;
}
body #wrapper .darkRed{
background:#a70707;/* browsers without gradient */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f30d0d', endColorstr='#5d0000'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#f30d0d), to(#5d0000)); /* for webkit browsers */
background: -moz-linear-gradient(top, #f30d0d, #5d0000);/* for firefox 3.6 */
color:#FFF;
}
body #wrapper .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 */
color:#FFF;
}
body #wrapper .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 */
color:#000;
}
body #wrapper .black{
background:#262626;/* browsers without gradient */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#606060', endColorstr='#0E0E0E'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#0E0E0E)); /* for webkit browsers */
background: -moz-linear-gradient(center top , #606060, #0E0E0E);/* for firefox 3.6 */
color:#FFF;
}
body #wrapper .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 */
color:#000;
}
body #wrapper .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 */
color:#FFF;
}
body #wrapper .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 */
color:#FFF;
}
body #wrapper .lightGreen{
background:#8fb320;/* browsers without gradient */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9fa33', endColorstr='#465a07'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#c9fa33), to(#465a07)); /* for webkit browsers */
background: -moz-linear-gradient(top, #c9fa33, #465a07);/* for firefox 3.6 */
color:#FFF;
}
body #wrapper .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 */
color:#FFF;
}
body #wrapper .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 */
color:#FFF;
}
body #wrapper .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 */
color:#FFF;
}
body #wrapper .blue{
background:#5393b5 url('/media/template/buttons/blue.jpg') repeat-x center left;
/*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 */
color:#FFF;
}
body #wrapper .darkBlue{
background:#356fa4; /* browsers without gradient */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5488B2', endColorstr='#0D243B'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#5488B2), to(#0D243B)); /* for webkit browsers */
background: -moz-linear-gradient(top, #5488B2, #0D243B);/* for firefox 3.6 */
color:#FFF;
}
body #wrapper .grey{
background:#D0D0D0; /* browsers without gradient */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#ACACAC'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#ACACAC)); /* for webkit browsers */
background: -moz-linear-gradient(top, #EFEFEF, #ACACAC);/* for firefox 3.6 */
color:#333333;
}
body #wrapper .lightGrey{
background:#D0D0D0; /* browsers without gradient */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#DCDCDC'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#DCDCDC)); /* for webkit browsers */
background: -moz-linear-gradient(top, #EFEFEF, #DCDCDC);/* for firefox 3.6 */
color:#333333;
}
body #wrapper .darkGrey{
background:#717171; /* browsers without gradient */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ACACAC', endColorstr='#717171'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ACACAC), to(#717171)); /* for webkit browsers */
background: -moz-linear-gradient(top, #ACACAC, #717171);/* for firefox 3.6 */
color:#FFFFFF;
}
/*********************** NAVIGATION ********************/
#topBarContainer, #middleContainer, #footer, #contentContainer{
text-align:center;
margin:0 auto;
}
#topContainer, #headerGraphic{
background-repeat:no-repeat;
background-position:center -21px;
}

#middleContainer{
padding: 134px 0 50px;
position:relative;
}

/******************** TOP BAR *************************/
#topBarContainer {
font-size: 120%;
min-width: 889px;
padding: 0;
position: relative;
width: 889px;
}

#topBar {
background: url("/media/template/layout/blank50.png") repeat scroll 0 0 transparent;
padding: 0 0 20px;
width: 94%;
}
#topBar, #topBarExtras{
display:block;
}

#topBar ul, #logoBox{
opacity:1.0;
}
#topBar ul{
display:inline;
top:-12px;
position:relative;
}
#topBar ul li{
margin:0 0;
padding:0 15px;
display:inline;
border-left:solid 1px #666666;
}
.logoBox{
display:inline;
position:relative;
top:10px;
}
.logoBox a{
background:transparent;
padding:70px 10px 10px;
}
.logoBox a img{
background-image:URL("/media/template/navigation/AvertLogoAnim.png");
background-repeat:no-repeat;
background-position:0 0;
}
.logoBox a:hover img{
/*background-position:bottom center;*/
}
#donate, #fundraising{
margin:0 14px;
border:none;
font-size:90%;
}
#wrapper #topBar ul #fundraising{
border:none;
padding-left:2px;
}
#wrapper #topBar ul #donate{
padding-right:0;
}
#wrapper #topBar ul #donate a.smallBt{

}
#wrapper #topBar ul #donate a,
#wrapper #topBar ul #fundraising a{
background:#FFF;
padding:9px 4px 8px;
border:solid 1px #EFEFEF;

}
#wrapper #topBar ul #donate a span,
#wrapper #topBar ul #fundraising a span{
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}
#wrapper #donate a, #wrapper #donate a span{
border:none;
}
#wrapper #topBar ul #donate a.smallBt span,
#wrapper #topBar ul #donate a.smallBt:hover span,
#wrapper #topBar ul #fundraising a.smallBt span,
#wrapper #topBar ul #fundraising a.smallBt:hover span{
color:#FFF;
padding:3px 8px 4px;
}
.anchor{
position:absolute;
}
#tagLine{
font-size:90%;
color:#666666;
position:absolute;
top:20px;
margin:0 0 0 12px;
}

#topBarExtras {
position: absolute;
right: 0;
top: -14px;
}
#topBarExtras a{
padding:0;
margin:0 0 0 3px;
width:22px;
height:120px;
display:block;
float:left;
background-position:0 0;
background-repeat:no-repeat;
}
#topBarExtras a:hover{
background-position:-22px 0;
background-color:transparent;
padding:0;
margin-top:10px;
}
#topBarExtras #facebook{
background-image:URL("/media/template/navigation/facebook.png");
}
#topBarExtras #newsletter{
background-image:URL("/media/template/navigation/newsletter.png");
}
#topBarExtras a span{
display:none;
}





/******************************************************************************/
/************ BREAD CRUMB *****/
/******************************************************************************/
#breadCrumb{
color: #666666;
float: left;
font-style: italic;
left: 2px;
margin: 10px 0 10px 32px;
padding: 0;
position: absolute;
text-align: left;
top: 133px;
display:none;
}
#breadCrumb a{
color:#666666;
text-decoration:underline;
}
#breadCrumb a:hover{
color:#0066FF;
text-decoration:underline;
}






/******************************************************************************/
/************ LANGUAGES *****/
/******************************************************************************/
#languages {
float: right;
margin: 10px 25px 10px 0;
position: absolute;
right: 0px;
top: 113px;
}
#languages a{
background:#FFFFFF;
padding: 1px 4px 3px;
color:#333333;
margin:0 2px;
}
#languages a:hover, #languages a.selected{
background:#85BF40;
background:-moz-linear-gradient(center top , #C9FA33, #465A07) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, left top, left bottom, from(#C9FA33), to(#465A07)); /* for webkit browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C9FA33', endColorstr='#465A07'); /* for IE */
color:#FFFFFF;
}
#languages .englishSwitch{

}
#languages .spanishSwitch{

}








/******************************************************************************/
/************ *****/
/************ MAIN MENU BAR *****/
/************ *****/
/******************************************************************************/
#menuWrapper{
}
#menu {
float: left;
font-size: 110%;
left: 30px;
margin: 0 0 10px;
padding: 0 20px 0 0;
position: absolute;
text-align: right;
top: 148px;
width: 93.3%;
}
#menu.sticky{
position:fixed;
top:0;
left:auto;
max-width: 980px;
min-width: 872px;
margin-left:30px;
}
.sections {
display: block;
text-align: center;
float:left;
width:78%;
padding-left:1%;
}

/*** See lower down for width ***/
.sections a {
/* old version padding: 15px 4% 18px; */
padding:15px 0 18px;
text-shadow:#000000 0 0 15px;
position:relative;
z-index:10;
font-size:110%;
}

.sections .tabBox a.mainMenuBt .tabBoxInfo{
bottom: -11px;
display: none;
height: 16px;
left: 44%;
position: absolute;
width: 20px;
z-index:30;
}
.sections .tabBox a.mainMenuBt:hover .tabBoxInfo, .sections .tabBox:hover a.mainMenuBt .tabBoxInfo{
background: URL("/media/template/navigation/arrowMenu.png") no-repeat;
display:block;
}
.sections .tabBox.selected a.mainMenuBt .tabBoxInfo, .sections .tabBox.selected a.mainMenuBt:hover .tabBoxInfo, .sections .tabBox.selected:hover a.mainMenuBt .tabBoxInfo{
display:block;
bottom: -6px;
font-size: 80%;
height: auto;
left: 40%;
padding: 2px 4px 3px;
position: absolute;
width: auto;
text-shadow:0 0 6px #333333;
/* taken from green class */
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 */
color:#FFF;
/* taken from darkShadow class */
box-shadow:0 0 20px #333333;
-moz-box-shadow:0 0 20px #333333;
-webkit-box-shadow: 0 0 20px #333333;

}
#wrapper .sections .tabBox a.mainMenuBt:hover, #wrapper .sections .tabBox:hover a.mainMenuBt{
background:#346F93;
background: -webkit-gradient(radial, center center, 5, center center, 110, from(#5195BA), to(#346F93), color-stop(.2,#437D9D), color-stop(.5,#346F93), color-stop(.95,#346F93));
background: -moz-radial-gradient(center 45deg, ellipse closest-corner, #5195BA 25%, #346F93 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#58A3CE', endColorstr='#346F93');
-moz-box-shadow:inset 0 0 10px #295369;
-webkit-box-shadow:inset 0 0 10px #295369;
box-shadow:inset 0 0 10px #295369;
text-shadow:0 5px 10px #295369, 0 5px 10px #295369;
color:#FFFFFF;
}



/***** TABS Menu******/
.sections .tabBox{
position:relative;
}
.sections .tabBox .hoverZone {
/*border: 1px solid red;*/
display: none;
float: left;
left: -8px;
min-height: 85px;
position: absolute;
top: 59px;
width:130%;
}
.sections .tabBox:hover .hoverZone{
display:block;
}

.menuGroup{
display: block;
float: left;
left: 2%;
margin: 0 0;
position: relative;
top: 1px;
width: 94.6%;
z-index: 9;
border:solid 8px #295369;
border-top:none;
color:#555555;
background: #F8F8F8;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ACACAC), to(#F8F8F8), color-stop(.1,#ACACAC),color-stop(.6,#EFEFEF),color-stop(1.0,#F8F8F8)); /* for webkit browsers */
background: -moz-linear-gradient(center top , #ACACAC 0%, #EFEFEF 70%, #F8F8F8 100%);
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#F8F8F8');*/
-moz-box-shadow:0 2px 10px #666666;
-webkit-box-shadow:0 0 0 #666666;
box-shadow:0 0 0 #666666;
}

/** Align Center **/
#hivAidsTopics .hoverZone ul.menuGroup li.firstItem{

}
#hivAidsAroundTheWorld .hoverZone ul.menuGroup li.firstItem{
margin-left:70px;
}
#sexSexualityRelationships .hoverZone ul.menuGroup li.firstItem{
margin-left:180px;
}
#mediaGamesQuizzes .hoverZone ul.menuGroup li.firstItem{
margin-left:310px;
}




.menuGroup li, .menuGroup li a{
float:left;
}
.menuGroup li{
top:0;
left:0;
}
.sections .menuGroup li a, .sections .menuGroup li a:visited{
padding:0 23px;
height:55px;
line-height:55px;
width:auto;
text-shadow:none;
color:#333333;
overflow:visible;
}
.sections .menuGroup li a:hover, .sections .menuGroup li:hover a{
background:#EFEFEF;
background: -webkit-gradient(radial, center center, 20, center center, 60, from(#DFDFDF), to(#DDDDDD)); /* for webkit browsers */
background: -moz-radial-gradient(center 45deg, ellipse closest-corner, #F8F8F8 20%, #DDDDDD 70%);/* for firefox 3.6 */
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#DDDDDD');*/
color:#000000;
-moz-box-shadow:inset 0 0 10px #333333;
-webkit-box-shadow:inset 0 0 15px #333333;
box-shadow:inset 0 0 15px #333333;
text-shadow:0 5px 10px #999999;
}


/** TABS CONTENT **/
.sections .menuGroup li .submenu,
#feature .hoverZone .submenu{
display:none;
position:absolute;
width:100%;
top:55px;
border:solid 8px #295369;
left:-8px;
border-top:none;
padding:0;
text-align:left;
background:#FFFFFF;
-moz-box-shadow:0 2px 10px #666666;
-webkit-box-shadow:0 2px 10px #666666;
box-shadow:0 2px 10px #666666;
}

.sections .menuGroup li:hover .submenu,
#feature:hover .hoverZone .submenu{
display:block;
}
div.submenu span, div.submenu ul {
display: block;
float: left;
padding: 10px 2%;
width: 96%;

}
.sections .menuGroup li div.submenu .sectionContent h3 {
clear: both;
font-size: 110%;
font-weight: bold;
padding: 10px 2% 5px;
color:#333333;
margin:0;
}
.sections .menuGroup li div.submenu .sectionContent a.smallBt:hover, .sections .menuGroup li div.submenu .sectionContent a.tinyBt:hover{
text-decoration:none !important;
}
div.submenu h3.odd, div.submenu ul.odd, div.submenu .submenuRight.odd, div.submenu .submenuLeft.odd, .sections .menuGroup li div.submenu.odd, .sections .menuGroup .odd, #spanishMenu .tabBox .hoverZone .submenu .sectionContent ul.odd, #spanishMenu .tabBox .hoverZone .submenu .sectionContent h3.odd{
background:#EFEFEF;
}
div.submenu ul li, div.submenu ul li a{
display:inline !important;
float:left !important;
}
div.submenu ul li{
border-right: 1px solid #CCCCCC !important;
margin: 0 10px 10px 0 !important;
padding: 0 10px 0 0 !important;
font-size:90%;
}
.sections .menuGroup div.submenu ul li a, .sections .menuGroup div.submenu p a, #spanishMenu .tabBox .hoverZone .submenu .sectionContent ul li a{ /*spanish menu*/
background:transparent !important;
padding:0 !important;
margin:0 !important;
color:#333333;
height:auto;
line-height:100%;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
text-shadow:none;
}
div.submenu ul li a:hover, div.submenu p a:hover{
color:#0066FF !important;
}
#wrapper .sections .menuGroup .submenu ul li a.selected{
padding: 2px 4px 3px !important;
text-shadow:0 0 6px #333333 !important;
/* taken from green class */
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)) !important; /* for webkit browsers */
background: -moz-linear-gradient(top, #A0D815, #739D0D) !important;/* for firefox 3.6 */
color:#FFF !important;
}

.sections .menuGroup li div.submenu .submenuLeft,
.sections .menuGroup li div.submenu .submenuRight{
float:left;
width:50%;
background:#FFFFFF;
}
.sections .menuGroup li div.submenu .submenuLeft{
border-right:1px #CCCCCC solid;
}
.sections .menuGroup li div.submenu .submenuRight{
margin-right:-1px;
width:49.9%;
}
.sections .menuGroup li div.submenu .sectionContent{
width:100%;
}
.sections .menuGroup li div.submenu .sectionContent h3{
padding:15px 10px 5px;
}
.sections .menuGroup li div.submenu .sectionContent ul{
padding:10px 3%;
width:94%;
}

/************ feature Button *************/
#feature.tabBox a.mainMenuBt{
padding-top:22px;
padding-bottom:24px;
}
#wrapper .sections #feature.tabBox a.mainMenuBt:hover, #wrapper .sections #feature.tabBox:hover a.mainMenuBt{
background:#5488B2;
background: -webkit-gradient(radial, center center, 5, center center, 110, from(#5488B2), to(#0D243B));
background: -moz-radial-gradient(center 45deg, ellipse closest-corner, #5488B2 25%, #0D243B 90%);
padding-bottom:24px;
}
.sections #feature.tabBox a.mainMenuBt:hover .tabBoxInfo, .sections #feature.tabBox:hover a.mainMenuBt .tabBoxInfo{
background: URL("/media/template/navigation/arrowDarkBlue.png") no-repeat;
display:block;
}
#featImg{
background: url("/media/template/extras/condom.png") no-repeat scroll 0 25px transparent;
bottom: 0;
height: 77px;
position: absolute;
right: 3%;
width: 110px;
}
#feature:hover #featImg{
background-position:0 0;
}

#feature .hoverZone .submenu{
top:1px;
width:60%;
right:5%;
left:auto;
}
#feature .hoverZone .submenu .submenuLeft,
#feature .hoverZone .submenu .submenuRight{
float:left;
background:#FFFFFF;
}
#feature .hoverZone .submenu .submenuLeft{
border-right:1px solid #CCCCCC;
width:63.5% !important;
}
#feature .hoverZone .submenu .submenuLeft li{
border:none !important;
width:42%;
margin:0 !important;
padding:0 !important;
margin-left:4.5% !important;
}
#feature .hoverZone .submenu .submenuLeft p{
padding-left:15px;
padding-right:15px;
text-align:justify;
}
#feature .hoverZone .submenu .submenuLeft li a.smallBt{
width:85%;
}
#feature .hoverZone .submenu .submenuLeft li a.smallBt:hover{
color:#FFFFFF !important;
}
#feature .hoverZone .submenu .submenuRight{
width:36%;
}
#feature .hoverZone .submenu .submenuRight li.video{
text-align:center;
border:none !important;
width:62%;
margin:0 !important;
padding-left:18% !important;
}
#feature .hoverZone .submenu .submenuRight li:hover{
background:none;
}
#feature .hoverZone .submenu .submenuRight li.video a{
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
float: left;
padding: 4%;
position: relative;
width: 100%;
}
#feature .hoverZone .submenu .submenuRight li.video a:hover{
color:#333333 !important;
}
#feature .hoverZone .submenu .submenuRight li.video a img{
width:100%;
float:left;
}
#feature .hoverZone .submenu .submenuRight li.video a span{
background: none repeat scroll 0 0 #FFFFFF;
bottom: 4px;
color: #333333;
float: left;
font-size: 90%;
left: 0;
padding: 4px 5%;
position: absolute;
width: 89%;
text-shadow:none;
text-align:left;
}
/*******************************************/



/******************************************************************************/
/************ MENU STORIES *****/
/******************************************************************************/
.sections .menuGroup li div.storiesSubmenu .sectionContent ul .featStory{
border:none !important;
}
.sections .menuGroup li div.storiesSubmenu .sectionContent ul .featStory a span{
display: inline !important;
float: right !important;
font-style: italic;
padding-top: 5px;
width: auto;
}
.sections .menuGroup li div.storiesSubmenu .sectionContent ul .shareStoryBt{
margin-top:10px !important;

}
.sections .menuGroup li div.storiesSubmenu .sectionContent ul .shareStoryBt a{
text-decoration: none !important
}
.sections .menuGroup li div.storiesSubmenu .submenuRight .sectionContent ul li{
border:none !important;
}


/* Games & Quizzes & Media Default*/
.sections .menuGroup li div.mediaSubmenu .submenuLeft, .sections .menuGroup li div.mediaSubmenu .submenuRight{

}
.sections .menuGroup li div.mediaSubmenu .submenuLeft{
width:42%;
min-height:180px;
}
.sections .menuGroup li div.mediaSubmenu .submenuRight{
width:57.9%;
}
.sections .menuGroup li div.mediaSubmenu .submenuLeft .sectionContent{
padding: 10px 2%;
width: 96%;
}









/******************************************************************************/
/************ MENU MEDIA GALLERY *****/
/******************************************************************************/
.sections .menuGroup li div.gallerySubmenu .submenuLeft .sectionContent p a{
float: left;
line-height: 100% !important;
padding: 0 5% 25px 0 !important;
width: 45% !important;
}
.sections .menuGroup li div.gallerySubmenu .submenuRight .sectionContent form.gallerySearch{
float:left;
width:100%;
}
.sections .menuGroup li div.gallerySubmenu .submenuRight .sectionContent form.gallerySearch label{
display:none;
}
.sections .menuGroup li div.gallerySubmenu .submenuRight .sectionContent form.gallerySearch input[type="text"]{
float:left;
margin:12px 2%;
width:70%;
font-size:130%;
}
.sections .menuGroup li div.gallerySubmenu .submenuRight .sectionContent form.gallerySearch #submitSearch{
display: inline !important;
float: left;
margin: 8px 0 0 !important;
padding: 1%;
width: 21%;
}
.sections .menuGroup li div.gallerySubmenu .submenuRight .sectionContent form.gallerySearch #submitSearch input{
width:100%;
}
/*latest*/
.sections .menuGroup li div.gallerySubmenu .submenuRight .sectionContent h3{
padding-top:10px !important;
}
.sections .menuGroup li div.gallerySubmenu .submenuRight .sectionContent .latestMedia{
padding: 0 0 10px 1% !important;
width: 99%;
}
.sections .menuGroup li div.gallerySubmenu .submenuRight .sectionContent .latestMedia li{
border: medium none !important;
list-style: none outside none;
margin: 1.5% 0 !important;
padding: 0 1% !important;
width: 31%;
}
.sections .menuGroup li div.gallerySubmenu .submenuRight .sectionContent .latestMedia li.loadingLatest{
background: #EFEFEF;
border: 1px solid #CCCCCC !important;
float: left;
margin: 1.5% 1% !important;
padding: 1% !important;
width: 28%;
height:70px;
}
.sections .menuGroup li div.gallerySubmenu .submenuRight .sectionContent .latestMedia li.loadingLatest.ajaxLoader{
background: #EFEFEF URL('/js/ajax-loader.gif') no-repeat center center !important;
}
.sections .menuGroup li div.gallerySubmenu .submenuRight .sectionContent .latestMedia li a{
background: none repeat scroll 0 0 #CCCCCC;
border: 1px solid #CCCCCC;
float: left;
padding: 4%;
width: 96%;
}
.sections .menuGroup li div.gallerySubmenu .submenuRight .sectionContent .latestMedia li a img{
display: block;
float: left;
height: auto;
left: 0;
position: relative;
top: 0;
width: 50%;
}
.sections .menuGroup li div.gallerySubmenu .submenuRight .sectionContent .latestMedia li a span{
float: right;
font-size: 70%;
padding: 5px 4% 0;
width: 42%;
white-space: pre-wrap;
}
.sections .menuGroup li div.gallerySubmenu .submenuRight .sectionContent .latestMedia li a span small{
display:none;
}






/******************************************************************************/
/************ MENU GAME & QUIZZES *****/
/******************************************************************************/
.sections .menuGroup li div.playingSubmenu .submenuLeft .sectionContent p a{
padding: 0 !important;
background:none !important;
float:none !important;
text-decoration:underline;
}
/* Thumbs */
.sections .menuGroup li div.playingSubmenu .submenuRight .sectionContent ul{
width:96% !important;
padding:4% 3% 3% 1% !important;
}
.sections .menuGroup li div.playingSubmenu .submenuRight .sectionContent ul li{
border: medium none !important;
margin: 0 1.5% !important;
padding: 0 !important;
width: 22% !important;
}
.sections .menuGroup li div.playingSubmenu .submenuRight .sectionContent ul li a{
font-size: 70%;
padding: 0 !important;
text-align: center;
width: 100% !important;
color:#FFFFFF !important;
}
.sections .menuGroup li div.playingSubmenu .submenuRight .sectionContent ul li a span{
padding:8% 6% !important;
}
/* Selected */
#wrapper .sections .menuGroup li div.playingSubmenu .submenuRight .sectionContent ul li a.selected{
background: transparent !important;
color: #FFFFFF !important;
padding: 0 !important;
text-shadow: none !important;
}
.sections .menuGroup li div.playingSubmenu .submenuRight .sectionContent ul li a.selected span{
background: -moz-linear-gradient(center top , #A0D815, #739D0D) repeat scroll 0 0 transparent !important;
color: #FFFFFF !important;
text-shadow: 0 0 6px #333333 !important;
}
.sections .menuGroup li div.playingSubmenu .submenuRight .sectionContent ul li a span div{
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #666666;
height: 70px;
margin: 7% 0 0;
padding: 3%;
}
.sections .menuGroup li div.playingSubmenu .submenuRight .sectionContent ul li a span div img{
background: url("/media/section/games/bigBtimg.jpg") repeat scroll center center #FFFFFF;
display: block;
height: 100%;
left: 0;
margin: 0;
padding: 0;
position: relative;
top: 0;
width: 100%;
}


/******************************************************************************/
/************ MENU SPANISH MENU *****/
/******************************************************************************/
#spanishMenu .tabBox .hoverZone .submenu{
border:solid 8px #295369;
left:-8px;
border-top:none;
text-align:left;
float: left;
left: 2%;
margin: 0 0;
position: relative;
top: 1px;
width: 95%;
}
#spanishMenu .tabBox .hoverZone .submenu .sectionContent ul{
background:#FFFFFF;
}
#spanishMenu .tabBox .hoverZone .submenu .sectionContent ul li{
margin: 10px!important;
}
#spanishMenu .tabBox .hoverZone .submenu .sectionContent ul li a{
background:transparent !important;
padding:0 !important;
margin:0 !important;
color:#333333;
height:auto;
line-height:100%;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
text-shadow:none !important;
}
#sIDAYVIH #englishMenu{
display:none;
}
#sIDAYVIH #spanishMenu{
display:block;
}




/******************************************************************************/
/************ MENU WIDTH *****/
/******************************************************************************/
.sections.fiveItems a.mainMenuBt{
width:20%;
}
.sections.fourItems a.mainMenuBt{
width:25%;
}
.sections.threeItems a.mainMenuBt{
width:33%;
}




/******************************************************************************/
/************ MENU SEARCH BOX *****/
/******************************************************************************/
#searchBox {
display: block;
width: 20%;
}
.searchForm {
display: block;
padding: 19px 0 0 0;
position: relative;
width: 100%;
}
.searchForm label{
display:none;
}
.searchForm #search_text {
float: left;
font-style:italic;
font-size: 80%;
height: 22px;
margin: -3px 0 0;
padding: 1px 4px;
width: 64%;
}
.searchForm #search_text:hover, .searchForm #search_text:focus{
-moz-box-shadow:0 0 10px #CCCCCC inset;
-webkit-box-shadow:0 0 10px #CCCCCC inset;
box-shadow:0 0 10px #CCCCCC inset;
}
.searchForm button.tinyBt {
background: none repeat scroll 0 0 transparent !important;
float: right !important;
padding: 0 !important;
width:28%;
}
.searchForm button.tinyBt span{
padding:5px 10px 7px !important;
}








/************* SECTION *******************/
/* Vertical Boxs ******************/
#contentContainer .vertSection{
border:10px solid #295369;
border-top:none;
padding:0;
background:#FFF;
}
#contentContainer .vertSection .box{
border:none;
border-top:10px solid #295369;
}
.vertLeft, .vertRight{
width:50%;
float:left;
}

#contentContainer .vertLeft{
border-right:10px solid #295369;
}

#contentContainer .vertRight{
border:none;
margin-left:-10px;
}
#contentContainer .vertLeft .box{
padding-left:20px;
padding-right:20px;
}
#contentContainer .vertRight .box{
padding-left:30px;
background:transparent;
}

#contentContainer .longRight{
border:none;
border-left:10px solid #295369;
margin-left:-20px;
}
#contentContainer .longRight .box{
padding-left:20px;
padding-right:20px;
background:#FFF;
}
#contentContainer #content .shortLeft{
border-right:none;
padding-right:10px;
}
#contentContainer .shortLeft .box{
padding-right:30px;
}
/* Horizontal Boxs ******************/
#contentContainer .horzSection{
border:10px solid #295369;
border-bottom:none;
padding:0;
background:#FFF;
}

#content .bFull{
overflow:hidden;
}

#content .bLeft, #content .bRight{
width:46%;
padding:0;
margin:0;
}

#content .bLeft{
float:left;
}

#content .bRight{
float:right;
}
#content .sectionBox div.bLeft,
#content .sectionBox div.bRight{
padding:0 10px;
}
#content div.bLeft ul,
#content div.bRight ul{
padding:0;
}

#contentContainer .horzSection .vertRight .box,
#contentContainer .horzSection .vertLeft .box{
border-bottom:none;
}

#contentContainer .horzBottom{
border-bottom:10px solid #295369;
}
#contentContainer .horzTop{
border-top:10px solid #295369;
}

#contentContainer #content .sectionBox{
padding-bottom:10px;
}
#contentContainer .sectionBox ul{
margin-bottom:15px;
}
/******************** CONTENT *************************/
#content{
float:left;
background:#FFF;
width:100%;
border:10px solid #295369;
border-bottom:none;
margin-bottom:40px;
font-size:110%;
}

#contentContainer{
max-width: 980px;
min-width: 872px;
background:transparent;
text-align:justify;
margin-left: 30px;
margin-right: 40px;
margin-top:85px;
position:relative;
}

#contentContainer .box{
background:#FFFFFF;
padding:25px;
border-bottom:10px solid #295369;
}
#contentContainer .boxHalf{
width:48%;
}
#contentContainer .boxLeft{
float:left;
margin:5px 20px 10px 0;
}
#contentContainer .boxRight{
float:right;
margin:5px 0 10px 20px;
}

#contentContainer .address{
font-size:150%;
font-weight:bold;
letter-spacing:1px;
margin:5px 0;
padding:0 5px;
}
#contentContainer .address li{
list-style-image:none;
padding:0;
margin: 5px 0;
}

/******************** SOCIAL NETWORKS ************************/
#content #socialNet{
float:left;
margin:0;
}
#content #socialNet ul, #contentContainer .box #socialNet ul{
float:right;
text-align:center;
padding:0;
margin:0;
width:100%;
}
#content #socialNet ul li{
float:left;
padding:0 2px;
margin:0 2px;
list-style:none;
list-style-image:none;
}
#content #socialNet ul li a, #content #socialNet ul li a:visited{
float:left;
-moz-border-radius:3px 3px 3px 3px;
background-color:#ECEEF5;
border:1px solid #CAD4E7;
display:block;
font-size:100%;
font-weight:normal;
color:#3B5998;
padding:0px;
}
#content #socialNet ul li a:hover, #content #socialNet ul li a:visited:hover{
border-color:#9DACCE;
padding:0px;
}
#content #socialNet ul li a span{
background-color:transparent;
background-repeat:no-repeat;
background-position:2px center;
padding:3px 0 2px 20px;
height:18px;
width:40px;
float:left;
}
#socialNet ul li a span.f{
background-image: URL("/media/template/utilities/f.png");
}
#socialNet ul li a span.t{
background-image: URL("/media/template/utilities/t.png");
}
#socialNet ul li a span.e{
background-image: URL("/media/template/utilities/e.png");
}
#socialNet ul li a span.g{
background-image: URL("/media/template/utilities/g.png");
}
#socialNet ul li a span.m{
background-image: URL("/media/template/utilities/m.png");
}
#socialNet ul li a span.p{
background-image: URL("/media/template/utilities/p.png");
}


/******************** FOOTER *************************/
#footer{
font-size:90%;
margin-top:20px;
max-width: 1039px;
min-width: 882px;
padding:0;
font-size:105%;
clear:both;
}
#footer #footerContent{
background: none repeat scroll 0 0 transparent;
float: left;
margin: 46px 0 0 0;
padding: 0 14% 46px 16%;
width: 70%;
}
#footer #footerContent #copyrightFooter, #footer #footerContent ul{
background: none repeat scroll 0 0 #FFFFFF;
color: #333333;
float: left;
margin: 0 2%;
min-height: 155px;
padding: 2%;
width: 25%;
text-align:left;
}
#footer #footerContent ul li{
margin:4px 0;
}
#footer a, #footer a:hover, #footer a:visited, #footer a:visited:hover{
margin:0;
padding:3px 2px 3px 4px;
display:block;
white-space:nowrap;
overflow:hidden;
-moz-border-radius:3px;
-webkit-border-radius:3px;
font-style:normal;
}
#footer #footerContent #copyrightFooter{
line-height:160%;
}




/***** MOBILE VERSION *******/
.mobile{
display:none !important;
}

/***************************************************************/
/********** SECTIONS SECTIONS SECTIONS SECTIONS ***************/
/***************************************************************/
/*Default*/

#topContainer{
background-image:url("../media/content/headers-back/topMenuHeaderBack02.jpg");
}

#topMenu #topContainer{
background-image:url("../media/content/headers-back/topMenuHeaderBack02.jpg");
}

#prevention #topContainer{
background-image:URL("../media/content/headers-back/preventionHeaderBack02.jpg");
}
#transmissionTesting #topContainer{
background-image:URL("../media/content/headers-back/transmissionTestingHeaderBack02.jpg");
}
#treatmentCare #topContainer{
background-image:URL("../media/content/headers-back/treatmentCareHeaderBack02.jpg");
}
#statistics #topContainer{
background-image:URL("../media/content/headers-back/statisticsHeaderBack02.jpg");
}
#history #topContainer{
background-image:URL("../media/content/headers-back/historyHeaderBack02.jpg");
}
#science #topContainer{
background-image:URL("../media/content/headers-back/scienceHeaderBack02.jpg");
}
#epidemic #topContainer{
background-image:URL("../media/content/headers-back/epidemicHeaderBack02.jpg");
}
#africa #topContainer{
background-image:URL("../media/content/headers-back/africaHeaderBack02.jpg");
}
#americas #topContainer{
background-image:URL("../media/content/headers-back/americasHeaderBack02.jpg");
}
#asiaEurope #topContainer{

}
#sex #topContainer{
background-image:URL("../media/content/headers-back/sexHeaderBack02.jpg");
}
#sTDs #topContainer{
background-image:URL("../media/content/headers-back/stdsHeaderBack02.jpg");
}
#teens #topContainer{

}
#gayLesbian #topContainer{
background-image:URL("../media/content/headers-back/gayLesbianHeaderBack02.jpg");
}
#photosVideos #topContainer{

}
#games #topContainer, #quizzes #topContainer{
background-image:URL("../media/content/headers-back/gamesQuizzesHeaderBack02.jpg");
}
#stories #topContainer{
background-image:URL("../media/content/headers-back/storiesHeaderBack02.jpg");
}
#sidavih #topContainer{

}
#footerMenu #topContainer{

}