@charset "utf-8";

/*--- Color Values -----------------------------------------------------------*/
/*
  #990000;	// maroon
  #C5B358;	// vegas gold
  #C4A759;	// dark gold
  #090955;	// navy blue 
  #4F4532; 	// dark brown
  #99FF99;	// light green
  #000000;	// black
  #FFFFFF;	// white  		
*/
/*--- Set Default Values -----------------------------------------------------*/

html, body, div, span, form, applet, object, iframe, dl, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
/* clearing technique */
.clearfix:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* Mac hide \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/*--- Main Tag Selectors -----------------------------------------------------*/

body {
	color: #FFFFFF;
	font: small Arial, Helvetica, Verdana, sans-serif;
/*	background: url(../images/banners/sequins.png);	*/
 background: #1C043B url(../images/banners/bg.jpg) repeat-x;
}
h1 {
	font-size: 1.8em;
}
h1, h2 {
	margin: 0 0 0.8em 0;
	padding: 0;
	color: #BD1811;
}
p {
	margin-top: 0;
	padding: 0;
	line-height: 1.4;
}
img {
	border: none;
}
table {
	margin-top: 0.6em;
	font-size: x-small;
	font-family: Verdana, Geneva, sans-serif;
}
table th {
	font: 1.2em "Arial Black", Gadget, sans-serif;
	color: #000;
	background: #FF6;
}
a {
	text-decoration: none;
	border: none;
}

/*--- Main Divisions ---------------------------------------------------------*/

#wrapper {
	width: 800px;
	background-color: #FFFFFF; 
/*	background-image:url(../images/banners/background.jpg);	 */
	color: black;
	margin: 10px auto;
	padding: 10px;
/*  min-height:400px;
  height:auto !important;
  height:400px;	 */
}
#header {
	height: 220px;
	margin: 0;
	padding: 0;
}
#main {
	width: 100%;
	margin: 5px 0;
	padding-top: 0;
}	
#content {
	margin: 0 0 0 160px;
	border-left: 1px solid #090955;		
	padding: 5px 5px 5px 10px;
}	
#sidebar {
	float: left;
	width: 160px;
	padding-top: 5px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	border-right: 1px solid #090955;		
	min-height: 400px;
}
#navigation {
	width: 150px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
}
#admin {
	width: 150px;
	height: auto;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	float: left;
}
#news {
	width: 150px;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	float: left;
}
#mp3 {
	width: 150px;
	height: auto;
	background-color: #FFFFFF;
	float: left;
}
#ads {
	width: 150px;
	height: auto;
	background-color: #FFFFFF;
	float: left;
}
#footer {
	clear: both;
	padding: 5px;
	background-color: #742DCB;
	color: #FFFFFF;
}

/* -----------------------------------------------------------------------------
/* Colors used by Alternate Rows and Inactive Records in players_adm.php and
/* events_adm.php. These colors are set using jQuery functions.
/* -------------------------------------------------------------------------- */

.altRow {
	background-color: #99FF99;
}
.inactive {
	color: #CC0000;
}

/*--- Vertical Menu - Code obtained from The Art & Science of CSS ---------------*/

#menu_vert {
	width: 150px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
}
#menu_v {
	margin: 0;
	padding: 0;
	background: #FFBA6B;	/* color used to display menu options */
	list-style-type: none;
	width: 150px;
	float: left;	/* quirk to fix IE problem with whitespaces - see page 90 */
}
#menu_v li {
	margin: 0;
	padding: 0;
	float: left;	/* these last 2 lines correct the IE whitespace bug - see page 90 */
	width: 100%;
}
#menu_v li a {
	display: block;	/* increase clickable area, links are inline by default !!! */
	color: #330066; /* font color */
	text-decoration: none;
	padding: 0 15px;
	line-height: 2.5;
	border-bottom: 1px solid #FFFFFF;
}
#menu_v #menu_admi a {
	border: none;	/* removes border of last menu item, avoid alignment problems */
}
#menu_v li a:hover {
	color: #330066; 			/* font color when mouse hovers*/		
	background: #FFFB9C;	/* color when mouse hovers menu options */
}
#menu_v .current {
	background: #EB7D00;	/* selected item color */
}
#menu_v .current a {
	color: #FFFFFF;				/* font color when mouse hovers selected item */
	font-weight: bold;
}

/*--- Horizontal Menu - Code obtained from The Art & Science of CSS ---------*/

#menu_hori {
	height: 33px;
	width: 800px;
	margin: 5px 0 0 0;
	background-color: #FFFFFF;
}
#menu_h {
	margin: 0;
	padding: 0;
	/* background: #6F6146; */
	background:transparent url("../menu/images/navy.jpg") repeat-x top left;
	list-style-type: none;
	width: 800px;
	float: left;	/* floated list items */
}
#menu_h li {
	margin: 0;
	padding: 0;
	float: left;
}
#menu_h li a {
	float: left;
	width: 88px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 2.5;
	border-right: 1px solid #FFFFFF;
}
#menu_h #menu_admi a {
/*	width: 93px; */
	border: none;	/* removes border of last menu item, avoid alignment problems */
}
#menu_h li a:hover {
	background: #7A0027; /*#990000;	*/
/*	background:transparent url("../menu/images/gold.jpg") repeat-x top left; */
	color: #FFFFFF;
}
#menu_h .current {
	background: #C4A759; /*#BEB06F;*/
}
#menu_h .current a {
	color: #7A0027;  /*#990000;*/
	font-weight: bold;
}

/*--- Definitions to style Boxes in the Sidebar ------------------------------*/

/* list */	
dl {
	width: 150px;
	/*	margin: 0 0 20px 20px;*/
	padding: 0;
	/*	background: #ccc url(box_bottom.gif) no-repeat bottom left;*/
}
/* title */	
dt {
	margin: 0 0 10px 0;
	padding: 10px;
	font-size: 120%;
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	/*	background: #999 url(box_top.gif) no-repeat top left;*/
}
/* definition - body */
dd {
	margin: 0 0 0 10px;
	padding: 0 10px 10px 0;
	color: #000000;
	font-family: Verdana, sans-serif;
	font-size: 75%;
	/*	background: url(arrow.gif) no-repeat 0 3px;*/
}

/* title */		
#blue dt {
	background-color: #69c;
}
/* definition - body */	
#blue {
	background-color: #9cf;
}

/* title */	
#red dt {
	background-color: #7a0026;
}
/* definition - body */	
#red {
	background-color: #eaa2b8;
}
#logo {
	margin: 0;
	padding: 0;
}

/* Example : Create a Definition List
<dl id="blue">
  <dt>Coming Events</dt>
  <dd><strong>Jul 11 - Jul 15</strong><br />
    Slidell Lousiana<br />
    All-Stars Nationals  </dd>    
  <dd><strong>Jun 29 - Jul 1</strong><br />
    Schertz Fields<br />
    All-Stars Regionals  </dd>
  <dd><strong>Jun 23 - Jun 25</strong><br />
    Converse Fields<br />
    All-Stars Sectionals  </dd>  
</dl>
*/

/*--- Used in the Pictures Page to format each Album -------------------------*/

#gallery {
	height: 620px;
}
.album {
	width: 200px;
	height: 180px;
	float: left;
}
.album img {
	margin: 5px 10px 0 0;
	font: 75% Verdana, Helvetica, Arial, sans-serif;	
	color: #CC0000;
}
.album p {
	margin: 0 auto;
	padding: 0 2px;
	font: 75% Verdana, Helvetica, Arial, sans-serif;	
	color: #CC0000;	
}

.album_title {
	margin: 0 auto;
	padding: 0 2px;
	font: 90% Verdana, Helvetica, Arial, sans-serif;	
	color: #CC0000;	
}	
.album_location {
	margin: 0 auto;
	padding: 0 2px;
	font: 75% Verdana, Helvetica, Arial, sans-serif;	
	color: #CC0000;	
}	
.album_date {
	margin: 0 auto;
	padding: 0 2px;
	font: 75% Verdana, Helvetica, Arial, sans-serif;	
	color: #CC0000;	
}
.album_thumbnail {
	margin: 20px 0 0 0;
	padding: 0;	
}
img.active_thumbnail {
	border: #CCCC00 medium;
}

/*--- Styles used in the album.php page --------------------------------------*/

#projector {
	width: 620px;
	height: 600px;
	margin: 5px 0 0 0;
	padding: 0;
	/* border: 1px solid #333333;*/
	background-color: #FFF;
}
#pictureheader {
	width: 618px;
	height: 50px;
	margin: 0;
	padding: 0;
	background: url(../images/banners/pictheader_bg.jpg);
	background-color: #CCC;	
/*	border-bottom: 1px solid #00F; */
}
#pictureheader h3 {
	margin: 0;
	padding: 2px 0 0 10px;
	font-size: 1.5em;
	font-style: bold;	
	color: #FFFFFF;
}
#pictureheader h4 {
	margin: 0;
	padding: 2px 0 0 10px;
	font-style: bold;	
	color: #FFFFFF;	
}
#pictureheader p {
	margin: 0;
	padding: 2px 0 0 10px;
	font-style: bold;
}		
#picturebox {
	width: 618px;
	height: 470px;
	margin: 2px 0 2px 0;
	background-color: #FFF;	
}	
.picture {
	width: 480px;
	margin: 8px;
	border: 1px solid #000;
}	

/*--- Contact Us Form --------------------------------------------------------*/

form {
	width: 620px;
	/* margin: 15px auto 10px 20px; */
}
label {
	display: block;
	font-weight: bold;
}
textArea {
	width: 400px;
	height: 150px;
}
.textInput {
	width: 400px;
}
.chkRad {
	float: left;
	margin-bottom: 8px;
	margin-left: 30px;
}
.chkRad label {
	display: inline;
}
.clearIt {
	clear: both;
}
select {
	margin: 5px 0 8px 30px;
}
fieldset {
	margin: 10px 0;
	padding: 10px;
	background: #FFFFFF;
}
legend {
	padding: 2px 10px;
	margin-bottom: 8px;
	background: #CCFFFF;
	border: 1px ridge #000000;
}
.warning {
	font-weight: bold;
	color: #FF0000;
}

/*--- Events -------------------------------------------------------------------*/

.events h2 {
	font-size: 1.2em;
}
.events h3 {
	font-size: 1em;
}
.events p {
	margin-right: 100px;
}

/*--- Players ----------------------------------------------------------------*/

#player {
	width: 620px;
	height: 200px;
	margin: 10px auto;
	background-color: #CCCC99;
}
#player_pict {
	width: 200px;
	padding: 10px;	
	float: left;
}
#player_prof {
	width: auto;
	padding: 10px;
}	
#player_prof .name{
	font-size: 2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
}
#player_prof .numb{
	font-size: 2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
}
#player_prof .posi{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000066;
}
#player_prof .nick{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000066;
}

/*--- Twitter ---------------------------------------------------------------- */

#twitter {
	margin: 10px 0 5px 0;
}	
#frmTwitter {
	width: 500px;
	margin: 0;
	padding: 0;
}
#twitter_update_list {
	margin: 5px 0 10px 20px;
	padding: 0;
}
#twitter_update_list li {
	list-style-type: square;
	line-height: 2;
}

/*--- Guestbook  --------------------------------------------------------------*/

#guestentry {
	width: 620px;
	background-color: #CCFFCC;
	border: 1px ridge #000000;
	margin: 15px auto;
}
#guestentry h2 {
	font-size: 1em;
	color: #000066;
	background-color: #F9EB9B;
	padding: 5px;
	border-bottom: 1px ridge #000000;	
}
#guestentry p {
	color: #000000;
	font-size: 1.0em;
	padding: 5px;
	margin: 0px;
}
#guestentry h3 {
	font-size: 0.9em;
	color: #990000;
	background-color: #C9C9C9;
	padding: 5px 5px 5px 440px;
	border-top: 1px ridge #000000;		
}

/*--- Resume ID used in index.php for Coach Experience -----------------------*/
ul#resume li {
	margin-bottom: 0.4em;
}
ul#resume li.section {
	margin-bottom: 1em;
}
ul#resume li.section ul.title{
	margin-top: 0.5em;
}


/*--- Miscellaneous ID and Classes -------------------------------------------*/

.sponsors li {
	font: medium Arial, Helvetica, Verdana, sans-serif;
	font-weight: 700;
	line-height: 2em;	
}
img.sponsors {
	border: 1px solid #000000;		
	margin: 10px 0 0 40px;
}
img.left {
	float: left;
	margin: 3px 8px 3px 3px;
	border: 1px solid #0E0F83;			
}
img.right {
	float: right;
	margin: 3px 3px 3px 5px;
	border: 1px solid #0E0F83;				
}
img#team {
	margin-top: 1em;
}
#footer a:link, #footer a:visited {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	color: #C4A759; /* #c5b358; vegas gold */
}