body {
    background: #000 url(/images/bkg_grass.jpg) 50% 0 repeat-y;
	font-size: 67%;
	line-height: 1.5em;
}

a img {
	border: 0;
}

#main {
    width: 760px;
    margin: 0 auto;
}

/* Typography
======================================== */
a {
    color: red;
    text-decoration: underline;
}

a:hover {
    color: #777;
}

p {
    font: normal 1.3em/1.6em Helvetica, Arial, Verdana, sans-serif;
    color: #333;
}

h1 {
}

h2 {
    font: bold 2.5em/1em Helvetica, Arial, sans-serif;
    color: #000;
    margin: 0 0 15px;
    padding: 0;
    text-transform: uppercase;
}

h3 {
    font: bold 1.75em Helvetica, Arial, sans-serif;
    color: #333;
    padding: 20px 7px 7px 20px;
    margin: 0;
}

h4 {
    font: bold 1.5em/1.25em Helvetica, Arial, sans-serif;
    color: #333;
    margin: 0;
    padding: 10px 0 0;
}

h5 {
    font: bold 1.2em Verdana, Helvetica, Arial, sans-serif;
    color: #333;
    padding: 0 0 3px;
}

h6 {
    font: normal 1em Verdana, Helvetica, Arial, sans-serif;
    color: #000;
}

.posted {
	color: #777;
}

ul {
    list-style-type: none;
}

/* Header
======================================== */

#header {
    background: #555 url(/images/bkg_nav.jpg) top left repeat-x;
	height: 82px;
}

#header-inner {
	width: 950px;
	margin: 0 auto;
	xheight: 145px;
}

#header img {
	border: none;
	position: absolute;
	top: 8px;
}

/* Main Nav
======================================*/

ul#nav {
    xborder: none;
    margin: 0 0 0 320px;
    padding: 0;
    list-style: none;
    xbackground: #333;
    width: 630px;
    position: absolute;
    top:  5px;
}

ul#nav li {
    display: block;
    float: left;
}

ul#nav li a {
	margin: 0;
	padding: 0;
	background: url(/images/nav.png);
}

ul#nav li a strong {
    display: none;
}


ul#nav li a.home,
ul#nav li a.calendar,
ul#nav li a.theden,
ul#nav li a.roster,
ul#nav li a.photos,
ul#nav li a.schedule,
ul#nav li a.alumni { 
	background: url(/images/nav.png);
	float: left;
	display:block;
	height: 75px;
	margin: 0;
	position: relative;
	z-index: 10;
	}
	
ul#nav li a.home {background-position: 0px 0px; width: 72px; }
ul#nav li a.calendar {background-position: -72px 0px; width: 106px; }
ul#nav li a.theden {background-position: -178px 0px; width: 90px; }
ul#nav li a.roster {background-position: -268px 0px; width: 83px; }
ul#nav li a.photos {background-position: -351px 0px; width: 89px; }
ul#nav li a.schedule {background-position: -438px 0px; width: 97px; }
ul#nav li a.alumni {background-position: -541px 0px; width: 85px; }

ul#nav li a:hover.home {background-position: 0px -75px; width: 72px; }
ul#nav li a:hover.calendar, ul#nav li a:hover.calendar_detail { background-position: -72px -75px; width: 106px; }
ul#nav li a:hover.theden { background-position: -178px -75px; width: 90px; }
ul#nav li a:hover.roster {background-position: -268px -75px; width: 83px; }
ul#nav li a:hover.photos {background-position: -351px -75px; width: 89px;}
ul#nav li a:hover.schedule {background-position: -438px -75px; width: 97px;}
ul#nav li a:hover.alumni {background-position: -541px -75px; width: 85px;}

body.home ul#nav li a.home {background-position: -1px -150px; width:72px;}
body.calendar ul#nav li a.calendar, body.calendar_detail ul#nav li a.calendar_detail {background-position: -72px -150px; width: 108px;}
body.theden ul#nav li a.theden {background-position: -179px -150px; width:90px;}
body.roster ul#nav li a.roster {background-position: -268px -150px; width: 84px;}
body.photos ul#nav li a.photos {background-position: -350px -150px; width: 89px;}
body.schedule ul#nav li a.schedule {background-position: -437px -150px; width: 105px;}
body.alumni ul#nav li a.alumni {background-position: -541px -150px; width: 84px;}


#big_image {
	margin: 0 0 0px;
	padding: 0;
	background: #000;
	text-align: center;
}

/* Modules
===================================================*/

#billboard {
    float: left;
    width: 950px;
    background: #000;
}

#billboard h2 {
	color: #fff;
	text-align: center;
	font-size: 3em;
	margin: 30px 0;
}

#billboard p {
	color: #fff;
}

#billboard li {
	color: #ccc;
	font-size: 1.2em;
	padding: 5px 0;
	border-top: 1px solid #333;
}

.schedule_home {
	position: relative;
	width: 360px;
	background: #222;
	border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 0 0 30px 550px;
	padding: 0 0 5px;
}

.schedule_home h3 {
	margin: 0;
	color: #555;
	padding: 12px 0 10px 15px;
}

.schedule_home p {
	font-size: 1em;
	margin-left: 15px;
}

#module_photos a {
    width: 230px;
    height: 153px;
    float: left;
	margin: 10px 0 10px 20px;
	display: inline;
    background: #333 url(/images/module_photos_sm.jpg) top left no-repeat;
    text-indent: -9999px;
}

#module_alumni a {
    width: 230px;
    height: 153px;
    float: left;
	margin: 10px 15px 0;
	padding: 0px;
    background: #333 url(/images/module_alumni_sm.jpg) top left no-repeat;
    text-indent: -9999px;
}

/* main
===================================================*/

#main {
    width: 950px;
    float: left;
    background: #fff;
    xbackground: transparent url(../images/news_bkg.gif) bottom left repeat-y;
}

#main-inner {
	position: relative;
	float: left;
	xwidth: 100%;
    margin: 0;
    padding: 40px 20px 40px 40px;
    xbackground: transparent url(../images/news_top.jpg) top left no-repeat;
}

#main-inner p {
    margin-top: 12px;
}

#main-inner p strong {
    margin-top: 0px;
}

#main .sidebar {
	border-left: 1px dotted #ccc;
}

#main .sidebar ul {
	font: normal 1em Verdana, Helvetica, Arial, sans-serif;
	margin: 0 0 30px;
}

#main .sidebar li {
	xmargin: 0 0 7px 0px;
	padding: 5px 0 0 0;
}

#main .sidebar p {
margin: 0 0 7px 0px;
min-height: 50px;
}

#content {
	xfloat: left;
	clear: both;
	position: relative;
	padding: 20px 0 30px;
	overflow: auto;
}

#content h6 + p {
	margin-top: 15px;
}

#content ul {
	margin: 0;
}

.schedule_big {
    margin: 20px 0 20px;
    padding: 0 0 20px;
    font: bold 1.2em Verdana, Helvetica, Arial, sans-serif;
    border-bottom: 1px dotted #333;
    color: #999;
}

.schedule_big li {
    margin-bottom: 5px;
}

.versus {
    font: normal 1.7em Helvetica, Arial, sans-serif;
    color: red;
}

.caps {
    color: #333;
    font-size: 1em;
    letter-spacing: .05em;
}	

/* Roster
===================================================*/

.roster_picture img {
	height: 160px;
}

.roster_picture {
    width: 275px;
    xheight: 150px;
    float: left;
    overflow: auto;
    margin: 5px 15px 10px 0;
    padding: 15px 0 0;
    xbackground: #e5e5e5;
    border-top: 1px solid #eee;
}

.roster_picture h4 {
    clear: both;
}

.roster_picture img {
    float: left;
    padding: 0 6px;
}

.roster_picture dd {
    font-size: 1em;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    line-height: 1.2em;
}

.roster_picture .red {
    margin-bottom: 6px;
}


/* Photos Page
===================================================*/

a.group img {
	margin: 0 13px 13px 0;
}


/* Image Thumbnails */
.image img {
	background: #fff;
	margin: 0;
	padding: 0px;
	border: none;
}

.imagethumb a {
	display: block;
	margin: 5px 12px 5px 5px;
	padding: 6px;
	border: 1px solid #ddd;
	background: #fff;
	line-height: 0px;
}
.imagethumb a:visited {
	border: 1px solid #ddd;
	background: #fff;
}
.imagethumb a:hover {
	border: 1px solid #ddd;
	background: #ddd;
}
.imagethumb {
	float: left;
}


/* Album Thumbnails
------------------------------ */
.album {
	padding: 10px;
	margin-bottom: 12px;
	margin-right: 10px;
	xclear: both;
	xborder: 1px solid #E7F0F5;
	background: #eee;
	width: 400px;
	float: left;
}
.album img {
	float: left;
	margin-right: 10px;
}


/* Individual Image
------------------------------ */
.image { 
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
}
#image {
	text-align: center;
	line-height: 0em;
}

.imagenav {
	margin: 180px 0 0 0;
}

.imagenav img {
	border: #000;
}

.imagenav a {
	margin: 180px 0 0 0;
	padding: 10px 10px;
	background: #000;
	color: white;
	text-decoration: none;
}

.imagenav a:hover {
	color: white;
	background: red;
}


/* Footer
===================================================*/

#footer {
    width: 950px;
    clear: both;
    float: left;
    padding: 0;
    xbackground: #333 url(../images/footer_bottom.gif) bottom left no-repeat;
    background: #333;
    margin-top: 20px;
}

#footer-inner {
    margin: 0;
    padding: 0;
}

#footer p {
    color: #aaa;
    margin: 0;
    padding: 40px 0px 40px 40px;
}

/* Extras & Classes
====================================== */
hr {
    display: none;
}

.hide {
    display: none;
}

.red {
    color: red;
}

.white {
    color: #fff;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

/* Calendar
====================================== */

.calendarBG {
width: 100%;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
font-family: helvetica, "Lucida Grande", Arial, sans-serif;
}

.calendarBG p {
	margin: 0;
	padding: 0 4px 4px;
}

.calendarHeader { 
 text-align: center;
 background-color: #f8f7ed; 
 font-size: 1.2em;
}

.calendarHeader h4 {
	text-align: center;
}

.calendardate {
background: #eee;
margin: 0 0 3px;
padding: 2px 0 2px 4px;
width: 98%;
}

.calendarDayHeading {
 text-align:  center;
 vertical-align: middle;
}

.calendarToday .calendardate {
	background: #000;
	color: #fff;
}

.calendarToday { 
 border: 1px solid #eee;
 margin: 0;
 padding: 0;
 vertical-align: top;
 width: 90px;
}

.calendarCell {
 border-top: 1px solid #eee;
 border-left: 1px solid #eee;
 margin: 0;
 padding: 0;
 vertical-align: top;
 width: 90px;
 height: 100px;
 font-size: .8em;
 line-height: 1.3em;
}

.calendarCell p {
	line-height: 1em;
}

.calendarCell a {
	text-decoration: none;
}

.calendarMonthLinks {
	font-size: .8em;
}