body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-image:url(images/main/main_bg.jpg);
	background-repeat:repeat-x;
	background-color:#5E5E5E;
}


.default_white {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.small {
	font: 11px Geneva, Arial, Helvetica, sans-serif;
}
.small_white {
	font: 11px Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}


a { color: #97005D; text-decoration: none; }
a:hover, a:active { color: #004F4C; }
a img { border: none; }
a:hover {text-decoration:underline;}


h1, h2, h3, h4 { color:Blue; margin-top: 0px; }

h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }

.pClear { clear: both; }

address {
	font-weight: normal;	
	margin: 10px;
}

#sideNav1{
	z-index:100;
}

div#classdesc {
	
	font-family:Arial Narrow; font-weight:bold;
	width: 300px;
	padding:10px;
	text-align:left; color:black; font-size:20px;
}

.login_input, .search_input {
	width: 125px;
	font-size: 10px;
}
/* *********************** FORMS ************************ */

form#universal_login { }
form#universal_login ul { list-style: none; margin:0; padding:0;}
form#universal_login ul li { margin:0; padding:0; padding-bottom:5px;}
form#universal_login ul li.header {font-size:12px;height:20px;}
form#universal_login ul li span.col1 { display: block; float: left; width:100px; }
form#universal_login ul li span.col2 { width:200px; }
form#universal_login ul li span.col3 { width:440px; }
form#universal_login ul li input {font-family:Arial;font-size:11px;}

form#student_register {display:table; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
form#student_register ul {display:table; float:left; margin:0; padding:0;}
form#student_register ul li {display:table; float:left; margin:0; padding:0; width:600px;padding-bottom:5px;}
form#student_register ul li.header {color:#BCC189;font-weight:bold;padding-top:6px;font-size:12px;height:20px;background:url('images/cart_dottedline.gif') repeat-x 0px 0px;}
form#student_register ul li span.col1 {display:table; float:left; width:100px;}
form#student_register ul li span.col2 {display:table; float:left; width:200px;}
form#student_register ul li span.col3 {display:table; float:left; width:440px;}
form#student_register ul li input, form#student_register ul li select {font-family:Arial;font-size:11px;}

div#formcontainer {display:table; background: url(images/innerContentWithBar.jpg) top left repeat-y; }
a#hotspot {display:table; float:left; width:163px; text-align:right;color:#97005D;font-weight:bold;padding-top:6px;padding-right:20px;font-size:12px;height:20px;background:url('images/hotspot.gif') no-repeat center right;}
a#hotspot:hover {text-decoration:underline;}
span#hotspotdesc {display:block; float:left; width:500px; padding:6px 0px 0px 38px; color:#97005D; font-size:12px;height:20px;}

form#account_profile {display:table;float:left;}
form#account_profile table {border:0px; width:400px;margin-left:222px;}
form#account_profile table tr {height:25px;}
form#account_profile table tr.header td {color:#BCC189;font-weight:bold;padding-top:6px;font-size:12px;height:20px;background:url('images/cart_dottedline.gif') repeat-x 0px 0px;}
form#account_profile table tr td.col1 {width:100px;}
form#account_profile table tr td.col2 {width:200px;}
form#account_profile table tr td.col3 {width:220px;}
form#account_profile table tr td.col3 span {display:table; float:left; width:220px;}
form#account_profile table tr td input, form#account_profile table tr td select {font-family:Arial;font-size:11px;}

form#account_profile_instructor {display:table;float:left; font-size:12px;}
form#account_profile_instructor table {border:0px; width:400px;margin-left:222px;}
form#account_profile_instructor table tr {height:25px;}
form#account_profile_instructor table tr.header td {color:#BCC189;font-weight:bold;padding-top:6px;font-size:12px;height:20px;background:url('images/cart_dottedline.gif') repeat-x 0px 0px;}
form#account_profile_instructor table tr td.col1 {width:100px;}
form#account_profile_instructor table tr td.col2 {width:200px;}
form#account_profile_instructor table tr td.col3 {width:220px;}
form#account_profile_instructor table tr td.col3 span {display:table; float:left; width:220px;}
form#account_profile_instructor table tr td input, form#account_profile table tr td select {font-family:Arial;font-size:11px;}

form#account_classes {display:table;float:left;}
form#account_classes table {border:0px; width:400px;margin-left:222px;}
form#account_classes table tr {height:25px;}
form#account_classes table tr.header td {color:#BCC189;font-weight:bold;padding-top:6px;font-size:12px;height:20px;background:url('images/cart_dottedline.gif') repeat-x 0px 0px;}
form#account_classes table tr td {vertical-align:top;}
form#account_classes table tr td.col1 {width:220px;}
form#account_classes table tr td.col1 span {display:table; float:left; width:220px;}
form#account_classes table tr td.col1 span a {text-decoration:underline;}
form#account_classes table tr td.col2 {width:200px;}
form#account_classes table tr td.col2 a:hover {text-decoration:underline;}
form#account_classes table tr td.col3 {width:100px;}
form#account_classes table tr td.col3 span {display:table; float:left; width:100px;}
form#account_classes table tr td.col3 a.remove:hover {text-decoration:underline;}
form#account_classes table tr td input, form#account_classes table tr td select {font-family:Arial;font-size:11px;}

div#loginError {display:block; float:right; width:200px; text-align:right;
	padding: 5px 20px 0px 0px;
	font-size: 10px;
	z-index:-1;}
div#loginError a:hover {text-decoration:underline;}

form#forgot_login {display:table;}
form#forgot_login table {border:0px; width:520px; /*margin-left:222px; */}
form#forgot_login table tr {height:25px;}
form#forgot_login table tr.header td {color:#BCC189;font-weight:bold;padding-top:6px;font-size:12px;height:20px;background:url('images/cart_dottedline.gif') repeat-x 0px 0px;}
form#forgot_login table tr td.col1 {width:100px;}
form#forgot_login table tr td.col2 {width:200px;}
form#forgot_login table tr td.col3 {width:220px;}
form#forgot_login table tr td.col3 span {display:table; float:left; width:220px;}
form#forgot_login table tr td input, form#account_profile table tr td select {font-family:Arial;font-size:11px;}

 div.searchcontainer div.advanced {display:table; float:left; width:500px;text-align:left;font-size:13px;font-weight:bold;color:#97005D;}
form#advanced_search {display:table;float:left;}
form#advanced_search table tr {height:25px;}
form#advanced_search table tr.header td {color:#BCC189;font-weight:bold;padding-top:6px;font-size:12px;height:20px;background:url('images/cart_dottedline.gif') repeat-x 0px 0px;}
form#advanced_search table tr.message td, form#advanced_search table tr.input td {font-size:11px;}
form#advanced_search table tr.message td {vertical-align:top;}
form#advanced_search table tr td.col1 {width:170px;}
form#advanced_search table tr td.col2 {width:170px;}
form#advanced_search table tr td.col2 input {float:left;}
form#advanced_search table tr td.col2 a {float:left;margin-left:15px;}
form#advanced_search table tr td.col3 {width:170px;}
form#advanced_search table tr td.col4 {width:0px;}

form#advanced_search table tr td input, form#advanced_search table tr td select {font-family:Arial;font-size:11px;}

form#payment_info table { width:745px; }
form#payment_info table tr td { font-size:11px; font-weight:bold; font-family:Arial; padding-bottom:4px;}
form#payment_info table tr.header td {color:#BCC189;font-weight:bold;padding-top:6px;font-size:12px;height:20px;background:url('images/cart_dottedline.gif') repeat-x 0px 0px;}
form#payment_info table tr td.col1 { width:180px; }
form#payment_info table tr td.col2 { width:265px; }
form#payment_info table tr td.col3 { width:300px; }
form#payment_info table tr td.col3 span { text-align:right; display:block; float:left;}
form#payment_info table tr td input { font-family:Arial; text-align:left; font-size:11px; padding-left:4px; padding-right:4px;}
form#payment_info table tr td select { font-family:Arial; text-align:left; font-size:11px; padding-left:4px; }
form#payment_info table tr td input.submitbutton {font-family:Arial;text-align:center;font-size:11px;}




#accountMenu {
	 /*background: url(images/account_menu2.gif) top right no-repeat;*/
	 /*
	 width: 170px;
	 */
	 /*
	 width: 217px;
	 */
	 width: 300px;
	 height: 25px;

	 text-align: center;
	 padding-top: 7px;
}

#accountMenu a {
	 color: #FFFFFF;
}


.cartLink {
	 background: url(images/account_cart.jpg) left no-repeat;
	 padding-left: 35px;
}

#headerLoggedIn h1 {
	font-size: 19px;
	padding-top: 50px;
}


/* ********************** CONTENT BOXES ********************** */

 div.message {display:table; float:left; height:30px; margin-left: 222px; _margin-left: 110px; margin-top: 15px; width:600px;text-align:left;font-size:13px;font-weight:bold;color:#97005D;}
 div.message span.title {color:#BCC189;}
 div.message a {color:#BCC189;text-decoration:none;}
 div.message a:hover {color:#BCC189;text-decoration:underline;}

 div.leftMessage { height:30px; margin-top: 15px; width:600px;text-align:left;font-size:13px;font-weight:bold;color:#97005D;}
 div.leftMessage span.title {color:#BCC189;}
 div.leftMessage a {color:#BCC189;text-decoration:none;}
 div.leftMessage a:hover {color:#BCC189;text-decoration:underline;}


 div.forgotLoginMessage {display:table; height:30px; margin-top: 15px; width:600px; text-align:left; font-size:13px; font-weight:bold;color:#97005D;}
 div.forgotLoginMessage span.title {color:#BCC189;}
 div.forgotLoginMessage a {color:#BCC189;text-decoration:none;}
 div.forgotLoginMessage a:hover {color:#BCC189;text-decoration:underline;}

 span.error {color:#BCC189;}

/* ********************* CART ********************** */



 div.personalize,
 div.cartcontainer,  div.cartcontainer div.header,
 div.cartcontainer div.contents,  div.cartcontainer div.footer,
 div.cartcontainer div.dottedline,  div.cartcontainer div.updateqty,
 div.cartcontainer div.options
	{display:table; float:left; width:600px;text-align:left; font-size:12px;}



 div#formcontainer {display:table; width:600px; text-align:left;}

 div.personalize a { color: #004F4C; text-decoration:none; }
 div.personalize a:hover { color: #004F4C; text-decoration:underline; }

 div.cartcontainer table.header tr td {color:#97005D;}
 div.cartcontainer div.dottedline {background:url('images/cart_dottedline.gif') repeat-x ;height:20px;}
 div.cartcontainer table.contents form {display:table;padding-bottom:20px;}
 div.cartcontainer table.updateqty a {color:#000;text-align:right;text-decoration:underline;}
 div.cartcontainer table.footer tr td {font-size:14px;color:#97005D;}

 div.cartcontainer table {float:left; width:600px; margin:0; padding:0px 0px 15px 0px;}
 div.cartcontainer table tr {font-size:11px; font-weight:bold; font-family:Arial;}

 div.cartcontainer table tr.cartlist td.col1 {width:300px;text-align:left;}
 div.cartcontainer table tr.cartlist td.col2 {width:40px;text-align:center;}
 div.cartcontainer table tr.cartlist td.col3 {width:90px;text-align:center;}
 div.cartcontainer table tr.cartlist td.col3-5 {width:90px;text-align:center;}
 div.cartcontainer table tr.cartlist td.col4 {width:90px;text-align:center;}
 div.cartcontainer table tr.cartlist td.col5 {width:130px;text-align:center;}
 div.cartcontainer table tr.cartlist td.col6 {width:390px;text-align:left;}
 div.cartcontainer table tr.cartlist td.col7 {width:390px;text-align:right;}
 div.cartcontainer table tr.cartlist td.col8 {width:370px;text-align:right;align:right;}
 div.cartcontainer table tr.cartlist td.col9 {width:60px;text-align:left;}
 div.cartcontainer table tr.cartlist td.col7 input {float:right;}

#contentContainer div.cartcontainer table tr.cartlist td.col1 span.line1 {display:block;float:left;width:300px;text-decoration:underline;}
#contentContainer div.cartcontainer table tr.cartlist td.col1 span.line2 {display:block;float:left;width:300px;}
#contentContainer div.cartcontainer table tr.cartlist td.col1 span.line3 {display:block;float:left;width:300px;}

 div.cartcontainer table tr.optionlist td {text-align:center;float:left;}
 div.cartcontainer table tr.optionlist td.col1 input {float:left;}
 div.cartcontainer table tr.optionlist td.col2 input {float:right;}
input.smallinputfield {background-color:#fff;font-family:Arial; text-align:center; font-size:11px; border:1px solid #C5C5C5;}
input.smallinputfieldleft {background-color:#fff;font-family:Arial; text-align:left; font-size:11px; border:1px solid #C5C5C5;padding-left:4px;padding-right:4px;}
input.submitbutton {font-family:Arial;text-align:center;font-size:11px;}


 div.searchcontainer {display:table; width:745px; }
 div.searchcontainer div.header {display:table; float:left; height:30px; width:745px;text-align:left;font-size:13px;font-weight:bold;color:#97005D;}
 div.searchcontainer span.error {color:#BCC189;}
 div.searchcontainer a {color:#97005D;text-decoration:none;}
 div.searchcontainer a:hover {color:#97005D;text-decoration:underline;}
 div.searchcontainer div.results {display:table; float:left; width:745px;text-align:left; }
/* div.searchcontainer div.results {display:table; float:left; width:745px;text-align:left; background: url(images/innerContentWithBar.jpg) top left repeat-y;}*/
 div.searchcontainer div.results div.left {display:table; float:left; width:180px;}
 div.searchcontainer div.results div.left a {font-size:12px; font-weight:bold;}
 div.searchcontainer div.results div.right {display:table; float:left; width:515px;padding-left:50px;}
 div.searchcontainer div.results div.instance {display:table; float:left; width:745px;font-size:12px;}
 div.searchcontainer div.results div.instance a.namecode {font-size:14px; font-weight:bold; color:#97005D; text-decoration:underline;}
 div.searchcontainer div.results div.instance a.readmore {font-size:11px; color:#BCC189; text-decoration:underline;}
 div.searchcontainer div.results div.instance span.date {font-size:11px; margin-right:20px;}


div#account_classes_instructor {display:table;float:left;}
div#account_classes_instructor table {border:0px; width:400px;margin-left:222px;}
div#account_classes_instructor table tr {height:25px;}
div#account_classes_instructor table tr.header td {color:#BCC189;font-weight:bold;padding-top:6px;font-size:12px;height:20px;background:url('images/cart_dottedline.gif') repeat-x 0px 0px;}
div#account_classes_instructor table tr td {vertical-align:top;}
div#account_classes_instructor table tr td.col1 {width:220px;}
div#account_classes_instructor table tr td.col1 div {display:table; float:left; width:220px;}
div#account_classes_instructor table tr td.col1 span a {text-decoration:underline;}
div#account_classes_instructor table tr td.col2 {width:200px;}
div#account_classes_instructor table tr td.col2 a:hover {text-decoration:underline;}
div#account_classes_instructor table tr td.col3 {width:100px;}
div#account_classes_instructor table tr td.col3 span {display:table; float:left; width:100px;}
div#account_classes_instructor table tr td.col3 a.remove:hover {text-decoration:underline;}
div#account_classes_instructor table tr td input, div#account_classes_instructor table tr td select {font-family:Arial;font-size:11px;}
div#account_classes_instructor table.studentBlock tr.student { height: auto; padding: 0px; margin: 0px;}
div#account_classes_instructor div.classBlock { padding: 5px 0px; margin-bottom: 15px; border-bottom: 1px dotted #BCC18A; border-top: 1px dotted #BCC18A;}
div#account_classes_instructor div.studentBlockDescription { margin-top: 5px; }
div#account_classes_instructor div.studentBlockDescription span { display: block; width: 163px; text-align: left; color:#97005D; font-weight:bold; padding-right:20px; padding-top:6px; font-size:12px; height:20px; }
div#account_classes_instructor table.studentBlock { clear: both; margin-left: 5px; }
div#account_classes_instructor div.studentBlockDescription a#hotspot { display: block; float: none; width: 163px; text-align: left; color:#97005D; font-weight:bold; padding-right:5px; padding-top:6px; font-size:12px; height:20px; background:url('images/hotspot.gif') no-repeat center right; }
div#account_classes_instructor div.studentBlockDescription a#hotspot:hover { text-decoration: underline; }
div#account_classes_instructor tr.header span { padding-top: 3px; float: left; }

img.printIcon {
	float: right;
	height: 22px;
	width: 22px;
	padding-bottom: 2px;

	background-image: url(/images/printer.gif);
	background-repeat: no-repeat;
}


/* ********************* INNER LAYOUT IDs ********************** */
#innerMenuRow {
	width: 183px;
	float: left;
	padding: 0px 10px;
}

#innerText {
	width: 600px;
	padding: 0px 25px;
	float: left;
	border-left: 1px dotted #BCC189;
}

table#displayview { width: 600px; }
table#displayview span.sectionTitle { font-size:16px;  color:#97005D; display:block; width:100%; }
table#displayview tr td { vertical-align: top; text-align:left;  padding-bottom:10px; width:600px; }
table#displayview tr td div { display:table; float:left;}
table#displayview tr td div.className { width: 600px; float:left;}
table#displayview tr td div.classImg { width: 360px; padding-right:10px; float:left; }
table#displayview tr td div.instructorName { width: 350px; padding-right:10px; float:left;}
/*table#displayview tr td div.instructorBio { width: 175px; padding-right:10px; float:left;}*/
table#displayview tr td div.instructorCourses { width: 350px; padding-right:10px; float:left;}
table#displayview tr td div.instructorLong { width: 540px; padding-right:10px; float:left;}
table#displayview tr td div.instructorNameLong { width: 540px; float:left;}
table#displayview tr td div.instructorCoursesLong { width: 540px; float:left;}
table#displayview tr td div.locationName { width: 350px; padding-right:10px; float:left;}
table#displayview tr td div.classCode { width: 175px; padding-right:10px; float:left;}
table#displayview tr td div.dateTime { width: 175px; padding-right:10px; float:left;}
table#displayview tr td div.classAvailability { width: 175px; padding-right:10px; float:left;}
table#displayview tr td div.classAvailability input { font-size:10px;  }
table#displayview tr td div.emailToFriend { width: 350px; padding-right:10px; float:left;}
table#displayview tr td div.returnToList { width: 350px; padding-right:10px;float:left; }
table#displayview tr td div.emailToFriend div.emailthis {display:table; float:left; width:350px; }
table#displayview tr td div.returnToList div.returnthis {display:table; float:left; width:350px;}
table#displayview tr td div.returnToList div.returnthis a { float:right; }
table#displayview tr td div.emailToFriend div.emailthis span {display:table; width:160px; float:left; }
table#displayview tr td div.emailToFriend div.emailthis input { font-size:10px;  }
form#enrollform, form#waitlistform { display:table; float:left; width:175px; }

.innerContentWithBar { background: url(images/innerContentWithBar.jpg) top left repeat-y; display:table;}
.innerContentWithBar p { clear: both; padding-top: 0px; margin-top: 0px; padding-bottom: 10px; }
.innerContentWithBar a {text-decoration:underline;}
.innerContentWithBar a.return_btn {display:table; float:left;}
.innerContentWithBar .innerHeaderLeft {
	float: left;
	width: 220px;
	margin-top: 0px;
}

.innerContentWithBar span {
	float: left;
	width: 515px;
}
/*
.innerHeaderTop { padding-left: 220px; padding-bottom: 15px; }
*/
.innerHeaderTop { padding-bottom: 5px; display:block; float:left; }
 p { display:block; clear: both;}

.linkList {
	line-height: 40px;
	font-weight: bold;
}

/* ********************* BREAD CRUMBS ********************** */

 table.breadcrumbs {height:30px; width:600px;text-align:left;font-size:13px;font-weight:bold;color:#97005D;}

 table.breadcrumbs tr td {display:table; float:left; margin:0; padding:0px 10px 0px 0px;color:#97005D;}
 table.breadcrumbs tr td.active {color:#BCC189;}
 table.breadcrumbs tr td.arrow {color:#FCDD7A;}
 table.breadcrumbs tr td a:hover {color:#BCC189;text-decoration:none;}
 
 /* **************************** FACULTY PAGE **************************** */

table.instructorBlock {
	clear: both;
	margin: 10px 0px;
	padding: 5px 0px;

	border-bottom: 1px dotted #BCC18A;
	border-top: 1px dotted #BCC18A;
}

table.instructorBlock a.hotspot {
	display: inline !important;
	float: none !important;

	padding: 0px;
	margin: 0px;
}

td.instructorName {
	width: 550px;
	font-weight: bold;
	font-size: 12px;
}

td.instructorBioLink {
	width: 200px;
}