BODY {
	padding: 0;
	margin: 0;
	background-color: #BDDFFC;
	background-image: url(/images/bodyBkg.gif);
	background-repeat: repeat;
	text-align: center;
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
}
table, tr, td {
	font-size: 9pt
	}

FORM {
	padding: 0;
	margin: 0;
}

P A, LI A {
	color: #B6197A;
	text-decoration: none;
}
P A:hover, LI A:hover {
	color: #0075AE;
	text-decoration: underline;
}

.banner {
	padding: 0;
	margin: 0;
	text-align:center;
   display:block;

	}
.smallerText {
	line-height: 120%;
	margin: 10px;
	font-size: xx-small;
}
.clearing 
{
	float: none;
	clear: both;
}

#bodyContainer {
	padding: 0;
	margin: 0px auto 0px auto;
	background-color: #FFFFFF;
	background-image: url(/images/bodyShadowLR.gif);
	background-repeat: repeat-y;
	width: 770px;
	height: auto;
	text-align: left;
}
#mainContainer {
	margin: 0 0 0 10px;
	padding: 0;
	width: 750px;
	height: auto;
	background-color: #FFFFFF;
	border: 1px solid #FF00CC;
}	

	#nav {
		padding: 0;
		margin: 0;
		margin-bottom: -2px;
		height: 25px;
		width: 750px;
		text-align: left;
		background-color: #0679b0;
	}
		#navlinks {
			height: 25px;
			margin: 0; 
			padding: 0;
		}
		#navlinks li {
			margin: 0; 
			padding: 0;
			display: inline;
		}
		
/* naming convention for columns: 
COLUMN: current column 
col: another column
ex: colCOLUMNcol - 3 columns, currently styling middle column
	COLUMNcol - 2 columns, styling right column
*/
	#indexContainer, #eventsContainer, #contactContainer, #faqContainer, #webcamTips {
		width: 750px;
		padding: 0;
		margin: 0;
	}
	#indexContainer {
		background-color: #bddffc;
	}

		#indexContainer #COLUMNcolcol {
			float: left;
			width: 220px;
			height: auto;
			text-align: center;
			padding: 0 0 5px 5px;
			margin: 0;
		}
		#indexContainer #colCOLUMNcol {
			padding: 16px 0 15px 0;
			margin: 0;
			text-align: center;
			float: left;
			width: 370px;
			height: auto;
		}
		#indexContainer #colcolCOLUMN {
			width: 140px;
			float: left;
			height: auto;
			padding: 0 0 5px 10px;
			margin: 0;
		}
		#eventsContainer #COLUMNcol {
			float: left;
			width: 495px;
			height: auto;
			margin: 0;
			padding: 5px 0 10px 25px;
			text-align: left;
		}
		#eventsContainer #colCOLUMN {
			float: left;
			height: auto;
			margin: 0;
			padding: 5px 0 0 22px;
			text-align: left;
		}
		#contactContainer #COLUMNcol {
			float: left;
			width: 350px;
			height: auto;
			margin: 0;
			padding: 5px 0 10px 25px;
			text-align: left;
		}
		#contactContainer #colCOLUMN {
			float: left;
			height: auto;
			margin: 0;
			padding: 5px 0 0 22px;
			text-align: left;
		}
		#webcamProfile 
		{
			text-align: center;
			width: 680px;
			margin: 0 0 0 30px;
			font-size: 9pt;
		}
		#webcamProfile #COLUMNcol 
		{
			float: left;
			margin: 0;
			padding: 5px 0 0 15px;
			width: 240px;
		}
		#webcamProfile #colCOLUMN
		{
			width: 390px;
			float: left;
			text-align: left;
			margin: 0;
			padding: 5px 0 0 15px;
			line-height: 140%;
		}
		
		#COLUMN {
			float: left;
			width: 750px;
			height: auto;
			text-align: center;
			padding: 0 0 20px 0;
			margin: 0;
		}
		#COLUMN P, #faqContainer #COLUMN P{
			padding: 10px;
			color: #B6197A;
			text-align: left;
			line-height: 180%;
		}
		#faqContainer #COLUMN {
			margin: 0;
			padding: 5px 0 0 50px;
			width: 650px;
			text-align: left;
		}
		
		#privacyContainer #COLUMN {
			color: #000000;
			margin: 0;
			padding: 5px 0 0 50px;
			width: 650px;
			text-align: left;
		}
		#privacyContainer #COLUMN P {
			color: #000000;
			margin: 15px 0 0 0;
			padding: 0;
			line-height: 140%;
		}
		#privacyContainer #COLUMN LI {
			margin: 2px;
		}

	#imgRight2 {
		margin: 12px 0 0 0;
	}
	#top5 {
		float: left;
		width: 360px;
		margin: 0 auto 0 auto;
		padding: 0;
	}
		#imgTop5 {
			float: right;
			margin: 6px 0 0 0;
			padding: 0;
		}
	#top5 ul {
		float: left;
		width: 150px;
		padding: 0;
		margin: 0 0 0 6px;
		text-align: left;
	}		
	#top5 li {
		margin: 0px 0 2px 0px;
		padding: 0px 0px 2px 10px;
		background-color: #FEE3FE;
		color: #DA7EBC;
		list-style-type: none;
		font-weight: bold;
		font-size: xx-small
	}
	
	#top5 li a {
		color: #DA7EBC;
		text-decoration: none;		
	}
	
	#top5 li a:hover 
	{
		color: #0075AE;
		text-decoration: underline;
	}
	
	#profileLookupWide
	{
		FLOAT: left;
		text-align: left;
		margin: 0px 10px 7px 7px;
		padding: 0px 0px 0px 0px;
		width: 714px;
		height: 91px;
		background-color: #FFFFFF;
		background-image: url(/images/profileBkg.gif);
		background-repeat: no-repeat;
	
	}
	#profileLookupWide .inputField 
	{
		padding: 0 0 0 0;
		margin: 2px 0 0 0;
		border: 1px solid #FEBEF6;
	}
	#profileLookupWide #searchForm 
	{
		padding: 0;
		margin: 25px 0 0 350px;
	}
	#profileLookupWide #searchForm .submitButton
	{
		vertical-align: bottom;
		margin: 0;
		padding: 0;
	}

	
	/* unused profileLookup and homeContact */
	#profileLookup 
	{
		FLOAT: left;
		text-align: left;
		margin: 0px 10px 7px 7px;
		padding: 37px 0px 0px 4px;
		width: 399px;
		height: 64px;
		background-color: #FFFFFF;
		background-image: url(/images/profileBG.gif);
		background-repeat: no-repeat;
	}
	
	#profileLookup FORM {
		padding: 0 0 0 10px;
		margin: 0;
	}
	
	#profileLookup .inputField {
		border: 1px solid #FEBEF6;
	}
	
	#homeContact
	{
		FLOAT: left;
		text-align: left;
		margin: 0px auto 7px auto;
		padding: 27px 0px 0px 9px;
		width: 315px;
		height: 64px;
		background-color: #FFFFFF;
		background-image: url(/images/contactBG.gif);
		background-repeat: no-repeat;
	}
	#homeContact FORM {
		padding: 0 0 0 10px;
		margin: 0;
	}
	#homeContact .inputField {
		margin: 0;
		padding: 0;
		border: 1px solid #FEBEF6;
	}
	#homeContact UL {
		margin: 0;
		padding: 10px 0 0 0;
	}
	#homeContact LI {
		display: inline;
	}	
	
	#homeContact .submitButton, #profileLookup .submitButton {
		margin: 0 0 2px 0;
		vertical-align: bottom;
	}
	#homeContact #thank {
		margin: 0;
		padding: 5px 0 0 0;
		font-weight: bold;
		color: #0075AE;
	}
	/* end unused profileLookup and homeContact */
	
#footer {
	background-color: #B6197A;
	margin: 0;
	width: 750px;
	height: 20px;
	color: white;
	float: none;
	clear: both;
	font-size: xx-small;
}
	#footer #links {
		float: left;
	}
	#footer #copyright {
		float: right;
	}
	#footer P {
		margin: 0;
		padding: 4px 8px 0 8px;
	}
	#footer A {
		color: #FFFFFF;
		text-decoration: none;
	}
	#footer A:hover {
		text-decoration: underline;
	}

/* page specific */
#DODeventsContainer {
	background: url(/images/dodevents/headerBkg.jpg) no-repeat top;
	padding-top: 140px;
	float: left;
	margin: 0;
			width: 750px;

}
	#eventsContainer #columnCOL {
		background-color: Transparent;
	}
	
	#DODeventsContainer #introCopy {
		width: 450px;
		margin-left:40px;
	}
	#eventDescription {
		border-top: 1px solid #006699;
		padding: 10px;
		margin: 0;
		line-height: 160%;
	}
		#eventDescription P {
			vertical-align: top;
		}
	#eventNext, #eventTips {
		background-color: #FCF6FA;
		padding: 0 0 5px 0;
		margin: 0;
		line-height: 160%;
	}
	#eventSignUp {
		text-align: center;
		padding: 20px;
	}
	#eventSignUp A {
		color: #B11B7E;
		font-size: small;
		font-weight: bold;
	}
	#eventTips {
		/*border-top: 1px solid #006699;*/
		width: 495px;
		padding: 5px 0px 10px 10px;
		background-color: #FCF6FA;
	}
	#eventNext {
		width: 194px;
	}
		#eventNext ul, #eventTips P {
			margin: 0 0 0 3px;
			padding: 5px;
		}
		#eventNext ul {
			font-weight: bold;
			color: #B6197A;
		}
		#eventNext li {
			font-weight: normal;
			list-style-type: none;
			color: #000000;
			font-size: xx-small;
			line-height: 130%;
		}
		#eventTips ol {
			margin: 0 0 0 40px;
			padding: 0 0 2px 0;
			line-height: 120%;
		}
		#eventTips li {
			padding: 5px 10px 10px 10px;
			font-size: xx-small;
			line-height: 120%;
		}
		
	.faqOn {
		background-color: #FCF6FA;
	}
		#faqContainer dl, #webcamTips dl {
			width: 650px;
			margin: 0;
			padding: 0 0 20px 0;
		}
		#webcamTips dl {
			width: 465px;
			
		}
		#faqContainer dd, dt, #webcamTips dd {
			margin: 0;
			padding: 10px 10px 5px 10px;
		}
		#faqContainer dt, #webcamTips dt {
			font-weight: bold;
		}
		dt a, dt a:visited {
			color: #0075AE
			}
		#faqContainer dd, #webcamTips dd {
			padding: 5px 10px 10px 10px;
			line-height: 160%;
		}
		
	#contactText {
		height: 275px;
		border-top: 1px solid #006699;
		background-color: #FCF6FA;
		padding: 10px 10px 10px 10px;
		margin: 0;
		vertical-align: top;
		line-height: 160%;		
	}
	#contactForm {
		width: 320px;
		text-align: left;
		padding: 20px 30px 10px 5px;
	}
		#contactForm .contactLabel {
			margin: 0;
			padding: 0;
		}
		#contactForm .contactField {
			margin: 0;
			padding: 0 0 0 0;
		}
		#contactForm INPUT, #contactForm TEXTAREA {
			border: 1px solid #FEBEF6;	
		}
		#contactForm #optIn {
			border: none;
		}
	
	#webcamProfile #3steps 
	{
		background-color: #FCF6FA;
		padding: 0 0 20px 0;
		margin: 0 0 0 5px;
	}
		#webcamProfile OL 
		{

			margin: 10px 0 10px 80px;
			padding: 0px;
		}
		.radio #source_0, .radio #source_1, .radio #source_2, .radio #source_3, .radio #source_4, .radio #source_5,.radio #source_6, .radio #preference_0, .radio #preference_1, .radio #gender_0, .radio #gender_1, 
		#contactForm .radio input, #ctl02_radGender_0, #ctl02_radGender_1
		{
			border-color: White;
			margin: 5px 0 0 20px;
		}
		#contactForm .radio label
		{
			margin-left: 4px;
			padding-left: 0;
		}
		#contactForm .check input
		{
			border-color: White;
		}
		#contactForm .check TD label{
			font-size: xx-small;
		}
		.radio #preference_0 
		{
			margin: 5px 0 0 8px;
		}
		.radio #gender_1{
			margin: 5px 0 0 55px;
		}
		.radio #onTV_0 , .radio #onTV_1
		{
			border: none;
			margin: 5px 0 0 30px;
		}
		
		
		
		
.error 
{
	color: #B92B8C;	
	width: 340px;
}
	
#hurryDateCOL {
	width: 215px;
	border: 1px solid #DC73C7;
	text-align: center;
	padding: 2px 2px 2px 2px;

}

.hurryDateBox {
	margin: 5px auto auto auto;
	padding: 10px;
	width: 195px;
	background-color: #FEF0FE;
}
	.hurryDateBox P {
		margin: 8px 0 8px 0;
		font-weight: bold;
		color: #A10067;
		text-align: left;
		font-size: smaller;
	}
	.hurryDateBox INPUT.inputField {
		border: 1px solid #F49EDF;
		background-color: #FFFFFF;
	}
	
#angelaTsai {
		float: left;
		width: 225px;
		background-color: #FCF6FA;
		padding: 15px 0 0px 0;
		margin: 0;
		line-height: 130%;
}
	#angelaTsai P {
		
		font-size: smaller;
		text-align: left;
		padding: 0 15px 15px 15px;
	}
#birthMonth {
	width: 50px;
	}
#birthDate {
	width: 50px;
	}
	#birthYear {
		width: 100px;
		}
		
.printShow {
	visibility: hidden;
}
.printHide {
	visibility: visible;
}

#rightLogin {
	margin-left: 70px;
}