/* this css is for content coming below header, above right & left navs */

* html {padding: 0; margin: 0;}

ul, ol, dl {position: relative;/* IE DISSAPPEARING LIST BG BUG FIX */}

body {font: small/1.2em Verdana, Helvetica, sans-serif;  margin: 0; padding: 0; background-color: #FFE364; text-align: center;}
p {margin: 10px 0;}
form {margin: 4px 0; padding: 0;}
img {border: none;}
h1 {font-size: large; font-weight: bold; color: #0B489C; margin: 10px 0;}
h2 {font-size: small; font-weight: bold; color: #0B489C; margin: 20px 0 0 0; padding: 0;}
h3 {font-size: small; font-weight: bold; color: #4D94C4; margin: 0 0 5px 0; padding: 0; border-bottom: 1px solid #CCC4BF;}
h4 {font-size: small; font-weight: bold; color: #666666; margin: 0 0 5px 0; padding-top: 20px; border-bottom: 1px solid #CCC4BF;}

hr {border: none; height: 1px; background: #CCCCCC; margin: 2em 0;}

strong {color: #333;}

a {color: #FF3300;}
a:hover {text-decoration: none;}

table {border-top: 1px solid #60B489C; border-left: 1px solid #0B489C;}
td, th {border-bottom: 1px solid #0B489C; border-right: 1px solid #0B489C; font-size: 0.8em; line-height: 1.2em;}
caption {font-size: 0.8em; text-align: left;}
th {background-color: #0B489C; color: #FFFFFF;}
td strong {font-size: 1.1em; color: #0B489C;}

#wrapper {width: 800px; margin: 0 auto; text-align: center;}

#container {float: left; width: 748px; border-left: 1px solid #000033; border-right: 1px solid #000033;  text-align: left; background-image: url(../images/bg.jpg); background-repeat: repeat-y; background-position: 0 0; text-align: left;}

#headerHome {float: left; width: 748px; height: 149px; background: url(../images/annrep_top.jpg) no-repeat top right;}
#headerYoung {float: left; width: 748px; height: 149px; background: url(../images/young_top.jpg) no-repeat top right;}
#headerCampaign {float: left; width: 748px; height: 149px; background: url(../images/campaign_top.jpg) no-repeat top right;}
#headerIncome {float: left; width: 748px; height: 149px; background: url(../images/income_top.jpg) no-repeat top right;}
#headerPartners {float: left; width: 748px; height: 149px; background: url(../images/partnerships_top.jpg) no-repeat top right;}
#headerServices {float: left; width: 748px; height: 149px; background: url(../images/services2_top.jpg) no-repeat top right;}
#headerTraining {float: left; width: 748px; height: 149px; background: url(../images/training_top.jpg) no-repeat top right;}
#headerFacts {float: left; width: 748px; height: 149px; background: url(../images/facts_figures_top.jpg) no-repeat top right;}
#headerMessage {float: left; width: 748px; height: 149px; background: url(../images/message_top.jpg) no-repeat top right;}
#headerThumbs {float: left; width: 748px; height: 149px; background: url(../images/thumbs_up_top.jpg) no-repeat top right;}
#headerAnne {float: left; width: 748px; height: 149px; background: url(../images/anne-top.jpg) no-repeat top right;}
#headerStructure {float: left; width: 748px; height: 149px; background: url(../images/structure-top.jpg) no-repeat top right;}
#headerFinancial {float: left; width: 748px; height: 149px; background: url(../images/financial-top.jpg) no-repeat top right;}
#headerFuture {float: left; width: 748px; height: 149px; background: url(../images/future-top.jpg) no-repeat top right;}


#topNav {float: right; width: 480px; font-size: small; color: #000033; margin: -18px 0 0 0; border-bottom: 1px solid #0B479D;}
* html #topNav {margin-top: -21px;}
#topNav ul{float: right; margin: 0; padding: 0; list-style-type: none;}
#topNav li{float: left; display: inline; margin: 1px 2px 0 0;}
#topNav a {text-decoration: none; font-weight: bold; font-size: x-small; text-transform: uppercase; background-color: #0B479D; padding: 2px 4px; border-top: 1px solid  #062655; border-right: 1px solid  #062655;  border-left: 1px solid  #062655;}
#topNav a:link {color: #FFFFFF;}
#topNav a:visited {color:#FFFFFF;}
#topNav a:hover {color: #062655; background-color: #FFFFFF;}
#topNav .current {color: #062655 !important; background-color: #FFFFFF;}

#title {float: left; width: 728px; font-size: 1.1em; font-weight: bold; color: #062655; background-color: #FFCC00; padding: 5px 10px; margin: 1px 0 10px 0; border-top: 1px solid #FF6600; border-bottom: 1px solid #FF6600;}
* html #title {margin-right: -3px;}

#contentAnnrep ul {margin: 0 0 0 15px; padding: 0; list-style: none;}
#contentAnnrep li {background: url(../images/blue_dot.gif) no-repeat 0 8px; padding-left: 10px; color: #000000; margin: 3px 0;}


#outerAnnrep {position: relative; width: 521px; margin-left: 215px;}
#innerAnnrep {float: left; width: 521px;}
#centerAnnrep {float: right; width: 521px;}

#contentAnnrep {float: left; width: 480px; padding: 0; line-height: 1.5em; color: #333333;}

#left {position: relative; width: 185px; margin-left: -205px; margin-right: -1px; font-size: small;}
* html #left {float: left;  margin-right: -3px;}
#left ul{margin: 0; padding: 10px 0 0 0; list-style: none; border-top: 1px dotted #79A8FF; border-bottom: 1px dotted #79A8FF;}
#left li {margin: 0 0 10px 0;}
#left li a {font-weight: normal;}
#left li .current {text-decoration: none !important; font-weight: bold; font-size: 0.9em;}
#left h2 {margin-bottom: 5px; font-size: 12px;}
#left p {font-size: 0.9em; margin: 0 0 5px 0;}

#leftContent {margin-top: 5px;}
#left img {margin: 10px 0; border: none;}

#right {float: right; position: relative; width: 195px; margin-right: -194px; margin-left: -1px; font-size: x-small;}
* html #right {margin-left: 9px;}
#right ul{margin: 0; padding: 0; list-style-type: none;}
#right li{margin: 5px 0;}

#rightContent {padding: 0;}

#right h2 {font-size: small; text-transform: uppercase; color: #FF0000; margin: 0; padding: 0; border-bottom: 1px solid #709FCF;}
#right strong {color: #000033;}
#right hr {height: 1px; background-color: #709FCF; border: none; margin: 5px 0; padding: 0;}

#footer {float: left; clear: both; width: 738px; margin: 20px 0 0 0; padding: 5px; font-size: xx-small; border-top: 1px dotted #000033; background-color: #FFFFFF;}
#footer ul {float: left; clear: both; width: 100%; margin: 0; padding: 0; list-style: none;}
#footer li {display: inline;}
#footer a {}

.caseStudies {float: left; width: 170px; margin: 10px 0; font-size: 0.85em; border: 1px solid #FFE364;  padding: 5px; margin-left: 3px;}
.caseStudies strong {color: #09499C;}
#left .caseStudies ul {margin: 10px; padding: 0 0 0 10px; list-style:disc; border: none;}
.caseStudies p {margin: 5px 0;}

.clear {clear: both;}
.highlight {background-color: #FFFF99;}
.bg {display: block; background-color: #FFF0AA; padding: 10px 20px; margin: 20px 0; font-size: 1em; border: 1px solid #FFE364;}
.bgBlue {display: block; background-color: #D6FFFA; padding: 10px 20px; margin: 20px 0; font-size: 1em;}
.bg h2, .bgBlue h2 {margin-top: 0;}
.bgDark {display: block; background-color: #0B479D; color: #FFF; padding: 10px; margin: 20px 0; font-size: 1em; line-height: 1.4em;}
.bgDark p {margin: 0;} 
.smallFont {font-size: small; line-height: 1.3em;}
.mediumFont {font-size: medium;}
.largeFont {font-size: large;}
.phone {font-size: 1.4em;}
.logo {margin-left: 0}
.toRight {float: right;}
.blue {color: #0B489C;}
.image {float: left; width: 470px; padding: 5px; margin: 10px 0; text-align: center; font-size: 0.8em; line-height: 1.2em; color: #FFF; background-color: #000;}
.image img {display: block; padding: 10px 20px; margin: 0 auto 5px auto;}
.imageList {padding: 0!important; margin: 20px 0!important; list-style: none;}
.imageList li {display: inline; margin: 10px 10px 10px 0; background-image: none!important;}
.gallery {}
.smallestFont {font-size: 0.8em; color: #000; line-height: 1.2em;}