/* =General Elements
----------------------------------------------- */ 
* {margin: 0; padding: 0;}
html{overflow-x:hidden;}
html, body {font-family:"Trebuchet MS",Arial,sans-serif; font-size:12px; color: #7e6c5c; background-color:#EDEAD7;background: url(../i/bg.jpg) top center;}

img {border:0;}
acronym, abbr {font-variant:small-caps; letter-spacing:.2em; cursor:help;}
strong {color:#e0c9b2;}
em {}
code {display:block; font-family:Monaco, monospace; font-size:110%; line-height:1.4em; text-align:left; margin:1.4em 1.6em;}

a {text-decoration:underline; color: #d1b9a1;}
a:link {}
a:visited {}
a:hover {text-decoration:none;}
a:active {}

input, textarea, select {border:1px solid #999; font-family:Arial,sans-serif; padding:2px; font-size:12px; font-weight:normal;}
label {font-weight:bold;}
fieldset {border:0;}

h1,h2,h3,h4,h5,h6{color:#ffe4c8; font-weight: 100;}

/* =Utility Styles
----------------------------------------------- */ 
blockquote {font-family:Arial, sans-serif; margin:40px 35px 40px 10px;}
cite {display:block; text-align:right; margin:-20px 0 40px 0; padding-right:80px;}
.bqstart {font-family:Arial,sans-serif; float:left; font-size: 700%; height:45px; margin:-20px 20px -50px -20px; padding-top:45px;}
.bqend {font-family:Arial,sans-serif; float:right; font-size:700%; height:25px; margin-top:-20px; padding-top:45px;}

.hide {position:absolute; left:-999px; width:990px;}
.moreinfo {cursor:help; border-bottom:1px dotted #999;}
.runleft {float:left; margin:3px 10px 1.5em 0;}
.runright {float:right; margin:3px 0 1.5em 1.5em;}

/* =Layout
----------------------------------------------- */ 
#wrapper {width:990px; margin:0 auto; position: relative;}

/* =Header and Global Navigation
----------------------------------------------- */ 
#header {height:451px; background: url(../i/header.jpg) no-repeat;}
#header #top{height: 195px;}
#header #top #logo{width:500px; height:100px; position: absolute; top:50px; left:0; text-indent: -999em;}
#header #top h2{text-indent: -999em;}
#header h1{}
#header #global-nav {}
#header #global-nav li {}
#header #global-nav li a {}

#header #banner{background: url(../i/banner1.jpg) top left no-repeat; height: 240px; width:960px; margin: 0 auto; position: relative; top:-1px; left:-1px; overflow: auto; overflow: hidden;}
#more-photos{padding:20px 40px ;background: #000; color:#8e7664; width:auto; height: auto; position: absolute; right:9px; bottom:-70px; font-size: 14px; text-decoration: none;}


#top-tabs-menu{position: absolute; top:0; right:15px; width:auto; text-align: right; }
#top-tabs-menu ul li{float:left;}
#top-tabs-menu ul li a{font-size:11px; text-decoration: none; padding:15px; display: block; color:#e1d2c4; padding-top:25px; position: relative; top:-10px;background-color: #0F0A07;}


/* =Task Bar and Local Navigation
----------------------------------------------- */ 
#task-bar {}
#task-bar ul {}
#task-bar ul li {}


/* =Content
----------------------------------------------- */ 
#content {}
#content #slider{height:400px; background: url(../i/slider-bg.jpg) no-repeat; margin-bottom: 400px;}
#content #slider ul{}
#content #slider ul li{float:left; margin-right:15px;}
#slider-content{padding:70px 30px;}
#slider-content ul li a{float:left; display: block; width:60px; height:235px; margin-right:15px; border: 1px solid #221711 !important;}
#content #slider ul.subnav li{float:right;}
/* Panel */
#slider-content .panel{background: url(../i/slider-content-bg.jpg) -1px 0 repeat; float:left; height:235px; width:660px; display: none; position: relative;}
#slider-content .panel a{float:none; display: auto; width:auto; height:auto; margin-right:auto; border: 0px solid #221711 !important; display:inline;}
#slider-content .panel h2{font-family: "Century Gothic", Century, "Trebuchet MS", Arial; font-size:15px; padding-bottom:10px; border-bottom:1px solid #45382d; margin:30px 30px 10px 30px;}
#slider-content .panel h3{margin:20px 30px 10px 30px; font-family: Georgia, serif; font-size:14px; font-weight: 100; letter-spacing: 0;}
#slider-content .panel p{line-height: 1.6em; margin:0 30px; font-size: 12px;}
#select-ticket-amount{font-size:2em; line-height: 1.4em; width:370px;}
#select-ticket-amount select{font-size:16px; width:260px;}
/* Panel Subnav */
#slider-content .panel .subnav{margin:10px 30px; float:right; width:480px; position: absolute; right:0; bottom:20px;}
.msie #slider-content .panel .subnav{width:400px;}
#slider-content .panel .subnav li{margin-right:13px;}
#slider-content .panel .subnav li a{text-decoration: none;}

/* Recent Photos */
#recent-photos ul{width:630px; height:auto !important; margin-left:30px;}
#recent-photos ul li {float:left; height:auto !important; margin:10px 10px 0 0; line-height:1.4em;}
#recent-photos ul li a{float:left; height:auto !important; width:auto !important; margin:auto !important;}
#recent-photos ul li a img{display:block; height:auto !important;border:1px solid #45382d;}
#recent-photos h3{margin-top: 0 !important;}
.panel .left{float:left;}

/* Main Slider Buttons */
#featured-event-link{background:url(../i/featured-event.jpg) -1px 0 no-repeat; display: none;}
#recent-photos-link{background:url(../i/recent_blog_posts.jpg) -1px 0 no-repeat; width:54px !important;}
#featured-program-link{background:url(../i/featured-program.png) -1px 0 no-repeat; width:58px !important;}

/* Contact Form */
#contact-form{position: relative; width: 400px; float:right; margin-left:50px;}
#contact-form p{display: block; padding-bottom: 5px;}
#contact-form label{display: block; float:left; width:50px; text-align: right; font-weight: bold; padding-right:10px; font-size: 11px;}
#contact-form label:after{content:":";}
#contact-form input, #contact-form textarea,#contact-form select{width:300px; padding:5px 6px; background-color: #2C1D16; color:#D1B9A1; border:1px solid #2c231b;}
#contact-form select{width:310px;}
#contact-form textarea{height:80px;}
#contact-form .btn{margin-left:60px; width:auto;}
#contact-submit{background: url(../i/contact-btn.jpg) transparent no-repeat; width:76px !important; height: 27px; text-indent: -999em; border: 0; background-color: transparent; cursor: pointer; font-size: 0;}

#contact-form #join-mailing-list{ width:200px; font-size: 12px; padding:2px 0; position: relative; left:60px; top:-15px;}
#contact-form #join-mailing-list input{position: relative; top:2px; left:-3px; width: auto !important; border: 0 !important;}

.msie #contact-form #join-mailing-list{right:125px;}
.msie #contact-form #contact-submit{position: absolute; top:240px; left:0px;}

.featured-program-btn{width: 173px !important; height: 44px !important; float: right !important; display: block; text-indent: -999em; border: 0; background-color: transparent; position: relative; left:-20px;}

/* Lower Content/Tabs */
#tabs{background: url(../i/tab-bg.jpg);height:464px; clear:both; margin-bottom:50px; position: relative; top:105px;}
#tabs-menu{position: relative; top:-25px; left:20px; height:45px;}
#tabs-menu ul{}
#tabs-menu ul li{float:left; height:45px;}
#tabs-menu ul li a{display: block;font-size:18px; color: #8e7664; font-family: "Trebuchet MS", Arial, sans-serif; text-decoration: none; padding:10px 30px 12px 30px;background: url(../i/tab-inactive.jpg) -1px 0 repeat; color:#604f42; font-weight: 100;}
#tabs-menu ul li a.active{background: url(../i/tab-active.jpg) -1px 0 repeat; color: #D1B9A1;}
#tabs-menu ul li a.inactive{}


#tabs-slider{ width:920px; margin: 0 auto;  overflow: auto; overflow: hidden; height:380px; position: relative;}
#tabs-content{width:4000px; position: relative; left:0;}
#tabs-content .tab-panel{width:920px; float:left; }
#tabs-content p{font-size:12px; line-height: 1.7em; margin-bottom:1.5em;}

.lower-slider{clear:both; padding:0px 0px 20px 0px; overflow: auto; overflow: hidden; position: relative;}
.lower-content{width:4000px; position: relative; left:0px;}
.msie .lower-content{position: relative; top:20px;}
.lower-content .panel{width:850px; float:left; padding-top:15px; margin-right: 60px; height:300px; border-top:1px solid #45382d; }
.panel h3{display: none; padding-right:20px;}
.lower-content .panel p{font-size: 12px;}

#tabs-content .sub-menu{padding-left: 10px; font-weight: bold; padding-bottom: 40px;}
#tabs-content .sub-menu ul{}
#tabs-content .sub-menu ul li{}
#tabs-content .sub-menu ul li a{color:#d1b9a1; text-decoration: none; font-size: 13px; border-right: 1px solid #8e7664; padding:0 25px 0 10px; position: relative; left:-18px; font-weight: 100 !important;}
#tabs-content .sub-menu ul li a.active{text-decoration: underline; font-weight: bold !important;}
#letter-from-founder{ overflow: auto; overflow-y: scroll; padding-right:20px;}
#pro-am{overflow: auto; overflow-y: scroll; padding-right:20px;}
#pro-am table td{padding-right:30px;}
ol{list-style:decimal; list-style-position: inside;}
ol li{padding-left:0px; line-height: 2em;}

#executive-team {}
#executive-team ul{}
#executive-team ul li{float:left !important; width:360px; height:60px; padding:20px; display: block !important; font-size:14px; line-height: 2.5em; }
#executive-team h3{color:#a38e7f; font-size:14px; display: block;}
#executive-team h3 a{text-decoration: none;}
#executive-team p{ line-height: 1em;}
#executive-team p a{text-decoration: underline;}
#executive-team .bio{display:none;}
#executive-team .bio p{line-height: 2em;}
#executive-team .bio .runleft{margin:0 1.5em 1.5em 0 !important;}
#executive-team .bio p img{padding-right:20px;}

.tab-panel{margin:20px; margin-right:50px;}

.lower-content h2{font-size:14px; margin-bottom: 15px;}

#flickr-link{background: #000; color:#ccc; position: absolute; right:0; bottom:-20px; padding:20px !important;}

ul.subnav input,ul.subnav select{text-transform: uppercase; padding:10px 7px; background-color:#2B1E15; color:#D1B9A1; font-weight: bold; border:2px solid #1F130C; font-size: 11px;}
ul.subnav select{padding:3px 5px; text-transform: none;}
ul.subnav input:hover{background-color: #2B1E15; border:2px solid #D1B9A1;}
div#featured-event ul.subnav li{margin-right:13px !important;}
/* =Footer and Redundant Navigation
----------------------------------------------- */ 
#footer { position: relative; top:100px; text-align: center; padding-bottom: 50px;}

/* =Icons
----------------------------------------------- */
.pictures {background:url(../i/icons/picts_32.png) left center no-repeat; padding:7px 0 7px 40px !important;}
.more-info {background:url(../i/icons/edit_24.png) left center no-repeat; padding:7px 0 7px 30px !important;}
.donate {background:url(../i/icons/donate_24.png) left bottom no-repeat; padding:7px 0 7px 30px !important;}
.volunteer {background:url(../i/icons/paste_24.png) left bottom no-repeat; padding:7px 0 7px 30px !important;}