body {
	margin:0;
	background: transparent url('../images/body_bg-16.jpg') left top repeat;
	font-family: Arial, sans-serif;
	font-size:13px;
	color: white;
}

pre {
	color:  red;
}

a {
	text-decoration: none;
	cursor:pointer !important;
}

a:hover {
	text-decoration: underline;
}
small a { 
	color:#FFFA7E; 
}
p {
	a { 
		color:#FFFA7E; 
	}
	a:hover { color: #FFFA7E; }
}
ul.droplets {
	list-style-image: url('../images/droplet_bullet.png');
	margin: 0;
    padding: 0 0 0 20px;
	li {
		line-height: 24px;
		font-size:15px;
		a {
			color: #FFFA7E;
		}
	}
}

.hr {
	background: url('../images/hr.jpg') left top repeat-x;
	margin: 40px 0;
	height:2px;
}
.vr {
	background: url('../images/vr.jpg') left top repeat-x;
	margin: 10px 0;
	width:2px;
}

.spacer { clear:both; }

.CopyContainer {
	width:940px;
	margin:0 auto;
	
	ul {
		li {
			line-height: 22px;
		}
	}
}

.HeadContainer {
	background: transparent url('../images/header_bg_watertex.jpg') left top repeat-x;
	height:188px;
	
	.logo {
		background: transparent url('../images/logo.png') left top no-repeat;
		display: block;
		overflow:hidden;
		text-indent:-9999px;
		height:130px;
		width: 529px;
		margin: 16px 0 0;
		float:left;
	}
}
.NavContainer {
	background: transparent url('../images/nav_bar.png') left top repeat-x;
	height:61px;
	margin-top:-35px;
	
	.CopyContainer {}
	ul {
		color: #263142;
		font-weight: bold;
		font-size: 16px;
		font-family: Helvetica, Arial, sans-serif;
		margin: 17px 0 0 0;
		padding:0;
		float:left;
		
		li {
			list-type:none;
			display: block;
			float: left;
			padding: 0 2px;
			margin-right: 23px;
			cursor:pointer;
			position:relative;
			.tip { 
				background: transparent url('../images/nav_item_selected.png') left top no-repeat;
				visibility:hidden;
				width:28px;
				height:16px;
				position:absolute;
				top: 31px;
			}
			a {color: #263142;}
			ul {
				background-color:#0C2745;
				display: none;
				position: absolute;
				float: left;
				top: 35px;
				padding: 10px;
				clear:both;
				width:260px;
				margin:0;
				
				li {
					margin-bottom:15px;
					padding:0;
					list-type:none;
					display: block;
					clear:both;
					float:left;
					color:white;
					width:260px;
					a {
						color: white;
					}
				}
			}
		}
		li:hover, a:hover {
			color: #1178D0 !important;
			text-decoration: none;
			ul {
				display: block;
			}
		}
		li.active {
			color: #1178D0 !important;
			
			.tip {
				visibility:visible;
			}
		}
	}
	ul.alias_fix li {
		.tip {
			bottom: -13px;
			top: 34px;
		}
		ul {
			top:34px;
		}
	}
	ul.ie7_fix li {
		.tip {
			bottom: -13px;
			top:34px;
		}
		ul {
			top:35px;
		}
	}
	ul.ff_pc_fix li {
		.tip {
			top: 34px;
		}
	}
	ul.ff_mac_fix {
		margin: 20px 0 0 0;
		li ul {
			top: 12px;
		}
	}
}

.BodyContainer {
	margin-top:20px;
	
	.CopyContainer {}
	h1 {
		font-size: 40px;
		color: #FFFA7E;
		margin: 0 0 20px;
	}
	h2 {
		font-size: 20px;
		color: #48C5FF;
		margin:5px 0 10px;
	}
	h3 {
		color: white;
		font-weight: bold;
		font-size:16px;
		text-decoration:none;
		a {
			color:#FFFA7E; 
		}
	}
	p {
		line-height: 22px;
	}
	p.note {
		font-size: 11px;
		font-style: italic;
		line-height: 18px;
	}
	p.prereq {
		font-style: italic;
		color: #48C5FF;
	}
	
	.hilite { 
		background: transparent url('../images/table-light_cell.png') left top repeat;
	}
	.lowlite {
		background: transparent url('../images/table-header_cell.png') left top repeat;
	}
	
	.TwoColumn {
		
		.balanced { 
			float:left;
			width: 48%; 
			
			.hr {
				margin: 20px 0;
			}
			
			.subdivided {
				float:left;
				width:100%;
				
				.balanced {
					float:left;
					width: 48%;
				}
			}
		}
		.wide {	
			width: 65%; 
			float:left;
		}
		.narrow { 
			width: 30%; 
			float:left;
		}
		
		.hilite, .lowlite { 
			float:left;
			padding: 15px;
			width: 45%;
			h2 {margin-top:0px;}
		}
	}
	.last { 
		margin-right: 0; 
		float:right !important;
	}
	
	table {
		width:100%;
		margin:0;
		border-collapse: collapse;
		
		p {
			padding:0;
			margin:0;
		}
		
		tr {			
			td {
				padding:10px;
				border-left: #2976A4 1px solid;
			}
			td.first {
				border:0px none;
				font-weight: bold;
				font-size: 18px;
			}
			td.HeadColumn {
				background: transparent url('../images/table-header_cell.png') top left repeat !important;
				text-align: center;
				padding: 40px 0;
				color: #48C5FF;
				font-weight: bold;
				font-size: 20px;
			}
		}
		tr.odd {
			background: transparent url('../images/table-dark_cell.png') left top repeat;
		}
		tr.even {
			background: transparent url('../images/table-light_cell.png') left top repeat;
		}
		
		.blank {background:none !important;}
	}
	table.NoRowHeader {
		td.first {
			font-weight: normal;
			font-size: 13px;
		}
		p {
			margin:8px 0;
		}
	}
	
	.StaffContainer {
		width: 48%;
		float: left;
		margin-bottom: 20px;
		
		.image {
			float: left;
			height: 160px;
			width: 160px;
			display:block;
			background:grey;
			margin-right: 15px;
		}
		h2 {
			margin-top: 0;
		}
		p {
			
		}
		
	}
	.StaffContainer.right {
		float: right;
	}
	
	.StaffRow {
		margin-bottom: 20px;
		float: left;
		
		.StaffThumb {
			float:left;	
			margin-right: 17px;
			width:100px;
			
			.image {
				height: 100px;
				width: 100px;
				display:block;
				background:grey;
				margin-bottom: 10px;
			}
			.name {
				color: #48C5FF;
				line-height:14px;
				font-weight:bold;
			}
		}
	}
} 

.FootContainer {
	background: transparent url('../images/footer_bg.png') left top repeat;
	margin-top:20px;
	padding-bottom:20px;
	.CopyContainer {}
	.left {
		margin-top: 20px;
		float: left;
		line-height: 22px;
		
		a { 
			font-size: 11px; 
			color: #FFFA7E;
		}
		
		.newsletter {
			color: #48C5FF;
			font-size: 16px;
			font-weight: bold;
		}
		.copyright { 
			font-size: 11px;
		}
	}
	.right {
		margin-top: 20px;
		float:right;
		
		.red_cross {
			background: transparent url('../images/red_cross.png') left top no-repeat;
			overflow: hidden;
			text-indent: -9999px;
			display:block;
			float:left;
			height:71px;
			width:100px;
		}
		.lss {
			background: transparent url('../images/lss.png') left top no-repeat;
			overflow: hidden;
			text-indent: -9999px;
			display:block;
			float:left;
			height:71px;
			width:127px;
		}
		.mikey {
			background: transparent url('../images/mikey.png') left top no-repeat;
			overflow: hidden;
			text-indent: -9999px;
			display:block;
			float:left;
			height:71px;
			width:116px;
		}
		.oca {
			background: transparent url('../images/oca.png') left top no-repeat;
			overflow: hidden;
			text-indent: -9999px;
			display:block;
			float:left;
			height:71px;
			width:105px;
		}
		
	}
	
}

#program_schedule {
	background: transparent url('../images/schedule_pic.png') left top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width:448px;
	height: 142px;
}
#register_online {
	background: transparent url('../images/register.png') left top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width:202px;
	height: 92px;
	float:right;
}
#view_map {
	color: #41e67f;
	font-weight:bold;
	font-style:italic;
	img { border:0px solid none; }
}

.ccInfo{
	border-left:#2976A4 0px solid !important;
	width:20% !important;
}

input {
	margin:5px;
}