body {
	background:#88BBD2 url('../images/bg.gif') top center repeat-y;
}

body, form {
	border:0;
	margin:0;
}

body, input, textarea, select, td, th, form, p {
	font: 10pt "Lucida Grande", "Trebuchet MS", Arial, sans-serif;	
}

h1 {
	font:18pt Times;
	color:#000;
}

h2 {
	font:16pt Times;
	color:#000;
}

h3 {
	position:relative;
	width:580px;
	height:41px;
	background:#FFF url('/images/red_box_wide.jpg') top left no-repeat;
	padding-top:12px;
	padding-left:12px;
	color:#FFF;
	font:16pt Times;
	margin:0;
}

h4 {
	position:relative;
	width:250px;
	height:41px;
	background:#FFF url('/images/red_box_small.jpg') top left no-repeat;
	text-align:center;
	color:#FFF;
	font:16pt "Arial Narrow";
	padding-top:12px;
	margin:0;
}

img {
	border:0;
}
a:hover {
	color:#FF0000;
}
#hcc_container {
	position:relative;
	width:910px;
	margin:0 auto;
}
#hcc_header {
	position:relative;
	background:#FFF url('../images/head.jpg') top left no-repeat;
	width:902px;
	height:271px;
	margin:0 auto;
}
#hcc_head_logo {
	position:absolute;
	top:60px;
	left:35px;
	border:0;
	width:353px;
	height:134px;
}
#hcc_header_img {
	position:absolute;
	top:0;
	right:0;
	width:507px;
	height:271px;
}
#hcc_left_col {
	position:relative;
	float:left;
	width:250px;
}
#hcc_right_col {
	position:relative;
	float:right;
	width:620px;
}
.red_box_large {
	position:relative;
	width:250px;
	background:#FFF url('../images/red_box_large.jpg') top left no-repeat;
	margin-bottom:15px;
	color:#FFF;
}
.red_box_large ul {
	list-style:none;
	margin:0;
	padding:0;
	padding-top:25px;
	padding-left:25px;
}
.red_box_large li {
	list-style:none;
	padding:0;
	margin:0;
	font:13pt "Arial Narrow";
	background:#ED2024 url('../images/li_red_dot.gif') top left no-repeat;
	padding-left:15px;
	width:182px;
}
.red_box_large h2 {
	color:#FFF;
	margin:0;
	padding:0;
	margin-bottom:8px;
}
.red_box_large li a, .red_box_large li a:link, .red_box_large li a:visited, .red_box_large li a:active {
	color:#FFF;
	text-decoration:none;
}
.red_box_large li a:hover {
	text-decoration:underline;
}
#hcc_content_container {
	position:relative;
	width:883px;
	margin:0 auto;
}
.left_box {
	padding:10px;
	padding-left:20px;
}
.left_box ul {
	list-style:none;
	margin:0;
	padding:0;
}
.left_box li {
	list-style:none;
	padding:0;
	margin:0;
	margin-bottom:5px;
}
.clear {
	position:relative;
	clear:both;
	height:1px;
	overflow:hidden;
}
#hcc_content {

}
#hcc_footer {
	margin-top:20px;
	margin-bottom:5px;
	text-align:center;
}
#hcc_nav {
	position:absolute;
	bottom:0;
	left:18px;
	overflow:hidden;
	z-index:100;
}
#hcc_nav ul {
	list-style:none;
	margin:0;
	padding:0;
}
#hcc_nav li {
	position:relative;
	list-style:none;
	float:left;
	margin:0;
	margin-right:2px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:18px;
	padding-right:18px;
	color:#FFF;
	font-size:10pt;
	border:1px solid #FFF;
	cursor:pointer;
	height:16px;
	z-index:333333;
}
#hcc_nav li#floater {
	position:absolute;
	border:1px solid #ED2124;
	margin:0;
	padding:0;
	background-color:#ED2124;
	z-index:222222;
	top:0;
}
.message {
	padding:1px;
	margin:5px;
	background-color:green;
	color:#FFF;
}

.error {
	padding:1px;
	margin:5px;
	background-color:red;
	color:#FFF;
}

.spot_box {
	position:relative;
	float:right;
	width:200px;
	padding:10px;
	border:1px solid #666;
	background-color:#dbdbdb;
	margin:5px;
	font-size:8pt;
}

.spot_box ul {
	list-style:none;
	padding:0;
	margin:0;
}

.spot_box li {
	position:relative;
	clear:both;
	list-style:none;
	padding:4px;
	margin-top:5px;
	margin-bottom:5px;
	border:1px solid #555;
	background-color:#EDEDED;
	cursor:pointer;
}

.spot_box img {
	position:relative;
	float:right;
	border:1px solid #000;
	margin-left:4px;
}

.spot_box h2 {
	padding:0;
	margin:0;
	border-bottom:1px solid #666;
	padding-bottom:2px;
	margin-bottom:4px;
}
#colorcodes {
	position:relative;
	float:left;
	background:url('/images/colorcodes.gif');
	width:146px;
	height:16px;
}
#colorcodes .colorcodebox, #colorcodes .colorcodebox_over, #colorcodes .colorcodebox_on {
	position:relative;
	float:left;
	margin-left:1px;
	width:17px;
	height:16px;
	background:none;
}
#colorcodes .colorcodebox_over {
	background:url('/images/colorcodebox.gif');
}
#colorcodes .colorcodebox_on {
	background:url('/images/colorcodebox_on.gif');
}
#colorcodetext {
	position:relative;
	float:left;
	margin-left:3px;
	margin-top:2px;
	width:60px;
	height:16px;
	color:#666;
	font:8pt Arial;
	font-weight:bold;
}

.optional {
	color:#FF0000;
	font-size:8pt;
}
table.cms, table.form, table.list {
	border:0;	
}
table.cms th, table.form th, table.list th {
	vertical-align:top;
	font-weight:bold;
	font-size:8pt;
}
table.cms td, table.form td, table.list td {
	vertical-align:top;
	text-align:left;
}
table.cms td {
	border:1px solid #CCC;
}
table.form td, table.list td {
	border:0;
}
table.list td {
	font-size:9pt;
	border-bottom:1px solid #DBDBDB;
}
table.cms th {
	background-color:#DBDBDB;
	font-size:9pt;
	text-align:left;
}
table.list th {
	background-color:#FFF;
}
table.form th {
	background-color:#FFF;
	text-align:right;
}

#mycal_cats {
	position:relative;
	float:left;
	width:138px;
	border:1px solid #dbdbdb;
	margin-top:2px;
	font-size:9pt;
}

#mycal_cats ul {
	list-style:none;
	margin:0;
	padding:0;
}

#mycal_cats li {
	position:relative;
	list-style:none;
	margin:0;
	margin-bottom:2px;
	padding:0;
}

#mycal table {
	width:740px;
	margin:0;
}
#mycal h1 {
	font-size:12pt;
	font-weight:bold;
	text-decoration:none;
	color:#666;
	margin:0;
	padding:0;
}
#mycal table a:link, #mycal table a:visited {
	color:#0000FF;
}
#mycal td, #mycal th {
	border:1px solid #dbdbdb;
	padding:1px;
	color:#666;
}
#mycal th {
	font-weight:bold;
	background:none;
}
#mycal tr.calrow {
	height:60px;
}
#mycal td {
	vertical-align:top;
	width:100px;
	height:85px;
	cursor:pointer;
}
#mycal td .calday {
	text-align:right;
}
#mycal td.caldead {
	position:relative;
	background-color:#CCC;
}
#mycal td.callive {
	position:relative;
	background-color:#FFF;
}

div.cal_event, div.static_event {
	position:relative;
	font-size:8pt;
	margin-bottom:1px;
}
div.cal_event_mover {
	position:absolute;
	cursor:move;
	top:0;
	left:0;
	background-color:#FFF;
	opacity:.05;
}

.cal_event_icons {
	position:absolute;
	top:-2px;
	left:-33px;
	background-color:#FFF;
	padding:1px;
	width:28px;
}

.cal_event_icons img {
	border:0;
	width:12px;
	height:12px;
}

ul.staff {
	list-style:none;
	margin:0;
	padding:0;
}

ul.staff li {
	position:relative;
	clear:both;
	list-style:none;
	margin-bottom:3px;
	padding:5px;
	border:1px solid #CCC;
	background-color:#EDEDED;
}
ul.staff li img.thumb {
	position:relative;
	float:right;
	height:70px;
	border:1px solid #000;
}

.vidlist {
	position:relative;
	border-bottom:1px dashed #CCC;
	padding:5px;
	margin-bottom:2px;
}
.vidlist img {
	position:relative;
	float:left;
	padding:1px;
	border:1px solid #000;
	margin-right:8px;
	width:130px;
	height:97px;
	z-index:9999;
}
.vidlist .title {
	position:relative;
	color:#0033CC;
	font:10pt Arial;
	font-weight:bold;
}
.vidlist .desc {
	position:relative;
	font:9pt Arial;
}
.vidlist .added {
	position:relative;
	font:8pt Arial;
	color:#0033CC
}

.bli {
	font-style:italic;
	color:#248DD8;
	font-weight:bold;
}

.video_title_bar {
	position:relative;
	border:1px solid #CCC;
	background-color:#dbdbdb;
	padding:6px;
	font-weight:bold;
	color:#0033CC;
}
