/**********************************************/
/**                   RESET                  **/
/**********************************************/
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, ol{
    list-style-type:circle;
    list-style-image:none !important;
    list-style-position:inside !important;
    margin:10px;
    margin-right:0;
}
ol{
    list-style-type:decimal;
    list-style-image:none !important;
    list-style-position:inside;
}
li{
    margin:10px 0;
}
p{
    margin:10px 0;
}
.mobile, .mobile li{
list-style-type:none;
padding:0;
margin:0;
float:left;
width:100%;
}
/** Remove Box Shadow **/
#content, #menu, .menuGroup, h1{
    box-shadow:none !important;
    -moz-box-shadow:none !important;
    -webkit-box-shadow:none !important
}
/** hidden **/
#topBar ul, #sidebar, #copyright, #topBarExtras, .hidden, .submenu, #languages, #feature, #searchBox{
    display:none;
}
/** Clear Background **/
#topContainer, #headerGraphic{
background-image:none !important;    
}

/**********************************************/
/**             MAIN HTML TAGS               **/
/**********************************************/
html{
    width:100%;
}
body {
    background: none repeat scroll 0 0 #EFEFEF;
    font-family: helvetica,verdana,arial,sans-serif;
    font-size: 250%;
    margin: 0;
    overflow-x:hidden;
    padding: 0;
    text-align: left;
    width:100%;
}
h1, h2, h3, h4{
    font-family:arial, verdana;
}
button, input[type=submit], .tinyBt, .mediumBt, .bigBt{
    border-style:solid;
    border-width:1px;
    -webkit-appearance: none;
    display:block;
}
 .box10, .box20, .box25, .box33, .box40, .box50, .box60, .box66, .box75{
    padding:2%;
    width:96%;
    border:none !important;
}
/**********************************************/
/**                BUTTONS                   **/
/**********************************************/
/*** SMALL BUTTON ***/
#wrapper .smallBt span, #wrapper .smallBt input{
    height:80px;
    line-height:80px;
}



/**********************************************/
/**                TOP BAR                   **/
/**********************************************/
#topBar{
    float:left;
    width:100%;
    padding:5px 0 0;
    background:#FFFFFF;
}
/***** TAG LINE ******/
#avertLogoTagLine{
    float: left;
    padding: 25px 0;
    width: 100%;
    border-bottom:solid 5px #333333;
    text-decoration:none;
}
#AvertLogo{
    margin: 0;
    padding-left: 3%;
    width: 20%;
    float:left;
}
#tagLine, #helloMobile{
    color: #666666;
    display: block;
    font-size: 100%;
    margin: 0 0 0 28%;
    width: 72%;
}
#tagLine{
    margin-top:10px;
}
#helloMobile{
    padding:0 0;
    font-size:70%;
    color:#AAAAAA;
}



/**** TOP MENU ****/
#mobileShortCuts{
    display:block !important;
    margin:0 auto;
    width:100%;
    float:left;
    padding:0;
    clear:both;
    text-align:center;
}
#topBar #mobileShortCuts li{
    display:inline;
    padding:0;
    margin:0;
    width:auto;
    float:none;
}
#topBar #mobileShortCuts li a{
    display:block;
    float:left;
    padding:50px 0 60px;
    margin:0;
    width:25%;
    color:#FFFFFF;
    text-decoration:underline;
}
#topBar #mobileShortCuts li a:active{

}


/** Search **/
#searchBox.mobile{
    display:block;
    width:100%;
}
#searchBox.mobile form{
    float: left;
    padding: 3% 0;
    width: 100%;
}
#searchBox.mobile form label{
    display:none;
}
#topBar #searchBox.mobile form #search_text{
    border: 1px solid #333333;
    float: left;
    font-size: 70%;
    height: 71px;
    margin: 0 0 0 2%;
    padding: 0 20px;
    width: 70%;
}
#topBar #searchBox.mobile form #search{
    float: right !important;
    font-size: 90% !important;
    margin: 0 2% 0 0 !important;
    padding: 5px !important;
    width: 20% !important;
}
#topBar #searchBox.mobile form #search span{
    display: block!important;
    padding: 4% 1% 7% !important;
    height:40px;
    line-height:40px;
}


/******************************************************/
/*****************        CONTENT      ****************/
/******************************************************/
h1, .mainMenuBt, body #wrapper #footerContent h2.mobile, body #wrapper #footerContent #references{
    color:#ffffff;
    font-size:120%;
    padding:35px 3%;
    margin:0;
    background:#85BF40 !important;/* browsers without gradient */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A0D815', endColorstr='#739D0D')!important; /* 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 */
    border-top:5px #333333 solid !important;
}
#middleContainer{
    
}
#contentContainer{
    margin:0;
    padding:0;
    width:100%;
    float:left;
    border-bottom:5px #333333 solid;
}
#contentContainer #content{
    float:left;
    border: none !important;
    line-height:150%;
    width:100%;
}
body #wrapper #content h2{
    font-size:120%;
    margin:25px 0 10px 0;
    width:74%;
    padding:2% 23% 2% 3%;
}
body #wrapper #content h2 a, body #wrapper #footerContent h2.mobile a, body #wrapper #footerContent #references a{
    font-size:60%;
    display:block;
    line-height:60%;
}
body #wrapper #content h2 a span{
    height:85px;
    line-height:80px;
}
body #wrapper #content .sectionBox h2 a{
    display:none;
}
h3, h4{
    font-size:100%;
    color:#333333;
}
#contentContainer #content h3, #contentContainer #content h4{
    margin-top:60px;
}
#contentContainer #content p{
    margin:30px 0;
}
a{
    color:#0066FF;
    text-decoration:underline;
}
#wrapper .box, #wrapper #content .box, #wrapper #content .contentTable{
    background:#EFEFEF;
    border-top:solid 5px #333333 !important;
    padding:1% 3%;
    width:94%;
    float:left;
}

sup.ref{
    font-size:50%;
    font-style:italic;
    vertical-align:super;
}

/** Content Table**/
#content .contentTable, #content .contentTable + div.box{
    background: none repeat scroll 0 0 #EFEFEF !important;
    float: left !important;
    padding: 1% 3% !important;
    width: 94% !important;
}
#content #jumpTo{
    border-right: none;
    height: auto;
    padding: 0;
    position: relative;
    width: 100%;
}
#content #jumpTo h2{
    
}
#content #jumpTo ul{
    margin-left:30px;
}
#content #jumpTo ul li{
    margin-bottom:20px;
}




/******* Media *******/
.photo, .video, .photoBox, #mediaDisplay{
    float:left !important;
    width: 100% !important;
    margin:3% auto !important;
    border:none !important;
}
.photo a, .video a, .photo .noLink, .video .noLink, .photoBox a, .photoBox .noLink, #mediaDisplay a{
    max-width:100% !important;
    min-width:100% !important;
    display:block;
    margin:0 auto;
    padding:5px !important;
    text-decoration:none;
    text-align:center;
    border:solid 1px #CCCCCC !important;
    float:left;
}
.photo a img, .video a img, .photo .noLink img, .video .noLink img, .photoBox a img, .photoBox img, .photoBox .noLink img, #mediaDisplay img{
    border:none;
    width:100%;
    height:auto !important;
}
.photo a span, .photoFull a span, .photo .noLink span, .photoFull .noLink span, .photo a p, .photoFull a p, .photo .noLink p, .photoFull .noLink p, .legend, .video p, .videoFull p, .photoBox .noLink a span, .photoBox .noLink .noLink span, #mediaDisplay #mediaCaption{
    display:block;
    font-size:70% !important;
    text-decoration:underline;
}





/****** Tables **********/
table{
    margin: 4% 0 !important;
    width: 100% !important;
    font-size:60% !important;
    font-weight:normal !important;
    border-top:solid 1px #333333;
    border-left:solid 1px #333333;
    line-height:100%;
}
table tr{
    border-bottom:solid 1px #333333;
}
table th, table td, table td.row_title{
    padding:1% !important;
    text-align:left !important;
    border-right:solid 1px #333333;
}
#content p.table_quote{
    font-size:60%;
    margin-top:-45px !important;
}

/****** Blockquote **********/
blockquote{
    font-style:italic;
    font-weight:bold;
    text-align:center;
    font-family:georgia, verdana;
    width:100% !important;
    float:left !important;
    padding: 4% 0 !important;
    margin:80px 0 !important;
}
blockquote p{
    width:100% !important;
    float:left !important;
    padding: 0 0 !important;
    margin:0 !important
}
blockquote cite{
    width:90%;
    padding:0 10%;
    margin:-0.2em 0 0 0;
    color:#666666;
    font-weight:normal;
    font-size:80%;
}
blockquote.bigquoteright cite, blockquote.bigquoteleft cite{
    float: right !important;
font-size: 100% !important;
margin: 15px 0 0 !important;
padding: 0 !important;
}





/*** MObile Search ***/
#mobileSearch{
    float:left;
    padding:3%;
}
#mobileSearch .search_form{
    display: block;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
#mobileSearch label{
    display:none;
}
#mobileSearch #search_text{
    font-size: 50%;
    margin: 0;
    padding: 0.7em 4%;
    vertical-align: top;
    width: 57%;
}
#mobileSearch #search{
    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: #5393B5;
    color: #FFFFFF;
    font-size: 60%;
    padding: 0.5em 4%;
    vertical-align: top;
    width: 24%;
}
#mobileSearch #search:active{
    border-color:#8fb320;
}




/***** UTILITIES ******/
#utilities{
    width:100%;
    padding:0;
margin-top:-38px;
}
/** Social Networks **/
.addthis_toolbox{
    display:none;
}
/** Where Next **/
#utilities #wherenext{
    padding:1% 3% !important;
    width:94% !important;
    border:none !important;
    font-size:100% !important;
}
#utilities #wherenext h2{
    margin:2px 0;
    font-size:120%;
}
#wherenext h3{
    display:none;
}
#wherenext ul{
    list-style-type:decimal;
    padding-bottom:3% !important;
}
#wherenext ul li{
    
}
#wherenext ul li a{
    
}
/** Various **/
#various{
    margin:0 !important;
    padding:0 !important;
    display:block;
    width:100% !important;
    float:left !important;
    border-top:solid 5px #333333;
    list-style:none;
}
#utilities #various li{
    display:none;
}

#utilities #various .bottomBackTop, #utilities #various .bottomBackTop{
    border:none;
display:block;
float:left;
width:100%;
margin:0;
padding:0;
}
#utilities #various li a, .mobileBackToTop a{
    color:#FFF;
    width:100% !important;
    display:block;
    text-decoration:underline;
text-align:left;
margin:0;
padding:0;
}
#utilities #various .bottomBackTop a:active, .mobileBackToTop a:active{

}
#utilities #various .bottomBackTop a span, .mobileBackToTop a span{
    padding:2%;
}


/***********************************/
/*****          MENU           *****/
/***********************************/
#menu{
    float:left;
}
#menu #avertHome{
    display:none;
}
body #wrapper #menu.mobile h2.mainMenuBt, body #wrapper #footerContent h2.mobile, body #wrapper #footerContent #references{
    font-size:100%;
    display:block;
    text-decoration:none !important;
    cursor:default;
    width:84%;
    padding: 2% 13% 2% 3%;
    margin: 0;
    border:none;
}
body #wrapper #menu.mobile h2 a, body #wrapper #footerContent h2.mobile a, body #wrapper #footerContent #references a{
    display:block;
}
body #wrapper #menu.mobile h2 a span, body #wrapper #footerContent h2.mobile a span, body #wrapper #footerContent #references a span{
    display: block;
    height: 85px;
    line-height: 80px;
    padding: 0 20px;
    margin:0 !important;
    position:relative;
    top:auto;
}
/** References **/
#readReferencesLink{
    padding:0 0;
    display:block;
    text-align:center;
}
#wrapper #footnote{
    padding:0;
    width:100%;
    border-top:none !important;
}
#footnote ul, #footnote ol{
    border-top: 5px solid #333333;
    float: left;
    margin: 0;
    padding: 50px;
}
#footnote ol li{
    font-size:80%;
    margin:30px 0;
}
#footnote ol li a.mobileBackToContent{
    display: block;
    font-size: 65%;
    margin: 30px 0 0 !important;
    padding: 0;
}
/*** FOOTER and MENU***/
#footer{
    clear:both;
}
#footer #copyrightFooter{
    display:none;
}
#footer ul, .menuGroup, #tabsNav{
    border-top:solid 5px #333333;
}
#footer ul, #footer ul li, .menuGroup, .menuGroup li, #tabsNav, #tabsNav li{
    margin:0;
    padding:0;
    display:block;
    width:100%;
float:left;
}
#footer div ul li, .menuGroup li, #tabsNav li{
    border-bottom:solid 1px #666666;
}
#footer div ul li a, .menuGroup li a, #tabsNav li a{
    padding:0.8em 3%;
    background:#CCCCCC;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#CCCCCC'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#CCCCCC)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #EFEFEF,  #CCCCCC);/*  for firefox 3.6 */
    width:94%;
    display:block;
    color:#333333;
    text-decoration:underline;
}
#topBar #mobileShortCuts li a:active, #footer div ul li a:active, #various .bottomBackTop a:active, .mobileBackToTop a:active, button:active, .menuGroup li a:active, #tabsNav li a:active{
    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 */
    text-shadow:#465A07 0 0 20px, #333 0 0 10px;
    color:#FFFFFF;
    overflow:hidden;
}
#footer #disclaimerFooter{
    font-size:50%;
    text-align:center;
}
#footer #disclaimerFooter p{
    padding:10px 0;
}
/****************************************************************/
/****************************************************************/
/**********                 SECTIONS                   **********/
/****************************************************************/
/****************************************************************/
#content .sectionBox{
    
}
#content .sectionBox ul{
    margin:0 0 2em 0;
    padding:0;
}
#content .sectionBox ul li{
    display:block;
}
#content .sectionBox ul li a{
    padding:0.5em 2%;
    display:block;
    text-align:left;
}


/****************************************************************/
/****************************************************************/
/**********              Individual Pages              **********/
/****************************************************************/
/****************************************************************/
/** Gallery **/
#gallery{
    padding:0 2%;
}
#gallery #help{
    font-size:50%;
}
#gallery .thumbnails{
    
}
#gallery .thumbnails li{
    
}
#gallery .thumbnails li a{
    
}
#gallery .thumbnails li a span{
font-size: 40%;
&nbsp;line-height: 100%;
text-align: left;
}
#gallery .thumbnails li a span .mediaType{
background: none repeat scroll 0 0 #FFFFFF;
left: 23px;
padding: 0 2%;
position: absolute;
top: -18px;
font-size:60%;
}
#gallery .nav{
font-size: 80%;
list-style-image: none !important;
list-style-position: outside;
list-style-type: none;    
margin-top:3%;
margin-bottom:3%;
}
#gallery .nav li{
    display:inline;
}

#gallery .nav li a{
    
}
.photoGallery #tabsNav{
    margin:0 !important;
padding:0 !important;
}
.photoGallery #tabsNav li{
    margin:0 !important;
}
.photoGallery #tabsNav #intro{
    padding:2%;
width:96%;
}
#mediaGalleryMain{
padding: 0;
&nbsp;width: 100%;    
}
#mediaGalleryMain #search_form{
background:#CCCCCC;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#CCCCCC'); /* for IE */
   background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#CCCCCC)); /* for webkit browsers */
   background: -moz-linear-gradient(top,  #EFEFEF,  #CCCCCC);/*  for firefox 3.6 */
padding:2%;
}
#mediaGalleryMain .formElement{
    float:left;
display:block;
width:100%;
}
#mediaGalleryMain .formElement #category{
    font-size: 70%;
&nbsp;padding: 1% 2%;
width: 70%;
}
#mediaGalleryMain .searchBox{
    width:68%;
float:left;
display:block;
margin-top:23px;
}
#mediaGalleryMain .searchBox label{
    display:none;
}
#mediaGalleryMain .searchBox #query{
height:71%;    
width:100%;
font-size:90%;
}
#mediaGalleryMain #submitSearch{
float: right;
width: 19%;
}
#mediaGalleryMain #submit{
font-size: 100%;
height: 100%;
padding: 6% 0;
width: 100%;
}
#mediaGalleryMain #mediaTypes{
width:100%;    
}
#mediaGalleryMain #mediaTypes legend{
    font-size:60%;
}
#mediaGalleryMain #mediaTypes label{
    font-size:60%;
}
#mediaGalleryMain #mediaTypes input{
    width:25px;
height:25px
}
#mediaGalleryMain #mediaTypes #searchExtras{
font-size:60%;
}

/** Enlarge **/
#mediaAndInfoBox #imgInfo{
    font-size:60%;
list-style-image:none !important;
margin:2% auto;
} 
#mediaAndInfoBox #imgInfo li{
    display:inline;
} 
#mediaAndInfoBox #help{
    
}
#mediaAndInfoBox #help a, #mediaAndInfoBox #help a span{
    padding:0;
width:100%;
display:block;
}

#mediaAndInfoBox #help a span{
    padding:2% 0;
}
#mediaDisplay{
height:auto !important;
margin:0;
}
#mediaAndInfoBox .description, #mediaAndInfoBox .copyright_statement{
font-size:60%;
float:left;
padding:2% 5%;
width:91%;
}
#mediaAndInfoBox .copyright_statement{

}
#mediaAndInfoBox .copyright_statement p{
    
}
#mediaDisplay #myVideo{
    width:540px;
height:304px;
margin:0 auto !important;
}
#mediaDisplay #mediaCaption{
font-size:60%;
}

/********** FAQS ***************/
#content .top-frame li{
    list-style:none;
}

/********* DONATE PAGE **********/
#otherWaysToDonate #tabsNav{
    font-size:60%;
    padding-top:20px !important;
}
#otherWaysToDonate #tabsNav li{
    height:150px;
    border-bottom:none;
}
#content #otherWaysToDonate #tabsNav li a{
    margin:0;
    padding:10% 0 0 0;
    height:60%;
    text-align:center;
}
.donate #contentContainer #content #otherWaysToDonate .box div{
    border: 2px solid #333333;
    float: left;
    height: auto;
    margin: 10px 0;
    padding: 0 2% 2%;
    width: 96%;
}
