@charset "UTF-8";
/* CSS Document */

/* Information: ---------------------------------------- */
/* This is the style sheet for the TribeClub website.    */
/* Web slicing and coding was done by Respond2 of        */
/* the R2C Group. Www.r2cgroup.com | 503-222-0025.       */
/* ----------------------------------------------------- */





/* COLOR PALLETTE -------------------------------------- */
/* ----------------------------------------------------- */
/*
1b4f35 - body background green
ffe71a - header background yellow
004f38 - h2/h3/h4 green
3f3f3f - charcoal copy
*/





/* GLOBAL STYLES --------------------------------------- */
/* ----------------------------------------------------- */

body {
color: #000;
background: #1b5036 url(../images/bgs/bg_body.jpg) top center no-repeat;
font: normal 12px/1.5em helvetica, arial, verdana, sans-serif;
margin: 0;
padding: 0;
}

a:focus {
outline: none;
}

#wrapper {
background: #FFF;
width: 900px;
margin: 0 auto;
padding: 0;
}

.hide {
visibility: hidden;
display: none;
}

a:link, a:visited {
text-decoration: underline;
font-weight: normal;
border: 0;
color: #004f38;
}
a:hover, a:active {
text-decoration: none;
font-weight: normal;
border: 0;
color: #000;
}

img, img a { border: 0; }

.alignCenter { text-align: center; }

.disclaimer {
font-size: 0.8em;
line-height: 1em;
font-style: italic;
}








/* HEADER STYLES --------------------------------------- */
/* ----------------------------------------------------- */

#header {
background: #ffe71a;
}

#header a h1 {
background: transparent url('/images/bgs/logo_tribeclub.jpg') top left no-repeat; 
width: 400px;
height: 133px;
margin: 0;
padding: 0;
display: block;
float: left;
}

.headerRight {
background: transparent url('/images/bgs/bg_header.jpg') top left no-repeat;
width: 500px;
height: 133px;
margin: 0;
padding: 0;
display: block;
float: right;
position:relative;
}

.bannerAd {
width: 487px;
height: 62px;
float: right;
margin: 12px 12px 0 0;
padding: 0;
}

a.btnDonate {
font-size: 16px;
color: #FFF;
font-weight: normal;
text-align: center;
width: 147px;
height: 23px;
margin: 22px 20px 0 20px;
padding: 5px 0 0 0;
display: inline-block;
float: left;
text-decoration: none;
}	
a.btnDonate:hover {
color: #ffe71a;
text-decoration: none;
}


.formSearch {
background: transparent url('/images/bgs/bg_inputText.gif') top left repeat-x;
color: #787878;
font-weight: bold;
width: 175px;
height: 18px;
padding: 7px 0 0 0;
border: 0;
font-size:12px;
position:absolute;
left:210px;
top:97px;

/* float: left;
display: inline-block;
margin: 22px 18px 0 20px; */
}

.btnSearch {
background: transparent url('/images/spacer.gif') 0 0 no-repeat;
color: #FFF;
font-size: 14px;
font-weight: normal;
text-align: center;
width: 75px;
height: 27px;
border: 0;
text-decoration: none;

position:absolute;
left:400px;
top:96px;

/*margin: 22px 0 0 0;
padding: 0;
display: block;
float: left;*/
}

.btnSearch:hover{
cursor:pointer;
color:yellow;
}

#search_submit{
position:absolute;
top:0px;
left:0px;


}


/* MAIN NAV STYLES ------------------------------------- */
/* ----------------------------------------------------- */

#mainNav {
background: #004f38 url('/images/bgs/bg_mainNav.gif') top left repeat-x;
height: 33px;
margin: 0;
padding: 0;
clear: both;
}

#mainNav ul {
height: 33px;
margin: 0;
padding: 0;
list-style-type: none;
text-decoration: none;
}




/* CONTENT STYLES -------------------------------------- */
/* ----------------------------------------------------- */

#content {
margin: 0;
padding: 12px;
width: 876px;
min-height: 500px;
}
#contentIntro {
padding: 15px 20px 10px 20px;
}





/* CONTENT LEFT STYLES --------------------------------- */
/* ----------------------------------------------------- */
.contentLeft {
background: url('/images/bgs/bg_contentLeft.gif') 0 0 no-repeat;
width: 208px;
margin: 0;
padding: 16px 24px 0 8px;
float: left;
min-height: 200px;
}
.contentLeft h2 {
color: #a49727;
font-size: 20px;
font-family: Georgia, Times, serif;
font-weight: normal;
margin: 0 0 16px 0;
padding: 0 0 5px 0;
border-bottom: 1px solid #bcbcbc;
}
.contentLeft ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.contentLeft li {
list-style-type: none;
margin: 0 0 6px 0;
padding: 0 0 6px 0;
border-bottom: 1px solid #ececec;
}
.contentLeft li a:link,
.contentLeft li a:visited {
color: #000;
font-weight: bold;
text-decoration: none;
padding: 7px 7px 7px 9px;
}
.contentLeft li a:hover,
.contentLeft li a:active {
color: #aa9f38;
}
.contentLeft li a.current {
background: url('/images/bgs/bg_subNavArrow.png') 0 0 no-repeat;
color: #aa9f38;
padding: 7px 7px 7px 30px;
}








/* CONTENT RIGHT STYLES -------------------------------- */
/* ----------------------------------------------------- */
.contentRight {
background: url('/images/bgs/bg_contentRight.gif') 0 0 no-repeat;
width: 585px;
margin: 0px 5px 0px 0px;
padding: 17px 15px 10px 15px;
float: right;
color: #3f3f3f;
min-height: 150px;
}
.contentRight h1, #content h1 {
color: #004f38;
font-size: 20px;
font-family: Georgia, Times, serif;
font-weight: normal;
margin: 0px 0 16px 0;
padding: 0 0 5px 0;
border-bottom: 1px solid #bcbcbc;
}
.contentRight h2, .contentRight h3, .contentRight h4 {
color: #004f38;
line-height: 1.2em;
}
.contentRight h2 {
font-size: 18px;
}

.contentRight h3 {
font-size: 16px;
}

.contentRight h4 {
font-size: 14px;
}

/* DONATE STYLES --------------------------------------- */
/* ----------------------------------------------------- */
h4.donate {
color: #004f38;
font-size: 14px;
font-family: Georgia, Times, serif;
font-weight: normal;
margin: 0;
padding: 0;
width: 150px;
display: inline-block;
float: left;
}

.contentRight strong {
color: #1b4f35;
}

strong, b {
color: #004f38;
}

.donateList {
list-style-type: none;
margin: 0;
padding: 0;
}

.donateList li {
margin: 0 0 16px 0;
padding: 0;
display: inline-block;
list-style-type: none;
}

.donateList li div {
width: 425px;
display: inline-block;
float: right;
}

/* MAIL ADDRESS */
.mailAddress {
margin: 0;
padding: 0;
float: left;
font-size: 11px;
}
.mailAddress h4 {
color: #1b4f35;
font-size: 14px;
font-family: Georgia, Times, serif;
font-weight: ;
margin: 0 0 6px 0;
padding: 0;
display: block;
white-space: nowrap;
}





/* MEMBER STYLES --------------------------------------- */
/* ----------------------------------------------------- */
#introQuote {
width: 235px;
float: right;
}
#quoteBox {
background: url('/images/bgs/bg_memberBlockQuote.gif');
background-repeat: no-repeat;
margin: 5px 0px 0px 0px;
width: 235px;
font-size: 11px;
color: #000;
line-height: 1.25em;
height: 125px;
}
#subnavQuoteBoxContent {
padding: 10px;
width: 190px;
}
#quoteBoxContent {
padding: 10px;
width: 190px;
}
#quoteBox h4 {
width: 235px;
}
#subnavQuote {
margin: 45px 0px 0px 0px;
width: 200px;
font-size: 11px;
color: #000;
line-height: 1.25em;
height: 125px;
}
#subnavQuoteBox {
background: url('/images/bgs/bg_memberBlockQuote_subnav.gif');
background-repeat: no-repeat;
margin: 5px 0px 0px 0px;
width: 200px;
font-size: 11px;
color: #000;
line-height: 1.25em;
height: 125px;
}
#subnavQuoteBox h4 {
width: 200px;
margin: 0px;
padding: 0px;
}
#memberQuote h4 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #1b4f35;
font-size: 14px;
clear: left;
margin: 12px 9px 0 9px;
}
#memberQuote p {
margin: 9px;
width: 180px;
}
#memberQuote em {
color: #4c7066;
font-weight: normal;
font-size: 11px;
}
#memberQuoteBox {
width: 230px;
margin-top: 30px;
float: right;
}
#introNarrow {
width: 330px;
float: left;
}







/* SUB SECTION STYLES ---------------------------------- */
/* ----------------------------------------------------- */

.subSection {
background: url('/images/bgs/bg_subSection.jpg') 0 0 no-repeat;
width: 583px;
height: 278px;
margin: 30px 0 16px -16px;
padding: 8px 16px 6px 16px;
clear: both;
color: #3f3f3f;
}
.subSection p {
margin-right: 250px;
}
.noMargin {
margin-left: -16px;
}
#subSectionTicketsParking h4 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
color: #1b4f35;
font-size: 12px;
clear: left;
margin: 0;
}
#subSectionTicketsParking ul {
list-style-type: none;
margin: 0;
padding: 0;
clear: left;
}
#subSectionTicketsParking li {
list-style-type: none;
float: left;
display: block;
margin: 0;
padding: 0 8px 0 8px;
width: 131px;
}






/* FOOTER STYLES --------------------------------------- */
/* ----------------------------------------------------- */
#footer {
background: #1b4f35 url('/images/bgs/bg_footer.gif') top center no-repeat;
color: #f6cd62;
font-size: 10px;
height: 98px;
width: 944px;
margin: 0 auto;
padding: 38px 0 0 0;
}
#footer a:link, #footer a:visited {
color: #f6cd62;
text-decoration: underline;
}
#footer a:hover, #footer a:active {
color: #f6cd62;
text-decoration: none;
}
.footerLeft {
float: left;
text-align: right;
margin-left: 60px;
}

.footerRight {
float: right;
text-align: left;
margin-right: 70px;
}






/* COLLAPSIBLE PANNEL STYLES --------------------------- */
/* ----------------------------------------------------- */
.contentPanels {
background-color: none;
width: 615px;
margin: 0px 5px 0px 0px;
padding: 0px;
float: right;
color: #3f3f3f;
min-height: 500px;
}
#collapsible_panel {
margin-bottom: 20px;
}
#panel_padding {
background-image: url('/images/bgs/bg_collapsible_panel_open.jpg');
background-repeat: no-repeat;
padding: 10px 10px 50px 10px;
}
a#toggle_button {
background-image: url('/images/btns/btn_collapsible_closed.gif');
background-repeat: no-repeat;
text-align: left;
width: 607px;
height: 26px;
padding: 5px 0px 0px 10px;
margin: 0px;
display: block;
font: normal 18px Georgia, Helvetica, sans-serif;
color: #004f38;
text-decoration: none;
}
a#toggle_button.active {
background-image: url('/images/btns/btn_collapsible_open.gif');
background-repeat: no-repeat;
text-align: left;
width: 610px;
height: 26px;
padding: 5px 0px 0px 10px;
margin: 0px;
display: block;
font: normal 18px Georgia, Helvetica, sans-serif;
color: #004f38;
text-decoration: none;
}
#panel-footballParking, #panel-footballSeating, #panel3 {
display: none;
margin: 0px;
padding: 0px;
}






/* SEATING BREAKDOWN STYLES ---------------------------- */
/* ----------------------------------------------------- */
table#seatingBrekdown {
margin-bottom: 10px;
padding: 0px 10px 0px 10px;
}
table#seatingBrekdown tr th {
text-align: left;
color: #004f38;
}
table#seatingBrekdown tr td {
padding-right: 8px;
vertical-align: top;
}
table#seatingBrekdown tr td img {
float: right; 
margin: -18px 0 9px 9px;
padding: 0;
}






/* STAFF STYLES ---------------------------------------- */
/* ----------------------------------------------------- */
table#directoryList {
width: 500px;
margin: 5px 0px 30px 5px;
}
table#directoryList a {
text-decoration: none;
padding-left: 16px;
padding-top: 1px;
background-image: url('/images/btns/btn_grey_bullet.gif');
background-repeat: no-repeat;
}
#staffMember {
border-top: 1px solid #ccc;
padding-top: 20px;
}
#staffPhoto {
border: 1px solid #ccc;
/* width: 135px; */
float: left;
}
#staffMember_info {
width: 430px;
float: right;
}
div.staffBody {
padding-top: 20px;
}
#staffMember_info h2 {
width: 210px;
margin: 0px;
padding: 0px;
font-family: Georgia, Times New Roman, Serif;
font-weight: normal;
}
#staffMember_info h5 {
width: 210px;
margin: 0px;
padding: 0px;
font-size: 0.9em;
font-weight: normal;
}
#contactUs {
float:left; 
width:300px; 
padding-left: 75px;
}
#contactBox {
width: 212px;
}
#contactBoxTable {
color: #1b4f35;
margin: 6px 0px 0px 7px;
}
#contactBox div.top {
background-image: url('/images/bgs/bg_contact_box_top.gif');
background-repeat: no-repeat;
}
#contactBox div.bot {
background-image: url('/images/bgs/bg_contact_box_bot.gif');
background-repeat: no-repeat;
width: 212px;
height: 10px;
}
div.topLink {
width: 580px;
height: 18px;
text-align: right;
background-image: url('/images/btns/btn_back_to_top.gif');
background-repeat: no-repeat;
background-position: right;
}
div.topLink a.backToTop {
padding-right: 23px;
text-transform: uppercase;
text-decoration: none;
font-size: 0.75em;
}
#videoBox {
margin: 0px 15px 30px 15px;
}
#videoBox h4 {
font-size: 1.25em;
width: 260px;
border-bottom: 1px solid #ccc;
margin-bottom: 5px;
}


/* EVENT LIST STYLES ----------------------------------- */
.eventWhenWhere {
background-color: #dadada;
padding: 10px;
}

.eventWhenWhere .info {
font-weight: bold;
}



/* PHOTO GALLERY STYLES -------------------------------- */
/* ----------------------------------------------------- */
#prevBox {
width: 38px;
float: left;
margin-top: 125px;
margin-left: 8px;
}
div.prev, div.next {
cursor: pointer;
}
div.photoViewer {
float: left;
width: 450px;
margin: 0px 15px 0px 15px;
}
#nextBox {
width: 38px;
float: left;
margin-top: 125px;
}
#photoBox {
background-image: url('/images/bgs/bg_photo_viewer.jpg');
background-repeat: no-repeat;
padding-top: 35px;
}
#featuredGallery {
background-image: url('/images/bgs/bg_featured_gallery.jpg');
background-repeat: no-repeat;
height: 97px;
position: relative;
margin-bottom: 20px;
}
#featuredInfo {
width: 190px;
position: absolute;
top: 34px;
left: 20px;
color: #fff;
font-size: 0.9em;
font-weight: bold;
line-height: 1.2em;
}
#featuredInfo table tr td {
padding-right: 5px;
}
#featuredBody {
position: absolute;
top: 0px;
right: 10px;
width: 350px;
font-size: 0.9em;
line-height: 1.25em;
}
#featuredBody h4 {
width: 360px;
font-family: Arial, Helvetica, Sans-serif;
color: #3f3f3f;
font-weight: bold;
font-size: 1.1em;
margin-top: 10px;
}
#otherGallery {
background-image: url('/images/bgs/bg_other_galleries.gif');
background-repeat: no-repeat;
background-position: bottom;
width: 161px;
float: left;
padding: 0px 15px 10px 15px;
font-size: 0.9em;
}
#otherGallery table {
margin: 5px 0px 10px 5px;
}
#otherGallery table tr td {
padding-right: 5px;
}
#otherGallery img {
margin-bottom: 5px;
}
#viewGallery {
width: 81px;
margin: 0 auto;
}

.newsStory, .eventListing {
border-bottom: 1px solid #bcbcbc;
padding-top: 20px;
padding-bottom: 20px;
}