body {
font-family: Arial, sans-serif;
background: #000 url(../images/americanflagdrk.jpg);
}

#outerDiv{
position: relative;
background-color: #000;
width: 1000px;
margin: 0px auto;
padding: 0px;
}

#mainbodyWrapper{
			position: relative;
			width:996px;
			padding: 3px;
			margin:0 auto;
			text-align: left;
			background: url(../images/red.png) repeat-y 50% 50%;

		}
	
#mainbody { 
		position: relative;
		padding: 10px 10px 100px 10px;
		background-color: #000;
		width: 976px; 
		height: auto;
		margin: 0;
		}		

#contentright {
		position: relative;
		top: 50px;
		left: 30px;
		float: left;
		padding: 0;
		background: #000;
		width: 145px;
		margin: 0;	
		border: 0;
		}
		
#contentleft {
		position: relative;
		top: 0;
		left: 0;
		float: left;
		padding: 0;
		background: #000;
		width: 205px;
		margin: 10px;	
		border: 0;
		}

#contentcenter {
		position: relative;
		top: 0;
		left: 0px;
		float: left;
		padding: 0;
		background: #000;
		width: 540px;
		margin: 10px;	
		border: 0;
		}



#eventsBox {
		position: relative;
		height: auto;
		float: top;
		width: 240px; 
		top: 0;
		left: 0;
		padding: 20px;
		border: 1px solid black;
		text-align:left;
}


#header {
		background: #900;
		position: relative;
		width: 960px; 
		height: 510px;
		top: 0;
		left: -10px;
		padding: 0;
		border: 0;
}	

#photo1{
	position: relative;
	width: 742px;
	height: 443px;
	top: 8px;
	left: 80px;
	padding: 10px;
margin: auto;
	}
	
#photo2{
	position: absolute;
	top: 340px;
	left: 820px;
	width: 156px;
	height: 200px;
	padding: 0;
	}

	
#duckylogo{
	position: relative;
	top: -450px;
	left: 10px;
	width: 156px;
	height: 200px;
	padding: 0;
	}
		
#cctranstiny{
	position: relative;
	top: 20px;
	left: -45px;
	width: 210px;
	height: 300px;
	padding: 5px;
font-size: 24px;
color: #FFF;
text-align: center;
	}	
		
#girlglovetranstiny{
	position: relative;
	top: -258px;
	left: 70px;
	width: 210px;
	height: 300px;
	padding: 0;
border: 0;
	}	
	
		
#lftrctngltext{
	position: relative;
	top: 210px;
	left: 0px;
	width: 210px;
	height: 300px;
	padding: 5px;
font-size: 24px;
color: #FFF;
text-align: center;
	}	
		
#leftrectangle{
background: url(../images/cc_girl_dictionary.jpg) no-repeat;
	position: relative;
	top: 20px;
	left: -10px;
	width: 226px;
	height: 340px;
	padding: 5px;
font-size: 24px;
color: #FFF;
text-align: center;
	}	
		
	
		
#forTickets{
	position: relative;
	top: 70px;
	left: -10px;
	width: 210px;
	height: 300px;
	padding: 5px;
font-size: 16px;
color: #FFF;
text-align: center;
	}	


#horizontalnav {
		position: relative;
		top: 130px;
		float: center;
		width: 996px;
		height: 35px;
		margin: 0  auto;
		padding: 0;
}

#headershout {
		position: absolute;
		top: 18px;
left: 255px;
		width: 606px;
		height: 70px;
		margin: 0  auto;
		padding: 0;
font-size: 64px;
color: #900;
}

#headershout2 {
		position: absolute;
		top: 440px;
left: 220px;
		width: 700px;
		height: 70px;
		margin: 0  auto;
		padding: 0;
font-size: 40px;
color: #FFF;
}


#headershout3 {
		position: absolute;
		top: 230px;
left: 14px;
		width: 160px;
		height: 70px;
		margin: 0  auto;
		padding: 0;
font-size: 23px;
color: #FFF;
}

#footer {
		position: relative;
		top: 0px;
		float: center;
		width: 996px;
		height: 35px;
		margin: 0  auto;
		padding: 0;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight: bold;
font-size:16px;
}
h2 {
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:22px;
font-weight: bold;
}
h3 {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight: bold;
font-size:12px;
}
.style1 {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:18px;
}
.style1r {
font-family:Arial, Helvetica, sans-serif;
color:#990000;
font-size:18px;
}
.style1i {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:18px;
font-style:italic;
}
.style9 {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:9px;
}
.style10 {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:10px;
}
.style10g {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:10px;
}
.style11 {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:11px;
}
.style12 {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
}
.style12b {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight: bold;
font-size:12px;
}
.style12i {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-style: italic;
font-size:12px;
}
.style1a {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
}
.style1b {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:13px;
}
.style1c {
font-family:Arial, Helvetica, sans-serif;
font-style: bold
color:#000000;
font-size:14px;
}

a:link {
	color: #0000CC;
}
a:visited {
	color: #FF0000;
}
a:hover {
	color: #FF0000;
}
a:active {
	color: #FF0000;
}

A { text-decoration:none }


.style14bC {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight: bold;
font-size:14px;
text-align: center;
}

.style16g {
font-family:Arial, Helvetica, sans-serif;
color:#999;
font-size:16px;
}

.style22b {
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:22px;
font-weight: bold;
}



#formContainer {
position: relative;
width: 500px;
margin: 0px auto;
padding: 0px;
}
#name {
		position: relative;
		float: left;
		width: 500px; 
		top: 0;
		left: 0;
		padding: 5px;
		border: 0;
}

#nameFirst {
		position: relative;
		float: left;
		width: 120px; 
		top: 0;
		left: 0;
		padding: 5px;
		border: 0;
}

#nameMiddle {
		position: relative;
		float: left;
		width: 120px; 
		top: 0;
		left: 35px;
		padding: 5px;
		border: 0;
}

#nameLast {
		position: relative;
		float: left;
		width: 120px; 
		top: 0;
		left: 70px;
		padding: 5px;
		border: 0;
}


.labelStandard {
		position: relative;
		float: top;
		width: 140px; 
		top: 0;
		left: 0;
		padding: 0px;
		border: 0;
		text-align:right;
}

.inputStandard {
		position: relative;
		float: left;
		width: 100px; 
		top: -20px;
		left: 150px;
		padding: 0px;
		border: 0;
	}

.inputExtra {
		position: relative;
		float: left;
		width: 100px; 
		top: -20px;
		left: 320px;
		padding: 0px;
		border: 0;
	}
	
		
.labelCheckbox {
		position: relative;
		float: top;
		width: 140px; 
		top: 0;
		left: 0;
		padding: 0px;
		border: 0;
		text-align:right;
}

.inputcheckbox {
		position: relative;
		float: left;
		width: 100px; 
		top: -20px;
		left: 150px;
		padding: 0px;
		border: 0;
	}
	
#citystatezip {
		position: relative;
		float: left;
		width: 500px; 
		top: -10px;
		left: 0;
		padding: 5px;
		border: 0;
line-height: 15px;
height: 24px;
}



#city {
		position: relative;
		float: left;
		width: 120px; 
		top: 0;
		left: 0;
		padding: 5px;
		border: 0;
}

#state {
		position: relative;
		float: left;
		width: 120px; 
		top: 0;
		left: 85px;
		padding: 5px;
		border: 0;
}

#zip {
		position: relative;
		float: left;
		width: 120px; 
		top: -15px;
		left: 90px;
		padding: 5px;
		border: 0;
}	

.areaCodeNumber {
		position: relative;
		float: left;
		width: 500px; 
		top: 0;
		left: 0;
		padding: 5px;
		border: 0;
}

.areaCode {
		position: relative;
		float: left;
		width: 135px; 
		top: -6px;
		left: 0;
		padding: 5px;
		border: 0;
		text-align: right;
}

.number {
		position: relative;
		float: left;
		width: 120px; 
		top: 0;
		left: 0;
		padding: 5px;
		border: 0;
}

.formTextcenter12 {
		position: relative;
		float: left;
		width: 500px; 
		top: 0;
		left: 0;
		padding: 5px;
		border: 0;
		text-align: center;
}