body 	{ 
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF; 
	color: #000000;
	text-align: center;
	margin: 0; 
	padding-top:9px; 
	} 	  
	
p	 { 
	font-size: 10pt;	
	margin-bottom: 0px;	
	}  
	
form { 
	font-size: 10pt;	
	margin: 0px;	
	}  

.headline { 
	font-size: 13pt; 
	font-weight: bold;
	color: #EB8321; 
	margin-top: 0px; 
	margin-bottom: 10px;
	}

.ObjTitle { 
	font-size: 13pt; 
	font-weight: bold;
	color: #EB8321; 
	margin-top: 0px; 
	margin-bottom: 10px;
	}


h1, h2, h3, h4, h5, h6 {
	font-size: 10pt;
	margin-bottom: 0px;
	}

h1 {
	font-weight: bold;	
	}

h2 {
	font-style: italic;
	}

h3 {
	font-weight: normal;
	font-style: italic;
	}

h4 { 
	font-weight: bold;
	color: #EB8321;
	
	}

h4 a { 
	font-weight: bold;
	color: #EB8321;
	text-decoration: none;
	}

h4 a:hover {
	text-decoration: underline;
	}

html>body h5 { 
	font-weight: bold;
	color: #365073;
	padding-bottom: 3px;
	}


h5 { 
	font-weight: bold;
	color: #365073;
	margin: 0px;
	text-decoration: underline;
	}

h5 a { 
	font-weight: bold;
	color: #365073;
	text-decoration: underline;
	}

h5 a:visited { 
	font-weight: bold;
	color: #365073;
	text-decoration: underline;
	}

h5 a:hover {
	text-decoration: underline;
	color: #365073;
	}

h6 { 
	font-weight: bold;
	color: #6692C9;

	}

h6 a { 
	font-weight: bold;
	color: #6692C9;
	text-decoration: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}

h6 a:hover {
	text-decoration: underline;
	}

li {
	font-size: 10pt; 
	margin-left: 25px; 
	margin-top: 10px; 
	margin-bottom: 10px; 
	color: #000000; 
	background-color:transparent
	}	

/* utility navigation*/
.unav_bkgd {
	background-image: url(../images/yellow_bg.gif);
	background-repeat: repeat-x;
	height: 30px;
	position: relative;
	width: 100%
}

/* yellow corners */
.unav_left {	
	width: 19px;
	height: 30px;
	background-image: url(../images/yellow_leftcorner.gif);
	float: left	
	}   	

.unav_right {
	width: 19px;
	height: 30px;
	background-image: url(../images/yellow_rightcorner.gif);
	float: right;		
	} 

.unav_divider {
	color: #06C;
	font-size: 11px;
	padding: 0px 5px 0px 5px	
	}
	
.unav_text {
	padding: 6px 5px 0px 5px;
	color: #06C;
	font: 10pt arial;	
}


/* banner*/
/* Banner image changed 10/14/11 - J. Vestal */

.banner {
	height: 104px;
/*	width: 773px;*/
	width: 847px;
/*	background-image: url(../images/ccs/dragon_boat_ccs_banner.jpg);*/
	background-image: url(../images/ccs/dragon_boat_ccs_banner2.jpg);
	background-repeat: no-repeat;  
	text-align: right;
	vertical-align: bottom;
}

.stretch_banner {
	height: 104px;
	background-image: url(../images/ccs/stretch_banner.jpg);
}

/*LAYOUT STYLES*/


#main_content {	 
	padding: 8px;
	valign=top;
	}

.wrapper {
	width: 773px;
	margin-left: auto; 
	margin-right: auto;
	text-align: left;
	}

.topheader {
	width: 773px;
	height: 70px;
	margin: 0px;
	}

.ccslogo	{
	margin-left: 30px;
	padding-bottom: 10px;	
	}

.dragon_boat_logo	{
	margin-right: 30px;
	padding-bottom: 5px;	
	text-align: right;
	}

.header {
	width: 773px;
	height: 30px;
	margin: 0px;
	}

.headerleft {
	position:absolute;
	width: 19px;
	height: 30px;
	margin-left: 0px;
	padding-left:0px;
	background-image: url(../images/yellow_leftcorner.gif);
	}   		 	

.headerbody { 
	position:absolute; 
	width: 740px; 
	height: 30px; 
	background-image: url('../images/yellow_bg.gif'); 	
	margin-left: 19px; 
	//padding-top: 6px; 
	} 
	
html>body .headerbody { 
	position:absolute; 
	width: 740px; 
	height: 24px; 
	background-image: url('../images/yellow_bg.gif'); 
	background-repeat: repeat-x; 
	margin-left: 19px; 
	padding-top: 6px; 
	} 

.headerright {
	position: absolute;
	width: 19px;
	height: 30px;
	border: 0px;
	padding:0px;
	margin-left:754px;
	background-image: url(../images/yellow_rightcorner.gif);
 	}

.topnav {
	width: 773px;
	height: 34px;
	margin:0px;
	padding-top: 1px;
	padding-bottom: 1px;
	}

	   
	
#leftnavcontainer {
	margin: 0px; 
	padding:0px; 	 
	width:200px;	
	background-color: #F4F9FE;
	border-right: 1px dashed #D2DCE7;
	vertical-align:top;	
	float: left
	}	 
	
#leftnav {	 
	margin: 5px;
	}	
	
.leftnavindent1 {
	padding-top: 2px; 
	padding-bottom: 2px; 
	padding-left: 10px;	
	font-weight: bold; 
	margin: 0px;   
	display: block;
	background-image: url(../images/arrow_related.gif);	  
	background-repeat: no-repeat;  
	border-top: 1px solid #D2DCE7;	 
	}  

.leftnavindent2 {
	padding-top: 2px; 
	padding-bottom: 2px; 
	padding-left: 16px;	
	font-weight: normal; 
	margin: 0px;   
	display: block;	 
	}

.loginbox {
	padding-top: 10px; 
	padding-bottom: 2px; 
	padding-left: 10px;		
	margin: 0px;   
	display: block;  	 
	font-size: 11px;
	color: #4B5058;
	border-top: 1px solid #D2DCE7;	 
	
	}  	

#middlestandard { 
	margin:0px;
	padding:10px; 
	margin-left: 150px;	
	width: 600px; 
	vertical-align:top;
	background: white;
	}
	
a {	
	color: #0066CC;
	background-color:transparent; 
	text-decoration: underline;
	}	 

a.sitenav  { 
	color: #365073;	
	background-color:transparent;  
	font-size: 10pt;
	text-decoration: none; 
	}	

a.sitenav:visited  { 
	color: #365073;	
	background-color:transparent;  
	font-size: 10pt;
	text-decoration: none; 
	}	 

a:hover.sitenav  {
	color: #EC7E16;	 
	background-color:transparent;  
	font-size: 10pt;  
	text-decoration: none;	 
	}

a.sitenavcurrent  {	
	color: #EC7E16;	
	background-color:transparent; 
	font-size: 10pt;  
	text-decoration: none;	 
	}	

a:hover.sitenavcurrent  { 
	font-size: 10pt; 
	text-decoration: none;	
	}	 

a.forgot {
	margin-left: 5px;	
	text-decoration: none;
	}			   
	
a:hover.forgot {
	text-decoration: underline
	}				






.unav_bkgd {
	background-image: url(../images/yellow_bg.gif);
	background-repeat: repeat-x;
	height: 30px;
	position: relative;
	width: 100%
}

.footer_1 {
	background-color: #0066CC;
	height: 24px;
	position: relative;
	width: 100%
}


.rfl_footerleft {	
	width: 21px;
	height: 24px;
	background-image: url('../images/footer_left.gif');
	float: left	
	}   	

.rfl_footerbody_left {
	color: #FFFFFF;
	font-size: 8pt;
	padding: 6px 5px 0px 5px;
}

.rfl_footerbody_right {
	color: #FFFFFF;
	background-color: #0066CC;
	font-size: 8pt;
	height: 24px;
	width: 300px;
	padding: 6px 5px 0px 5px;
	text-align: right;
}
	
.rfl_footerright {
	width: 21px;
	height: 24px;
	background-image: url('../images/footer_right.gif');
	float: right
	}

	
.convio_logo {
	padding-top: 10px; 
	text-align: right;
	}	

.divider {
	color: #0066CC;
	background-color: #FFE600;
	font-size: 10pt;
	padding-right: 5px;
	padding-left: 6px;
	}

/*FONT STYLES*/		 

a.privacy:link, a.privacy:visited {
	color: #FFFFFF;
	background-color: #0066CC;
	font: 8pt arial;	
	text-decoration: none; 
	}	
			
a.privacy:hover {
	color: #FFFFFF;
	background-color: #0066CC;
	font-size: 8pt;
	text-decoration: underline; 
	}

.copyright {
	color: #FFFFFF;
	background-color: #0066CC;
	font-size: 8pt;
	margin-left: 20px; 
	}

.headerbody a.toplinks {
	color: #0066CC;
	background-color: #FFE600;
	font-size: 10pt;
	text-decoration: none
	}	  
	 
.headerbody a.toplinks:hover {
	color: #0066CC;
	background-color: #FFE600;
	font-size: 10pt;
	text-decoration: underline
	}		


a.header_links:link{text-decoration: none; color: #0066CC; font-size: 13px;}
a.header_links:Active {}
a.header_links:visited{text-decoration: none; color: #0066CC; font-size: 13px;}
a.header_links:hover{text-decoration: underline; color: #0066CC; font-size: 13px;}



a {	  
	color: #0066CC;		
	text-decoration: underline;	 
	}	

a:hover {
	text-decoration: underline;
	}	

a:visited {
	color: #0066CC;		
	text-decoration: underline;
	}

.loginhead {
	color: #4F89CF;
	font-weight: bold;
	font-size: 10pt;	
	}  
	
.blogin { 
	margin-left: 40px;
	margin-top: 10px;	
	}