@import url('reset.css');

/* embedded fonts */

@font-face {
	font-family: 'BebasNeueRegular';
	src: url('BebasNeue-webfont.eot');
	src: local('Q'), url('BebasNeue-webfont.woff') format('woff'), url('BebasNeue-webfont.ttf') format('truetype'), url('BebasNeue-webfont.svg#webfontDYsPqAbQ') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* text styles */

body {
	font-family: Lucida Grande, Lucida Sans, Lucida Sans Unicode, Verdana, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #444444;
	background: url(body-bg.png) top center;
	background-color: #E8E8E8;
}

p { margin: 0px 0px 20px 0px; }
em { font-style: italic; }
strong { font-weight: bold; }

ul { list-style: disc; margin: 0px 0px 20px 30px; }
ul ul { margin: 0px 0px 0px 30px; }
ol { list-style: decimal; margin: 0px 0px 20px 30px; }
ol ol { margin: 0px 0px 0px 30px; }

a { color: #0000CC; text-decoration: underline; }
a:hover { color: #990000; text-decoration: underline; }

h1 { }
h2 { font-size: 36px; line-height: 42px; font-weight: bold; margin: 0px 0px 10px 0px; }
h3 { font-size: 24px; line-height: 30px; font-weight: bold; margin: 0px 0px 20px 0px; color: #951614; }
h4 { font-size: 20px; line-height: 26px; font-weight: bold; margin: 0px 0px 5px 0px; }
h5 { font-size: 14px; line-height: 20px; font-weight: bold; margin: 0px; text-transform: uppercase; }
h6 { font-size: 20px; line-height: 26px; font-weight: bold; margin: 0px 0px 5px 0px; }

.lighter { color: #b92a29; }

/* page structure */

#container { width: 940px; margin: 0px 0px 0px 40px; padding: 20px; /*background: url(grid-overlay.png) top center repeat-y;*/ background-color: #FFFFFF; }
#header { width: 760px; margin: 0px; padding: 0px 0px 10px 180px; background: url(header-bg.png) top left no-repeat; }
	#header img { float: left; margin: 0px 20px 0px 0px; }
	#header h1 { font-family: 'BebasNeueRegular'; font-size: 90px; line-height: 90px; font-weight: bold; margin: 0px 0px -5px 0px; color: #b92a29; }
	#header h2 { font-family: 'BebasNeueRegular'; font-size: 36px; line-height: 36px; font-weight: normal; margin: 0px 0px 5px 0px; color: #555555; }
	#header h3 { font-family: 'BebasNeueRegular'; font-size: 28px; line-height: 28px; font-weight: normal; margin: 0px 0px 5px 0px; color: #8d8c8d; }
#nav { overflow: auto; width: 940px; margin: 0px -20px 20px -20px; padding: 10px 20px; background: #666666; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#555555'); background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#555555)); background: -moz-linear-gradient(top, #777777, #555555); }
	#nav ul { list-style: none; margin: 0px; }
	#nav ul li { display: inline; }
	#nav ul li a { display: block; float: left; margin: 0px 20px 0px 0px; color: #b92a29; font-size: 16px; font-weight: bold; color: #FFFFFF; text-decoration: none; text-shadow: 0px -1px 0px #111111; }	
	#nav ul li a:hover { color: #CCCCCC; font-weight: bold; text-decoration: none; }
#content { float: left; width: 690px; margin: 0px 20px 0px 0px; }
#sidebar { float: left; width: 230px; margin: 0px; }
#footer { clear: both; width: 940px; margin: 0px 0px 0px 40px; padding: 10px 20px 20px 20px; text-align: center; background: #666666; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#555555'); background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#555555)); background: -moz-linear-gradient(top, #777777, #555555); color: #FFFFFF; text-shadow: 0px 1px 0px #111111; }
	#footer p { margin: 0px; }
	#footer a { color: #FFFFFF; text-decoration: none; }
	#footer a:hover { color: #CCCCCC; text-decoration: none }

/* miscellaneous stuff */

table.schedule { margin: 0px 0px 20px 0px; border-left: 1px solid #444444; border-top: 1px solid #444444; }
table.schedule tr th { padding: 10px; /*vertical-align: top;*/ background: #666666; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#555555'); background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#555555)); background: -moz-linear-gradient(top, #777777, #555555); border-right: 1px solid #444444; border-bottom: 1px solid #444444; color: #FFFFFF; text-shadow: 0px -1px 0px #444444; }
table.schedule tr td { padding: 10px; vertical-align: top; border-right: 1px solid #444444; border-bottom: 1px solid #444444; }