@import url("reset.css");
@import url("thickbox.css");

/* text & tag styles */

body {
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	background: url(body-bg.jpg) top left no-repeat;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

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

ul { list-style: disc; margin: 0px 0px 20px 20px; }
ol { list-style: decimal; margin: 0px 0px 20px 20px; }
ul.twocolumns { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; }

blockquote {
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
}

blockquote p { margin: 0px; }

a { color: #840a2c; }
a:hover { color: #267288; }

h1 {
	font-size: 32px;
	line-height: 32px;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	color: #66959f;
}

h2 {
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	margin: 0px 0px 2px 0px;
	color: #267288;
}

h3 {
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	color: #840a2c;
}

h4 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	margin: 0px 0px 2px 0px;
	color: #014559;
	text-transform: uppercase;
	letter-spacing: 1px;
}

h5 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	margin: 0px 0px 2px 0px;
	color: #97824a;
	text-transform: uppercase;
	letter-spacing: 1px;
}

h6 {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	margin: 20px 0px 2px 0px;
	color: #267288;
}


/* page layout */

#container {
	width: 930px;
	margin: 0px 0px 0px 0px;
	background: url(container-bg.png) top left repeat-y;
	overflow: auto;
}

#sidebar {
	float: left;
	width: 240px;
	margin: 0px 0px 0px 0px;
}

#sidebar .box {
	width: 190px;
	margin: 20px 0px 0px 20px;
	color: #33312c;
}

	#sidebar .box h1 { font-size: 24px; line-height: 30px; color: #33312c; }

#logo {
	width: 198px;
	padding: 20px;
	background: url(logo-bg.png);
	border-right: 2px solid #4d8691;
	border-bottom: 2px solid #4d8691;	
	text-align: center;
}
	
#content {
	float: left;
	width: 690px;
}

#text {
	width: 670px;
	min-height: 680px;
	margin: 20px 0px 60px 20px;
}

	#text p.sessions { margin: 0px; }
	#text p.sessions span { float: left; font-weight: bold; margin: 0px 10px 0px 0px; }
	#text p.sessions + h1 { margin-top: 20px; }

#footer {
	clear: both;
	width: 100%;
	padding: 20px 0px;
	margin: 0px;
	background: url(footer-bg.png);
	color: #FFFFFF;
}

	#footer p { margin: 0px 20px 20px 20px; }
	#footer a { color: #FFFF99; }
	#footer a:hover { color: #a6dbea; }

/* navigation styles */

#nav { height: 30px; margin: 10px 0px 20px 0px; background: url(nav-bg.png); }

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

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

#nav ul li a {
	display: block;
	float: left;
	padding: 5px 9px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#nav ul li a.first { margin: 0px 0px 0px 12px; }
#nav ul li a:hover { background: url(nav-bg.png); }

/* sidebar navigation */

#sidebar .box ul.nav {
	list-style: none;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	border: 1px solid #333333;
	border-top: 0px;
}

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

#sidebar .box ul.nav li a {
	display: block;
	padding: 5px;
	border-top: 1px solid #333333;
	text-decoration: none;
	font-weight: bold;
	color: #333333;
}

#sidebar .box ul.nav li a:hover { background: url(sidebar-nav-bg.png); }
#sidebar .box ul.nav li a.highlight { background: url(sidebar-nav-bg.png); color: #840a2c; }
#sidebar .box ul.nav li a.title { background-color: #333333; color: #FFFFFF; }
#sidebar .box ul.nav li a.title:hover { background-color: #333333; background-image: none; }

/* miscellaneous styles */

body#session { padding: 20px; }
body#session h1 { line-height: 40px; }
body#session h1 span { color: #840a2c; }

.browse {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.browse li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

.browse li a {
	display: block;
	float: left;
	margin: 0px 20px 20px 0px;
}

.chart {
	margin: 0px 0px 20px 0px;
	border-top: 1px solid #2e646e;
	border-left: 1px solid #2e646e;
}

.chart tr th {
	padding: 5px;
	border-right: 1px solid #2e646e;
	border-bottom: 1px solid #2e646e;
	background-color: #2e646e;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}

.chart tr td {
	padding: 5px;
	border-right: 1px solid #2e646e;
	border-bottom: 1px solid #2e646e;
	background: #FFFFFF;
	background: rgba(255, 255, 255, 0.7);
}

.floatleft { float: left; margin: 5px 10px 10px 0px; }
.floatright { float: right; margin: 5px 0px 10px 10px; }

label { display: block; padding: 0px 0px 4px 0px; color: #999999; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }
select { margin: 0px 0px 20px 0px; }

/* fancy button styles */

a.button { padding: 10px 15px; background: url(a-button-bg.png) top left repeat-x; background-color: #840a2c; font-size: 24px; line-height: 60px; font-weight: bold; color: #FFFFFF; text-decoration: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
a.button:hover { background-color: #560018; }