/* -- HTML TAGS -------------------------------------------- */
html {
	width: 					100%;
	height:					100%;
}

body {
	margin: 				0;
	width: 					100%;
	background-color: 		#4f2573;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	color: 					#868686;
}

hr {
	margin: 				20px auto;
	border: 				1px dotted #868686;
	height: 				1px;
}

/* -- MAIN LAYOUT STYLES --------------------------------- */
#container {
	margin: 				0px auto;
	width: 					908px;
	background-color: 		#FFFFFF;
}

#header {
	margin: 				12px 0px 0px 0px;
}

#menu {
	display: 				block;
	margin: 				0px;
	padding: 				0px;
	line-height: 			0px;
}

#content {
	background: 			url('/images/site/content-background.gif') top left repeat-x;
	padding: 				12px 20px;
}

#content-left {
	float: 					left;
	width: 					220px;
}

.content-left-box {
	background-color: 		#f2f2f2;
	margin-bottom:			20px;
}

#content-right {
	float: 					left;
	width: 					604px;
	margin-left: 			20px;
}

.content-right-box {
	margin-bottom: 			20px;
}

#footer-links {
	margin: 				20px 10px 10px 10px;
	text-align: 			center;
	font-size: 				10px;
	color:					#0000FF;
}

#footer {
	margin-bottom: 			20px;
}

/* -- FORM LAYOUT STYLES --------------------------------- */
#form-mailing {
	margin: 				5px;
}

#form-mailing input {
	margin: 				2px;
	width: 					200px;
	border: 				1px solid #8b8b8b;
	padding: 				2px;
	color: 					#8b8b8b;
	font-family: 			Tahoma, Arial;
	font-size: 				12px;
}

#form-mailing input.button {
	float: 					right;
	width: 					auto;
	height: 				auto;
	border: 				0px;
	
}

#contactForm {
	margin: 				20px auto;
	width: 					310px;
}

#contactForm  p {
	clear: 					both;
	margin: 				10px 0px;
}

#contactForm label {
	float: 					left;
	width: 					90px;
	text-align: 			right;
	padding-right: 			5px;
}

.error {
	margin: 				5px;
	border: 				1px solid #CC0000;
	-mox-border-radius: 	5px;
	background-color:		#660000;
	padding: 				5px;
	font-weight: 			bold;
	color:					#FFFFFF;
}

.success {
	margin: 				5px;
	border: 				1px solid #00CC00;
	-mox-border-radius: 	5px;
	background-color:		#006600;
	padding: 				5px;
	font-weight: 			bold;
	color:					#FFFFFF;
}

/* -- SIDEBAR LAYOUT ------------------------------------- */
.seminar {
	margin: 				5px;
}

.seminar-header {
	font-weight: 			bold;
	color: 					#ccba1d;
}

.seminar-header th {
	vertical-align: 		top;
	padding-right: 			5px;
}

.seminar-body {
	margin: 				10px 5px;
}

/* -- WORKBOOK LAYOUT STYLES ----------------------------- */
#workbook-image {
	float: 					left;
	width: 					130px;
	text-align: 			center;
}

#workbook-detail {
	margin-left:			140px;
	
}

#form-paypal {
	float: 					left;
	margin-top: 			5px;
	margin-right: 			40px;
}

#image-paypal {
	vertical-align:			middle;
	margin-right:			40px;
}

/* -- TESTIMONIALS LAYOUT -------------------------------- */
.testimonial {
	margin: 				10px 5px;
	border-bottom: 			1px dotted #CCCCCC;
	padding-bottom: 		10px;
}

.testimonial h3 {
	margin: 				5px 0px;
	text-align: 			right;
	font-size: 				12px;
	font-style: 			italic;
}

/* -- SUMMER PROGRAM LAYOUT ------------------------------ */
.program {
	margin: 				20px 0px;
}

.program h2 {
	margin: 				0px;
	font-size: 				12px;
}

#programs-list {
	float: 					left;
	margin-top: 			10px;
	margin-left: 			5px;
	width: 					280px;
}

#programs-register {
	float: 					left;
	margin-top: 			10px;
	margin-left: 			35px;
	width: 					280px;
}


/* -- SHARED TEXT STYLES --------------------------------- */
.clear {
	clear: 				both;
	height: 			0px;
	line-height: 		0px;
}

.clear-right {
	clear: 				right;
	height: 			0px;
	line-height: 		0px;
}

/* -- LIST STYLES ---------------------------------------- */
.list-wrap {
	margin-left:		144px; 
}

.content-right-multicolumn li {
	float: 				right;
	margin-left: 		38px;
	width: 				190px;
}

#contact-map {
	margin: 			20px auto;
	width: 				120px;
	text-align: 		center;
}

/* -- SHARED IMAGE STYLES -------------------------------- */
.image-layout {
	display: 			block;
	margin: 			0px;
	border: 			0px;
	padding: 			0px;
}

.image-layout-center {
	display: 			block;
	margin: 			0px auto;
	border: 			0px;
	padding: 			0px;
}

.image-layout-left {
	float: 				left;
	display: 			block;
	margin-right: 		10px;
	border: 			0px;
	padding: 			0px;
}

.image-layout-right {
	float: 				right;
	display: 			block;
	margin-left: 		10px;
	border: 			0px;
	padding: 			0px;
}