@charset "utf-8";
/* CSS Document */

/*
	Color sets:
	
	Blue: #009ed7
	Dark blue: #01669a
	Blue-grey: #889da8
	
*/

* {margin: 0; padding: 0; outline: none;}

body {
	background: #dadada;
	font-family: Arial, sans-serif;
	font-size: 75%;
	color: #2b2b2b;
}

/*Global preferences*/
a {color: #01669a; text-decoration: none;}
a:visited {}
a:hover {color: #009ed7; text-decoration: none;}
ul, ol, li {list-style-position: outside; list-style: none;}
img, img a, img a:hover {border: 0;}
ul li {
	margin: 10px 0 0 0;
}


/*Headings*/
h1, h2, h3, h4, h5 {color: #353d3e; margin: 0 0 10px 0; font-weight: bold;}

h2 {
	color: #3e3e3e;
	margin: 0 0 15px 0;
	font-size: 16px;
	line-height: 24px;
}
h3 {
	color: #009ed7;
	margin: 0 0 5px 0;
	padding: 5px 0 0 0;
	font-size: 14px;
}
h4 {
	color: #01669a;
	margin: 0 0 5px 0;
	padding: 10px 0 0 0;
	font-size: 12px;
}


/*Structure*/
#page {
	background: white url(images/bg.png) 0 0 repeat-x;
	overflow: hidden;
	height: 100%;
}

#header {
	background: url(images/header.png) 0 0 no-repeat;
	width: 1006px;
	height: 128px;
	margin: 16px auto 0 auto;
	overflow: hidden;
}

#container {
	background: url(images/container_bg.png) 0 0 repeat-y;
	overflow: hidden;
	height: 100%;
	width: 1006px;
	margin: 0 auto;
	padding: 3px 0 0 0;
	position: relative;
	z-index: 1;
}
#containerBottom {
	background: url(images/container_bottom.png) 0 0 no-repeat;
	font-size: 1px;
	height: 6px;
	width: 1006px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

#content {
	width: 692px;
	float: left;
	display: inline;
	margin: 0 0 0 6px;
}

#sideBar {
	width: 301px;
	float: right;
	display: inline;
	margin: 0 3px 0 0;
}

#footer {
	background: url(images/footer_bg.png) 0 0 repeat-x;
	height: 168px;
	overflow: hidden;
	position: relative;
	margin: -72px 0 0 0;
}



/*Header*/
#header address.company_address {
	text-indent: -999em;
	float: right;
	display: inline;
	width: 170px;
	height: 33px;
	margin: 49px 42px 0 0;
	background: url(images/address.png) 0 0 no-repeat;
}


/*=======*/
/*Content*/
/*=======*/

/*Front page*/
ul#introImages {
	overflow: hidden;
	height: 100%;
	padding: 0;
	margin: 0;
}
ul#introImages li {
	float: left;
	display: inline;
	margin: 0 0 0 3px;
}
ul#introImages li img {display: block;} /*Removes extra spaces in IE*/
ul#introImages li.first {margin: 0;}
	
#flashArea {
	height: 283px;
	margin: 0 0 0 3px;
}
#flashArea div {
	position: absolute;
	margin: -18px 0 0 0;
	z-index: 3;
	display: block;
}


/*Inner pages*/
.splashImage {
	margin: 0 0 10px 0;
}
h1.hair_design {
	text-indent: -999em;
	height: 27px;
	background: url(images/hair_design_tag.png) 0 0 no-repeat;
	margin: 0 0 5px 0;
	padding: 0;
}
h1.continuing_education {
	text-indent: -999em;
	height: 27px;
	background: url(images/hair_design_tag.png) 0 0 no-repeat;
	margin: 0 0 5px 0;
	padding: 0;
}
h1.course_content {
	text-indent: -999em;
	height: 22px;
	background: url(images/course_content_tag.png) 0 0 no-repeat;
	margin: 0 0 5px 0;
	padding: 0;
}
h1.trade_requirements {
	text-indent: -999em;
	height: 27px;
	background: url(images/trade_requirements_tag.png) 0 0 no-repeat;
	margin: 0 0 5px 0;
	padding: 0;
}
h1.incentives_rewards {
	text-indent: -999em;
	height: 27px;
	background: url(images/incentives_rewards_tag.png) 0 0 no-repeat;
	margin: 0 0 5px 0;
	padding: 0;
}
h1.testimonials {
	text-indent: -999em;
	height: 27px;
	background: url(images/testimonials_tag.png) 0 0 no-repeat;
	margin: 0 0 5px 0;
	padding: 0;
}
h1.products_services {
	text-indent: -999em;
	height: 27px;
	background: url(images/products_services_tag.png) 0 0 no-repeat;
	margin: 0 0 5px 0;
	padding: 0;
}
h1.delmar_news {
	text-indent: -999em;
	height: 27px;
	background: url(images/delmar_news_tag.png) 0 0 no-repeat;
	margin: 0 0 5px 0;
	padding: 0;
}
h1.tips_trends {
	text-indent: -999em;
	height: 27px;
	background: url(images/tips_trends_tag.png) 0 0 no-repeat;
	margin: 0 0 5px 0;
	padding: 0;

}
h1.contact_us {
	text-indent: -999em;
	height: 27px;
	background: url(images/contact_us_tag.png) 0 0 no-repeat;
	margin: 0 0 5px 0;
	padding: 0;
}
h1.site_map {
	text-indent: -999em;
	height: 27px;
	background: url(images/site_map_tag.png) 0 0 no-repeat;
	margin: 0 0 5px 0;
	padding: 0;
}
h1.our_profile {
	text-indent: -999em;
	height: 27px;
	background: url(images/our_profile_tag.png) 0 0 no-repeat;
	margin: 0 0 5px 0;
	padding: 0;
}
h1.registration_info {
	text-indent: -999em;
	height: 27px;
	background: url(images/registration_info_tag.png) 0 0 no-repeat;
	margin: 0 0 5px 0;
	padding: 0;
}

.textArea {
	padding: 0 32px 20px 32px;
}
.textArea p {
	margin: 0 0 14px 0;
	line-height: 18px;
}

ul.general_list {
	margin: 5px 0 10px;
}
ul.general_list li {
	margin: 0 0 10px 26px;
	padding: 0 0 0 30px;
	background: url(images/list_arrow.png) 0 center no-repeat;
}

table.enrollment_dates {
	border: 1px solid #01669a;
	width: 463px;
	margin: 20px 0;
}

table.enrollment_dates th {
	background: #01669a;
	padding: 8px;
	width: 231px;
	text-align: left;
	color: white;
	text-transform: uppercase;
}
table.enrollment_dates th.commencement {border-right: 1px solid white;}

table.enrollment_dates tr.even td, table.enrollment_dates tr.odd td {
	background: white;
	padding: 8px;
	width: 231px;
	text-align: left;
}

table.enrollment_dates tr.odd td {background: #e6f0f5;}

table.enrollment_dates tr td.commencement {border-right: 1px solid white;}


table.products_table {
	border: 1px solid #01669a;
	width: 300px;
	margin: 20px 10px 0 0;
	float: left;
}

table.products_table th {
	background: #01669a;
	padding: 8px;
	text-align: left;
	color: white;
	text-transform: uppercase;
}
table.products_table th.service {
	border-right: 1px solid white;
	width: 190px;
}
table.products_table th.price {
	width: 110px;
}

table.products_table tr.even td, table.products_table tr.odd td {
	background: white;
	padding: 8px;
	text-align: left;
}

table.products_table tr.odd td {background: #e6f0f5;}

table.products_table tr td.service {border-right: 1px solid white;}



/*Sidebar*/
#sideBar .emphasis {
	background: url(images/shadow.png) 0 center no-repeat;
	padding: 0 0 0 7px;
	margin: 0 3px 0 0;
}
#sideBar .emphasis_short {
	background: url(images/shadow_small.png) 0 center no-repeat;
	padding: 0 0 0 7px;
	margin: 0 3px 35px 0;
}

#sideBar ul.hair_design_menu {
	background: url(images/hair_design_menu_bg.png) 0 0 no-repeat;
	padding: 60px 0 30px 40px;
}
#sideBar ul.hair_design_menu li {
	height: 16px;
	margin: 0 0 7px 0;
}
#sideBar ul.hair_design_menu li a {
	height: 16px;
	display: block;
	text-indent: -999em;
    padding: 0 0 0 15px;
}

#sideBar ul.hair_design_menu li.registration a span {background: url(images/hd_menu_registration.png) 0 0 no-repeat; width: 190px;}
#sideBar ul.hair_design_menu li a span {display: block;}
#sideBar ul.hair_design_menu li a {background: url(images/nav_arrow1.png) 0 0 no-repeat;}
#sideBar ul.hair_design_menu li a:hover {background: url(images/nav_arrow2.png) 0 0 no-repeat;}

#sideBar ul.hair_design_menu li.course a {background: url(images/hd_menu_course.png) 0 0 no-repeat; width: 190px;}
#sideBar ul.hair_design_menu li.trade a span {background: url(images/hd_menu_trade.png) 0 0 no-repeat; width: 190px;}
#sideBar ul.hair_design_menu li.incentives a span {background: url(images/hd_menu_incentives.png) 0 0 no-repeat; width: 190px;}
#sideBar ul.hair_design_menu li.testimonials a span {background: url(images/hd_menu_testimonials.png) 0 0 no-repeat; width: 190px;}
#sideBar ul.hair_design_menu li.fourteenhundred a span {background: url(images/hd_menu_1400.png) 0 0 no-repeat;}
#sideBar ul.hair_design_menu li.preemployment a span {background: url(images/hd_menu_preemployment.png) 0 0 no-repeat;}

#sideBar ul.hair_design_menu li.course a:hover,
#sideBar ul.hair_design_menu li.trade a:hover,
#sideBar ul.hair_design_menu li.incentives a:hover,
#sideBar ul.hair_design_menu li.testimonials a:hover, 
#sideBar ul.hair_design_menu li a#selected {background-position: 0 bottom;}

#sideBar ul.hair_design_menu li.registration2 a span {background: url(images/hd_registration2.png) 0 0 no-repeat; width: 190px;}
#sideBar ul.hair_design_menu li.eyelash a span {background: url(images/hd_lashbrow_tintperm.png) 0 0 no-repeat; width: 190px;}
#sideBar ul.hair_design_menu li.gelnails a span {background: url(images/hd_gel_nails.png) 0 0 no-repeat; width: 190px;}
#sideBar ul.hair_design_menu li.advwomencutting a span {background: url(images/hd_advwomencutting.png) 0 0 no-repeat; width: 190px;}
#sideBar ul.hair_design_menu li.advmencutting a span {background: url(images/hd_advmencutting.png) 0 0 no-repeat; width: 190px;}
#sideBar ul.hair_design_menu li.hairextensions a span {background: url(images/hd_hairextensions.png) 0 0 no-repeat; width: 190px;}
#sideBar ul.hair_design_menu li.manicuring a span {background: url(images/hd_manicuring.png) 0 0 no-repeat; width: 190px;}
#sideBar ul.hair_design_menu li.makeup a span {background: url(images/hd_makeup.png) 0 0 no-repeat; width: 190px;}
#sideBar ul.hair_design_menu li.start_dates a span {background: url(images/hd_start_dates.png) 0 0 no-repeat; width: 190px;}
#sideBar ul.hair_design_menu li.seminaroutline a span {background: url(images/hd_seminar_outlineagenda.png) 0 0 no-repeat; width: 190px;}
#sideBar ul.hair_design_menu li.seminarcost a span {background: url(images/hd_seminar_costequipment.png) 0 0 no-repeat; width: 190px;}

#sideBar .location_map {
	background: url(images/location_map_bg.png) 0 0 no-repeat;
	padding: 60px 0 20px 0px;
}
#sideBar .location_map address {
	font-style: normal;
	float: right;
	display: inline;
	text-align: right;
	margin: 0 10px 20px 0;
	font-size: 11px;
}
#sideBar .location_map address span {
	display: block;
	margin: 2px 0;
}

#sideBar .location_map .pdf_download {
	float: left;
	display: inline;
	margin: 10px 0 0 15px;
}
#sideBar .location_map .pdf_download a {
	background: url(images/ico_pdf.png) 0 0 no-repeat;
	padding: 2px 0 2px 26px;
	color: #5b5b5b;
	font-weight: bold;
	font-size: 10px;
	width: 60px;
	display: block;
}


#sideBar ul.registration_menu {
	background: url(images/registration_menu_bg.png) 0 0 no-repeat;
	padding: 60px 0 30px 40px;
}
#sideBar ul.registration_menu li {
	height: 16px;
	margin: 0 0 7px 0;
}
#sideBar ul.registration_menu li a {
	height: 16px;
	display: block;
	text-indent: -999em;
    padding: 0 0 0 15px;
}

#sideBar ul.registration_menu li.registration a span {background: url(images/hd_menu_registration.png) 0 0 no-repeat; width: 190px;}
#sideBar ul.registration_menu li a span {display: block;}
#sideBar ul.registration_menu li a {background: url(images/nav_arrow1.png) 0 0 no-repeat;}
#sideBar ul.registration_menu li a:hover {background: url(images/nav_arrow2.png) 0 0 no-repeat;}

#sideBar ul.registration_menu li.fourteenhundred a span {background: url(images/hd_menu_1400.png) 0 0 no-repeat;}
#sideBar ul.registration_menu li.preemployment a span {background: url(images/hd_menu_preemployment.png) 0 0 no-repeat;}
#sideBar ul.registration_menu li.contedu a span {background: url(images/hd_continuingeducation.png) 0 0 no-repeat;}

#sideBar ul.registration_menu li.course a:hover,
#sideBar ul.registration_menu li.trade a:hover,
#sideBar ul.registration_menu li.incentives a:hover,
#sideBar ul.registration_menu li.testimonials a:hover, 
#sideBar ul.registration_menu li a#selected {background-position: 0 bottom;}

#sideBar ul.registration_forms {
	background: url(images/registration_forms_bg.png) 0 0 no-repeat;
	padding: 90px 0 0px 70px;
}
#sideBar ul.registration_forms li {
	color: #5b5b5b;
	font-weight: bold;
	font-size: 10px;
	margin: 0 0 34px 0;
	background: url(images/tiny_arrow.png) 0 center no-repeat;
	padding: 0 0 0 20px;
	overflow: hidden;
	height: 100%;
}
#sideBar ul.registration_forms li span {
	float: left;
	display: inline;
	margin: 7px 10px 0 0;
}
#sideBar ul.registration_forms li a {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
}

.whos_next {
	width: 297px;
	height: 209px;
	margin: 0 0 0 4px;
	padding: 4px 0 0 0;
}
.whos_next img {display: block;} /*Removes extra spaces in IE*/


.general_info {
	background: url(images/sidebar_gradient.png) 0 center repeat-x;
	padding: 14px 14px 20px 14px;
}
.general_info p {
	line-height: 20px;
	margin: 10px 0 0 0;
}




/*Quotes*/
.quote1 {
	background: url(images/quote1.png) left bottom no-repeat;
	height: 168px;
	padding: 0 19px 0 0;
	overflow: hidden;
}

.quote1 p.name {
	color: #01669a;
	font-size: 16px;
	margin: 100px 0 2px 0;
	text-align: right;
}
.quote1 p.title {
	color: #717171;
	font-size: 13px;
	margin: 1px 0;
	text-align: right;
}


.quote2 {
	background: #e6f0f6 url(images/quotes2_top.png) left top no-repeat;
	padding: 0 0 0 0;
}
.quote2 p.quote {
	background: url(images/quotes2_bottom.png) left bottom no-repeat;
	padding: 20px 26px 0px 26px;
	font-size: 12px;
	line-height: 20px;
	font-family: Arial, sans-serif;
}
.quote2 p.name {
	color: #01669a;
	background: white;
	font-size: 12px;
	padding: 16px 15px 2px 0;
	text-align: right;
}

.quote3 {
	background: url(images/quotes1_top.png) left top no-repeat;
	padding: 0 0 0 0;
}
.quote3 p.quote {
	background: url(images/quotes1_bot.png) right bottom no-repeat;
	padding: 20px 26px 0px 26px;
	font-size: 12px;
	line-height: 20px;
	font-family: Arial, sans-serif;
}
.quote3 p.name {
	color: #01669a;
	background: white;
	font-size: 12px;
	padding: 8px 15px 2px 0;
	text-align: right;
}



/*Footer*/
#footerInner {
	width: 1000px;
	margin: 72px auto 0 auto;
	padding: 0 0 20px 0;
}
#footerInner a {color: #889da8;}
#footerInner a:hover {color: #009ed7;}
#footerInner ul {
	float: left;
	display: inline;
	width: 785px;
	margin: 13px 0 0 0;
}
#footerInner ul li {
	display: inline;
	text-transform: uppercase;
	margin: 0 8px 0 0;
	font-size: 11px;
}
#footerInner p.copyInfo {
	float: left;
	display: inline;
	clear: left;
	color: #73a6c0;
	font-size: 11px;
	padding: 10px 0 0 0;
	width: 500px;
}

#footerInner .award {
	float: right;
	display: inline;
}



/*Main menu*/
ul#menu {
	width: 924px;
	height: 7px;
	margin: 15px auto 0 auto;
}
ul#menu li {
	float: left;
	display: inline;
	margin: 0 56px 0 0;
	height: 7px;
}
ul#menu li a {
	display: block;
	height: 7px;
	text-indent: -999em;
}
ul#menu li.contact {margin: 0;}

ul#menu li.home a {background: url(images/menu_home.png) 0 0 no-repeat; width: 30px;}
ul#menu li.profile a {background: url(images/menu_profile.png) 0 0 no-repeat; width: 44px;}
ul#menu li.hair a {background: url(images/menu_hair.png) 0 0 no-repeat; width: 69px;}
ul#menu li.conteducation a {background: url(images/menu_contedu.png) 0 0 no-repeat; width: 125px;}
ul#menu li.registration a {background: url(images/menu_registration.png) 0 0 no-repeat; width: 76px;}
ul#menu li.products a {background: url(images/menu_products.png) 0 0 no-repeat; width: 125px;}
ul#menu li.news a {background: url(images/menu_news.png) 0 0 no-repeat; width: 77px;}
ul#menu li.tips a {background: url(images/menu_tips.png) 0 0 no-repeat; width: 90px;}
ul#menu li.contact a {background: url(images/menu_contact.png) 0 0 no-repeat; width: 68px;}

ul#menu li.home a:hover, ul#menu li.profile a:hover, ul#menu li.hair a:hover,
ul#menu li.conteducation a:hover, ul#menu li.registration a:hover, ul#menu li.products a:hover,
ul#menu li.news a:hover, ul#menu li.tips a:hover, ul#menu li.contact a:hover, ul#menu li a.selected {
	background-position: left bottom;
}






/*Images*/
.logo {
	width: 521px;
	height: 46px;
	float: left;
	display: inline;
	margin: 36px 0 0 38px;
}












