body {
	background: url(../images/pattern.jpg);
	padding: 0;
	margin: 0;
	font-family: sans-serif;
	font-size: 10pt;
}
a {
	color: #665544;
}
a:hover {
	color: #887766;
}
a:visited {
	color: #443322;
}
#main {
	width: 980px;
	margin: 0 auto 0 auto;
	background: url(../images/background.png) repeat-y 50% 0;
}
#header {
	height: 80px;
	height: 346px;
	width: 961px;
	margin: 0 0 0 9px;
	background: #ffffff url(../images/splashMain.jpg) no-repeat 50% 100%;
	position: relative;
	top: 0;
	left: 0;
	border-bottom: 2px solid #aa9977;
}
	#header #sloganMain {
		position: absolute;
		top: 40px;
		right: 12px;
		margin: -11px 0 0 0;
		color: #aa9977;
		font-family: Optima, sans-serif;
		font-size: 0;
		height: 22px;
		width: 238px;
		background: url(../images/sloganMain.png);
	}
	#header #logoMain {
		margin: -32px 0 0 0;
		position: absolute;
		top: 44px;
		left: 12px;
		height: 56px;
		width: 152px;
	}
		#header #logoMain a {
			display: block;
			font-size: 0;
			text-decoration: none;
			width: 152px;
			height: 56px;
			background: url(../images/csLogo.gif) no-repeat 50% 50%;
		}
ul#nav1 {
	width: 953px;
	padding: 0;
	margin: 0 0 0 9px;
	list-style-type: none;
	border: 4px solid #d6d0c0;
	background: #34271a;
}
	ul#nav1 li {
		list-style-type: none;
		margin: 0;
		padding: 0;
		display: table-cell;
	}
		ul#nav1 li a {
			display: block;
			text-decoration: none;
			color: #ccbb99;
			padding: 1em 1em .9em 1em;
			border-right: 1px solid #d6d0c0;
			font-size: 90%;
			font-weight: bold;
		}
		ul#nav1 li a.currentPage {
			background: #5f4836;
		}
		ul#nav1 li a:hover {
			background: #433222;
		}
		ul#nav1 li a.currentPage:hover {
			background: #5f4836;
			cursor: default;
		}
#middle {
	width: 961px;
	margin: 0 auto 0 auto;
	position: relative;
	top: 0;
	left: 0;
	color: #34271a;
}
	#middle .listHeader {
		font-weight: bold;
		margin: 0;
	}
	#middle .col1 {
		width: 60%;
		min-height: 66em;
		margin: 1em 2% 1em 2%;
		padding: 0 0 1em 0;
		line-height: 130%;
	}
		#middle .col1 h1 {
			font-size: 140%;
			font-style: italic;
		}
		#middle .col1 h2 {
			font-size: 120%;
		}
		#middle .col1 .columnCopy {
			width: 47%;
			float: left;
			margin: 0 2% 0 0;
		}
			#middle .col1 .columnCopy ul {
				margin: 0;
				padding: 0 0 .5em 1.5em;
			}
		#middle .col1 p.emphasis {
			color: #6a4113;
			font-size: 140%;
			font-style: italic;
			font-family: Georgia, serif;
			clear: both;
			margin: 0 0 .5em 0;
		}
			#middle .col1 p.emphasis strong {
				font-style: normal;
			}
	#middle .col2 {
		width: 33%;
		position: absolute;
		top: 6px;
		right: 12px;
	}
		#middle .col2 #enrollOption {
			font-size: 0;
			text-decoration: none;
			width: 348px;
			position: relative;
			top: -19px;
			left: -19px;
			margin: 0 0 -19px 0;
		}
			#middle .col2 #enrollOption a {
				display: block;
				width: 100%;
				height: 88px;
				background: url(../images/enrollTodayButton.gif) 50% 50%;
			}
		#middle .col2 h2 {
			height: 14px;
			width: 328px;
			position: relative;
			top: 0;
			left: -19px;
			margin: 0;
			font-size: 110%;
			color: #ffffff;
			padding: 8px 10px 10px 10px;
			background: #9e9278 url(../images/envelope1.png) no-repeat 90% 50%;
		}

		#middle .col2 ul,
		#middle .col2 ul li {
			list-style-type: none;
			margin: 0 0 .2em 0;
			padding: 0;
		}
		#middle .col2 ul li.fieldExplanation {
			font-size: 80%;
			margin: .2em 0 0 35%;
			width: 60%;
		}
			#middle .col2 ul li label {
				display: block;
				float: left;
				width: 30%;
				text-align: right;
				font-weight: bold;
				font-size: 90%;
				font-style: italic;
			}
			#middle .col2 ul li label.labelLong {
				float: none;
				width: 100%;
				margin: 1.5em 0 0 0;
				clear: both;
				font-style: normal;
			}
			#middle .col2 ul li input,
			#middle .col2 ul li select {
				width: 65%;
				height: 1.3em;
				margin: 0 0 0 3%;
				border: 1px solid #776655;
			}
			#middle .col2 ul li select {
				height: 1.8em;
			}
			#middle .col2 ul li select#initContactSource {
				margin: 0 0 0 33%;
			}
				#middle .col2 ul li ul#sendingOptions {
					border: 1px solid #999999;
					background: #eeeeee;
					width: 60%;
					margin: 0 0 0 33%;
					padding: .3em 5% .2em 0;
					clear: both;
					text-align: right;
					line-height: 1.3em;
				}
					#middle .col2 ul li ul#sendingOptions li {
						margin: 0;
					}
					#middle .col2 ul li ul#sendingOptions label {
						display: inline;
						white-space: nowrap;
						float: none;
						position: relative;
						top: -.2em;
						left: 0;
					}
					#middle .col2 ul li ul#sendingOptions input {
						width: auto;
						clear: right;
						border: 0;
					}
		#middle .col2 .submitBox {
			width: 328px;
			position: relative;
			top: 0;
			left: -19px;
			margin: 1.5em 0 0 0;
			font-size: 90%;
			color: #ffffff;
			padding: 8px 10px 8px 10px;
			background: #9e9278;
			text-align: right;
			font-weight: bold;
			font-style: italic;
		}
			#middle .col2 .submitBox input {
				border: 1px solid #ffffff;
				background: #34271a;
				color: #ffffff;
				margin: 0 0 .5em 0;
				padding: .3em;
				font-weight: bold;
				font-size: 100%;
				cursor: pointer;
			}
			#middle .col2 .submitBox p {
				margin: 0;
			}
		#middle .col2 fieldset {
			border: 0;
			margin: 0;
			padding: 0;
		}
#middle .col2 #studentGrad ul {
	margin: 0 0 .5em 33%;
	width: 65%;
	display: table;
}
	#middle .col2 #studentGrad ul li {
		display: table-cell;
		width: 50%;
	}

#footer {
	width: 961px;
	margin: 0 0 0 9px;
	background: #34271a;
	color: #ffffff;
	text-align: center;
	padding: .5em 0 1em 0;
	font-size: 80%;
}
	#footer p.w3Validator img {
		border: 0;
	}

#errorDiv {
	width: 82%;
	padding: .5em 8% .7em 8%;
	margin: .5em 0 .7em 0;
	background: #eedddd;
	color: #993333;
	display: none;
}
	#errorDiv div {
		width: 110%;
		margin: 0 0 .5em -5%;
		font-weight: bold;
	}

