/* Global Styles
----------------------------------------- */
html { height: 100%; margin-bottom: 1px; background:url("../images/footer_bkg.jpg") repeat-x left bottom; }
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; }
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; }
p.gold { color: #FC3; background-color:inherit; font-weight: bold; }
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; }

/* #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; }


/* #subNav
----------------------------------------- */
#subNavWrap { float:left; margin-left:15px; font-size:.85em; }
.subNav { width: 234px; background: url('../images/in-navbox_bkg.jpg') bottom left no-repeat; min-height:230px; height:auto; }
.subNav p.note { padding: 7px 14px; }

.subNav div { float: left; padding: 0 0 10px 19px; clear:both; }
.subNav dl { margin-left: 66px; padding: 7px 0 1.25em 0; }
.subNav dt { float: left; margin-right:7px; }
.subNav dd { margin-bottom: 20px; }
.subNav a { color: #fff; background-color: inherit; }
.subNav a:hover { color: #b9b9b2; background-color:inherit; }


/* #content
----------------------------------------- */
#content { float:left; padding-left: 25px; width: 560px; }

.table { border:0; border-collapse: collapse; width: 100%; }
.table td { text-align:center; vertical-align:top; width:50%; padding: 3px; }
.tabele td.three { width:33%; }

.gallery { margin-top: 3em; }
.gallery li { float:left; margin: 0 11px 11px 0; }
.gallery img {display: block; border: 0; width: 263px; height: 199px; }


/* Contact Form
----------------------------------------- */
#cForm form { margin: 2em 0 0 0; padding: 0; }
#cForm fieldset { padding: 0 0 10px 10px; margin: 0; border: 1px solid #663C28; }
#cForm legend { font-weight: bold; font-size: 1.3em; padding-bottom: 8px; color: #663C28; background-color: inherit; }
#cForm dt { float: left; width: 30%; 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.thumb { width:30px; height:30px; border:2px solid #fff; }
img.subTop { width:234px; height:7px; margin-left:15px; }
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,
.subNav:after,
.gallery:after,
#footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }