* {
	margin: 0;
}
html, body {
	height: 100.1%;
	background-color: #62ABD3;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0px; /* the bottom margin is the negative value of the footer's height */
	width: 960px;
	padding: 0px 0px 0px 0px;
	background: white url("../images/waterripple.jpg") no-repeat;
	background-position: 100% 100%;	
	background-color: #FFF;
}

#wrapper2 {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0px; /* the bottom margin is the negative value of the footer's height */
	width: 960px;
	padding: 0px 0px 0px 0px;
	background: white url("../images/waterripplewithtext.jpg") no-repeat;
	background-position: 100% 100%;	
	background-color: #FFF;
	position: relative;
}


#wrapper3 {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0px; /* the bottom margin is the negative value of the footer's height */
	width: 960px;
	padding: 0px 0px 0px 0px;
	background: white url("../images/grass.jpg") no-repeat;
	background-position: 100% 100%;	
	background-color: #FFF;
}

#smallRipples
{
	background: white url("../images/waterripple-small.gif") no-repeat;
	display: block;
	height: 390px;
}


#wrappernobackground {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0px; /* the bottom margin is the negative value of the footer's height */
	width: 960px;
	padding: 0px 0px 0px 0px;
	background-color: #FFF;
}

#banner
{
	display: block;
	width: 960px;
	height: 22px;
	background: #62ABD3 url("../images/topbar.gif") top left no-repeat;
	margin: 0px 0px 0px 0px;
}

#logo 
{
	float: left;
	display: block;
	width: 382px;
	height: 100px;
	background: url("../images/CherithSimmonsLogo-s.gif") top left no-repeat;
	margin: -5px 0px 5px 15px;
}

#address
{
	float: right;
	width: 400px;
	height: 100px;
}
.addressText
{
	display: block;
	font: normal .7em arial;
	color: #366581;
	margin-top: 18px;
	margin-left: 30px;
}

.addressText a
{
	color: #366581;
	text-decoration: none;
}
.addressText a:hover
{
	color: green;
	text-decoration: none;
}


.column600
{
	width: 600px;
	float: left;
	margin-right: 20px;
}

.column520
{
	width: 520px;
	float: left;
	margin-right: 20px;
}

.column420
{
	width: 400px;
	padding-right: 20px;
	float: right;
}

.column200
{
	width: 200px;
	float: left;
	margin-right: 20px;
}

.column180
{
	width: 180px;
	float: left;
}

.column160
{
	width: 160px;
	float: left;
}



h1
{
	display: block;
	font: bold 1.2em arial;
	color: #366581;
	margin: 0px 0px 10px 0px;
}

h2
{
	display: block;
	font: bold .8em arial;
	color: #366581;
	margin-bottom: 5px;
}

.hrefLink
{
	display: block;
	font: bold 1em arial;
	color: #366581;
	margin-bottom: 5px;
}
.hrefLink:hover
{
	display: block;
	font: bold 1em arial;
	color: #6ABEE9;
	margin-bottom: 5px;
}

.standardBodyText
{
	display: block;
	font: normal .8em arial;
	color: #000;
	text-align: justify;
}

.smallBlockText
{
	display: block;
	font: normal .7em arial;
	color: #494999;
	padding: 5px;
}

.photoCaptionText
{
	display: block;
	font: normal .7em arial;
	color: #366581;
}

.smalllist
{
	margin-bottom: 10px;
}

.smalllist li
{
	font: normal .8em arial;
	color: #000;
	text-align: justify;
	list-style-type: square;
	margin-left: 17px;
	line-height: 15px;
	padding-bottom: 5px;
}

.xsmalllist
{
	margin-bottom: 10px;
	padding-left: 2px;
}

.xsmalllisttitle
{
	display: block;
	margin-bottom: 5px;
	padding-left: 2px;
	font: bold .7em arial;
	color: #000;	
}

.xsmalllist li
{
	font: normal .7em arial;
	color: #000;
	list-style-type: square;
	margin-left: 17px;
	line-height: 15px;
	padding-bottom: 5px;
}

.openAccessCourseBoxes
{
	border: solid 1px #366581; padding-top: 5px; background-color: #9CD3F1; height: 105px;
	position: relative;	
}

.contactUs
{
	background: url("../images/contactUs.gif") bottom left no-repeat;
	height: 24px;
	width: 163px;
	display: block;
	margin: 10px 0px 0px 17px;
}

.contactUs:hover
{
	background: url("../images/contactUs.gif") bottom left no-repeat;
	background-position: -163px;
	display: block;
}

.viewademo
{
	background: url("../images/viewademo.gif") bottom left no-repeat;
	height: 24px;
	width: 163px;
	display: block;
	margin-top: 10px;
}

.viewademo:hover
{
	background: url("../images/viewademo.gif") bottom left no-repeat;
	background-position: -163px;
	display: block;
}

.pdfDownloadNormal
{
	background: url("../images/brochureDownloadButton.gif") bottom left no-repeat;
	height: 24px;
	width: 163px;
	display: block;
}

.pdfDownloadNormal:hover
{
	background: url("../images/brochureDownloadButton.gif") top left no-repeat;
	background-position: -163px;
	display: block;
}

.pdfDownload
{
	bottom: 0px;
	position: absolute;
	background: url("../images/brochureDownloadButton.gif") bottom left no-repeat;
	height: 24px;
	width: 163px;
	display: block;
}

.pdfDownload:hover
{
	background: url("../images/brochureDownloadButton.gif") top left no-repeat;
	background-position: -163px;
	display: block;
}

.pdfIcon
{
	background: url("../images/pdfIcon.gif") top left no-repeat;
	display: block;
	font: normal .8em arial;	
	text-decoration:none;
	height: 30px;
	margin-left: 14px;
	padding-left: 40px;
	padding-top: 20px;
}

.pdfIcon a
{
	display: block;
	font: normal 1em arial;	
	color: #1E4962;
	text-decoration: none;
}

.pdfIcon a:hover
{
	display: block;
	font: normal 1em arial;	
	color: #1E4962;
	text-decoration: underline;
}


.registerButton
{
	background: url("../images/registerButton.gif") bottom left no-repeat;
	height: 24px;
	width: 163px;
	display: block;
}
.registerButton:hover
{
	background: url("../images/registerButton.gif") top left no-repeat;
	background-position: -163px;
	display: block;
}

#footer {
	position: relative;
	width: 960px;
	height: 22px;
	margin: 0 auto;
	background-color: #366581;
}

.footertext
{
	font: normal .7em arial;
	color: #fff;
	line-height: 20px;
	text-decoration: none;
}

.tableHeading
{
	font: normal .8em arial;
	width: 200px;
	background-color: #FFFFFF;
	color: #25516B;
	
}
.tableData
{
	/*background-color: #FFFFFF;*/
}

.contactFormTable
{
	border: solid 0px #E0E0F0;
	width: 650px;
	padding:0px;
	margin:0px;
}
.contactFormTextBox
{
	background-color: #FCFCFC;
	width: 180px;
	padding:2px;
	margin:0px;
	color: #25516B;
	font: normal .8em arial;
}
.contactFormTextBoxNoWidth
{
	background-color: #FCFCFC;
	padding:2px;
	margin:0px;
	color: #25516B;
	font: normal .8em arial;
}

.contactTextMultiLine
{
	padding:2px;
	margin:0px;
	color: #25516B;
	font: normal .8em arial;
}

.errorText
{
	font: normal .9em arial;
	color: Red;	
}

.thankyouMessage
{
	font: bold 1.2em arial;
	color: #366581;
}