/*--------------------------------------------------------------------------------
  Theme base CSS
--------------------------------------------------------------------------------*/

/*
 * Reset Page 
 */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, label, table, th, tr, td, embed, object {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img, a img, a:link img, a:visited img {
	border: 0;
}
address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
q:before, q:after {
	content: '';
}
embed, object {
	display: block;
}
#main .error {
	color: red;
}
body {
	background: #0e1e22 url("http://eiiwebassets.s3.amazonaws.com/t/temeculavalleypopwarner/bg-body.jpg") repeat-x;
	font:12px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:white;
	text-align:center;
}
pre,  code,  kbd,  samp,  tt {
	font-family:monospace;
	font-size:108%;
	line-height:99%;
}
a:link,  a:visited {
	text-decoration:underline;
	outline:none;
}
a:hover,  a:active {
	text-decoration:none;
	outline:none;
}
#wrapper {
	background:url("http://eiiwebassets.s3.amazonaws.com/t/temeculavalleypopwarner/bg-main.jpg") repeat-y;
	width:801px;
	text-align:left;
	margin:0 auto;
}
#header {
	background: #0e1e22 url("http://eiiwebassets.s3.amazonaws.com/t/temeculavalleypopwarner/header-bg.jpg ") repeat-x ;
	
	color:#fff;
	height:75px;
}
#header p {
	float:right;
	font-size:1.7em;
	padding-top:25px;
	margin-right:51px;
}
#header h1 {
	background: #0e1e22 url("http://eiiwebassets.s3.amazonaws.com/t/temeculavalleypopwarner/logo.jpg") no-repeat;
	font-size:20px;
	width:410px;
	height:70px;
}
#header h1 span {
	display:none;
	
}

#header h1 a {
	display:block;
	width:410px;
	height:70px;
}

#header h2 {
	font-size:1.4em;
	margin-left:36px;
}
#header a:link,  #header a:visited {
	text-decoration:none;
	outline:none;
}
#header a:hover,  #header a:active {
	text-decoration:underline;
	outline:none;
}

#masthead {
height:293px;
}



#masthead.static {
	background:url("http://eiiwebassets.s3.amazonaws.com/t/temeculavalleypopwarner/masthead.jpg") left top no-repeat;
	
}
#masthead.static p {
	padding:228px 0px 0px 40px;
	text-align:center;
	width:400px;
}
#navigation-container-lower {
	background: #0e1e22 url("http://eiiwebassets.s3.amazonaws.com/t/temeculavalleypopwarner/nav-bg.jpg ") repeat-x ;
	text-align:center;
	height:48px;
}
#main-navigation {
	padding:7px 0 10px 0;
	font-size:14px;
}
#main-navigation li {
	padding:0 20px 0 20px; /* adjusts the spacing between each li display and border-left */
	display: inline;
	border-left-style:solid;
	border-left-width:1px;
}
#main-navigation li.home {
	border: none;
}
#main-navigation a:link,  #main-navigation a:visited {
	text-decoration:none;
}
#main-navigation a:hover,  #main-navigation a:active {
	text-decoration:underline;
}
#optional-header-container-1 {
	height:5px;
}


#main h1 {
	font-size:20px;
	margin-bottom:30px;
}
#center #content-wrap h1 {
	margin-bottom:30px;
}
#main h2 {
	font-size:14px;
}
#main h3 {
	font-size:1.6em;
}
#main h4 {
	font-size:1.5em;
}
#main h5 {
	font-size:1.4em;
}
#main h6 {
	font-size:1.3em;
}
#content {
	background: url("http://eiiwebassets.s3.amazonaws.com/t/temeculavalleypopwarner/bg-content.jpg") bottom left no-repeat;
	
	
}
#left {
	
	width:256px;
	padding-top:25px;
	padding-bottom:300px;
	float:left;
}
#left-wrap {margin:0 30px 0 25px;}
#center {
	width:510px;
	float:left;
	padding:0;
}
#content-wrap {
margin:25px 0 25px 25px;

}

#center abbr,  #center acronym {
	border-bottom-style:dotted;
	border-bottom-width:1px;
	cursor:help;
}
#center blockquote,  #center ul,  #center ol,  #center dl {
	margin:1em;
}
#center ol,  #center ul,  #center dl {
	margin-left:2em;
}
#center ul ol li,  #center ol li {
	list-style: decimal outside;
}
#center ul li {
	list-style: square outside;
}
#center dl dt {
	font-weight:bold;
}
#center dl dd {
	margin-left:1em;
}
#center th,  #center td {
	border-style:solid;
	border-width:1px;
	padding:.5em;
}
#center th {
	font-weight:bold;
	text-align:center;
}
#center caption {
	margin-bottom:.5em;
	text-align:center;
}
#center h1,  #center h2,  #center h3,  #center h4,  #center h5,  #center h6 {
	margin-bottom:.25em;
}
#center p,  #center fieldset,  #center table {
	margin-bottom:1em;
}
#quick-contact {
	padding-top:15px;
}
#quick-contact input,  #quick-contact textarea {
	border-style:solid;
	border-width:1px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.1em;
	margin-bottom:.25em;
	padding:.3em;
	width:90%;
	vertical-align: middle;
}
#quick-contact input.button {
	width: auto;
}
#footer {
	text-align:center;
	background-position:bottom;
	background-repeat:no-repeat;
	padding:15px 0px;
}
#footer-navigation ul {
	margin:10px;
}
#footer-navigation li {
	padding:0 20px 0 20px; /* adjusts the spacing between each li display and border-left */
	display: inline;
}
#footer-navigation li.home {
	border: none;
}
#footer p.copyright {
	margin:10px;
}
#footer a:link,  #footer a:visited {
	text-decoration:none;
	outline:none;
}
#footer a:hover,  #footer a:active {
	text-decoration:underline;
	outline:none;
}
/* setting line height for every element we set a font size on */

#header p,  #header h1,  #header h2,  #main h1,  #main h2,  #main h3,  #main h4,  #main h5,  #main h6,  #footer li,  #footer p {
	line-height:1.125em;
}
#main p,  #main ul,  #main ol,  #main dl {
	line-height:18px;
	margin-bottom:20px
}
/* unused elements */

#right,  #navigation-container-upper {
	display:none;
}
/* optional containers */

#optional-header-container-2,  #optional-left-container-1,  #optional-left-container-2,  #optional-center-container-1,  #optional-center-container-2,  #optional-right-container-1,  #optional-right-container-2,  #optional-footer-container-1,  #optional-footer-container-2,  #optional-body-container-1,  #optional-body-container-2 {
	display:none;
}
/*
 * Default Starting Layout
 */	

/* NN6/7 min-width is needed for scrollability when wrapper is centered */
body {
	min-width: 770px;
}
/* Use wrapper for Left Faux Column */
#wrapper {
	text-align: left;
	width: 770px;
	margin: 0 auto 0 auto;
}
#header, #navigation-container-lower, #navigation-container-upper, #footer {
	clear: both;
	width: 100%;
}
/* Use main for Right Faux Column */
#main {
	float: left;
	width: 100%;
}
#main:after {
	/* Clear floating elements for NN6/7 */
    content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#content {
	float: left;
	width: 100%;
	margin: 0 -95% 0 0;
}

#right {
	float: right;
	width: 170px;
	margin: 0 0 0 0;
}
#contact_business {
	display: none;
}
/* IE Fixes for Win/Mac */
* html div#content {
	margin: 0 -100% 0 0;
}

a:link,  a:visited {
	color:#D8AD06;
}
a:hover,  a:active {
	color:#D8AD06;
}

#main-navigation a:link,  #main-navigation a:visited {
	color:#d8ad06;
}
#main-navigation a:hover,  #main-navigation a:active {
	color:#d8ad06;
}
#main-navigation li {
	border-left-color:#d8ad06;
}


#main h1,  #main h2,  #main h3,  #main h4,  #main h5,  #main h6 {
	color:#d8ad06;
}

#left {
	color:white;
}
#left h1,  #left h2,  #left h3,  #left h4,  #left h5,  #left h6 {
	color:#D8AD06;
}
#center a:link,  #center a:visited {
	color:#D8AD06;
}
#center a:hover,  #center a:active {
	color:#d8ad06;
}
#center th,  #center td {
	border-color:#66644b;
}
#quick-contact input,  #quick-contact textarea {
	background-color:white !important;
	color:#0E1E22;
}
#footer {	
	background:	#0e1e22;
	color:white;
}
#footer a:link,  #footer a:visited {
	color:#D8AD06;
}
#footer a:hover,  #footer a:active {
	color:#D8AD06;
}
#footer-navigation li {
	border-left: 1px solid #D8AD06;
}

div.clear {
	clear:both;
	overflow:hidden;
	height:.01px;
}




li.league, li.current 	{ 		font-size:16px;
									color:#D8AD06;
									}
li.league a, li.current a 	{ 		text-decoration:none;	
											}
li.league a:hover, li.current a:hover 	{ 		text-decoration:underline;	
															}											
	li.league ul, li.child {		margin-left:20px;
											}
li.team, li.child		{		list-style:square;
									font-size:12px;
									}
li.team a, li.child a 	{		color:white; 
									text-decoration:underline;
									}
li.team a:hover, li.child a:hover 	{		color:white; 
														text-decoration:none;
														}			
#break {			width:200px;
						height:27px;
						background:url(http://eiiwebassets.s3.amazonaws.com/t/temeculavalleypopwarner/break.jpg);
						margin-top:25px;
						}