/*

Designed and Coded By: Samuel Bermejo
Date: 2/16/2009


PRIMARY COLORS:

sky-blue: #0669B2; - mainly use for text 
gray: #97989C; - mainly use for text and borders
deep(dark)blue: #141720; - container background color
red-orange: #D63B39; - can be used for text like a header or a border for a rollover
orange: #FDBD4C; - can be used for text like a header or a border for a rollover
blue-green: #00b6be; - mainly use for a heading text
*/

html
{
		background:#000000 url(images/htmlBg.jpg) repeat-x;
}

body
{
	font-size: 100%;
	font-Family:Rockwell, "Myriad Pro", "Century Gothic";
	text-align: center;
	background:url(images/bodyBg.jpg)  no-repeat top center;
	margin-top:0;

}
div
{
    margin:0;
    padding:0;
}

ul, li, img, body, html
{
	margin: 0;
	padding: 0;
}

a
{
	text-decoration: none;
	color:#97989C;
	outline:none;
}

a:hover
{
	text-decoration: underline;
}

a img
{
	border: none;
}


h5
{
    color:#D63B39;
    font-size:.8em;
    font-weight:bold;
    display:block;
}

h4 
{
	color: #00b6be;
	font-weight:bold;
	font-size:.9em;
}
h3
{
	color: #FDBD4C;
	margin-bottom: 1em;
	text-align: left;
	font-size:1em;
}

h2
{
    color:#D63B39;
    font-size:1.2em;
	text-align:left;
	line-height:1em;
	margin:2em 0 1em 0;
}

h1
{
    color:#0669B2;
    font-size:1.5em;
    margin:2em 0 1em 0;
}

p
{
    color:#ffffff;
    font-size:.9em;
}

.fr
{
	float: right;
}

.fl
{
	float: left;
}

.spacer
{
	float: left;
}

.redtext
{
    color:#D63B39;
}

.brigthbluetext
{
    color: #00b6be;
}

.divider
{
	width:143px;
	height:56px;
	background:url(images/smudge.png) no-repeat;
	margin-bottom:1em;
}

.divider p
{
	display:none
}

#container
{
	text-align: left;
	margin:auto;
	width: 1000px;
	background:#141720 url(images/containerBg.jpg) bottom right no-repeat;
	background-position:680px bottom;
}



/*HEADER*/

#header 
{
    position: relative;
	background: #141720;
	overflow: hidden;
	height:90px;
}

#header h1
{
	display: none;
}

#logo
{
	position:absolute;
	margin-left:1em;
	margin-top:.5em;
}

#player
{
	position:absolute;
	margin-left:14em;
	margin-top:1px;
}

/* MAIN NAVIGATION*/

#navigation
{
	position:absolute;
	top:4px;
	left:24.6em;
	
}
ul {
	list-style-type:none;
}
/* Default */

#nav {
width: 567px;
height: 90px;
position: relative;
background: url(images/navigation.jpg);
margin: 0;
padding: 0;
}

#nav li {
float: left;
}

#nav li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 90px;
background: url(images/navigation.jpg) no-repeat;
text-indent: -99999px;
overflow: hidden;
}

/*up state*/
li#nav_home a {
left: 0;
width: 120px;
background-position: 0 0;
}

li#nav_about a {
left: 120px;
width: 120px;
background-position: -120px 0;
}

li#nav_staff a {
left: 240px;
width: 100px;
background-position: -240px 0;
}

li#nav_teams a {
left: 340px;
width: 100px;
background-position: -340px 0;
}

li#nav_contact a {
left: 440px;
width: 127px;
background-position: -440px 0;
}

/*hover state*/
li#nav_home a:hover {
background-position: 0 -91px;
}

li#nav_about a:hover {
background-position: -120px -91px;
}

li#nav_staff a:hover {
background-position: -240px -91px;
}

li#nav_teams a:hover {
background-position: -340px -91px;
}

li#nav_contact a:hover {
background-position: -440px -91px;
}

/*current state*/
#body_home li#nav_home a {
background-position: 0 -91px;
}

#body_about li#nav_about a {
background-position: -120px -91px;
}

#body_staff li#nav_staff a {
background-position: -240px -91px;
}

#body_teams li#nav_teams a {
background-position: -340px -91px;
}

#body_contact li#nav_contact a {
background-position: -440px -91px;
}

/*END OF  MAIN NAVIGATION*/

/*END OF HEADER*/

/*MAINCONTENT*/

#mainContent 
{
	margin-bottom:0;
}

/*TIER1*/

#tier1
{
    width:1000px;
	margin-bottom:0;
}

#bannerArea
{
	border:none;
}

#slide_about
{
	border:none;
}

#slide_teams
{
	border:none;
}


/*TIER2*/

#tier2
{
    width:1000px;
    background:url(images/leftColBg.jpg) bottom left no-repeat;
    overflow:hidden;
    background-position:-2px bottom;
    
}

#tier2 #leftCol
{
    float:left;
    width:320px;
}

#tier2 #leftCol #leftNav
{
    margin: 2em 1em 1em 3em;
}

#tier2 #leftCol #leftNav li img
{
    margin: .1em .1em 1em .1em;
    border:1px solid #141720;
}

#tier2 #rightCol
{
    float:right;
    width:350px;
    text-align:center;
    margin-top:1em;
}

#tier2 #rightCol #rightNav a img
{
    margin:1em 0 1em 0;
	border: 5px solid #141720;
}

#tier2 #rightCol #rightNav #flash
{
    margin:1em 0 1em 0;
}

#tier2 #rightCol #rightNav a:hover img
{
	border: 5px solid #3e3e3e;
}

#tier2 #rightCol #rightNav img
{
	border: 5px solid #3e3e3e;
}



#tier2 #midCol
{
    float:right;
    width:330px;
}

#tier2 #midCol #dataHolder img
{
	margin: 0 1em 1em 0;
}
#tier2 #midCol #dataHolder h2
{
	padding: 1em 0 0 0;
    /*clear:left;*/
}
#tier2 #midCol #dataHolder p
{
    margin-bottom:2em;
}

/*#tier2 #midCol #dataHolder #eventHolder img
{
    width:100px;
	margin: 0 1em 1em 0;
}
#tier2 #midCol #dataHolder #eventHolder h2
{
	padding: 1em 0 0 0;
    /*clear:left;
}
#tier2 #midCol #dataHolder #eventHolder p
{
    margin-bottom:2em;
}*/

#backtoTop
{
	position:relative;
	width:143px;
	height:56px;
	background:url(images/smudge.png) no-repeat;
}

#backtoTop p
{
	position:absolute;
	top:13px;
	left:27px;
	font-weight:bold;
}

.scroll
{
	color:#ffffff;
}


/*FOOTER*/

#footer
{
width:1000px;
height:177px;
}

#footerwithvar
{
width:1000px;
height:177px;
}

/*Decorations*/

.staffphoto {
	position:relative;
	float:left;
}

.staffphoto span {
	position:absolute;
	width:100px;
	height:32px;
	display:block;
	top:-15px;
	left:25px;
	background:url(images/tapeClick.png) no-repeat;
}

.readmore {
	width:128px;
	height:40px;
	background:url(images/bluegreenpaper.png) no-repeat;
	padding:6px 0 0 12px;
	font-weight:bold;
	color:#000099;
	}
	
.readmore a {
	font-weight:bold;
	color:#141720;
	}