
/*----Structural DIVs----*/

#content {
	background: #f9f7ef;
	width: 729px /*770px*/;
	margin-left: 44px;	
	padding: 16px 21px 25px 21px;
	display: inline;	
	float: left;
}

/*----Other DIVs----*/

#sectionHeader {
	background: #fdfcf5;
	border: 1px solid #dfd0b1;
	height: 48px;
	margin-bottom: 18px;
	text-align: center;
}

#sideBar {
	float: left;
	width: 209px /*209px*/;
	display: inline;
	margin-right: 25px;
}

#contentCol {
	float: left;	
	width: 457px /*493px*/;
	padding: 14px 17px 5px 19px;
	display: inline;
	background: transparent;
	background: #fdfcf5;
	border: 1px solid #dfd0b1;
	overflow: hidden;
}

.wideContent {
	/*makes contentCol wider -- adjust width if #contentCol padding changes */
	width: 691px /*727px*/ !important;
}

#sidebar {
	float: left;
	width: 320px;
	margin-right: 20px;
}

#text {
	float: left;
	width: 351px;
}

.textBlock {
	width: 298px; /* 320px */
	background: #f9f7ef;
	border: 1px solid #dfd0b1;
	margin: 20px 0 30px 0;
	padding: 10px;
}

/*----Typography----*/

.textBlock h2 {
	font-size: 16px !important;
}

#sectionHeader h1 {
	font: bold 24px/48px tahoma, verdana, helvetica, arial, sans-serif; 
	color: #780f17;
	padding: 0 13px;
	vertical-align: middle;
}

#contentCol h2 {
	font: bold 18px/20px tahoma, verdana, helvetica, arial, sans-serif; 
	color: #780f17;
	margin: 0 0 5px 0;
}

#contentCol p {
	font: normal 12px/18px tahoma, verdana, helvetica, arial, sans-serif; 
	color: #3e2b1e;
	margin-bottom: 15px;
}

#contentCol ul {
	list-style: none;
}

#contentCol ul li {
	font: normal 12px/18px tahoma, verdana, helvetica, arial, sans-serif; 
	color: #3e2b1e;
	margin-bottom: 15px;
	list-style: none;
	background: url(images/list-bullet.gif) no-repeat 0 5px;
	padding-left: 15px;
}

#contentCol ol {
	margin: 0 0 25px 20px;
	padding-right: 30px;
}

#contentCol ol li {
	font: normal 12px/18px tahoma, verdana, helvetica, arial, sans-serif; 
	color: #3e2b1e;
	margin-bottom: 15px;
}

#contentCol table.displayTable {
	font: normal 12px/18px tahoma, verdana, helvetica, arial, sans-serif; 
	color: #3e2b1e;
	margin-bottom: 20px;
	border-collapse: collapse;
}

#contentCol table.displayTable td {
	border: 1px solid #dfd0b1;
	padding: 5px;
	vertical-align: top;
}

#contentCol table.displayTable th {
	text-align: center;
	padding-bottom: 10px;
	vertical-align: top;
}

#contentCol table.displayTable .darkRow td {
}

#contentCol table.displayTable .lightRow td {
	background: #fff;
}

#contentCol table.joinNowComparisson td {
	text-align: center;
}

#contentCol table.joinNowComparisson td.criteria {
	text-align: left;
}

/*----Links----*/

#content a {
	color: #36809f;
}

#content a:hover {
	text-decoration: none;
}

/*----Image Styles----*/

.floatRight {
	float: right;
	margin: 15px 10px 15px 15px;
}

.floatLeft {
	float: left;
	margin: 15px 15px 15px 0;
}

.border {
	padding: 3px;
	border: 1px solid #E7DAC0;
	background: #fff;
}

.noTopMargin {
	margin-top: 0 !important;
}

.noSideMargins {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.marginTop {
	margin-top: 15px;
}

.marginBottom {
	margin-bottom: 15px;
}


/* ----- TRAINING PAGE STYLES ---- */

#sideBar .courseRequirements,
#sideBar .subNav {
	list-style: none;
	font: normal 12px/18px tahoma, verdana, helvetica, arial, sans-serif; 	
	color: #3e2b1e;	
	background: #fdfcf5;
	border: 1px solid #dfd0b1;
	margin-bottom: 15px;
}

#sideBar .courseRequirements li,
#sideBar .subNav li {
	list-style: none;
	padding: 14px 25px 14px 15px;
	border-bottom: 1px solid #efe9da;
}

#sideBar .courseRequirements li ul li,
#sideBar .subNav  li ul li {
	background: url(images/list-bullet.gif) no-repeat 0 11px;
	padding: 5px 0 0 10px;
	border-bottom: none;	
}

#sideBar .courseRequirements h3, 
 #sideBar .subNav h3 {
	font: bold 14px/16px tahoma, verdana, helvetica, arial, sans-serif; 
	color: #780f17;
}

#sideBar .courseRequirements .last {
	border-bottom: 0;
}

#sideBar .courseRequirements .instructor {
	height: 100px;
}

#sideBar .courseRequirements .instructor p {
	padding-top: 10px;
}

#sideBar .courseRequirements .light {
	background: #fff;
}

#sideBar .courseRequirements .instructor img {
	float: left;
	margin: 10px 10px 10px 0;
	padding: 3px;
	border: 1px solid #E7DAC0;
	background: #fff;
}

.video {
	margin: 0 0 15px 15px;
}

#statusButtons {
	list-style: none;
}

#statusButtons li {
	list-style: none;
	margin-bottom: 5px;
}

/* ----- GENERIC CONTENT PAGE STYLES ---- */

#contentCol h3 {
	font: bold 12px/16px tahoma, verdana, helvetica, arial, sans-serif; 
	color: #780f17;
	text-transform: uppercase;
	margin-bottom: 15px;
}

#contentCol h4 {
	font: bold 12px/18px tahoma, verdana, helvetica, arial, sans-serif; 
	color: #3e2b1e;
	margin-bottom: 10px;
}

#sideBar .subNav a {
	color: #3e2b1e !important;	
	text-decoration: none;
}

#sideBar .subNav a:hover {
	color: #780f17 !important;	
}

#sideBar .subNav a.selected {
	color: #780f17 !important;	
	text-decoration: none;
	font-weight: bold;
}

 #sideBar .subNav h3 {
	margin-bottom: 10px;
}


/* ----- INSTRUCTOR BIO PAGE STYLES ---- */

#contentCol .headshot {
	float: left;
	margin: 0 0 10px 0;
	padding: 3px;
	border: 1px solid #E7DAC0;
	background: #fff;
}

.bios p, .bios h3, .bios h4 {
	margin-left: 130px;
}

.bios h3,
.bios h4 {
	margin-bottom: 0 !important;
}

.instructors {
	list-style: none;
}

.instructors li {
	border-bottom: 1px solid #dfd0b1;
	padding: 20px 0 0 0 !important;	
	background: 0  !important;
	margin: 0 !important;	
}

.instructors .last {
	border-bottom: 0;
}

.instructors .first {
	padding-top: 5px !important;
}

/* ----- ARTICLES INDEX ----- */

.articlesIndex p, .articlesIndex h3, .articlesIndex h4 {
	margin-left: 75px;
}

#contentCol h3 a {
	font: bold 12px/16px tahoma, verdana, helvetica, arial, sans-serif; 
	color: #780f17 !important;
	text-transform: none !important;
	border-bottom: 1px solid #eee6d2;
	text-decoration: none;
}


.articleListing {
	list-style: none;
}

.articleListing li {
	border-bottom: 1px solid #dfd0b1;
	padding: 10px 0 0 0 !important;	
	background: 0  !important;
	margin: 0 !important;
	height: 85px;
}

.articleListing .last {
	border-bottom: 0;
}

.articleListing .first {
	padding-top: 5px !important;
}

.articleListing .light {
	background: #fff !important;
}

.articleListing .dateBlock {
	float: left;
	margin: 0 10px 10px 0;
	background: url(images/backgrounds/dateSmall.gif) no-repeat 0 4px;
	height: 48px /*55px*/;
	width: 46px;
	padding-top: 11px;
}

.month {
	display: block;
	text-transform: uppercase;
	text-align: center;
	font: bold 12px/18px tahoma, verdana, helvetica, arial, sans-serif; 
	color: #3e2b1e;
}

.day {	
	display: block;
	text-align: center;
	font: bold 12px/18px tahoma, verdana, helvetica, arial, sans-serif; 
	color: #3e2b1e;
}

.articleListing h3 {
	margin-bottom: 5px !important;
}

/* ----- Article Display Page ----- */

#aboutAuthor {
	border-top: 1px solid #e7dac0;
	padding-top: 10px;
	margin-top: 30px;
}

#aboutAuthor h2{
	color: #3e2b1e !important;
	letter-spacing: 2px;
	font: bold 12px/16px tahoma, verdana, helvetica, arial, sans-serif; 
	text-transform: uppercase !important;	
	margin-bottom: 15px;
}

#aboutAuthor p {
	font: normal 11px/15px tahoma, verdana, helvetica, arial, sans-serif; 
}

#aboutAuthor .headshot {
	margin: 0 10px 10px 0 !important;
}

/* ----- Course Catalog Styles ----- */

.coursesIndex p, .coursesIndex h3, .coursesIndex h4 {
	margin-left: 75px;
}

#contentCol h3 a {
	font: bold 12px/16px tahoma, verdana, helvetica, arial, sans-serif; 
	color: #780f17 !important;
	text-transform: none !important;
	border-bottom: 1px solid #eee6d2;
	text-decoration: none !important;
}


.coursesListing {
	list-style: none;
}

.coursesListing li {
	border-bottom: 1px solid #dfd0b1;
	padding: 10px 0 0 0 !important;	
	background: 0  !important;
	margin: 0 !important;
	height: 95px;
	display: block;
	float: left;
	width: 457px;
}

.coursesListing .last {
	border-bottom: 0;
}

.coursesListing .first {
	padding-top: 5px !important;
}

.coursesListing .light {
	background: #fff !important;
}

.coursesListing .coursePhoto {
	float: left;
	margin: 0 10px 10px 0;
	height: 50px;
	width: 50px;
}

.coursesListing h3 {
	margin: 0 0 5px 100px !important;
}

.coursesListing p {
	margin: 0 0 0 100px !important;
	padding: 0 !important;
}

#contentCol .coursePhoto {
	float: left;
	margin: 0 0 10px 0;
	padding: 3px;
	border: 1px solid #E7DAC0;
	background: #fff;
	width: 75px;
	height: 75px;
}

/* ----- Course Listing Styles ----- */

.courseListingPage .coursePhotoLarge {
	float: left;
	margin: 0 15px 15px 0;
	padding: 3px;
	border: 1px solid #E7DAC0;
	background: #fff;
}

.courseListingPage .description {
	/*margin-left: 125px;*/
	margin-bottom: 30px;
}

.courseListingPage h3 {
	display: block;
}

/* ----- View Other Lessons Menu Styles ----- */

#otherLessonsMenu {
	width: 183px; 
	height: 28px;
	border: 1px solid #dfd0b1;
	background: #fff;
	float: right;
	margin: 9px 11px 0 0;
}

#otherLessonsMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

#otherLessonsMenu h2 {
	color: #fff;
	height: 29px;
	border: 0;
	padding: 0;
	font: normal 12px/18px tahoma, verdana, arial, sans-serif;
	color: #36809f;
}


#otherLessonsMenu a {
	font: normal 12px/18px tahoma, verdana, arial, sans-serif;
	display: block;
	margin: 0;
	padding: 2px 0 2px 10px;
	color: #36809f;	
	border: 1px solid #dfd0b1;
	border-top: 0;
}

#otherLessonsMenu a {
	color: #36809f;
	text-decoration: none;
}

#otherLessonsMenu a:hover {
	color: #fff;
 	background: #6daeca !important;
}

#otherLessonsMenu li {
	position: relative;
}

#otherLessonsMenu ul ul {
	position: absolute;
	z-index: 500;
	width: 185px; 
	border-top: 0;
	background: #fff;
	margin-left: -1px;
}

#otherLessonsMenu ul  li a {
	padding: 3px 0 3px 10px;
}

#otherLessonsMenu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 185px; 
}

div#otherLessonsMenu ul ul {
	display: none;
}

div#otherLessonsMenu ul ul, div#otherLessonsMenu ul li:hover ul ul, div#otherLessonsMenu ul ul li:hover ul ul {
	display: none;
	width: 185px !important;		
}

div#otherLessonsMenu ul li:hover ul, div#otherLessonsMenu ul ul li:hover ul, div#otherLessonsMenu ul ul ul li:hover ul {
	display: block;
}

#otherLessonsMenu h2 a:link, #otherLessonsMenu h2 a:active, #otherLessonsMenu h2 a:visited {
	font: bold 12px/18px tahoma, verdana, arial, sans-serif;
	color: #36809f;	background: transparent;
	border: 0;
	padding: 0;
	height: 29px;
	padding: 6px 10px 0 10px;		
}

 #otherLessonsMenu h2 a:hover {
 	background: transparent !important;
 	color: #36809f !important;
 }
 
  #lessonMenu {
 	width: 183px;
 }
 
 .rfp{
	font: normal 12px/18px tahoma, verdana, helvetica, arial, sans-serif; 
	color: #3e2b1e;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0 !important;
	border: 0 !important;
}

.rfp td{
	padding: 0;
	margin: 0;
	padding:2px;
	font: normal 12px/18px tahoma, verdana, helvetica, arial, sans-serif; 
	color: #3e2b1e;
	border: 0 !important;
}

.rfp h3 {
	margin-top: 5px;
	border-top: 1px solid #d3d9dd !important;
	padding-top: 15px;
}

.rfp .extraLineHeight {
	line-height: 30px !important;
}

.rfp h3.first {
	margin-top: 0 !important;
	border-top: 0 !important !important;
	padding-top: 0 !important;
}

.rfp .tdline {
	padding-top: 10px;
	border-bottom: 1px solid #ccc !important;
}

.required {
	font: normal 9px  tahoma, arial, verdana, sans-serif;
	color: red;
}

form {
	padding: 0;
	margin: 0;
}

input[type="checkbox"] {
	vertical-align: middle;
	display:inline-block;
}

input[type="radio"] {
	margin-right: 5px;
}		

.rfp .blueText {
	color: #1c4056;
	font-weight: bold;
}

.rfp p {
	margin-left: 0 !important;
}

a.tooltip {
	position: relative;
	z-index: 0;
	text-decoration: none;
	cursor: help;
}

a.tooltip{
	display: inline;
	color: #000;
}

a.tooltip:hover {
	z-index: 1;
	text-decoration: none;
}

a.tooltip span {
	display: none;
}

a.tooltip:hover span {
	display: block;
	position: absolute;
	top: 20px;
	left: 20px;
	padding: 6px;
	border: 1px solid #bbb;
	background: #F7FBFE;
	color: #000;
	width: 250px;
	white-space: normal;
	text-align: left;
	text-decoration: none;
}

/* ----- Landing Page Ad Box ----- */

#landingPageAd {
	margin-top: 10px;
	background: #fdfcf5;
	border: 1px solid #dfd0b1;
	padding: 9px 9px 9px 9px;	
}  

