/** 
dark blue = #0c5da5
medium blue = #89c7ff
light blue = #e7f4ff
dark orange = #FF9500
light orange = #FFCA80
light = #FFF4E6
**/



body {
	margin: auto;
	text-align: center;
   font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 1.5em;
	background:  #e7f4ff;
	}
	
#shadow {
	width: 960px;
	margin: auto;
	background: url(background.png) repeat-y;
	}
	
#wrapper {
	width: 940px;
	margin: auto;
	}
	
#banner {
	background: url(banner.png) no-repeat #0C5DA5;
	text-align: right;
	height: 100px;
	margin: auto;
}
	
#sidebar {
	float: right;
	width: 220px;
	text-align: left;
	color: #FF9500;
	}
	
	#sidebar form {
		width: 220px;
		text-align: center;
		margin-top: -25px;
		margin-bottom: 30px;
		}
	
#main {
	float: left;
	font-size: 1.1em;
	line-height: 1.7em;
	width: 720px;
	color: #222222;
	}
	
#content {
	margin: auto;
	text-align: left;
	width: 576px;
	}
	
#footer {
	clear: both;
width: 880px;
	background: #0c5da5 url("butt.gif") no-repeat 0 0;
	color: #FFF4E6;
	font-size: .9em;
	xpadding-left: 30px;
	xpadding-top: 20px;
	xpadding-bottom: 20px;
	text-align: left;
	border-top: 50px solid #FFF4E6;
xmargin: 500px 0px 0px 0px;
xmargin-top: 500px;
padding: 20px 30px 20px 30px;

	}



/** 
dark blue = #0c5da5
medium blue = #89c7ff
light blue = #e7f4ff
dark orange = #FF9500
light orange = #FFCA80
light = #FFF4E6
**/


#menuwrapper {
	position: relative;
	height: 100px;
	}
	
#helpbar {
	position: absolute;
	top: 15px;
	right: 25px;
	}

#helpbar ul li {
	display: inline;
	}
	
#helpbar li {
	}
	
#helpbar a {
	background: #FFCA80;
	font-size: 1.2em;
	font-weight: bold;
	padding: 5px;
	text-decoration: none;
	}

#menu {
	position: absolute;
	right: 25px;
	bottom: 3px;
	}

#menu ul li {
	display: inline;
	}
	
#menu li {
	font-weight: bold;
	text-transform: lowercase;
	xmargin-left: 10px;
	padding-left: 10px;	
	padding-right: 10px;
	xborder: 1px solid white;
	}
	
#menu a {
	text-decoration: none;
	color: #FF9500;
	}
	
#menu a:hover {
	border-bottom: 3px solid #FFCA80;
	color: #FFCA80;
	}












#content a {
	text-decoration: none;
	border-bottom: 1px dotted;
	}



	
.clear {
	clear: both;
	}
	
.divider {
	clear: both;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 940px;
	margin: auto;
	}
	
.divider p {
	border-bottom: 1px dotted grey;
	}
	
	/*** SIDEBAR ***/

		#sidebar h3 {
			border-top: 1px solid #ffca80;
			font-size: 1em;
			font-weight: bold;
			padding-top: .3em;
			padding-bottom: .3em;
			width: 180px;
			padding-left: 20px;
			padding-right: 20px;
			margin: auto;
			}

		#sidebar h3.first {
			background: #ff9500;
			color: #000000;
			}
	
		#sidebar p {
			margin-top: .5em;
			margin-bottom: 2.5em;
			width: 180px;
			margin-left: auto;
			margin-right: auto;
			color: #727272;
			}
		
		#news a {
			color: #000000;
			border-bottom: 1px dotted black;
			text-decoration: none;
			}

		#sidebar .image {
			text-align: center;
			margin: auto;
			text-decoration: none;
			border: none;
			}

		.spacer {
			background: none;
			}
			
			.center {
				text-align: center;
				}

	
	#content p {
		margin-bottom: 15px;
		}

	#content ul {
		margin-bottom: 15px;
		}
	
	#content li {
		list-style-type: disc;
		list-style-position: outside;
		margin-bottom: 5px; 
		margin-left: 15px;
		}


	
#testimonial {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 1em;
	line-height: 1.5em;
	margin-left: 36px;
	padding-left: 12px;
	border-left: 2px solid #89c7ff;
	padding-top: 20px;
	padding-bottom: 20px;
	}
	
#testimonial .head {
	font-weight: bold;
	}
	
#testimonial .author {
	font-style: italic;
	}
	
#contact {
	margin: 25px;
	text-align: left;
	}

h1 {
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 2.5em;
	xfont-weight: bolder;
	line-height: 1.2em;
	margin-bottom: 25px;
	margin-top: 30px;
	border-bottom: 5px dotted #89c7ff;
	margin-left: -71px;
	padding-left: 71px;
	padding-bottom: 15px;
	letter-spacing: -2px;
	}
	
h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 10px;
			}	 

h3 {
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 10px;
	}
	
strong {
	font-weight: bold;
	}
	
em {
	font-style: italic;
	}

	
/*** FOOTER ***/

.haulpan {
	font-weight: bold;
	text-transform: uppercase;
	}
	
.footer_left {
	float: left;
	}
	
.footer_right {
	float: right;
	}
	


/** 
dark blue = #0c5da5
medium blue = #89c7ff
light blue = #e7f4ff
dark orange = #FF9500
light orange = #FFCA80
light = #FFF4E6
**/

	
	#schedule {
		}
	
	#header {
		background: #FFCA80;
		text-align: center;
		padding: 10px 15px 10px 15px;
		}
		
	#old {
		float: right;
		}
		
	#new {
		float: left;
		}	
	
	#semester {
		xbackground: #0c5da5;
		padding: 10px;
		text-align: center;
		}
		
		.schedule_header {
			font-size: 1.5em;
			font-weight: bold;
			xline-height: .9em;
			margin-bottom: 0px;
			xtext-align: center;
			xpadding: 25px;
			}

		.schedule_date {
			xfont-size: 1.2em;
			xline-height: 1.2em;
			xtext-align: center;
			}
			
		.schedule_noclass {
			text-align: center;
			xbackground: #FFCA80;
			}
	
		#schedule tr {

			}

		#schedule td {
			text-align: center;
     		font-size: .8em;
     		line-height: 1.5em;
     		padding-top: 5px;
     		padding-bottom: 5px;
     		border-bottom: 1px dotted black;
			}

		#schedule th {
			padding-bottom: 5px;     
			padding-top: 5px;
			}

		#schedule th.location {
			background: #89c7ff;
			text-align: center;
			font-weight: bold;
			border-top: 15px solid #FFF4E6;
			}
		
		#xschedule th.location {
			background: #89c7ff;
			text-align: center;
			font-weight: bold;
			border-top: 15px solid #FFF4E6;
			}
			
		#schedule th.waitlist {
			background: #e7f4ff;
			}		
		
		#schedule th.preview {
			background: #F0BA4F;
			}
	
.course_name {
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px solid black;
	}
	
tr.cancelled {
	text-decoration: line-through;
	}
	
/*** CLASSES FOR ABOUT US PAGE ***/	
	
	div.staff {
		border-top: 1px dotted #89c7ff;
		padding-top: 15px;
		padding-bottom: 25px;
		}
	
	p.staff_pic {
		float: left;
		}
		
	p.staff_name {
		font-weight: bold;
		font-size: 1.3em;
		margin-left: 145px;
		}
		
	p.staff_bio {
		margin-left: 145px;
		}
	





#splash {
	xbackground: url(bg.jpg) repeat;
	text-align: justify;
	xheight: 300px;
	width: 940px;
	}
	
#splash_photo {
	width: 940px;
	float: left;
	text-align: center;
	}
	

	

	
.splash_head {
	font-weight: bold;
	line-height: 1.5em;
	}
	

.clear {
	clear: both;
	}
	
.textbox {
	width: 90%;
	margin: auto;
	}
	
#threecols {
	text-align: center;
	margin: auto;
	width: 90%;
	}
	
#place {
	float: left;
	margin: auto;
	width: 30%;
	border: 1px solid purple;
	}

#register {
	margin: auto;
	width: 30%;
	border: 1px solid purple;
	}

#pay {
	float: right;
	margin: auto;
	width: 30%;
	border: 1px solid purple;
	}

.colheader {
	background: purple;
	text-transform: uppercase;
	font-size: 2em;
	xline-height: 3em;
	}
	
#button {
	clear: both;	
	width: 100%;
	float: right;
	}
	
cite {
	font-style: italic;
	}
	
#splash_photo {
	background: url(splash.jpg);
	}
	
.register {
	background: #89c7ff;
	text-align: center;
	padding: 5px;
	margin-left: 50px;
	margin-right: 50px;
	}