body {
	margin: 0px;
	padding: 0px;
	/*the background image consists of a 1px wide by 837px high graphic which is white for 62px, a blue gradient for 25px and the ermaiers is another blue gradient*/
	background-image: url(images/bg.png);
	background-repeat: repeat-x;
	background-color: #0099cc;
	font: 12px Arial;
}

a {
	text-decoration: none;
}

img { 
	border: none;
	/*margin-bottom: 0px;*/
}

#cengagecourse {
	vertical-align: top;
}

#clearmain {
	clear: both;
	height: 0px;
	/*display: none;*/
}

#masthead {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

/*wraps the content of teh entire site including the header, main, and footer div*/
#wrapper {
	/*border: 1px solid green;*/
	width: 976px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*The main content area of the site*/
#main {
	margin-top: 27px;
	width: 952px;
	padding: 0px;
	border: 12px solid #CFD638;
	/*background-image: url(images/main_background.jpg);*/
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	/*height: 623px;*/
}

/*Left nav zone styles*/

/*shell*/
#leftnav {
	/*border: 1px solid green;*/
	width: 200px; 
	float: left;
	margin: 0;
	padding-left: px;
	padding-top: 0px;
	background-color: #FFFFFF;
}


/*End of left nav zone styles*/

/*Content area styles*/
#content {
	float: left;
	padding: 0px;
	width: 752px;
	background-color: #FFFFFF;
	background-image: url(images/main_background.jpg);
	background-repeat: repeat-y;
	
}

/*right navigation zone styles*/
#rightnav {
	margin: 0px;
	width: 200px; 
	float:right; 
}

/*footer styles*/

#footer {
	clear: both;
	padding-top: 8px;
	line-height: 18pt;
	font-size: 9pt;
	background-color: transparent;
	color: #fff;
	margin: 0px;
}

#footer #subline {
	font-size:8pt;
}
#footer a:link, #footer a:visited, #footer a:hover {
	color: #fff;
}

/* ================= horizontal menus (used in footer only) ==================== */

ul.hmenu {
	margin: 0;
	padding: 0;
}
ul.hmenu li {
	display: inline;
	border-left: 1px solid; 
	padding: 0 6px 0 10px;
}
ul.hmenu li.first {
	border: none;
	padding: 0 6px 0 0;
}
ul.hmenu li.last {
	padding: 0 0 0 10px;
}

#header {
	padding-top: 8px;
	padding-bottom: 3px;
	/*border: 1px solid orange;*/
}

#headerzone {
	margin: 0;
	padding: 0;
}

div.left {
	float:left;
}
div.right {
	float:right;
	text-align: right;
}

/* ================= Photoshop CS3 Related Styles ==================== */

#titleBox {
	padding-top: 30px;
	padding-bottom: 20px;
	padding-left: 50px;
	width: 552px;
	/*margin: AUTO;*/
	
}
.title {
	font-weight: bold;
	text-align: left;
	font: 14pt, Arial;
	color: #000000;
}

.subtitle {
	padding-top: 10px;
	font: 10pt, Arial;
	font-weight: bold;
	text-align: center;
}
#twoColumns{
	width: 552px;
	/*margin: Auto;*/
	padding-top 25px;
	padding-left: 50px;
}
div.leftContentBox {
	float:left;
	margin-top: 5px;
	margin-bottom: 150px;
	padding: 2px;
	text-align: left;
	width: 193 px;
	font: 10pt, Arial;
	color: #000000;
}
div.rightContentBox {
	float:right;
	margin-top: 5px;
	margin-bottom: 150px;
	padding: 2px;
	text-align: left;
	width: 260px;
	font: 10pt, Arial;
	color: #000000;
}

div.leftContentBox a {
	text-decoration: underline;
	color: #4800FF;
}
div.rightContentBox a {
	text-decoration: underline;
	color: #4800FF;
}
div.leftContentBox a:visited {
	text-decoration: underline;
	color: #4800FF;
}
div.rightContentBox a:visited {
	text-decoration: underline;
	color: #4800FF;
}

.chapterHead {
	font: 14px, Arial;
	font-weight: bold;
	color: #B13D3D;
}
