@import "reset.css";
@import "colorbox.css";

html	{ text-align: center; }
body 	{ text-align: center; color:#fff; font:12px Arial, Helvetica, sans-serif; line-height:16px; background-image:url("../images/bg.jpg"); background-position:top center; background-repeat:repeat-x;  background-color:#001529; overflow-y: scroll; }

/* ----------- LAYOUT ------------ */
/* ------------------------------- */
div#page_content	{ position:relative; width: 810px; margin: 0 auto; text-align: left; }
div#banner 			{ background-image:url("../images/banner_bg.png"); width:810px; height:355px; position:relative; top:45px; text-align:center; }
ol#nav				{ list-style-image:none; list-style-position:outside; list-style-type:none; width: 700px; height:20px; position:absolute; top:335px; left:55px; }
div#content 		{ position:relative; top:50px; width: 100%; min-height: 400px;  }
div#weekly 			{ position:relative; left:-20px; top:52px; width:380px; }
div#column_right	{ float:right; top:20px; width:400px; }

div#text_left  		{ float: left; width:480px;  }
div#text_right 		{ margin-left: 525px; padding-top: 10px;  width:280px;  }
div#text_right img 	{ border:3px solid #CCC; margin-bottom:20px; }

div#footer 			{ position:relative; top:100px; color:#374757; font-size:10px; text-align:center; padding-bottom: 50px;  }
div#twitter			{ height: 102px; }

div.team			{ float: left; width: 23%; text-align: center; margin-right: 10px; }
div.team img		{ border: 4px solid #2c557f;}
div.team h3			{ display: block; margin-top: 8px; }

/* --------- TYPE STYLES --------- */
/* ------------------------------- */
h1 { font:20px/22px Verdana, Geneva, sans-serif; color:#90bfea; letter-spacing:-.01em; font-weight:100; margin-bottom:10px; }
h2 { font:16px/18px Verdana, Geneva, sans-serif; color:#90bfea; letter-spacing:-.01em; font-weight:100; margin:26px 0 4px; }
h3 { font:12px/14px Verdana, Geneva, sans-serif; color:#90bfea; letter-spacing:-.01em; font-weight:100; margin:26px 0 4px; text-transform:uppercase; }
h4 { font:12px/14px Verdana, Geneva, sans-serif; color:#78828d; letter-spacing:-.01em; font-weight:100; margin:8px 0 4px; text-transform:uppercase; }


p { margin-bottom: 8px;  }
p.blue	{ color: #90bfea; margin-bottom: 0;}
span.pink	{ color: #ad3c97; }

#text_left ul			{ font: 12px/18px Arial, Helvetica, sans-serif; margin: 8px 0 8px 25px;  }
#text_left ul > li		{ list-style-image: none;  background-image:  url("../images/bullet.gif"); background-position: 1px 3px; background-repeat: no-repeat; padding: 0 0 6px 20px;  }


/* ------- WEEKLY SIDEBAR -------- */
/* ------------------------------- */
#weekly ol { list-style: none; padding:0; margin:0; width:380px; }
#weekly li { height: 55px; background-repeat:no-repeat; background-position:left -10px; background-image:url("../images/weekly_sunday.png"); }
#weekly li p {margin-left:60px; padding-top: 3px; }
#weekly li.sunday { background-image:url("../images/weekly_sunday.png");   }
#weekly li.monday { background-image:url("../images/weekly_monday.png");  }
#weekly li.tuesday { background-image:url("../images/weekly_tuesday.png");  }
#weekly li.wednesday { background-image:url("../images/weekly_wednesday.png");  }
#weekly li.thursday { background-image:url("../images/weekly_thursday.png");  }
#weekly li.friday { background-image:url("../images/weekly_friday.png");  }
#weekly li.saturday { background-image:url("../images/weekly_saturday.png");  }



/* ----- NAVIGATION & BANNER ----- */
/* ------------------------------- */

#banner img, #banner object { margin-top:5px; }

#nav li { float:left; height:20px; overflow:visible; }
	
#nav li a {	display: block; text-indent: -9999px; height: 20px; background-image: url("../images/navigation.png"); background-repeat:no-repeat; }

#nav li.home a, #nav li.home a:link, #nav li.home a:visited { width:84px; background-position:0 0; }
#nav li.home a:hover, #nav li.home a:focus, #nav li.home a:active { width:84px; background-position:0 -20px; }

#nav li.calendar a, #nav li.calendar a:link, #nav li.calendar a:visited { width:107px; background-position:-84px 0; }
#nav li.calendar a:hover, #nav li.calendar a:focus, #nav li.calendar a:active { width:107px; background-position:-84px -20px; }

#nav li.snapshots a, #nav li.snapshots a:link, #nav li.snapshots a:visited { width:125px; background-position:-188px 0; }
#nav li.snapshots a:hover, #nav li.snapshots a:focus, #nav li.snapshots a:active { width:125px; background-position:-188px -20px; }

#nav li.specialevents a, #nav li.specialevents a:link, #nav li.specialevents a:visited { width:159px; background-position:-314px 0; }
#nav li.specialevents a:hover, #nav li.specialevents a:focus, #nav li.specialevents a:active { width:159px; background-position:-314px -20px; }

#nav li.levelone a, #nav li.levelone a:link, #nav li.levelone a:visited { width:113px; background-position:-472px 0; }
#nav li.levelone a:hover, #nav li.levelone a:focus, #nav li.levelone a:active { width:113px; background-position:-472px -20px; }

#nav li.contact a, #nav li.contact a:link, #nav li.contact a:visited { width:96px; background-position:-584px 0; }
#nav li.contact a:hover, #nav li.contact a:focus, #nav li.contact a:active { width:96px; background-position:-584px -20px; }


/*------------------------------------------------------------------
   Social Media
-------------------------------------------------------------------*/

ul#socialMedia { list-style-image:none; list-style-position:outside; list-style-type:none; width: 120px; margin: 10px auto; }

#socialMedia li {  height:35px; overflow:visible; float: left; margin-right: 5px;   }
#socialMedia li a {	display: block; text-indent: -9999px; height: 35px; width: 35px; background-image: url("../images/social_media.png"); background-repeat:no-repeat; cursor: pointer; }

#socialMedia li.facebook a, #socialMedia li.facebook a:link, #socialMedia li.facebook a:visited { background-position:0px 0px; }
#socialMedia li.facebook a:hover, #socialMedia li.facebook a:focus, #socialMedia li.facebook a:active { background-position:0px -36px; }

#socialMedia li.twitter a, #socialMedia twitter a:link, #socialMedia li.twitter a:visited { background-position:-35px 0px; }
#socialMedia li.twitter a:hover, #socialMedia li.twitter a:focus, #socialMedia li.twitter a:active { background-position:-35px -36px; }

#socialMedia li.flickr a, #socialMedia li.flickr a:link, #socialMedia li.flickr a:visited { background-position:-70px 0px; }
#socialMedia li.flickr a:hover, #socialMedia li.flickr a:focus, #socialMedia li.flickr a:active { background-position:-70px -36px; }


.thumbs { margin: 0; padding: 0; overflow: hidden; }
.thumbs li { list-style: none !important; float: left; margin: 5px !important; padding: 3px !important; background: #eee !important; -moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 2px #000; }
.thumbs li a { }
.thumbs li img { display: block; }
.thumbs li a img { border: none;}



/* ----------- LINKS ------------- */
/* ------------------------------- */
li a, li a:link, li a:visited { color: #ad3c97; text-decoration:none; }
li a:hover, li a:focus, li a:active { background-color:#ad3c97; color:#fff; }

a, a:link, a:visited { color: #ad3c97; }
a:hover, a:focus, a:active { background-color:#ad3c97; color:#fff; }

#footer a, #footer a:link, #footer a:visited { color: #374757; text-decoration:none; }
#footer a:hover, #footer a:focus, #footer a:active { background-color:#374757; color:#fff; }


/* ----------- FORMS ------------- */
/* ------------------------------- */
input[type=text] { height:19px; padding-top:3px; margin:0; border:0; float:left; line-height:11px; font-size:11px; }
input.w80		{ width: 73%;}
input.w40		{ width: 35%; float: none;}
input[type=submit] { background-image:url("../images/button_bg.gif"); background-position:0 0; color:#fff; font-size:9px; height:22px; width:65px; border:none; padding:0; margin:0 0 0 3px; float:left; line-height:22px; }
input[type=submit]:hover { background-position:0 -22px;  }

/* ------------ MISC ------------- */
/* ------------------------------- */
.clearBoth		{clear: both; }