/* CSS Document */

body {
background-color: #000;
text-align: center;
}

/* =Page Layout
------------------------------------------------------------ */
#wrapper {
width: 810px;
margin: 0 auto;
text-align:left;
}


#header {
width: 810px;
height: 110px;
position: relative;
background: url(/images/bkg_header.gif) repeat-x right top;
}

#navbar {
position: absolute;
top: 88px;
left: 5px;
}

#subnav {
position: absolute;
top: 7px;
right: 5px;
}


#navbar ul, #subnav ul {
float: left;
margin: 0;
padding: 0;
}

#navbar ul li {
line-height: 20px;
float: left;
list-style-type:none;
margin: 0;
padding-left: 40px;
}


#navbar ul a {
color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
padding-left: 5px;
text-decoration:none;
}

#navbar ul a:hover {
color: #FF9966; 
}

#subnav ul li {
float: left;
list-style-type:none;
margin: 0;
padding: 0;
}


#subnav ul a {
color: #666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding-right: 20px;
}

#subnav ul a:hover {
color: #fff; 
}

#content {
width: 810px;
border: 1px #fff;
padding: 10px 0 0 0; 
}

#contentInt {
width: 808px;
border: 1px solid #fff; 
}

#pageContent {
padding: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fff;
line-height: 1.5;
}

#events {
width: 244px;
height: 331px;
background: url(/images/bkg_events.jpg) no-repeat left top;
float: left;

}

#events ul li .date {
width: 60px;
display: inline;
color: #fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
margin-left: -54px;
}

#events ul {
margin: 75px 0 0 0;
float: left;
padding: 0;
}

#events ul li {
list-style-type:none;
margin: 0;
padding: 10px 10px 10px 57px;
}

#events ul a {
padding-left: 5px;
text-decoration:none;
color: #fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
}

#events ul a:hover {
color: #FF9966; 
}

#homecontent {
float: right;
width: 555px;
height: 331px;
background-color: #000;
}

#promo {
width: 810px;
height: 120px;
float: left;
}

#homePromo1 {
float:left;
width: 244px;
height: 100px;
margin: 10px 0 ;
}

.homePromoCol {
float:left;
width: 270px;
height: 100px;
background-color: #fff;
margin: 10px 0 10px 12px;
}


#footer {
margin: 0;
padding-top: 7px;
width: 810px;
background: url(/images/bkg_footer.gif) no-repeat left top;
clear:both;
height: 80px;
color: #fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: center;
}

#footer a:link {
color: #fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

#footer img {
	border: none;
	float: left;
}

#footer a:hover {
color: #CC6633;
text-decoration:underline;
}

#footer .follow {
	line-height: 30px;
	height: 30px;
	text-align: center;
	margin-left: 250px;
	padding-top: 14px;
}

#footer .follow span {
	height: 30px;
	line-height: 30px;
	float: left;
	display: block;
}


/* Photo and Video Page
--------------------- */

#video {
float: left;
border: 1px solid #666;
width: 250px;

}

#photoGallery {
float: right;


}






/* =Formatting Styles 
-------------------------------------------------------------------------------  */

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
color: #fff;
border-bottom: 1px solid #fff;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #fff;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #fff;
margin: 20px 0 4px 0;
}

h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;
margin: 15px 0 4px 0;
font-weight: bold;
}


p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fff;
}

.picRight {
margin: 5px 5px 10px 60px;
float: right;

}

.eventlist {
margin: 0;
padding: 0;
color: #fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
}

.eventlist ul {
margin: 0;
padding: 0;
list-style-type:none;
}

.eventlist ul li {
margin: 0;
padding: 5px 0;
}

.callout {
color: #ff9966;
}

/* = Links 
--------------------------------------------------------------------- */

a:link {
color: #FF9966; 
font-family:Verdana, Arial, Helvetica, sans-serif;
}

a:visited {
color: #FF9966; 
font-family:Verdana, Arial, Helvetica, sans-serif;
}

a:hover {
color: #990000; 
font-family:Verdana, Arial, Helvetica, sans-serif;
}

a:active {
color: #990000; 
font-family:Verdana, Arial, Helvetica, sans-serif;
}

a:visited:hover {
color: #990000; 
font-family:Verdana, Arial, Helvetica, sans-serif;
}