﻿* {
    margin: 0;
    padding: 0;
}

html {overflow-y: scroll;}

body {
    font: 11px Arial, Verdana, sans-serif;
    color: #333;
    background: #fff url(images/bg-body.gif) repeat-x 0 0;
}

img {border: 0;}

a:focus {outline: none;}

br.clear {
    display: block;
    clear: both;
    height: 0;
    line-height: 0;
}

div.mast {
    margin: 0 auto;
    padding: 15px 0 0;
    width: 820px;
    height: 112px;
}

div.mast img {float: left;}

div.mast ul {
    list-style: none;
    padding: 15px 0 0;
    height: 35px;
    clear: both;
}

div.mast ul li {
    float: left;
    height: 31px;
}

div.mast ul li a:link,
div.mast ul li a:visited {
    display: block;
    margin-right: 22px;
    height: 31px;
    text-indent: -10000em;
    background: transparent url(images/bg-nav.gif) no-repeat 0 0;
}
div.mast ul li a:hover,
div.mast ul li a.on:link,
div.mast ul li a.on:visited  {border-bottom: 4px solid #a0e926;}

div.mast ul li.about a:link,
div.mast ul li.about a:visited {
    width: 53px;
    background-position: 0 0;
}

div.mast ul li.admissions a:link,
div.mast ul li.admissions a:visited {
    width: 65px;
    background-position: -75px 0;
}

div.mast ul li.programs a:link,
div.mast ul li.programs a:visited {
    width: 61px;
    background-position: -163px 0;
}

div.mast ul li.services a:link,
div.mast ul li.services a:visited {
    width: 124px;
    background-position: -247px 0;
}

div.mast ul li.students a:link,
div.mast ul li.students a:visited {
    width: 55px;
    background-position: -395px 0;
}

div.mast ul li.events a:link,
div.mast ul li.events a:visited {
    width: 41px;
    background-position: -471px 0;
}

div.mast ul li.events a:link,
div.mast ul li.events a:visited {
    width: 41px;
    background-position: -471px 0;
}

div.mast ul li.blog a:link,
div.mast ul li.blog a:visited {
    width: 67px;
    background-position: -530px 0;
}

div.content {
    margin: 0 auto;
    padding: 5px 28px 0 32px;
    width: 815px;
    min-height: 463px;
    background: #fff url(images/bg-content.jpg) no-repeat 0 0;
}

div.content div.home {
    margin: 0 auto;
    width: 815px;
}

div.content div.home div.homeLinks {
    width: 820px;
}

div.content div.home div.homeLinks a:link,
div.content div.home div.homeLinks a:visited {
    float: left;
    margin: 10px 5px 0 0;
    width: 200px;
    height: 78px;
    background: #333;
}
div.content div.home div.homeLinks a:hover {background: #a0e926;}

div.content div.landing {
    position: relative;
    width: 815px;
    height: 324px;
    background: #7d7d7d;
}

div.content div.landing img {float: left;}

div.content div.landing p {
    position: absolute;
    left: 275px;
    bottom: 20px;
    width: 260px;
    color: #fff;
}
div.content div.landing p strong {font-style: italic;}

div.content div.landing h2 {
    position: relative;
    float: right;
    padding: 20px 25px 0 0;
    font-size: 38px;
    font-weight: normal;
    color: #a0e926;
    z-index: 2;
}
div.content div.landing h2.shadow {
    clear: right;
    margin: -42px 0 0;
    padding: 0 22px 0 0;
    color: #666;
    white-space: nowrap;
    z-index: 1;
}

div.content div.landing ul {
    list-style: none;
    float: right;
    clear: right;
    margin: 10px 21px 0 0;
    width: 217px;
    border-top: 1px solid #9e9e9e;
}

div.content div.landing ul li {
    display: block;
    padding: 0 12px 0 0;
    height: 26px;
    line-height: 26px;
    text-align: right;
    border-bottom: 1px solid #9e9e9e;
}

div.content div.landing ul li a:link,
div.content div.landing ul li a:visited {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}
div.content div.landing ul li a:hover {text-decoration: underline;}

div.content div.about-landing {background: url(images/landing-about.gif) no-repeat 0 0;}
div.content div.admissions-landing {background: url(images/landing-admissions.gif) no-repeat 0 0;}
div.content div.programs-landing {background: url(images/landing-programs.gif) no-repeat 0 0;}
div.content div.services-landing {background: url(images/landing-services.gif) no-repeat 0 0; height: 284px;}
div.content div.students-landing {background: url(images/landing-students.gif) no-repeat 0 0;}

div.content div.landing-content {
    margin: 6px 0 0;
    padding: 20px 0 0;
    background: #fff url(images/bg-landing-content.jpg) no-repeat 0 0;
}

div.content div.landing-content h1 {
    margin-left: 275px;
    font-size: 20px;
    color: #000;
}

div.content div.landing-content p {
    margin-left: 275px;
    padding: 15px 0 0;
    color: #000;
}

div.content div.landing-content p a:link,
div.content div.landing-content p a:visited {
    font-weight: bold;
    color: #000;
    text-decoration: none;
}
div.content div.landing-content p a:hover {text-decoration: underline;}

div.content div.landing-content div.landing-sidebar {
    float: left;
    width: 275px;
}

div.content div.landing-content div.landing-sidebar img {
    float: left;
    margin: 0 4px 8px 0;
}

div.content div.landing-content div.landing-sidebar a:link,
div.content div.landing-content div.landing-sidebar a:visited {
    font-size: 15px;
    color: #333;
    text-decoration: underline;
}
div.content div.landing-content div.landing-sidebar a:hover {text-decoration: none;}

div.content div.landing-content div.landing-sidebar h3 {
    padding: 8px 0 8px 2px;
    font-size: 15px;
    color: #000;
}

div.content div.sidebar {
    float: left;
    width: 242px;
}

div.content div.sidebar div.photo img {float: left;}

div.content div.sidebar ul {
    list-style: none;
    margin: 22px 0 0;
    background: #fff url(images/bg-sidebar-li.jpg) no-repeat 0 0;
}

div.content div.sidebar ul li {
    padding: 8px 0 8px 8px;
    background: transparent url(images/bg-sidebar-li.jpg) no-repeat left bottom;
}    

div.content div.sidebar ul li a:link,
div.content div.sidebar ul li a:visited {
    font-size: 12px;
    font-weight: bold;
    color: #06c;
    text-decoration: none;
}
div.content div.sidebar ul li a:hover {text-decoration :underline;}

div.content div.sidebar ul li ul {
    margin: 3px 0 0;
    background: none;
}

div.content div.sidebar ul li ul li {
    padding: 0 0 0 11px;
    background: none;
}

div.content div.sidebar ul li ul li a:link,
div.content div.sidebar ul li ul li a:visited {
    color: #000;
    font-weight: normal;
    font-size: 11px;
}
div.content div.sidebar ul li ul li a.on:link,
div.content div.sidebar ul li ul li a.on:visited {font-weight: bold;}

div.content div.interior {
    margin: 0 0 0 260px;
}

div.content div.interior h1 {
    padding: 10px 0 0;
    font-size: 25px;
    color: #98dc2e;
}

div.content div.interior h2 {
    padding: 0 0 15px;
    font-size: 15px;
    color: #06c;
}

div.content div.interior h3 {
    padding: 0 0 10px;
    font-size: 13px;
    color: #000;
}

div.content div.interior p {
    padding: 0 0 15px;
    line-height: 14px;
}

div.content div.interior a:link,
div.content div.interior a:visited {
    color: #333;
    text-decoration: underline;
}
div.content div.interior a:hover {text-decoration: none;}

div.content div.interior ol,
div.content div.interior ul {margin: 0 0 15px 30px;}

div.content div.interior div.why {
    border-top: 1px dashed #bababa;
}
div.content div.interior div.why p {
    margin: 16px 0 0;
    border-bottom: 1px dashed #bababa;
}


div.content div.interior div.contact-form {
	width: 350px;
}

div.content div.interior div.contact-form label {
	float: left;
	padding: 0 10px 0 0;
	width: 135px;
	line-height: 20px;
	text-align: right;
}

div.content div.interior div.contact-form label.invalid,
div.content div.interior span.notice-invalid {color: red !important;}

div.content div.interior div.contact-form label.info-label {display: none;}
div.content div.interior div.contact-form label.on {display: block;}

div.content div.interior div.contact-form input.text {
	float: left;
	margin: 0 0 5px;
	padding: 1px 0 0 2px;
	width: 200px;
	height: 19px;
	border: 1px solid #aaa;
}

div.content div.interior div.contact-form select {
	float: left;
	margin: 0 0 5px;
	width: 205px;
	height: 22px;
}

div.content div.interior div.contact-form select.requesting {margin-top: 20px;}

div.content div.interior div.contact-form textarea {
	float: left;
	margin: 0;
	width: 200px;
	height: 150px;
	border: 1px solid #aaa;
	font: 12px Arial, Verdana, sans-serif;
	display: none;
}

div.content div.interior div.contact-form textarea.on {display: block;}

div.content div.interior div.contact-form input.submit {
	float: left;
	margin: 10px 0 0 145px;
	width: 100px;
}

div.content div.interior div.instructors p.faculty_bio {
    margin:0 0 0 5px;
    padding:0 0 0 5px;
    border-left: solid 2px #8fc0f1;
}

div.content div.interior div.whiteBlock {
	margin: 0;
	padding: 5px 8px;
	font: inherit;
	background: #fff;
	border-bottom: 2px solid #bfd9f2;
}
div.content div.interior div.grayBlock {
	margin: 0;
	padding: 5px 8px;
	font: inherit;
	background: #f3f3f3;
	border-bottom:2px solid #bfd9f2;
}

div.content div.interior img.tour {
    float: left;
    margin-left: -18px;
    margin-bottom: 10px;
}

div.content div.interior div.enrollment-form {
    float: left;
    margin-left: -10px;
    width: 570px;
    position: relative;
}

div.content div.interior div.enrollment-form img.apply {
    float: left;
    margin-left: -8px;
}

div.content div.interior div.enrollment-form .big {width: 172px;}
div.content div.interior div.enrollment-form .small {width: 112px;}

div.content div.interior div.enrollment-form label {
    float: left;
    margin: 0 12px 0 0;
    padding: 0 1px;
    height: 20px;
    line-height: 20px;
}
div.content div.interior label.invalid {color: #c00;}

div.content div.interior div.enrollment-form input.text {
    float: left;
    margin: 0 12px 5px 0;
    padding: 1px 0 0 1px;
    height: 17px;
    border: 1px solid #aaa;
}

div.content div.interior div.enrollment-form input.zip {width: 100px;}

div.content div.interior div.enrollment-form select {
    float: left;
    margin: 0 12px 5px 0;
    width: 112px;
}

div.content div.interior div.enrollment-form div.ged-info input {
    float: left;
    width: 12px;
    height: 12px;
}

div.content div.interior div.enrollment-form div.ged-info label {
    padding: 0 10px 0 5px;
    line-height: 12px;
}

div.content div.interior div.enrollment-form textarea {
    float: left;
    margin: 0 0 5px;
    padding: 1px 0 0 1px;
    width: 338px;
    height: 62px;
    border: 1px solid #aaa;
    font: 11px Arial, Verdana, sans-serif;
}

div.content div.interior div.enrollment-form span.full-or-part {
    float: left;
    margin: 3px;
    width: 250px;
}

div.content div.interior div.enrollment-form span.full-or-part label {
    padding: 0 0 0 5px;
    width: 60px;
    text-align: left;
    line-height: 14px;
}

div.content div.interior div.enrollment-form span.full-or-part input {
    float: left;
    width: 12px;
    height: 12px;
}

div.content div.interior div.tour-form {
    float: left;
    width: 350px;
}

div.content div.interior div.tour-form label {
    float: left;
    margin: 0 12px 0 0;
    width: 70px;
    height: 20px;
    line-height: 20px;
}

div.content div.interior div.tour-form input.text {
    float: left;
    margin: 0 0 5px 0;
    padding: 1px 0 0 1px;
    height: 17px;
    border: 1px solid #aaa;
    width:265px;
}

div.content div.interior div.tour-form select {
    float: left;
    margin: 0 12px 5px 0;
    width: 112px;
}

div.content div.interior div.posted-by {
    padding: 10px 0 0;
    height: 60px;
    border-top: 1px solid #bbb;
}

div.content div.interior h2 a:link,
div.content div.interior h2 a:visited,
div.content div.interior div.posted-by a:link,
div.content div.interior div.posted-by a:visited {
    color: #06c;
    text-decoration: none;
}
div.content div.interior h2 a:hover,
div.content div.interior div.posted-by a:hover {text-decoration: underline;}

div.content div.interior table tr td {
    background-color:#fff;
    height:20px;
    padding:3px;
}
div.content div.interior table tr.alternatingrow td {background-color:#F1F1F1;}

div.content div.interior table.job-table td {
    border: 1px solid #fff;
}

div.content div.interior table td.jobheader {
    font-size:11px;
    font-weight:bold;
    width: 200px;
}

div.content div.interior table.graduate-survey td {
    background-color:#fff;
    height:auto;
    padding:0;
}

table.links a:link,
table.links a:visited {text-decoration: none !important;}

table.links a.aveda:link,
table.links a.aveda:visited {
	display: block;
	margin: 0;
	padding: 0;
	width: 110px;
	height: 32px;
	text-decoration: none;
	background: url(images/logos/logo_aveda.gif) no-repeat top left;
}
table.links a.aveda:hover {background: url(images/logos/logo_aveda.gif) no-repeat 0 -32px;}

table.links a.amta:link,
table.links a.amta:visited {
	display: block;
	margin: 0;
	padding: 0;
	width: 110px;
	height: 32px;
	text-decoration: none;
	background: url(images/logos/logo_amta.gif) no-repeat top left;
}
table.links a.amta:hover {background: url(images/logos/logo_amta.gif) no-repeat 0 -32px;}

table.links a.behind:link,
table.links a.behind:visited {
	display: block;
	margin: 0;
	padding: 0;
	width: 110px;
	height: 32px;
	text-decoration: none;
	background: url(images/logos/logo_behind.gif) no-repeat top left;
}
table.links a.behind:hover {background: url(images/logos/logo_behind.gif) no-repeat 0 -32px;}

table.links a.dayspa:link,
table.links a.dayspa:visited {
	display: block;
	margin: 0;
	padding: 0;
	width: 110px;
	height: 32px;
	text-decoration: none;
	background: url(images/logos/logo_dayspa.gif) no-repeat top left;
}
table.links a.dayspa:hover {background: url(images/logos/logo_dayspa.gif) no-repeat 0 -32px;}

table.links a.nouvelles:link,
table.links a.nouvelles:visited {
	display: block;
	margin: 0;
	padding: 0;
	width: 110px;
	height: 32px;
	text-decoration: none;
	background: url(images/logos/logo_nouvelles.gif) no-repeat top left;
}
table.links a.nouvelles:hover {background: url(images/logos/logo_nouvelles.gif) no-repeat 0 -32px;}

table.links a.modern:link,
table.links a.modern:visited {
	display: block;
	margin: 0;
	padding: 0;
	width: 110px;
	height: 32px;
	text-decoration: none;
	background: url(images/logos/logo_modern.gif) no-repeat top left;
}
table.links a.modern:hover {background: url(images/logos/logo_modern.gif) no-repeat 0 -32px;}

table.links a.skininc:link,
table.links a.skininc:visited {
	display: block;
	margin: 0;
	padding: 0;
	width: 110px;
	height: 32px;
	text-decoration: none;
	background: url(images/logos/logo_skininc.gif) no-repeat top left;
}
table.links a.skininc:hover {background: url(images/logos/logo_skininc.gif) no-repeat 0 -32px;}

table.links a.dept:link,
table.links a.dept:visited {
	display: block;
	margin: 0;
	padding: 0;
	width: 110px;
	height: 32px;
	text-decoration: none;
	background: url(images/logos/logo_dept.gif) no-repeat top left;
}
table.links a.dept:hover {background: url(images/logos/logo_dept.gif) no-repeat 0 -32px;}

table.links a.salon:link,
table.links a.salon:visited {
	display: block;
	margin: 0;
	padding: 0;
	width: 110px;
	height: 32px;
	text-decoration: none;
	background: url(images/logos/logo_salon.gif) no-repeat top left;
}
table.links a.salon:hover {background: url(images/logos/logo_salon.gif) no-repeat 0 -32px;}

table.links a.cidesco:link,
table.links a.cidesco:visited {
	display: block;
	margin: 0;
	padding: 0;
	width: 110px;
	height: 32px;
	text-decoration: none;
	background: url(images/logos/logo_cidesco.gif) no-repeat top left;
}
table.links a.cidesco:hover {background: url(images/logos/logo_cidesco.gif) no-repeat 0 -32px;}

div.content div.interior table.login td,
div.content div.interior table.press td {
    height: auto;
    padding: 0;
    vertical-align: top;
}

div.content div.interior div.thumbnail{
	padding: 3px 3px 18px 3px;
	background-color: #fff;
	border: 1px solid #bbb;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

div.content table p {margin: 0 !important; padding: 0 !important;}


div.footer {
    margin: 50px 0 50px 0;
    height: 75px;
    border-top: 4px solid #a0e926;
}

div.footer div.footerContent {
    margin: 0 auto;
    padding: 16px 0 0;
    width: 820px;
}

div.footer div.footerContent ul {
    list-style: none;
    overflow: hidden;
    float:left;
}

div.footer div.footerContent ul li {
    float: left;
    margin: -2px 0 -1px -1px;
    padding: 0 7px;
    border-left: 1px solid #333;
}

div.footer div.footerContent a:link,
div.footer div.footerContent a:visited {
    color: #333;
    text-decoration: none;
}
div.footer div.footerContent a:hover {text-decoration: underline;}

div.footer div.footerContent img {float: right;}

div.footer div.footerContent p {
    padding: 7px 0 0 7px;
    clear: left;
    float:left;
    width:500px;
}

div.footer div.footerContent div.logos-right{
	float:right; 
	width:200px;
}

div.footer div.footerContent div.logos-right div.morningBlend{
	padding-top: 20px;
}

/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {left: 0; background: transparent url(images/prevlabel.gif) no-repeat 0% 15%;}
#lbPrevLink:hover {background: transparent url(images/prevlabel.gif) no-repeat 0% 15%;}
#lbNextLink {right: 0; background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;}
#lbNextLink:hover {background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/* -- MLatzke BloggyMcBloggerton changes -- */
	#blog{margin:0 !important; float:left; width:547px; padding:5px 10px 0 5px; font-size:12px; border-right:1px solid #bbb;}
	#blog p{line-height:16px !important;}
	.post{margin-bottom:40px;}
	#featured h1 a{color:#333; text-decoration:none; color:#98DC2E;}
	#featured h1 a:hover{text-decoration:none;}
	#blog .posted-by{font-size:11px; line-height:14px !important; height:auto; padding:5px 0 0 0; clear:both;}
	#blog h1{padding:0 0 20px 0 !important;}
	#blog h2{padding-bottom:5px !important; clear:both;}
	#blog #featured h2{padding-bottom:10px !important;}
	.alignleft{float:left; margin:0 10px 10px 0;}
	.alignright{float:right; margin:0 0 10px 10px;}
	img.size-large{max-width:547px !important; height:auto !important;}
	/* - Sidebar - */
		#blogSidebar{float:left; width:242px; margin-top:10px; border-left:1px solid #BBBBBB; padding-left:10px; margin-left:-1px;}
		#blogSidebar h3{color:#0066CC; font-size:12px;}
		#blogSidebar h3 a{color:#06c; text-decoration:none;}
		#blogSidebar ul{list-style:none; background:transparent url(images/bg-sidebar-li.jpg) no-repeat scroll left bottom; margin-bottom:11px; padding-bottom:11px; padding-top:5px;}
		#blogSidebar ul li ul{background:none; margin-bottom:0; padding-bottom:0;}
		#blogSidebar ul li a{color:#000; text-decoration:none;}
		#blogSidebar ul li a:hover{text-decoration:underline;}
		#blogSidebar ul.twitter{padding-bottom:0; background:none; padding-top:0;}
		#blogSidebar ul.twitter li{padding:10px 0 10px 0 !important; border-top:1px solid #d6d6d6; position:relative;}
		#blogSidebar #twitterFeed{background:url(images/twitterTop.gif) no-repeat top left; margin-top:7px;}
		#blogSidebar #twitterFeed #twitterFeedNest{background:url(images/twitterBottom.gif) no-repeat bottom left; padding:0px 10px 36px 10px;}
	/* - comments - */
		#commentform p{padding-bottom:5px;}
		ol.commentlist{list-style:none; margin:0 0 40px 0 !important;}
		ol.commentlist li{padding:10px 10px 5px 10px;}
		ol.commentlist p{padding:0 0 5px 0 !important;}
		ol.commentlist img.avatar,
		ol.commentlist div.comment-meta{display:none;}
		ol.commentlist div.comment-author{padding-bottom:2px; margin-bottom:5px;}
		ol.commentlist div.comment-author a{text-decoration:none !important;}
		ol.commentlist div.comment-author a:hover{text-decoration:underline !important;}
		ol.commentlist li.odd{background:#f0f0f0;}
		ol.commentlist cite{font-style:normal;}
		div#respond{clear:both;}
	/* - Flickr Badge - */
		#flickr_badge_uber_wrapper {text-align:center; width:242px;}
		#flickr_badge_wrapper{padding-top:10px;}
		.flickr_badge_image {margin:0 10px 10px 0; float:left;}
		.flickr_badge_image img {width:70px; height:70px;}
		#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
		#flickr_badge_icon {float:left; margin-right:5px;}
		#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
		#flickr_badge_uber_wrapper a:hover,
		#flickr_badge_uber_wrapper a:link,
		#flickr_badge_uber_wrapper a:active,
		#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#0066cc;}
		#flickr_badge_wrapper {background-color:#ffffff;}
		#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#333333 !important;}
	/* - Flickr Tag - */
		p.flickrTag_container img {float: left; margin: 0 5px 0 5px;}
