/**********************************************************/
/* CUSTOM CSS                                             */
/**********************************************************/
	body {
		padding: 0px;
		margin: 0px;
		background: url('images/back2.jpg') no-repeat top center;
		background-color: #01559D;
	}

	p {
		padding: 0px;
		margin: 0px;
		padding-bottom: 10px;
	}

	.kicker { clear: both; }

	#container {
		width: 950px;
		text-align: left;
	}
	.sub #container {
		background: none;
		padding-bottom: 0px;
	}
	#border {
		border: 4px #FFF solid;
		border-width: 0px 4px;
		overflow: hidden;
	}

/**********************************************************/
/* UTILITY BAR                                            */
/**********************************************************/
	#utilitybar {
		height: 26px;
		background: #01A0C7;
	}
	#utilitybar, #utilitybar a {
		color: #FFF;
		font-size: 11px;
		text-decoration: none;
		line-height: 26px;
	}
	#utilitybar a:hover {
		text-decoration: underline;
	}

	#utility_inner {
		width: 950px;
	}
	#scroll {
		width: 645px;
		height: 26px;
		float: left;
		text-align: left;
	}
	#scroll_text {
		width: 625px;
		height: 26px;
		overflow: hidden;
		white-space: nowrap;
		text-indent: 15px;
		position: absolute;
		z-index: 1;
	}
	#scroll_fade_left {
		width: 65px;
		position: absolute;
		z-index: 2;
	}
	#scroll_fade_right {
		width: 65px;
		margin-left: 560px;
		position: absolute;
		z-index: 2;
	}
	#utility {
		text-align: right;
		float: right;
		padding-right: 15px;
	}

/**********************************************************/
/* HEADER                                                 */
/**********************************************************/
	#header {
		height: 129px;
		background: url('images/header.jpg') no-repeat;
	}
	.sub #header {
		height: 114px;
	}

	#logo {
		float: left;
	}

	#nav {
		float: right;
		width: 460px;
		height: 95px;
		overflow: hidden;
	}
	#nav a {
		margin-top: 47px;
		line-height: 45px;
		height: 45px;
		background: url('images/nav_sprite.jpg') no-repeat;
		text-indent: -99999px;
		white-space: nowrap;
		outline: none;
		display: block;
		float: left;
		overflow: hidden;
	}
	.sub #nav a {
		margin-top: 37px;
	}
	a#nav_events { width: 96px; background-position: 0px 0px; }
	a#nav_space1 { width: 73px; background-position: -96px 0px; }
	a#nav_facility { width: 101px; background-position: -169px 0px; }
	a#nav_space2 { width: 73px; background-position: -270px 0px; }
	a#nav_catering { width: 117px; background-position: -343px 0px; }

	#flash {
		border-bottom: 4px #ECECEC solid;
	}

	#bottom_boxes {
		padding: 0px 10px 0px 8px;
		background: url('images/bottomback.jpg') no-repeat bottom;
	}
	#box_events {
		float: left;
		width: 352px;
		padding-bottom: 30px;
	}

	#box_banner {
		float: left;
		width: 267px;
	}
	#box_banner img {
		border: 1px #FFF solid;
	}
	#box_banner a {
		display: block;
		border-bottom: 1px #AAA69D solid;
	}

	#box_sponsors {
		float: left;
		width: 267px;
	}
	#box_sponsors img {
		border-bottom: 1px #AAA69D solid;
	}

	#boxspace1 {
		float: left;
		width: 19px;
	}
	#boxspace2 {
		float: left;
		width: 19px;
	}

	#upcoming_events {
		line-height: 22px;
		text-indent: 5px;
		color: #00A0C6;
		text-transform: uppercase;
		font-size: 13px;
		font-weight: bold;
		border-bottom: 1px #AAA69D solid;
	}
	.event td, .event th {
		border-bottom: 1px #AAA69D solid;
		padding: 3px 0px 3px 10px;
		font-size: 11px;
		line-height: 130%;
		font-weight: normal;
	}
	.event a {
		color: #00A0C6;
		text-decoration: none;
	}
	.event a:hover {
		text-decoration: underline;
	}
	.event td {
		padding-left: 8px;
		padding-right: 10px;
		color: #000;
		font-weight: bold;
		white-space: nowrap;
	}
	.white {
		background: #FFF;
	}
	#allevent {
		border-bottom: 1px #AAA69D solid;
	}
	#allevent a {
		padding: 0px 6px;
		color: #00A0C6;
		font-size: 11px;
		line-height: 200%;
	}

/* liScroll style declarations */

	#ticker {
		display: none;
	}
	.tickercontainer { /* the outer div with the black border */
		width: 625px;
		height: 26px;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
	}

	.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
		position: relative;
		width: 625px;
		overflow: hidden;
	}

	ul.newsticker { /* that's your list */
		position: relative;
		left: 500px;
		height: 26px;
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		overflow: hidden;

	}
	ul.newsticker li {
		float: left; /* important: display inline gives incorrect results when you check for elem's width */
		margin: 0px;
		padding: 0px;
	}

	#supporter {
		padding-left: 40px;
	}


	#main {
		background: url('images/sub_tile.jpg') repeat-y;
	}
	#maincols {
		background: url('images/sub_columns.jpg') no-repeat top;
	}

	#content {
		width: 665px;
		overflow: hidden;
	}
	#content_inner {
		padding: 10px 34px 10px 23px;
	}
	.content_indent {
		padding-left: 21px;
		padding-right: 10px;
	}

	#sidebar {
		width: 277px;
		vertical-align: top;
	}
	#sidebar_inner {
		padding-right: 10px;
	}
	#subnav {
		padding-bottom: 10px;
	}

	#bottom {
		width: 950px;
		height: 48px;
		background: url('images/bottom.png') no-repeat;
	}
	#sub_bottom {
		width: 950px;
		height: 73px;
		background: url('images/sub_bottom.png') no-repeat;
	}


	#footer_logos {
		padding-top: 3px;
	}

	#nav_footer {
		padding-top: 10px;
		font-size: 11px;
		color: #00A0C6;
	}
	#nav_footer a {
		font-size: 11px;
		color: #FFF;
	}

	#footer {
		padding-top: 10px;
	}
	#footer, #footer a {
		font-size: 11px;
		line-height: 130%;
		color: #00A0C6;
		text-decoration: none;
	}