/* CSS Document */
@charset "UTF-8";

* {
	margin:0;
	padding:0;
	font-size:100%;
}

body {
	text-align:center;
	font: 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	background-image:url(../images/bg-waves.gif);
	background-repeat:repeat-x repeat-y;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
	font-size: 1.2em;
}


img {
	vertical-align:top;
}

.framed {
	padding: 10px;
	border:solid 1px #666666;
	margin: 10px 0;
}

a img {
	border:0;
}

table {
	border-collapse:collapse; 
	border:0;
}

html {
	font-size:0.75em; 
	line-height:1.5em; 
	color:#727272;
}

input, textarea {
	font-size:1em;
	line-height:1em;
	color:#333333;
}

p {
	padding:0; /* zeroing because of Safari */
	margin:0; /* zeroing because of Safari */
	padding-bottom:2em;
	line-height:1.9em;
	color: #FFFFFF;
	}

.small {
	font-size: .8em;
}

.big {
	font-size: 1.2em;
}

strong {
	color: #89B86B;
	font-style:bold;
}


blockquote {
border : 4px solid #89B86B;
width: 210px;
float: left;
margin-top: 10px;
margin-right:15px;
margin-bottom:10px;
margin-left:0px;
padding: 0px 50px 15px 50px;
}

blockquote p {
background-color: none;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1 em;
font-style:oblique;
color:#FFF4C8;
}

blockquote *:before, blockquote *:after {
color: #69c;
display:block;
font-size: 700%;
}

blockquote > *:before {
content: '\201C';
margin-top: 40px;
margin-left: -50px;
margin-bottom: -60px;
}

blockquote > *:after { 
content: '\201D';
margin-left: 200px;
}

/* Headings */

h1, h2, h3, h4, h5, h6 {
	padding:0; /* zeroing because of Safari */
	margin:0; /* zeroing because of Safari */	
	text-transform:lowercase;
}


h1 {
	font: "Arial Narrow", Arial, Helvetica, swan-serif;
	font-size: 2.4em;
	text-transform:capitalize;
	color: #FFF4C8;
	letter-spacing:0.1em;
	font-stretch:condensed;
	padding-top: 0.5em;
	line-height:1.2em;
}

h2 {
	font-size: 1.7em;
	color: #DDE4B7;
	letter-spacing:0.1em;
	text-transform:capitalize;
	font-stretch:condensed;
	padding-top: 0.7em;
}


h3, h4, h5, h6 {
	font-size: 1.5em;
	color: #89B86B;
	text-transform:capitalize;
	letter-spacing:0.1em;
	font-stretch:condensed;
	padding-top: 0.5em;
}

h4, h5, h6 {
	font-size: 1.2em;
	color: #89B86B;
	text-transform:capitalize;
	letter-spacing:0.1em;
	font-stretch:condensed;
	padding-top: 0.5em;
}

/* Links */
a {
	color: #E8B6D1;
	text-decoration:none;
}

a:link, a:visited
{
	background-color: transparent;
}

a:hover, a:active
{
	background-color: transparent;
	text-decoration: underline;
}

/* Lists */
ul {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

li {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	list-style-position: inside;
	margin-top: 0.5em;
	margin-bottom:0.5em;
	padding-left:23px;
	list-style-type:none;
	background-image:url(../images/Arrow.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
}

ol {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	list-style-type: lower-alpha;
	list-style-position: inside;
}


/*

input, select {
	vertical-align:middle; 
	font-weight:normal;
}

a {
	text-decoration:underline; 
	color:#A4A4A4; 
	line-height:1em;
}

a:hover {
	text-decoration:none;
}

ul {list-style:none;}
ul li {color:#8C063F; padding-bottom:4px;}
li a {text-decoration:none; color:#B5B5B5; background:url(../images/link-marker.gif) left 5px no-repeat; padding-left:14px;}
li a:hover {text-decoration:underline;}
*/

.float-l {float:left;}
.float-r {float:right;}
.clear {clear:both;}

/***************Inside Pages***************/
.inside {
	height:auto;
	margin-top:0 auto;
	margin-bottom:0 auto;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	text-align:left;

} 

/* .inside p {padding-bottom:8px;}
.inside .title2,
.inside .title2 {margin-top:0px;}
.inside .box2 h2,
.inside h2 {padding-bottom:18px;}
.inside .box2 p {padding-bottom:12px;}
*/

/***************Index Page***************/
.index {
	min-height:500px;
	margin-top:0 auto;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	text-align:left;

}

/************ Index Info Box *************/
.index-infobox {
	position:relative;
	width:400px;
	padding-top:50px;
	padding-left:50px;
	padding-bottom:25px;
	min-height:100px;
	border-left: 1px  solid #666666;
	background-image:url(../images/index-top-bar.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	}

.index-infobox ul h3 {
	text-align:left;
	width:100%;
	padding:0;
	margin:0;
}

.index-infobox #bugs {
	position:relative;
	display:block;
	width:100%;
	padding: 0px 0px 10px 0px;
	margin:25px 0px 10px 0px;
	text-align:left;
	border-bottom:none;
}

.index-infobox #bugs ul {
	margin:0 0 5px 0;
	padding:0;
	}

.index-infobox #bugs li {
	display: inline-block;
	list-style-type:none;
	background-image:none;
	padding:0;
	}

.index-infobox p {
	margin-top: 1px;
	font-size:0.9em;
	color: #7999C5;
	line-height:1.2em;
}


/***************Courses Pages***************/
.courses {
	min-height:504px;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	text-align:left;
} 

/* .inside p {padding-bottom:8px;}
.inside .title2,
.inside .title2 {margin-top:0px;}
.inside .box2 h2,
.inside h2 {padding-bottom:18px;}
.inside .box2 p {padding-bottom:12px;}
*/


/***************header***************/

#header-container {
	height:195px;
	margin:0 auto;
	padding:0 auto;
	background-color:#000000;
}

#header {
	background:url(../images/header-tail.gif) left bottom repeat-x; 
	height:93px;
	width:1000px;
	position:relative;
}

.header-bg {background:url(../images/header-bg.jpg) left bottom no-repeat; height:93px;}
#header .logo {

}
#header .slogan {
	position:absolute; 
	top:50px; right:50px;
	margin:0 auto;
	font-size:1.167em;
}

#header .slogan a {color:#9C0747; text-decoration:none;}
#header .slogan a:hover {text-decoration:underline;}


/***************footer***************/
#footer {
	clear:both;
	width:100%;
	position:relative;
	color:#999999;
	padding:15px 0 25px 18px;
	font-size:0.9em;
}


#footer a {
	color:#729B5B;
	border-left:1px solid #343534;
	padding-left:7px;
	margin-left:7px;
}



/***************content***************/

#index-content-container {
	position:relative;
	float:left;
	width:1000px;
	min-height:504px;
	height: 100%;
	background:url(../images/main-img1.jpg) right bottom no-repeat;
	padding:0px;
	margin:0px;
	display:block;
}

#inside-content-container, 
#inside-content-container-courses, 
#inside-content-container-aid, 
#inside-content-container-admissions, 
#inside-content-container-salons, 
#inside-content-container-community, 
#inside-content-container-contact {
	position:relative;
	float:left;
	width:1000px;
	min-height:524px;
	height: 100%;
	background-color:#000000;
	padding-bottom:15px;
	margin: 0 0 10px 0;
	display:block;
	border-bottom: 1px solid #666666;
}

#inside-content-container {
	/*background:url(../images/main-img2.jpg) right bottom no-repeat #000000;*/
	background:url(../images/bg-curly-hair.jpg) right bottom no-repeat #000000;
}

#inside-content-container-courses  {
	background:url(../images/bg-red-hair.jpg) right bottom no-repeat #000000;
}

#inside-content-container-aid  {
	background:url(../images/bg-black-hair.jpg) right bottom no-repeat #000000;
}

#inside-content-container-admissions  {
	background:url(../images/bg-bru.jpg) right bottom no-repeat #000000;
}
#inside-content-container-salons  {
	background:url(../images/bg-tall-black.jpg) right bottom no-repeat #000000;
}
#inside-content-container-community  {
	background-color: #000000;
}
#inside-content-container-contact  {
	background:url(../images/bg-highlights.jpg) right bottom no-repeat #000000;
}






.col1 {
	position:relative;
	float:left;
	text-align:left;
	margin:0;
	padding:0px 20px 20px 20px;
	width: 600px;
	min-height:955px;
	height:100%;
	background-color:none;
}

.col2 {
	position:relative;
	float:left;
	text-align:left;
	margin:0;
	padding:0px 20px;
	width: 320px;
	height:100%;
	background-color:none;
}
	

#courses-content-container {
	position:relative;
	width:760px;
	min-height:504px;
	height: 100%;
	padding:20px;
	background:none;
	padding-bottom:60px;
	margin: 0 0 30px 0;
	background-color:#333333;
	display:block;
}


#courses-content .inner {
	width:800px;
	padding:0
	}


/************* Social Network Bugs Inside Pages *************/

.col2 #bugs {
	border-bottom: 1px #333333 solid;
	width:100%;
	float:left;
	padding: 0px 0px 5px 0px;
	margin:0px 0px 5px 0px;
	text-align:left;
}

.col2 #bugs ul {
	display:inline-block;
	text-align:left;
	width:100%;
	padding:0;
	margin:0 0 5px 0;
}

.col2 #bugs li {
	display: inline;
	background-color:none;
	list-style-type:none;
	background-image:none;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right: 5px;
	margin:0px;
}

.col2 #bugs p {
	display:block;
	margin-top: 5px;
	font-size:0.9em;
	color: #7999C5;
	line-height:1.2em;
	padding:0;
}


/**************** Locations Box *******************/

p.locations {
	padding: 0;
	margin: 0;
	display:block;
	margin-top:1em;
	font-size:0.9em;
	color: #999999;
	line-height:1.2em;
}


#content .col-1,
#content .col-2 {float:left;}
#main {padding:0px 0px 0px 22px; width:1000px; margin:0px auto; text-align:left;}

.wrapper {width:100%; overflow:hidden;}
.img-indent {float:left; padding:5px 17px 0 0;}
.metric, p span, .button a:hover {color:#A4A4A4;}



.title1, .title2 {margin-bottom:14px;}
.title2 {margin-top:10px}
.link {background:url(../images/link-marker.gif) left 6px no-repeat; padding-left:12px; color:#FFFFFF}

.border1, .border2 {border-bottom:1px solid #1D1B18; font-size:0px; line-height:1px; height:1px; width:100%;  margin-bottom:12px}
.border1 {padding-top:25px;}
.border2 {padding-top:12px;}
.box1 {padding-left:26px;}
.box2 {padding-left: 28px; padding-bottom: 25px; padding-right: 30px; padding-top: 20px; background:#1D1B18;}
.box3 {background:#1D1B18; height: 420px; overflow: auto; padding:20px 30px 25px 28px}



/****************Embedded Maps*******************/
#maps {
float:left;
padding:10px 20px 5px 0px;
}

/**************** Slideshow Left******************/
.slideshowBox {
	padding: 10px;
	border:solid 1px #666666;
	margin: 10px 0 20px 0;
	float:left;
}

.slideshowBox p {
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:11px;
	padding: 0 0 5px 0;
}

/**************** requestInfo button *******************/

#requestInfo {
	padding: 5px;
	width: 250px;
	border: solid 1px #666666;
	display:inline-block;
	background-color:#CC6600;
	color:#CCCCCC;
	border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;

}

#requestInfo a {
	color:#CCCCCC;
}

/**************** requestAppt button *******************/

#requestAppt {
	padding: 5px;
	width:250px;
	border: solid 1px #666666;
	display:inline-block;
	background-color:#5F092F;
	color:#CCCCCC;
	border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	margin-top: 10px;
}

#requestAppt a {
	color:#CCCCCC;
}


/**************** Submit *************************/

.submit {
  border: 1px solid #000000;
  background-color: #CC6600;
  padding: 2px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  cursor: default;

}
#submitpad {
  padding: 5px;
  background-color: #CC6600;
  margin: 0px;
  border-width: 3px;
  border-color: #CC6600;
  border-spacing: 0;
	border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
}