/*-----------------------------------------

Copyright 2008 Tejas Volleyball
Author: Ismael Burciaga Jr.
Version: 1.0.0
Created on 03/08/2008 - 3 hrs

-----------------------------------------*/

html, body, table, thead, tbody, tfoot, tr, th, td, p, h1, h2, h3, h4, h5, h6, div, ul, li, a, form, textarea, input, select, img, hr, span, strong, fieldset, blockquotes { margin: 0; padding: 0;}

html { background: #f3e4a9 url(../images/bg/bg_main.jpg) left top repeat; font-family:Arial, Helvetica, sans-serif; font-size: small; line-height:1.5em; color: #4a4a4a; }
body { background: transparent url(../images/bg/bg_main.jpg) left top repeat; }
p { margin: 12px 0; font-size: 100%;}
img, div { border: 0; margin:0; padding:0;}
ul, li, ol { list-style: none; }

strong { color: #000;}

h1, h2, h3, h4, h5, h6 { font-size: 1em; line-height: 1em; }

address { font-style: normal; }

a { outline:none; }
a:link { color:#FF0000; }
a:visited { color:#FF0000; }
a:hover { color:#FF0000; }
a:active { color:#FF0000; }

body.home a#home,
body.news a#news,
body.about a#about,
body.contact a#contact,
body.sign a#sign { color: #a90000; padding: 8px 24px; display: block; background: #fff;   }

body.home a#home:hover,
body.news a#news:hover,
body.about a#about:hover,
body.contact a#contact:hover,
body.sign a#sign:hover { color: #a90000; padding: 8px 24px; display: block; background: #fff;   }

hr { border: 1px solid #cccccc; margin: 20px 0; padding: 0; }

/*----------------------------------------
--------------- CONTAINERS ----------------
----------------------------------------*/

#container { width: 980px; margin: 0 auto; }
#content { width: 968px; overflow: hidden; background: #fff url(../images/bg/bg_content.jpg) top center repeat-y; padding: 0 6px; }
.left_panel { width: 200px; float: left; display: inline; }
.right_panel { width: 736px; float: left; display: inline; padding: 16px 16px 16px 16px;}

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

#header { width: 968px; overflow: hidden; position: relative; padding: 0 6px; background: #999 url(../images/bg/bg_header.jpg) top left no-repeat; }
#header h1 { margin: 0 24px 0 0;}
#header h1 a { display: block; width: 200px; height: 153px; text-indent: -9999px; background: transparent url(../images/logo_tejas_no_indian.jpg) top left no-repeat; }

#header p { float: right; text-align: right; margin-right: 16px; color: #fff; }

ul.main_navigation { overflow: hidden; position: absolute; bottom: 0; right: 16px; }
ul.main_navigation li { display: inline; float: left; text-transform: uppercase; font-size: 110%; margin-left: 1px;}

ul.main_navigation li a { color: #fff; padding: 8px 24px; display: block; background: #000;  }
ul.main_navigation li a:hover { color: #fff; background: #222; text-decoration: none; }

/*----------------------------------------
--------------- LEFT SIDE ----------------
----------------------------------------*/

.panel_box { width: 168px; padding: 0 16px; }
.panel_box ul {width: 168px; margin: 12px 0;}
.panel_box ul li { border-bottom: 1px solid #ad262c;}
.panel_box ul li.last { border-bottom: 8px solid #ad262c; margin-bottom: 6px; padding-bottom: 6px;}
.panel_box ul li a { color: #fff; padding: 6px 0; display: block;}

/*----------------------------------------
--------------- RIGHT SIDE ----------------
----------------------------------------*/

.special_message { width: 632px; padding:16px 16px 0 16px; background: #fefae8; border-top: 1px solid #e6ddb5; border-bottom: 1px solid #e6ddb5; margin-bottom: 16px; }
.special_message h2 { color: #a90000; }
.special_message p { color: #a90000; }

h2.main_titles { width: 712px; padding: 8px 12px; font-size: 140%; color: #fff; background:#a90000; border-bottom: 4px solid #7a0000; overflow:hidden; }
h3.red_titles { font-size: 120%; color: #a90000; margin-top: 16px;}

h2.clinic_titles { font-size:110%; font-weight:bold; background-color:#E8E8E8; color:black; text-transform:uppercase; padding: 10px 5px 3px 5px; border-bottom: 2px solid #CCC; overflow:hidden; }
input.clinic_title { vertical-align:top; margin:0px 10px 0px 5px; }

h5.announcements { width: 712px; padding: 8px 12px; background: #e8e8e8; border-bottom: 1px solid #d8d8d8; color: #000;}
.announcement_box { margin: 0 12px; }

.pictures_box { width: 736px; overflow: hidden; padding-top: 16px;}
.pictures_box img { padding: 6px; background: #fff; border: 1px solid #e8e8e8; margin-right: 12px; float: left;}

.challenges { width: 664px; overflow: hidden; padding: 16px 0 10px 0; border-bottom: 1px solid #e8e8e8;}
.challenges h2 { float: left; font-size: 260%; color: #a90000; line-height: 1em;}
.challenge_info { float: right; width: 630px;}
.challenge_info h4 { text-transform: uppercase; font-size: .875em; margin-bottom: 4px; color: #a5a5a5;}
.challenge_info h3 { font-size: 130%; color: #000;}

.challenge_info ul { margin: 16px 0;}
.challenge_info ul li { background: #fcf4f4; line-height: 1.2em; padding: 6px 0; border-top: 1px solid #e8e8e8;}
.challenge_info ul li span { text-transform: uppercase; font-weight: bold; color: #a90000; margin:0 100px 0 12px;}
.challenge_info p { margin: 6px 0;}

.double_column_list { float: left; width: 324px; margin-top: 16px; }
.double_column_list li { width: 280px; border-bottom: 1px solid #e8e8e8; font-size: 120%; padding: 6px 0 6px 46px; background: transparent url(../images/person.gif) 3% 50% no-repeat; }

.double_column_list2 { float: left; width: 354px; margin-top: 16px; }
.double_column_list2 li { width: 310px; border-bottom: 1px solid #e8e8e8; font-size: 120%; padding: 6px 0 6px 16px; background: transparent url(../images/person.gif) 3% 50% no-repeat; }

.coach_box { overflow: hidden; margin-top: 16px; }
.coach_box img {float: left; margin-top: 2px; width:95px; height:125px; border: 1px solid #CCCCCC; background-color:#4a4a4a; }
.coach_bio { float: right; width: 600px; }
.coach_bio h3 { margin-bottom: 8px; width: 100%; padding-bottom: 8px; border-bottom: 1px solid #e8e8e8;}
.coach_bio h3.coach_name {font-size: 130%; color: #a90000;}

h4.clinic_dates { padding: 10px; 5px; font-weight:normal; overflow:hidden; }
img.clinic_date { vertical-align:top; margin-right:5px; }
.clinic_description { margin-left:10px; margin-bottom:10px; }
.clinic_cost { margin-left:10px; margin-bottom:20px; font-weight:bold; }

ul.faqs_lists { width:715px; border-bottom:1px dashed #d4cfbf; padding:16px 0 10px 0;}
ul.faqs_lists li { padding:0 0 0 24px;}
ul.faqs_lists li.question { background: transparent url(../images/icon_q.gif) left top no-repeat; font-style:italic; font-weight:bold; color:#013976;}
ul.faqs_lists li.answer {  background: transparent url(../images/icon_a.gif) left top no-repeat; margin-top:10px; }

ul.circle_list { margin: 16px 0; }
ul.circle_list li { list-style: disc; display: list-item; margin-left: 32px; padding-left: 4px; line-height: 1.3em; margin-bottom: 6px; }

.centered_title { text-align:center; font-weight:bold; }

/*----------------------------------------
--------------- TABLES ----------------
----------------------------------------*/

table { background:#E7E7E7; width:100%; border-collapse: collapse;}
caption {font-weight: bold; background: #d03636 url(../images/corner.gif) right top no-repeat; border-bottom:2px solid #a90000; color: #FFF; text-transform:uppercase; padding:6px 10px; }

td, th { padding: 6px 0 6px 12px; }

thead th { background: #000; color: #fff; text-transform:uppercase; border-right:1px solid #fff; text-align:left; }
tbody th { font-weight: bold; color:#000; }

tbody tr { background-color:#FFF; text-align:left; font-size:.925em;}
tbody tr.odd { background: #fcf2f2; font-size:.925em;}

table.team td, th { padding: 2px 0 2px 10px; }
table.team thead th { background: #000; color: #fff; text-transform:uppercase; font-size:.875em; border-right:1px solid #fff; text-align:left; }

table.tournaments caption { font-weight: bold; background: #d03636 url(../images/corner.gif) right top no-repeat; border-bottom:2px solid #a90000; color: #FFF; font-size:.925em; text-transform:uppercase; padding:2px 10px; background-color:#CCCCCC; color:#000000; }
table.tournaments thead th { background: #000; color: #fff; text-transform:uppercase; font-size:.875em; border-right:1px solid #fff; text-align:left; }
table.tournaments td, th { padding: 1px 0 1px 8px; }
table.tournaments tbody tr { background-color:#FFF; text-align:left; font-size:.875em;}
table.tournaments tbody tr.odd { background: #fcf2f2; font-size:.875em;}

table.tryouts td, th { padding: 3px 0 2px 8px; }

tbody tr td { background: #FFF; }
tbody tr.odd td { background: #fcf2f2; }
table td a:link, table td a:visited { color: #1975D7; text-decoration: none; }
table td a:hover { color: #50ADEA; text-decoration: none ; }

tfoot th, tfoot td { background:#d03636; padding:10px; text-align:center; font-size:22px; font-weight:bold; font-style:italic; border-bottom:3px solid #a90000; border-top:1px solid #c02c2c; }


/*----------------------------------------
--------------- FOOTER ----------------
----------------------------------------*/

#footer {width: 980px; margin: 12px auto; text-align: center; font-size: .875em; }
#footer p { margin: 3px 0;}