/*
  For: Opportunity International
  Style by: AESTHETICA LLC via Evan Samek and Shaun Robinson
  Design by: JAT Digital Solutions via Jose Torres

/*
Reset
***************************/
/* v1.0 | 20080212 */

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;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/*
Global Styles
***************************/
img{border: none; outline: none;}
a {text-decoration: none; color: inherit;}
body {background: url(../images/top-bg.png) repeat-x transparent; font-family: Verdana, sans-serif; color: #3c3f41;}
div.container {margin: 0px auto; width: 1024px; padding: 0 0 20px 0;}
div.top_bar {background: url(../images/top-bg.png) repeat-x transparent; height: 32px; width: 100%;}
div.top_bar span.date {padding: 0 0 0 15px; border-left: 2px #999 solid; clear: both; float: right; position: relative; margin: 10px 15px 0 0; font-family: Arial, Arial, Helvetica, sans-serif; color: #999; font-size: 0.75em; font-weight: bold;}
div.mainContent {background: url(../images/mainContent-bg.png) no-repeat transparent; height: 408px; width: 100%;} 
div.header {width: 100%; height: 108px; background: url(../images/header-bg2.png) no-repeat transparent;}
div.logoDiv {float:left;}
.clear {clear: both;}
div.left {float: left;}
div.right {float:right;}
div#footer {width: 100%; font-size: 0.75em; color: #666; clear: both;}
div#footer div#footerLinks {float: left; position: relative; margin: 10px 0 0 10px;}
div#footer div#footerLinks a {margin: 0 0 -3px 0px; display: block;}
div#footer div#footerLinks a:hover {text-decoration: underline;}
div#footer div#address {float: left; position: relative; margin: 10px 0 0 0;}
div#footer div#address p {margin: 0 0 10px 0; color: #000;}
div#footer div#address a:hover {text-decoration: underline;}
img#donate_now_button {margin: 9px 0 0 10px;}
/*
Landing Page Styles
***************************/
body#landing_page {background: url(../images/top-bg.png) repeat-x transparent;}
body#landing_page div.container {margin: 0px auto; width: 1024px; padding: 0 0 20px 0;}
body#landing_page div.top_bar {background: url(../images/top-bg.png) repeat-x transparent; height: 32px; width: 100%;}
body#landing_page div.top_bar span.date {padding: 0 0 0 15px; border-left: 2px #999 solid; float: right; position: relative; margin: 10px 15px 0 0; font-family: Arial, Arial, Helvetica, sans-serif; color: #999; font-size: 0.75em; font-weight: bold;}
body#landing_page div.header {width: 100%; height: 80px; background: url(../images/header-bg.png) no-repeat transparent 0px -27px;}
body#landing_page div.mainContent {background: url(../images/mainContent-bg.png) no-repeat transparent; height: 408px; width: 100%;}

body#landing_page div.main_nav {float: left; margin: 5px 0 0 15px; position: relative;}
body#landing_page div.main_nav ul {padding: 15px 0 0 0;}
body#landing_page div.main_nav ul li{margin: 0 0 6px 0;}
body#landing_page div.navDiv {display:block; height: 36px; width: 161px;}
body#landing_page div.navDiv a {display: block; overflow: hidden; text-indent: -999px; height: 36px; width: 161px;}

body#landing_page  div#homeDiv {background: url(../images/homeOn.png) no-repeat transparent; }
body#landing_page  div#aboutDiv{background: url(../images/aboutOff.png) no-repeat transparent; }
body#landing_page  div#resourcesDiv{background: url(../images/resourcesOff.png) no-repeat transparent; }
body#landing_page  div#publicationsDiv{background: url(../images/publicationsOff.png) no-repeat transparent; }
body#landing_page  div#leadershipDiv{background: url(../images/leadershipOff.png) no-repeat transparent; }
body#landing_page  div#membersDiv{background: url(../images/membersOff.png) no-repeat transparent; }
body#landing_page  div#eventsDiv{background: url(../images/eventsOff.png) no-repeat transparent; }
body#landing_page  div#pressDiv{background: url(../images/pressOff.png) no-repeat transparent; }
body#landing_page  div#employmentDiv{background: url(../images/employmentOff.png) no-repeat transparent; }

body#landing_page div#mainPic_wrapper {width: 817px; height: 408px; float: right;}
body#landing_page div#mainPic {background: url(../images/mainPic-1.jpg) no-repeat transparent; width: 817px; height: 408px;}

body#landing_page div#topFooter{width: 1024px; height: 120px; clear: both;padding: 15px 0 0 0; padding-left: 15px;}
body#landing_page div.sections {float: left; margin-left: 10px;}
body#landing_page div#topFooter a {display: inline; width: 326px; height: 120px;}
body#landing_page div#topFooter img {float: left; margin-right: 10px;}

body#landing_page div#button1{width: 332px; height: 120px; background: url(../images/button1Off.jpg) no-repeat transparent; margin-left: 10px;}
body#landing_page div#button2{width: 326px; height: 120px; background: url(../images/button2Off.jpg) no-repeat transparent; }
body#landing_page div#button3{width:334px; height: 120px; background: url(../images/button3Off.jpg) no-repeat transparent;}                                          

body#landing_page div#footer {width: 100%; font-size: 0.75em; color: #666; /*position: absolute; top: 670px; left: 150px;*/}
body#landing_page div#footer div#footerLinks {float: left; position: relative; margin: 10px 0 0 10px; clear: both;}
body#landing_page div#footer div#footerLinks a {margin: 0 0 -3px 0px; display: block; color: #666;}
body#landing_page div#footer div#footerLinks a:hover {text-decoration: underline;}
body#landing_page div#footer div#address {float: left; position: relative; margin: 10px 0 0 400px;}
body#landing_page div#footer div#address p {margin: 0 0 10px 0; color: #666;}
body#landing_page div#footer div#address a:hover {text-decoration: underline;}
body#landing_page div#footer div#address a {color: #666;}



.over { background-color: yellow;}

/*
Side Navigation Styles
***************************/
div.sideNav { float: left; position: relative; width: 173px; padding: 0px 0 0 0; color: #000;font-family: Lucida Sans, Helvetica, sans-serif; font-size: 0.95em;}
div.sideNav h2 {width: 160px; line-height: 1.05em; font-size: 0.8em; text-transform: none; font-weight: normal; padding: 10px 0 5px 10px;}
div.sideNav ul {font-size: 0.85em;}
div.sideNav ul li { padding: 3px 0 0 10px; width: 173px; background: url(../images/side-nav-bgOff.png) repeat-y transparent; vertical-align: middle; margin: 5px 0 5px 0;}
div.sideNav ul li:hover {background: url(../images/side-nav-bgOn.png) repeat-y transparent;}
div.sideNav ul li a {display: block; width: 150px; padding: 5px 0 5px 0; background: transparent; line-height: 1.15em; color: #000; font-weight: 400;}

/*
Content Area Styles
***************************/
div.contentArea {float: right; position: relative; width: 790px; height: 536px; padding: 0 0 0 30px;}
div.contentArea h1 {color: #002d56; font-size: 1.3em; font-weight: normal; margin: 0 0 10px 0;}
div.contentArea p {font-family: Georgia, Georgia, serif; font-size: 0.8em; width: 90%; line-height: 1.1em;}
div.contentArea h2 {color: #002d56; font-size: 0.9em; font-weight: normal; margin: 0 0 5px 0; text-transform: none;}
div.contentArea div#buttonArea {width: 817px; height: 124px; margin-top: 20px;}


.logo_img {margin-top: 10px;}