/* CSS Document 

	PRIMARY COLORS
	
	GOLD: #C1AD3F
	WHITE: #FFFFFF
	BLACK: #090A07
	
*/

body, img, ul, li, a, h2 {

margin: 0;
padding: 0;
}

body {

background: #090A07;
margin: auto;
font-family: Helvetica;
font-size: 11px;
color: #ffffff;
}

ul, li {

list-style: none;
}
 
#container {

margin: 0;
padding: 0;
width: 900px;
height: 820px;
}

#header {
float: left;
height: 31px;
width: 900px;
}

#logo {
clear:both;
float: left;
height: 67px;
width: 900px;
}

#navBar {
clear:both;
float: left;
width: 900px;
height: 36px;
background: url(../images/sportsbar_navbar.jpg);
}

#navBar li {

float: left;
margin-top: 10px;
margin-left: 9px;
padding-top: 2px;
padding-left: 5px;
font-size: 9pt;
font-weight: bold;
}

#navBar a{

color: #ffffff;
text-decoration: none;
}

#navBar a:hover{
color: #f0e394;
}

#musicPlayer {
clear:both;
float:left;
/* add music player */
}

#slideShow {

clear:both;
float: left;
width: 900px;
height: 277px;
}

#content{
clear:both;
float: left;
background: url(../images/sportsbar_content.jpg);
height: 308px;
width: 900px;
}

#contentBar{

float: left;
width: 900px;
height: 32px;
padding: 0px;
margin: 0px;
}

#firstColumn {

margin: 10px;
padding: 10px;
width: 400px;
float: left;
}

#firstColumn p.eventTitle {

float:left;
color:#C1AD3F;
font-size:9pt;
top:10px;
padding-left:4px;
font-weight:bold;
}

#firstColumn p.date {

float: right;
padding-right: 4px;
padding-top: 2px;
}

#firstColumn #banner {

clear: both;
display: block;
width: 400px;
height: 75px;
border: 1px solid;
border-color: #444444;
background: #060606;
}

#secondColumn {

margin-left: 20px;
padding-top: 20px;
width: 400px;
float: right;
position: relative;
}

#secondColumn p.experience {

font-size: 10pt;
color: #C1AD3F;
font-weight: bold;
}

#secondColumn p.exDescription {

width: 380px;
color: #ffffff;
}

#secondColumn #emailBlock {

float: right;
width: 400px;
height: 121px;
position: relative;
background: url(../images/sportsbar_email.jpg);
}

#secondColumn p.hours {

float: right;
right: 14px;
position: relative;
}

#secondColumn #inputBox .input{

top: 12px;
position: relative;
margin: 6px;
background: #ffffff;
border: 1px dashed;
border-color: #82942c;
width: 240px;
float: left;
margin-left: 14px;
}

#secondColumn #submitButton .submit {

margin: 6px;
top: 12px;
color: #ffffff;
position: relative;
background: #82942c;
width: 100px;
float: left;
border: 1px dashed;
border-color: #ffffff;
}

#secondColumn #submitButton .submit:hover {

color: #dddddd;
float: left;
}

#secondColumn p.title {
font-size: 11pt;
float: left;
margin-bottom: 2px;
margin-top: 7px;
margin-left: 14px;
position: relative;
}

#secondColumn p.mailDescription {
clear:both;
font-size: 7pt;
margin-left: 12px;
margin-top: 2px;
margin-bottom: 0px;
position: relative;
margin-right: 10px;
}

#footer {
width: 900px;
float: left;
}