@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
}

a {
	color:#283457;
	font-weight:bold;
	
}
a:hover {
	color:#0056A1;
}

img {
	border:none;
}



h1 {
	position: absolute;
	margin-left: -999px;
}
h2 {
	color: #FFF;
	font: 22px/24px "Times New Roman", Times, serif;
	margin-top: 35px;
	width: 200px;
	padding-left: 8px;
	position: absolute;
	left: 0px;
}


h3 {
	/*Maroon*/
	color: #6A204B;
	font-family:"Times New Roman", Times, serif;
	font-size:17px;
	line-height: 19px;
	font-weight: bold;
	
}

h4 {
	/*medium bright blue*/
	color: #0056A1;
	font: bold 15px/17px "Times New Roman", Times, serif;
	padding-top: 10px;

}

p {
	margin-top:10px;
	margin-bottom:10px;

}
ul {
	margin-left: 10px;
}
ul li {
	list-style: none;
	display: block;
	padding-left: 25px;
	margin-left: -10px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	background: url(images/design/blue_star_bullet.jpg) no-repeat left top;
	color: #0056A1;
}

.external {
	background: url(images/design/external.gif) no-repeat right 3px;
}

p.subtitle {
	margin-top: 0px;
	color: #555;
	font: bold 14px/16px "Times New Roman", Times, serif;
}

#outerWrapper {
	width:1000px;
	position:relative;
	margin:-2px auto 0 auto;
	background: url(images/design/swoosh_and_logo_curve_right.jpg) no-repeat right bottom;
	border-bottom: 3px solid #808080;
	
}
#header {
	height:86px;
}
#innerWrapper {
	background: url(images/design/top_black_curve.gif) no-repeat 0px -2px;
	clear: both;
	border-right: 1px solid #808080;
	border-left: 1px solid #808080;
}

#leftColumnWrapper { /*This extra wrapper prevents the IE6 double margin float bug.  The wrapper has the float left and then the #leftColumn has the margin-left (The bug occurrs when those two properties are on the same div)*/
	float: left;
	width: 540px;
	background: url(images/design/stars_glow.jpg) no-repeat right bottom;
	padding-bottom: 25px;
}

#leftColumn {
	width:430px;
	margin-top: 120px;
	margin-left: 108px;
	
}

#rightColumnWrapper {
	float: right;
	width:451px;
	padding-bottom: 671px;
		
}

#rightColumn {
	margin-top: 190px;
	margin-left:58px;
	margin-right: 70px;
}



#logo {
	float:left;
	height: 86px;
}

#logo img {
	margin-top:3px;
	margin-bottom: 0px;
}

#topNav {
	float:right;
	width:563px;
	border-bottom: 3px solid #808080;
}
#topNav ul {
	float:left;
	width:552px;
	margin-top: 37px;
	background: #FFF;
	margin-left: 3px;
}

#topNav ul li {
	float:left;
	width:137px;
	height:49px;
	display:inline;
	color:#FFF;
	background: url(images/design/tab_corner_left2.gif) no-repeat 0px 0px;
	margin: 0 1px 0 0;
	padding: 0;
}
#topNav ul li a {
	display: block;
	padding-top: 6px;
	padding-left: 20px;
	color: #FFF;
	font: bold 16px/18px "Times New Roman", Times, serif;
	text-decoration: none;
	background: #283457 url(images/design/tab_corner_left_and_right.gif) no-repeat 0px 0px;
	height: 43px;
}

#topNav ul li a.current, #topNav ul li a:hover {
	background-color:#703053;
}



#footer {
	clear:both;
	position: relative;
	bottom: 0px;
}

#footerNav {
	height: 24px;
}



#footerNav ul {
	float: left;
	height: 24px;
	width: 690px;
	
	margin-left: 0px;
	
}
#footerNav ul li {
	display: inline;
	float: left;
	border-right: 1px solid #666;
	margin: 0;
	padding: 0;
	background-image: url(none);
}
#footerNav ul li.last {
	border-right:none;
}
#footerNav ul li a {
	color: #333;
	text-decoration: none;
	font: 11px/12px Arial, Helvetica, sans-serif;
	padding: 5px 12px;
	display: block;
	font-weight:normal;
}
#footerNav ul li a:hover {
	color:#000;
}

#rightColumnImageHolder {
	width: 100%;
	padding-top:3px;
	
}

.submissions {
	background: url(images/design/JumpingOrca_curve_left_390.jpg) no-repeat right 4px;
}
.reservations {
	background: url(images/design/palm_tree_gray.gif) no-repeat right 3px;
	
}
.details {
	background: url(images/design/orca_cartoon_217.gif) no-repeat right 5px;
}



.button1 {
	font: normal 26px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	background: url(images/design/button_one_line_combined.jpg) no-repeat 0px -84px;
	display: block;
	padding-top: 24px;
	text-align: center;
	padding-bottom: 24px;
	margin-left: -10px;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 332px;
}
.button1:hover {
	background: url(images/design/button_one_line_combined.jpg) no-repeat 0px 0px;
	color: #FFF;
}
#leftColumnWrapper.details {
	background: url(images/design/rollercoaster.jpg) no-repeat left bottom;
	padding-bottom: 500px;
	margin-bottom: 10px;
}
#rightColumnImageHolder.winners {
	background: url(images/design/Golden_Gate_Bridge450.jpg) no-repeat right 3px;
}
blockquote {
	color: #555;
	font: bold 14px/15px "Times New Roman", Times, serif;
	margin-top: 50px;
}
.source {
	text-align: right;
	font-style: italic;
	font-weight: bold;
}
#leftColumnWrapper.winners {
	background: url(images/design/trolley.jpg) no-repeat center bottom;
	padding-bottom: 280px;
}
ul.narrow {
	width: 200px;
	float: left;
}
ul.narrow li {
	color: #6A204B;
	font-weight: bold;
	background: url(images/design/triangle_bullet.gif) no-repeat left top;
}
table {
	border-collapse:collapse;
	clear: left;
	width: 430px;
	background: url(images/design/table_background_top.gif) no-repeat left 18px;
}
th {
	font-size: 20px;
	text-align: left;
	color: #0054A4;
	font-weight: bold;
	line-height: 20px;
	padding-left: 10px;
}
td {
	padding-left: 12px;
	padding-right: 8px;
	padding-top: 2px;
	padding-bottom: 0px;
}
.topLeft {
}
tfoot th{
	background: url(images/design/table_background_bottom.gif) no-repeat left bottom;
	height:18px;
	margin:0;
	padding:0;
}
tfoot {
	margin:0;
	padding:0;
}
#index #leftColumnWrapper {
	margin-left: 0px;
	width: 330px;
	padding-bottom: 45px;
	background: url(none);
}
#index #leftColumn {
	margin-left: 10px;
	width: 300px;
	margin-top: 240px;
	padding-top: 230px;
}
#index #rightColumnWrapper {
	height: 680px;
	width: 633px;
	background: url(images/design/home_background_right.jpg) no-repeat right top;
	margin: 0px;
	padding-bottom: 0px;
	background-color: #FFF;
}
#index #logo {
	background: url(images/design/home_header_background.gif) no-repeat -3px 2px;
	width: 437px;
	margin-bottom: 0px;
	height: 80px;
	margin-top: 0px;
	border-bottom: 3px solid #000;
}
#index #innerWrapper {
	background: #000;
	border-left: 1px solid #000;
}
#index #logo img {
	position: absolute;
	top: 5px;
	left: 20px;
	margin-top: 0px;
}

#index #rightColumn {
	margin-top: 0px;
	margin-left: 200px;
	margin-right: 25px;
}
#index h2 {
	position: static;
	color: #68214C;
	font: normal 44px/42px "Times New Roman", Times, serif;
	text-align: center;
	width: auto;
}
#index h2 .line2 {
	font: bold 36px/36px "Times New Roman", Times, serif;
	color: #000;
}
#index #leftColumn ul li a {
	color: #ECD5B8;
	font-weight:normal;
}
#index #leftColumn ul li a:hover {
	color: #EDE2D1;
}

#index #leftColumn ul li {
	background: url(images/design/triangle_bullet_peach.gif) no-repeat left 2px;
}
#index #footerNav ul {
	width: 100%;
}
#index #footerNav ul li a {
	color: #CDD2ED;
	padding-right: 35px;
	padding-left: 35px;
	font-size: 12px;
	line-height: 13px;
}
#index #footerNav ul li a:hover {
	color: #FFF;
}

#index .external {
	background: url(images/design/external_white.gif) no-repeat 175px 3px;
}
#index .button1 {
	background: url(images/design/button_one_line_combined_220.jpg) no-repeat left bottom;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 25px;
	width: 221px;
	font-size: 19px;
	line-height: 24px;
	margin-left: 22px;
	margin-bottom: 30px;
}
#index .button1:hover {
	background: url(images/design/button_one_line_combined_220.jpg) no-repeat left top;
}
#index #header {
	height: 80px;
}
#index #topNav ul {
	margin-top: 31px;
}
#index #leftColumn ul {
	margin-left: 32px;
}
.caption {
	font-size: 10px;
	color: #333;
	line-height: 11px;
	background: url(images/design/rounded_blue_rectangle.gif) no-repeat left bottom;
	padding: 5px;
	text-align: right;
	height: 40px;
	margin-bottom: 40px;
	display: block;
}