@import url("reset.css");

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background: url(body-bg.png);
}

p { margin: 8px 0px 12px 0px; }

ul { list-style: disc; margin: 8px 0px 12px 30px; }

ol { list-style: decimal; margin: 8px 0px 12px 30px; }

ol.fix { margin: -12px 0px 12px 30px; }

a { color: #105688;	font-weight: bold; text-decoration: none; }

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

h1 {
	font-size: 21px;
	font-weight: bold;
	margin: 16px 0px 12px 0px;
	line-height: 30px;
}

body#schedule h1 { margin: 0px 0px 12px 0px; }

h2 {
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	line-height: 24px;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px -8px 0px;
	line-height: 20px;
}

h6 {
	font-size: 14px;
	font-weight: bold;
	margin: 14px 0px 0px 0px;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
}

.smalltext { font-size: 10px; line-height: 14px; }

/* div styles */

#container {
	width: 980px;
	min-height: 730px;
	margin: 10px auto;
	background: url(container-bg.png) top left no-repeat;
}

#sidebar {
	width: 200px;
}

#nav {
	float: right;
	width: 80px;	
	margin: 60px 0px 0px 0px;
}

#content {
	float: right;
	width: 640px;
	padding: 30px 20px 20px 20px;
	margin: 40px 0px 40px 0px;
	background: #FFFFFF;
	border: 3px solid #000000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

body#schedule #content {
	float: none;
	width: 980px;
	padding: 30px 20px 20px 20px;
	margin: 40px auto 10px auto;
	background: #FFFFFF;
	border: 3px solid #000000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
}

/* menu styles */

#nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#nav ul li {
	margin: 0px;
	padding: 0px;
}

#nav ul li a {
	float: left;
	display: block;
	width: 80px;	
	padding: 5px 8px 5px 6px;
	margin: 0px 0px 3px 0px;
	background: url(nav-ul-li-a-bg.png) top left repeat-y;
	background-color: #F4F4F4;
	border: 3px solid #000000;
	border-left: 0px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-right-radius: 10px;	
	-webkit-border-bottom-right-radius: 10px;
/*	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);	*/
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

#nav ul li a:hover {
	background-color: #fff87f;
}

#nav ul li a#current {
	background-image: none;
	background-color: #fff87f;
}

/* schedule page mini-nav */

#mininav {
	float: right;
	margin: 50px 0px 0px 0px;
}

#mininav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#mininav ul li {
	display: inline;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

#mininav ul li a {
	
}

#mininav ul li a:hover {

}

/* misc classes */

.chart {
	margin: 8px 0px 12px 0px;
	border-top: 1px solid #044576;
	border-left: 1px solid #044576;
}

body#schedule .chart { font-size: 11px; line-height: 15px; }
body#schedule .chart tr th { width: 130px; }
body#schedule .chart a { font-weight: normal; }

.chart tr:nth-child(2n+1) { background-color: #F4F4F4; }

.chart tr td {
	vertical-align: top;
	border-bottom: 1px solid #044576;
	border-right: 1px solid #044576;
	padding: 5px;
}

.chart tr th {
	vertical-align: bottom;
	border-bottom: 1px solid #044576;
	border-right: 1px solid #044576;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #13588b;
}