/* CSS Author 
===========================*/
/*	Author: Hyun Lee
	Version: 1.0
	Website: http://pdim.net/
*/

/* Universal 
===========================*/
* {
	margin: 0;
	padding: 0;
	}
body {
	text-align: center;
	background: #eee url(img/bg2.gif) repeat-x top left;
	}
.clear {
	clear: both;
	}	
#wrapper {
	width: 1028px;
	margin: 0 auto;
	text-align: left;
	}
img {
	border:0;
	}
.line {
	border-bottom: 1px solid #c9dde6;
	margin: 5px 0 10px 0;
	}
.floatRight {
	float: right;
	}
.floatRight img {
	margin-bottom: 5px;
	}	
.floatLeft {
	float: left;
	}
dd p {
        margin: 0;
        padding: 0;
}

/* Typography Universal 
===========================*/	
body {
	font-family: arial, verdana;
	font-size: small;
	line-height: 1.3em;
	color: #000;
}
p {
	font-size: 12px;
	}
.footprintText {
	font-size: 85%;
	width: 650px;
	}	
a:link, a:visited {
	color: #004276;
	text-decoration: underline;
	}
a:hover {
	color: #b23427;
	text-decoration: underline;
	}	
.smallText {
	font-size: 10px;
	line-height: 1.3em;
}

/* Header
===========================*/
#brand {
	width: 1028px;
	height: 94px;
	}
#header span {
	background: url(img/logo.gif) no-repeat;
	position: absolute;
	width: 450px;
	height: 100px;
	text-indent:-9999px;	
	}
.boxLogo {
	width: 450px;
	height: 97px;
	margin: 0 0 0 0;
	}
#headerContents {
	float: right;
	width: 425px;
	margin: 0 18px 0 0;
	}	
#headerNav {
	float: left;
	margin: 10px 0 0 0;
	}
.searchLP { /*SEARCH*/
	float: right;
	margin: 13px 0 0 0;
	}
.searchLP .btn { /*SEARCH*/
	vertical-align: top;
	padding-top: 0;
	}	
form input#search { /*SEARCH*/
	border: solid 1px #ccc;
	background: #fff;
	color: #b23427;
	font-size: 12px;
	padding: 2px;
	width: 162px;
	}	

/* Main Navigation
===========================*/	
ul#nav {
	width:1028px;
	height:26px;
	margin: 0 0 20px 0;
	padding:0 0 0 10px;
	}
ul#nav li {
	padding:0;
	margin:0;
	float:left;
	text-indent:-9999px;	
	list-style-type:none;
	}
ul#nav li a {
	border:0;
	display:block;
	text-decoration:none;
	background:transparent url(img/nav2.gif) no-repeat;
	}
li#home a {
	width:121px;
	height:26px;
	 }
li#course_overview a {
	width:121px;
	height:26px;
	 }
li#our_professors a {
	width:121px;
	height:26px;
	 }	 
li#locations_dates a {
	width:121px;
	height:26px;
	 }
li#student_testimonials a {
	width:121px;
	height:26px;
	 }	
li#student_perfomance a {
	width:121px;
	height:26px;
	 }
li#resources a {
	width:121px;
	height:26px;
	 }
li#pricing_register a {
	width:156px;
	height:26px;
	 }		 		 	 	 	 
li#home a:hover, li#home a:focus {
	background-position:0px -26px;
	 }
li#course_overview a:link, li#course_overview a:visited {	
	background-position:-121px 0px;
	}
li#course_overview a:hover, li#course_overview a:focus {	
	background-position:-121px -26px;
	}
li#our_professors a:link, li#our_professors a:visited {	
	background-position: -242px 0px;
	}
li#our_professors a:hover, li#our_professors a:focus {	
	background-position: -242px -26px;
	}
li#locations_dates a:link, li#locations_dates a:visited {	
	background-position: -363px 0px;
	}
li#locations_dates a:hover, li#locations_dates a:focus {	
	background-position: -363px -26px;
	}
li#student_testimonials a:link, li#student_testimonials a:visited {	
	background-position: -484px 0px;
	}
li#student_testimonials a:hover, li#student_testimonials a:focus {	
	background-position: -484px -26px;
	}
	
li#student_perfomance a:link, li#student_perfomance a:visited {	
	background-position: -605px 0px;
	}
li#student_perfomance a:hover, li#student_perfomance a:focus {	
	background-position: -605px -26px;
	}
li#resources a:link, li#resources a:visited {	
	background-position: -726px 0px;
	}
li#resources a:hover, li#resources a:focus {	
	background-position: -726px -26px;
	}
li#pricing_register a:link, li#pricing_register a:visited {	
	background-position: -847px 0px;
	}	
li#pricing_register a:hover, li#pricing_register a:focus {	
	background-position: -847px -26px;
	}			

/* Main navigation "active tabs"
------------------------------------------------------------------*/
body#home-page ul#nav li#home a {
	background-position:0px -52px;
	}
body#course-overview-page ul#nav li#course_overview a {
	background-position:-121px -52px;
	}
body#our-professors-page ul#nav li#our_professors a {
	background-position:-242px -52px;
	}
body#locations-dates-page ul#nav li#locations_dates a {
	background-position:-363px -52px;
	}
body#student-testimonials-page ul#nav li#student_testimonials a {
	background-position:-484px -52px;
	}
body#student-performance-page ul#nav li#student_perfomance a {
	background-position:-605px -52px;
	}
body#resources-page ul#nav li#resources a {
	background-position:-726px -52px;
	}
body#pricing-register-page ul#nav li#pricing_register a {
	background-position:-847px -26px;
	}
	
/* Sub Navigation
===========================*/	
.subNav {
	color: #eee;
	margin: -21px 0 0 0;
	padding: 0 0 0 7px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	}
.subNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}
.subNav li {
	display: block;
	margin: 2px 3px 0 0;
	padding: 0 0 0 0;
	float: left;
	width: auto;
	background: url(img/divider-subnav_v2.gif) right bottom no-repeat;
	}
.subNav a {
	color: #eee;
	display: inline;
	width: auto;
	text-decoration: none;
	margin: 0;
	padding: 10px 10px;
	}
.subNav a:link, .subNav a:visited {
	color: #eee;
	position: relative;
	font-weight: bold;
	text-decoration: none;
	}	
.subNav a:hover{
	color: #eee;
	font-weight: bold;
	text-decoration: underline;
	}

	

/* Content
------------------------------------------------------------------*/
#content {
	width: 1028px;
	background: url(img/bg_content_mid.gif); repeat-x top left;
	text-align: left;
	}
.mainContent { 
	margin: 0 0 0 0;
	padding: 0 0 12px 0;
	background: url(img/bg_content_bottom.gif) no-repeat bottom right;
	text-align: left;
	}
.mainContent h4 {
	margin: 0;
	padding: 14px 0 0 14px;
	background: url(img/bg_content_top.gif) no-repeat top left;
	}
.mainContent h5 {
	margin: 0;
	padding: 14px 20px 0 5px;
	background: url(img/bg_content_top.gif) no-repeat top right;
	}	
.mainContentGutter {
	margin-top: 10px;
	width: 674px;
	float: left;
	border-right: #e6e7e8 1px solid;
	}
.homeContentGutter {
	margin-top: 10px;
	width: 661px;
	float: left;
	}		
.firstColumn {	/*First Column Section Description Begins */
	width: 300px;
	float: left;
	margin: 0 10px 0 14px;
	display:inline; /* Fixes the column problem for IE*/
	}
.firstColumn p {
	padding: 0 0 0 3px;
	margin-bottom: 15px;
	}
#twoColumnContent {
	margin: 0 0 0 17px;
	float: left;
	display:inline; /* Fixes the column problem for IE*/
	padding: 0 5px 0 2px;
	}
#twoColumnContent h1 {
	font-size: 19px;
	color: #b23427;
	margin: 0 0 5px 0;
}	
.profList {
	width: 650px;
	}
.imgFloatLeft {
	float: left;
  	margin: 0 8px 0 0;
  	padding: 4px;
  	border: 1px solid #D9E0E6;
  	border-bottom-color: #C8CDD2;
  	border-right-color: #C8CDD2;
  	background: #fff;
  }	
#twoColumnContent h3 {
	color: #b23427;
	font-size: 14px;
	margin-bottom: 5px;
}	
/* Table */	
#playlistTable {
	width: 645px;
}
#playlistTable2 {
	width: 983px;
}
#playlistTable3 {
	width: 320px;
}
.tableContainer {
	width: 645px;
	border: #ccc solid 1px;
}
.tableContainer2 {
	width: 983px;
	margin: 0 0 0 19px;
	border: #ccc solid 1px;
}
.tableContainer h3 { 
	font-size: 13px;
	color: #b23427;
}
table { 
	border-collapse: collapse;
	width: 50em;
}
caption {
	color: #b23427;
  	font-size: 1.2em;
  	font-weight: bold;
  	margin: 1em 0;
  	text-align: left;
}
col {
  	border-right: 1px solid #ccc;
}

col#albumCol {
  	border: none;
}

thead {
	background: #ccc url(img/bar.gif) repeat-x left center;
}

th {
	font-weight: normal;
	text-align: center;
	color: #000;
}

#playlistPosHead {
	text-indent: -1000em;
}

th, td {
	padding: 5px 10px 5px 10px;
	text-align: left;
}
td.odd {
	border-right: #eee 1px solid;
	}
.odd {
  background-color:#eee;
  border-right: #eee 1px solid;
}
.odd2 {
  color: #000;
  font-weight: bold; 
  border-bottom: #eee 1px solid;
  background: #d3ddec;
}
td.oddLogin {
	background: #eee url(img/login_border_left.gif) no-repeat bottom left;
	border-right: #333333 2px solid;
	}
td.oddLoginRight {
	background: #fff url(img/login_border.gif) no-repeat bottom right;
	border-right: #333333 2px solid;
	}
td.existingCustomer {
	background: #d3ddec url(img/login_border_right.gif) repeat-y right;
	border-right: #333333 2px solid;
	}		
#playlistTableLogInForm {
	width: 645px;
	border: #CCCCCC 1px solid;
	}
	
.profLocation h3 {
	color: #b23427;
	margin: 0 0 0 3px;
	font-size: 14px;
	font-weight: bold;
	}	
.profLocation p {
	color: #000;
	}		
.secondColumn { /*Second Column Section Description Begins */
	width: 300px;
	float: right;
	display:inline; /* Fixes the column problem for IE*/
	}

.thirdColumn { /*Third Column Section Description Begins */
	margin: 4px 0 2px 5px;
	width: 335px;
	text-align: left;
	}

.secondColumn p {
	padding: 0 0 0 3px;
	margin-bottom: 15px;
	}	

.bullets { 
	padding: 0 0 0 0;
	}
.bullets p, .bullets ul {
	margin: 0 0 15px 0;
	padding: 0 0;
	}
.bullets ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 13px;
	list-style: none;
	background: url(img/arrow.gif) no-repeat 0 3px;
	}	
.thirdColumn  p {
	padding: 0 30px 0 4px;
	}
.thirdColumn  h3 {
	color: #b23427;
	font-size: 14px;
	margin: 0 0 10px 4px;
	padding: 0 7px 0 0;
	}
.thirdColumn h6 {
	color: #0066FF;
	font-weight: bold;
	font-size: 13px;
}		
/*Testimonials Begins */	
.testimonials blockquote { 
	width: 340px;
	text-align: left;
	margin: 0;
	padding: 0;
	font-family: georgia, serif;
	font-size: 12px;
	line-height: 1.2em;
	color: #555;
	background: url(img/quote_top.gif) no-repeat top left;
	}
.testimonials blockquote strong {
	color: #000;
	font-weight: normal;
	}
.testimonials #quote {
	margin: 0 10px 0 0;
	padding: 20px 15px 10px 25px;
	background: url(img/quote_bot.gif) no-repeat right bottom;
	font-size: 12px;
	}
.testimonials #author {
	color: #0066FF;
	text-align: right;
	margin: 0;
	padding: 0 25px 10px 0;
	color: #CC3300;
	font-size: 12px;
	letter-spacing: 0;
	}	
/*Testimonials 2 Begins */	
.testimonials2 blockquote { 
	width: 620px;
	text-align: left;
	margin: 0;
	padding: 0;
	font-family: georgia, serif;
	font-size: 12px;
	line-height: 1.2em;
	color: #555;
	background: url(img/quote_top.gif) no-repeat top left;
	}
.testimonials2 blockquote strong {
	color: #000;
	font-weight: normal;
	}
.testimonials2 #quote {
	margin: 0 10px 0 0;
	padding: 20px 15px 10px 25px;
	background: url(img/quote_bot.gif) no-repeat right bottom;
	font-size: 12px;
	}
.testimonials2 #author {
	color: #0066FF;
	text-align: right;
	margin: 0;
	padding: 0 25px 10px 0;
	color: #CC3300;
	font-size: 12px;
	letter-spacing: 0;
	}	
/*Testimonials 3 Begins */	
.testimonials3 blockquote { 
	width: 460px;
	text-align: justify;
	margin: 0;
	padding: 0;
	font-family: georgia, serif;
	font-size: 12px;
	line-height: 1.2em;
	color: #555;
	background: url(img/quote_top.gif) no-repeat top left;
	}
.testimonials3 blockquote strong {
	color: #000;
	font-weight: normal;
	}
.testimonials3 #quote {
	margin: 0 10px 0 0;
	padding: 20px 15px 10px 25px;
	background: url(img/quote_bot.gif) no-repeat right bottom;
	font-size: 12px;
	}
.testimonials3 #author {
	color: #0066FF;
	text-align: right;
	margin: 0;
	padding: 0 25px 10px 0;
	color: #CC3300;
	font-size: 12px;
	letter-spacing: 0;
	}		
/*Secondary Row of Columns Begins */
.roundedBorderTop { 
	background: #fff url(img/rounded_bg_top.gif) no-repeat top left;
	height: 155px;
	}
.roundedBorderBot {
	background: #fff url(img/bg_content_bottom.gif) no-repeat top left;
	height: 20px
	}	
.column1 {	
	width: 325px;
	float: left;
	margin: 20px 0 0 14px;
	display:inline; /* Fixes the column problem for IE*/
	}	
.column1 dl { 
  	float: left;
  	width: 325px;
  	margin: 0 0 10px 3px;
  	padding: 0;
  	display: inline; /* fixes IE/Win double margin bug */
  	}
.column1 dd {
  	margin: 0 0 10px 90px;
  	padding: 0;
  	font-size: 12px;
  	line-height: 1.4em;
  	}
.column1 dl dd.img {
   	margin: 0;
   	}
.column1 dd.img img {
  	float: left;
  	margin: 0 8px 0 0;
  	padding: 4px;
  	border: 1px solid #D9E0E6;
  	border-bottom-color: #C8CDD2;
  	border-right-color: #C8CDD2;
  	background: #fff;
  	}
	
/* reverse float */
.column1 .alt dt {
  	float: left;
  	}
.column1 .alt dd {
  	margin: 0 98px 0 0;
  	}
.column1 .alt dd.img img {
  	float: right;
  	margin: 0 0 0 8px;
  	}	
	
.column2 {	
	width: 325px;
	float: left;
	margin: 20px 0 0 9px;
	display:inline; /* Fixes the column problem for IE*/
	}	
.column2 dl { 
  	float: left;
  	width: 325px;
  	margin: 0 0 10px 3px;
  	padding: 0;
  	display: inline; /* fixes IE/Win double margin bug */
  	}
.column2 dd {
  	margin: 0 0 10px 90px;
  	padding: 0;
  	font-size: 12px;
  	line-height: 1.4em;
  	}
.column2 dl dd.img {
   	margin: 0;
   	}
.column2 dd.img img {
  	float: left;
  	margin: 0 8px 0 0;
  	padding: 4px;
  	border: 1px solid #D9E0E6;
  	border-bottom-color: #C8CDD2;
  	border-right-color: #C8CDD2;
  	background: #fff;
  	}
/* reverse float */
.column2 .alt dt {
  	float: left;
  	}
.column2 .alt dd {
  	margin: 0 98px 0 0;
  	}
.column2 .alt dd.img img {
  	float: right;
  	margin: 0 0 0 8px;
  	}	

.column3 {	
	width: 320px;
	float: left;
	margin: 20px 0 0 9px;
	display:inline; /* Fixes the column problem for IE*/
	}	
.column3 dl { 
  	float: left;
  	width: 305px;
  	margin: 0 0 10px 3px;
  	padding: 0;
  	display: inline; /* fixes IE/Win double margin bug */
  	}
.column3 dd {
  	margin: 0 0 10px 90px;
  	padding: 0;
  	font-size: 12px;
  	line-height: 1.4em;
  	}
.column3 dl dd.img {
   	margin: 0;
   	}
.column3 dd.img img {
  	float: left;
  	margin: 0 8px 0 0;
  	padding: 4px;
  	border: 1px solid #D9E0E6;
  	border-bottom-color: #C8CDD2;
  	border-right-color: #C8CDD2;
  	background: #fff;
  	}
.columnSecondary dl { 
  	float: left;
  	width: 305px;
  	margin: 0 0 10px 3px;
  	padding: 0;
  	display: inline; /* fixes IE/Win double margin bug */
  	}
.columnSecondary dd {
  	margin: 0 0 10px 90px;
  	padding: 0 5px 0 0;
  	font-size: 11px;
  	line-height: 1.4em;
  	}
.columnSecondary dl dd.img {
   	margin: 0;
   	}
.columnSecondary dd.img img {
  	float: left;
  	margin: 0 8px 0 0;
  	padding: 4px;
  	border: 1px solid #D9E0E6;
  	border-bottom-color: #C8CDD2;
  	border-right-color: #C8CDD2;
  	background: #fff;
  	} 
  	
/* reverse float */
.column3 .alt dt {
  	float: left;
  	}
.column3 .alt dd {
  	margin: 0 98px 0 0;
  	}
.column3 .alt dd.img img {
  	float: right;
  	margin: 0 0 0 8px;
  	}
.videoPlayer {
	margin: 0 0 0 15px;
	}	
.videoPlayer2 {
	margin: 0 0 0 5px;
	}	
.locationThumb {
	float: left;
	display: inline;
	background: none;
	}
.locationThumb img {	
	padding: 4px;
  	border: 1px solid #D9E0E6;
	}
.locationDescription {
	float: right;
	margin: 0 0 0 10px;
	display: inline;
	width: 352px;
	padding: 0 0 10px 0;
	}	
.locationDescription h2 {
	font-size: 16px;
	color: #000;
	border-bottom: #eee 1px solid;
	margin-bottom: 2px;
	}
.locationDescription h3 {
	font-size: 14px;
	color: #b23427;
	
	}	
.registerButton {
	padding: 5px 0 0 0;
	height: 69px;
	float: right;
	margin: 0 0 0 10px;
	}
.columnsForLeftSide {
	float: left;
	width: 305px;
	display: inline;
}
.columnsForRightSide {
	float: right;
	width: 305px;
	display: inline;
}	
.containerCenter {
	text-align: center;
}
#threeColContainer {
	width: 650px;
}
.threeColContainerOne {
	float: left;
	width: 115px;
	display: inline;
}
.threeColContainerTwo {
	float: right;
	width: 250px;
}
.threeColContainerTwo {
	float: right;
	width: 250px;
}
.helpBulletBorder {
	margin-left: 10px;
	float: right;
	width: 225px;
	border: 1px solid #ccc;
	background: #eee;
	padding: 10px 0 0 10px;
}
#lbfkBooks {
	text-align: center;
	margin: 0 auto;
}
.lbfkBooksOne, .lbfkBooksTwo, .lbfkBooksThree {
	float: left;
	display: inline;
	text-align: center;
	width: 150px;
	margin: 0 60px 0 0;
}		
/* Forms
------------------------------------------------------------------*/
form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

.searchDisplay {
	text-align: center;
	font-weight: bold;
	width: 637px;
	padding: 5px;
	background: #e5ecf9;
	}
.profDescriptionText {
	float: right;
	width: 500px;
	}

form#account_info table {
  width: auto;
}

form#account_info table th {
  font-weight: bold;
}
		
/* Footer
------------------------------------------------------------------*/	
#footer {
	text-align: center;
	color: #999;
	height: 110px;
	}
#footer a:link, #footer a:visited {
	color: #004276;
	text-decoration: underline;
	}
#footer a:hover {
	color: #000;
	text-decoration: underline;
	}	
  
/* Account Pages
------------------------------------------------------------------*/	
body#account_pages ul, p {
  padding: 0 20px 10px 20px;
  margin 0;
  list-style: none;
}

body#account_pages h2 {
  padding: 20px 0 4px 20px;
}

body#account_pages #twoColumnContent {
  padding-bottom: 40px;
}