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

/*Reset All */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left; 
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* End of Css Reset */

body{
	background-color:#123e81;
	background-image:url(../images/bg_blue.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#414042;
}

#navContent p strong{
	color:#A9D7EF;
	font-weight:bold;
}

sup{
	font-size:8px;
	vertical-align:top;
}

a{
	color:#a9d7ef;
	text-decoration:none;
}


#mainContainer{
	margin:0 auto;
	width:1000px;
}

#surfContainer{
	background-color:#77c0d2;
	background-image:url(../images/bg_surf.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:980px;
}

#logoContainer{
	width:340px;
	float:left;
}

#navContainer{
	width:660px;
	float:right;
}

#topNav{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	float:right;
	padding:3px 30px 0 0;
	
}

#topNav li{
	display:inline;
	padding:0 2px;
}

#topNav li.lastChild{
	padding-right:0;
}

#mainNavContainer{
	margin:28px 0 0 0;
	width:650px;
	height:109px;
	float:right;
	background-image:url(../images/bg_nav.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#mainNav{
	margin:35px 0 0 0;
	background-color:#FFFFFF;
	height:22px;
	font-size:13px;
	padding:8px 0 0 0;
	font-weight:bold;
}

#mainNav ul li{
	display:inline;
	padding:0 8px;
	background-image:url(../images/divider.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

#mainNav li a{
	padding: 3px 0 0 0;
	color:#0c3066;
	text-decoration:none;
}

#mainNav li a:hover{
	color:#8a1e04;
}

#mainNav li a.selected{
	color:#8a1e04;
	text-decoration:none;
}

#mainNav li.lastChild{
	background-image:none;
	padding-right:0;
}

#mainNavContainer img{
	float:right;
	margin: -55px 22px 0 0;
}

#mainContent{
	padding:28px 30px 0 30px;
	clear:both;
	vertical-align:top;
	height:350px;
}

#subNav{
	width:276px;
	background-color:#55a0b5;
	float:left;
	margin:0 20px 0 0;
	padding:12px;
	font-size:12px;
}

#subNav p{
	line-height:16px;
}

#subNav ul{
	font-size:16px;
	font-weight:bold;
	list-style-type:none;
}

#subNav ul li{
	padding:10px 0;
}

#subNav ul a{
	padding:10px 0 10px 15px;
	font-size:16px;
	color:#a9d7ef;
	text-decoration:none;
	background-image:url(../images/subnav/bullet.gif);
	background-repeat:no-repeat;
	background-position:center left;
}

#subNav ul a:hover{
	background-image:url(../images/subnav/selected_bullet.gif);
	background-repeat:no-repeat;
	background-position:center left;
	color:#0c3066;
}

#subNav ul a.selected{
	background-image:url(../images/subnav/selected_bullet.gif);
	background-repeat:no-repeat;
	background-position:center left;
	color:#0c3066;
}


#navContent{
	width:575px;
	background-color:#0c3066;
	float:left;
	padding:8px 12px;
}


#navContent form p label{
	float:left;
	width:7em;
}

#navContent form#register{
	padding:10px 0;
}

#navContent form#register p{
	padding:7px 0;
}

#navContent form p span{
	font-size:11px;
	color:red;
	padding:0 4px;
}

#navContent form#register p label{
	float:left;
	width:13.5em;
}

#navContent form#register button{
	float:right;
	background-color:transparent;
	border:medium none;
	margin:20px 0;
	
}

#navContent form#register p.subFields{
	float:left;
	padding:10px 5px 0 0;
}

#navContent form#register p.subFields label{
	width:auto;
	padding: 0 5px 0 0;
}

#kiteFields, #eFields, #pagreement{
	display:none;
}


#navContent form button{
	float:right;
	background-color:transparent;
	border:medium none;
	margin:10px 0 0 0;
	
}

#navContent table#gallery td{
	padding:8px 8px;
}

#navContent table#gallery td.firstChild{
	padding-left:0;
}

#navContent table#gallery td.lastChild{
	padding-right:0;
}

#navContent table td.pagination{
	text-align:right;
	color:#FFFFFF;
	font-size:11px;
	padding:5px 8px 0 0;
}

#navContent table td h1{
	display:inline;
	float:left;
	border-bottom:solid 1px #FFFFFF;
}

#navContent table td select{
	margin:0 3px;
	float:right;
}


#navContent ul {
	list-style-type:disc;
	padding:3px 0 10px 0;
}

#navContent ul li{
	font-size:14px;
	color:#FFFFFF;
	padding:2px 0;
	margin: 0 0 0 25px;
}


#subNav h1, #navContent h1{
	font-size:21px;
	color:#a9d7ef;
	text-transform:uppercase;
}

#navContent h2{
	font-size:18px;
	color:#a9d7ef;
	text-transform:capitalize;
	padding: 2px 0;
}

#navContent p{
	font-size:14px;
	color:#FFFFFF;
	line-height:18px;
	padding: 5px 0;
}

#navContent #imgContent{
	margin: 0 2px 2px 2px;
	float:right;
}

#imgContent p a{
	float:right;
	color: #a9d7ef;
	text-decoration:none;
	font-size:10px;
	text-transform:uppercase;
}

#navContent img.button{
	margin: 0;
	float:left;
}

#navContent #event{
	margin:15px 0;
}

#navContent #event td{
	padding:7px 0 6px 8px;
}

#navContent #event thead tr td{
	background-color:#64b4ca;
	font-size:14px;
	color:#FFFFFF;
}

#navContent #event tbody tr td{
	border-top:solid 1px #64b4ca;
	font-size:11px;
	empty-cells:show;
	color:#FFFFFF;
}

#navContent #event tbody tr td.category{
	color: #64b4ca;
}

#navContent #resultNav{
	list-style-type:none;
	float:right;
	padding: 0;
}

#navContent #resultNav li{
	display:inline;
	padding:0 2px;
	margin-left:5px;
}


div.sponsor{
	width:276px;
	background-color:#55a0b5;
	float:left;
	margin:0 20px 15px 0;
	height:235px;
	padding:8px 12px 0 12px;
}

div.sponsor p{
	color:#a9d7ef;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
}

div.sponsor p img{
	margin-top:10px;
}

div.sponsor div{
	margin:0 auto;
	height:148px;
	padding:3px 0;
}

div.sponsor div p{
	color:#414042;
	margin:0;
	padding:2px 0;
	text-transform:none;
}

div.sponsor div p a{
	text-decoration:underline;
}



div.sponsor.lastChild{
	margin-right:0;
}


#col1{
	width:276px;
	background-color:#55a0b5;
	float:left;
	margin:0 20px 0 0;
	height:340px;
	padding:8px 12px 0 12px;
}

#col2{
	width:276px;
	background-color:#55a0b5;
	float:right;
	height:225px;
	padding:8px 12px 0 12px;
	font-size:12px;
	font-weight:bold;
}

#pc{
	position:relative;
	float:right;
	margin: 0 -15px 0 0;
}

#col1 h1, #col2 h1, #col3 h1{
	color:#a9d7ef;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
}

#col1 img{
	float:right;
	margin:0 0 15px 15px;
}

#col1 img.button{
	margin: 0;
	float:left;
}


#col1 p, #col2 p{
	font-weight:bold;
	margin:5px 0 0 0;
	line-height:16px;
	font-size:12px;
}


#col1 p.highlight{
	font-size:13px;
	line-height:18px;
}

#col2 ul{
	padding:15px 0 15px 0;
	width:118px;
	float:left;
	list-style-position:inside;
	list-style-image:url(../images/bullet.gif);
	list-style-position:outside;
	margin: 0 0 0 18px;
}

#col2 ul li{
	padding:4px 0;
	
}

#col2 p span.highlight{
	color:#a9d7ef;
}

#col2 p.notice{
	clear:both;
	padding-bottom: 15px;
}

#col3{
	width:276px;
	background-color:#0c3066;
	float:left;
	height:340px;
	padding:8px 12px 0 12px;
}

#col3 img{
	clear:both;
}

#col3 p{
	color:#FFFFFF;
}

#col3 p.fullscreen{
	float:left;
}

#col3 p.pagination{
	float:right;
}

#col3 p.pagination a, #col3 p.fullscreen a{
	color:#FFFFFF;
	text-decoration:none;
}


#col3 #colGallery{
	margin:8px 0 3px -12px;
}


#footer{
	color:#bcbec0;
	padding: 7px 0 0 0;
	height:92px;
	font-size:10px;
}

#footer a{
	color:#bcbec0;
}

#footer p{
	padding: 1px 0;
	margin: 1px 0;
}

#footer p span{
	border-bottom: solid 1px #bcbec0;
}

#footer #aglogo{
	float:right;
	margin: -95px 20px 0 0;
}

#footer #sponsor div{
	float:left;
}

#footer #sponsor p{
	padding:0 0 6px 0;
}

#footer #sponsor{
	float:left;
	vertical-align:bottom;
	height:100px;
}

#footer #sponsor img{
	float:left;
	margin: 10px 18px 0 0;
	
}

#footer #sideContent{
	width:320px;
	float:right;
	text-align:right;
	margin:-100px 0 0 0;
}

#footer #sideContent img{
	float:right;
}

#footer #sideContent ul{
	padding: 0 0 8px 0;
}

#footer #sideContent ul li{
	display: inline;
}

#footer #sideContent ul li a{
	padding: 0 7px;
	background-image:url(../images/gray_divider.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

#footer #sideContent ul li a.lastChild{
	padding-right:0;
	background-image:none;
}

#selDay{
	margin:0 0;
	float:right;
}



/**************** Gallery **************/

/* Sample 2*/
#box2{
	position:absolute;
}
#box2 span{
	display:block;
	float:left;
}



/* ********************************** */


.mask2{
	position:relative;
	width:300px;
	height:200px;
	overflow:hidden;
}

div.success{
	background-color:#FEFCCD;
	border: solid 1px #F0F000;
	color:#009900;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding:14px 0;
	margin:12px 0;
	vertical-align:middle;
}

div.error{
	background-color:#FBC7BD;
	border: solid 1px #FF0000;
	color:#FF0000;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding:14px 0;
	margin:12px 0;
}


/******* SCROLL **************/


.scroll-pane {
	width: 575px;
	overflow: auto;
	float: left;
}

.bold {
	font-weight:bold;
}

#pane1 {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #9D9D9D;
	line-height: 22px;
	padding-right:22px;
}

#pane11 {
	height: 560px;
	padding-right:15px;
}

#pane12 {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #9D9D9D;
	margin-top:10px;
	height: 175px;
	line-height: 22px;
	padding-right:52px;
}