/* Global Styles
----------------------------------------- */
html { height: 100%; margin-bottom: 1px; }
body { text-align: center; color: #fff; background: #7d2118 url('../images/background.jpg') 0 0 repeat-x; font-family: Verdana, Geneva, sans-serif; font-size: .8em; }
* { margin: 0; padding: 0; }
ul, li { list-style: none; }
img { border: none; }
h1 { font-size: 1.4em; padding-bottom: 1em; margin-left: 35px; }
h2 { text-transform:capitalize; padding: 2em 0 .5em 0; color: #FC3; background-color:inherit; }
h3 { }
p { margin:0 0 1em 0; line-height: 1.4em; }
a { color: #caca7a; background-color:inherit; text-decoration: underline; }
a:hover { color: #b9b9b2; background-color:inherit; text-decoration: none; }

/* #wrapper
----------------------------------------- */
#wrapper { text-align: left; width: 850px; margin: 0 auto; }

/* #header
----------------------------------------- */
#header { height:216px; background:url("../images/header_bkg.jpg") no-repeat left top; }
#header .logo { width:362px; height:150px; margin-top: 66px; }

#flash { height: 216px; border-top: 1px solid #90885c; }


/* #mainNav area
----------------------------------------- */
#mainNav { margin: 0 auto; padding: 5px 0 20px 30px; }
#mainNav li { float: left; }
#mainNav a { display: block; text-indent: -9999px; text-decoration: none; height: 27px; overflow: hidden; }
#mainNav a:hover { background-position: top left; }

#homenav a { background: url('../images/mainnav_home.jpg') no-repeat bottom left; width:68px; }
#opportunities a { background: url('../images/mainnav_opportunities.jpg') no-repeat bottom left; width:139px; }
#global a { background: url('../images/mainnav_global.jpg') no-repeat bottom left; width:175px; }
#connecting a { background: url('../images/mainnav_connecting.jpg') no-repeat bottom left; width:283px; }
#blog a { background: url('../images/mainnav_blog.jpg') no-repeat bottom left; width:69px; }
#contact a { background: url('../images/mainnav_contact.jpg') no-repeat bottom left; width:97px; }



/* #content
----------------------------------------- */
#content { width: 809px; margin:0 auto; }
#content p.home { margin: 0 210px 1em 35px; }
#content p.involved { margin: 0 35px 1em 35px; }

/* boxes on home page */
#boxWrap { margin: 1.5em 0 0 18px; }
#boxWrap a { color: #fff; background-color: inherit; }
#boxWrap a:hover { color: #b9b9b2; background-color:inherit; }
.box { float:left; width: 254px; margin-right: 14px; font-size:.85em; }
.box h1 { text-transform:uppercase; font-size: 1em; padding: 7px 0; margin-left: 0; }
.box ul { margin-left: 5px; }
.box li { background: url('../images/arrow.gif') no-repeat 0 3px; padding: 0 0 5px 10px; }

.boxLast { float:left; width: 254px; margin-left: 0; font-size:.85em; }
.boxLast h1 { text-transform:uppercase; font-size: 1em; padding: 7px 0; margin-left: 0; }
.boxLast ul { margin-left: 5px; }
.boxLast li { background: url('../images/arrow.gif') no-repeat 0 3px; padding: 0 0 5px 10px; }

.boxOpp { width: 160px; background: url('../images/home-oppor_bkg.jpg') bottom left no-repeat; min-height:165px; height:auto; padding: 0 80px 10px 14px; }
.boxGlobal { width: 160px; background: url('../images/home-global_bkg.jpg') bottom left no-repeat; min-height:165px; height:auto; padding: 0 80px 10px 14px; }
.boxLegacy { width: 160px; background: url('../images/home-legacy_bkg.jpg') bottom left no-repeat; min-height:165px; height:auto; padding: 0 80px 10px 14px; }


/* Contact Form
----------------------------------------- */
#cForm form { margin: 2em 0 0 0; padding: 0; }
#cForm fieldset { width: 600px; padding: 0 0 10px 10px; margin: 0 auto; border: 1px solid #B18033; }
#cForm legend { font-weight: bold; font-size: 1.3em; padding-bottom: 8px; color: #B18033; background-color: inherit; }
#cForm dl { padding-bottom: 1em; }
#cForm dt { float: left; width: 33%; text-align: right; padding: 5px 10px 0 0; }
#cForm label.last { font-weight: bold; text-align: left; padding-left: 10px; }
#cForm input, textarea, select { margin: 5px 0; border: 1px solid #a7a7a7; font-family: inherit; font-size: 1em; padding: 1px 3px; }
#cForm input.submit { margin: 0; padding: 3px; color: inherit; background-color: #FDFE9A; }
#cForm .errorMessage { color: #780101; background-color: inherit; font-weight: bold; font-size: 1.1em; }


/* #footer
----------------------------------------- */
.footer { margin-top: 1em; text-align:center; width: 100%; background:url("../images/footer_bkg.jpg") repeat-x left bottom; font-size:.85em; min-height:202px; height:auto; }
.footer ul { padding-top: 3em; }
.footer li { display: inline; background: url('../images/footer_sep.gif') 0 55% no-repeat; padding: 7px 19px 7px 24px; }
.footer li.first2 { background: none; padding-left: 0; }
.footer .copyright { color: #3d2202; background-color:inherit; padding-top: 2em; font-weight: bold; }
.footer .copyright a { color: #3d2202; background-color:inherit; text-decoration: none; }
.footer .copyright a:hover { text-decoration: underline; }

/* images
----------------------------------------- */
img.silhouette { float:right; width:170px; height:233px; margin-top: 10px; }
img.photoR { float:right; margin: 5px 0 0 15px; }
img.photoL { float:left; margin: 5px 15px 0 0; }


/* Self Cleared Floats
----------------------------------------- */
#wrapper:after,
#header:after,
#mainNav:after,
#content:after,
#boxWrap:after,
.box:after,
.boxLast:after,
#footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }