/* CSS Document */

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

body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#home {background: url(../images/bg_home.gif) top left repeat-x;}
#interior {background: url(../images/bg_interior.gif) top left repeat-x;}

/* Header Div */
#header {width: 922px; position: absolute; left: 50%; margin-left: -461px;}
img {border: none;}
#homeLogo {margin: 210px 0 0 0;}
#homePhoto {float: right; margin: 42px 31px 0 0;}
#interiorLogo {margin: 65px 0 0 0;}
#interiorPhoto{float: right; margin: 2px 0 0 0;}

/* Nav Div */
#nav{position: relative; font-weight: bold; margin: 24px 0 0 0; padding: 0;}
#pegasus {float: left; margin: 3px 0 0 0;}

#extraNav {float: right;}
#extraNav ul {float: right; list-style-type: none; margin: 0; padding: 0; font-size: 10px;}
#extraNav ul li {float: left; margin: 0; padding: 0 5px 0 5px; border-right: 1px solid #666;}
#extraNav ul li.lastItem {float: left; margin: 0; padding: 0 0 0 5px; border: none;}
#extraNav ul li a {text-decoration: none; display: block; padding: 0;}
#extraNav ul li a:link, #extraNav ul li a:active, #extraNav ul li a:visited {color: #666;}
#extraNav ul li a:hover {color: #413529;}

#mainNav {float: right;}
#mainNav ul {float: right; list-style-type: none; margin: 16px 0 0 0; padding: 0; font-size: 14px;}
#mainNav ul li {float: left; margin: 0; padding: 0 15px 0 15px;}
#mainNav ul li.lastItem {float: left; margin: 0; padding: 0 0 0 15px;}
#mainNav ul li a {text-decoration: none; display: block; padding: 0;}
#mainNav ul li a:link, #mainNav ul li a:active, #mainNav ul li a:visited {color: #FFFFFF;}
#mainNav ul li a.current {color: #413529;}
#mainNav ul li a:hover {color: #413529;}

/* Secondary Navigation */
#secondaryNav {z-index: 100; width: 185px; min-height: 234px; background-color: #FFECC7; position: absolute; top: 40px; left: 0px; padding: 21px 7px;} 
#secondaryNav ul {list-style-type: none; font-size: 12px;}
#secondaryNav ul a {padding: 7px; display: block; width: 100%; text-decoration: none; font-weight: bold;}
#secondaryNav ul a:link, #secondaryNav ul a:visited, #secondaryNav ul a:active {color: #000000;}
#secondaryNav ul a:hover {color: #F85E40;}

/* Content Styles */
h1 {font-size: 18px; margin-top: 20px; color: #413529;}
h2 {font-size: 16px; margin: 0; color: #413529;}
h3 {font-size: 14px; margin: 5px 0 10px 0; color: #f85e40; clear:both;}
h4 {font-size: 14px; margin: 5px 0; color: #413529;}
h5 {font-size: 12px; margin: 5px 0; color: #413529;}
p {font-size: 12px;  margin: 5px 0 10px 0; line-height: 1.7;}
.contentText ul, .contentText ol{font-size: 12px;  margin: 5px 0 10px 25px; line-height: 1.5;}
a:link, a:visited, a:active {color: #9A3B26;}
a:hover {color: #A8C666;}
.leftImages{float:left; margin:0 10px 5px 0;}
.rightImages{float:right; margin:0 0 5px 10px; }
.contentText img {border: 1px solid;}
.otherText img {border: none;}
blockquote{margin-left: 20px;}

/* Home Content */
#homeContentWrapper {background-color: #E5E0D8; width: 100%; position: relative; top: 430px; padding-bottom: 20px;}
#homeContent {width: 922px; margin: 0 auto 0 auto;}
#homeContentLeft {padding: 0 28px 0 0; width: 433px; float: left;}
#homeContentRight {padding: 0 28px 28px; width: 405px; float: right; background-color: #FFFFFF;}
#homeContentRight p {padding: 5px 0 0 0;}
#homeContentRight h2 {margin-bottom: 5px;}
.joinLink {width: 225px; text-align: center;}
.joinLink a, 
.joinLink a:link, 
.joinLink a:visited, 
.joinLink a:active {padding: 10px 0; width: 225px; display: block; color: #ffffff; background-color: #A8C666; text-decoration: none; font-size: 16px; font-weight: bold;}
.joinLink a:hover {background-color: #F85E40;}
.galaLink {width: 225px; text-align: center;}
.galaLink a, 
.galaLink a:link, 
.galaLink a:visited, 
.galaLink a:active {padding: 5px 0; width: 225px; display: block; color: #ffffff; background-color: #666; text-decoration: none; font-size: 12px; font-weight: bold;}
.galaLink a:hover {background-color: #F85E40;}

.clearFix{clear:both;}

/* Interior Content */
#contentWrapper {background-color: #E5E0D8; width: 100%; position: relative; top: 240px; padding-bottom: 20px;}
#interiorContent {width: 922px; margin: 0 auto 0 auto; position: relative;}
.contentText {width: 640px; padding: 21px; z-index: 300; float: right; margin: -56px 21px 0 0; background-color: #FFFFFF; min-height: 350px; display:inline;}
.otherText {width: 640px; padding: 21px; z-index: 300; float: right; margin: -56px 21px 0 0; background-color: #FFFFFF; min-height: 350px; display:inline;}
.pageTitle {width: 692px; height: 81px; float: right; padding: 15px 0 0 126px; z-index: 0;}

/* Title Colors */
.green {background-color: #A8C666;} /* contact */
.brown {background-color: #8f7f62;} /* our story */
.gray {background-color: #999999;} /* our programs */
.darkGreen {background-color: #7c9947;} /* get involved */
.blue {background-color: #6699ff;} /* conversations */
.lightRed {background-color:#f3ab98;} /* listen and view */
.lightBlue {background-color: #add9f6;} /* donate */
.yellow{background-color: #e3f293;} /* register */


/* Footer */
#homeFooterWrapper {position: relative; margin-top: 430px; background-color: #FFFFFF; padding: 3px 0;}
#footerWrapper {position: relative; margin-top: 260px; background-color: #FFFFFF; padding: 0 0 3px 0; clear:both;}
#footer {position: relative; color: #584E40; width: 922px; margin: 0 auto 0 auto; clear:both;}
#footer p {font-size: 10px;}