@charset "utf-8";
body {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; background: #372540;}

img {border: none;}

#mainContainer {background: url(../images/headerBackground.gif) repeat-x; margin: 0;}
#header {width: 960px; height: 207px; margin: 0 auto 0 auto; padding: 45px 0 0 0;}
#header h1 {width: 454px; height: 175px; display: block; margin: 0; position: relative; z-index: 1000;}
#header h1 a {width: 454px; height: 175px; display: block; margin: 0; background: url(../images/exhale.png) no-repeat; text-indent: -4000px;}
#header ul {margin: 7px 0 0 56px; padding: 0; display: block; position: relative; z-index: 4000;}
#header ul li {margin: 0 26px 0 0; padding: 0; float: left; display: block; height: 19px; list-style: none;}
#header ul li a {display: block; height: 19px; text-indent: -4000px;}

#header ul li#about a {width: 75px; background: url(../images/navigation.png) no-repeat 0 0;}
#header ul li#about a:hover {background: url(../images/navigation.png) no-repeat 0 -43px;}

#header ul li#faculty a {width: 57px; background: url(../images/navigation.png) no-repeat -101px 0;}
#header ul li#faculty a:hover {background: url(../images/navigation.png) no-repeat -101px -43px;}

#header ul li#registration a {width: 94px; background: url(../images/navigation.png) no-repeat -184px 0;}
#header ul li#registration a:hover {background: url(../images/navigation.png) no-repeat -184px -43px;}

#header ul li#programs a {width: 73px; background: url(../images/navigation.png) no-repeat -305px 0;}
#header ul li#programs a:hover {background: url(../images/navigation.png) no-repeat -305px -43px;}

#header ul li#events a {width: 50px; background: url(../images/navigation.png) no-repeat -404px 0;}
#header ul li#events a:hover {background: url(../images/navigation.png) no-repeat -404px -43px;}

#header ul li#contact a {width: 93px; background: url(../images/navigation.png) no-repeat -480px 0;}
#header ul li#contact a:hover {background: url(../images/navigation.png) no-repeat -480px -43px;}

#banner {width: 841px; height: 291px; margin: 0 auto 0 auto; padding: 33px 0 0 33px; background: url(../images/banner.png) no-repeat; position: relative; z-index: 1000;}
.faculty {width: 178px; height: 260px; float: left; margin: 10px 15px 0 20px; padding: 0 0 0 0; border: 1px solid #8a5fa1;}

#dancer1 {width: 350px; height: 400px; position: absolute; background: url(../images/dancer3.png) no-repeat; margin: -30px 0 0 540px; z-index: 2000;}
#bottomDancer1 {width: 372px; height: 251px; background: url(../images/dancer4.png) no-repeat; position: absolute; margin: -160px 0 0 -60px;}
#bottomDancer2 {width: 372px; height: 251px; background: url(../images/dancer5.png) no-repeat; position: absolute; margin: -160px 0 0 -60px;}
#bottomDancer3 {width: 372px; height: 251px; background: url(../images/dancer6.png) no-repeat; position: absolute; margin: -160px 0 0 -60px;}
#bottomDancer4 {width: 372px; height: 251px; background: url(../images/dancer7.png) no-repeat; position: absolute; margin: -160px 0 0 -60px;}
#bottomDancer5 {width: 372px; height: 251px; background: url(../images/dancer8.png) no-repeat; position: absolute; margin: -160px 0 0 -60px;}
#bottomDancer6 {width: 372px; height: 251px; background: url(../images/dancer9.png) no-repeat; position: absolute; margin: -160px 0 0 -60px;}
#bottomDancer7 {width: 372px; height: 251px; background: url(../images/dancer10.png) no-repeat; position: absolute; margin: -160px 0 0 -60px;}

#contentContainer {margin: 0; background: #ffffff; padding-bottom: 160px; border: 0 solid #000;}
#indexContentContainer {margin: 0; padding-bottom: 100px; border: 0 solid #000; background: #ffffff url(../images/indexTop.gif) top repeat-x;}

.map {border: 1px solid #865b9d;}

#content {width: 760px; margin: 0 auto 0 auto;}
#content h3#title {color: #8a5fa1; font-weight: normal; font-size: 2em; margin: 0 0 0 130px; padding: 10px 0 30px 0;}
#indexContentSwirls {width: 194px; height: 188px; position: absolute; background: url(../images/contentSwirls.png) no-repeat; margin: -80px 0 0 -80px;}

#leftColumn {width: 241px; float: left;}
#programsColumn {width: 215px; float: left; margin: 0 0 0 30px;}
#eventsColumn {width: 215px; float: left; margin: 0 0 0 30px;}

#programsColumn h3 {margin: 0 0 10px 0; font-weight: normal; color: #00acc4; font-size: 2.4em;}
#eventsColumn h3 {margin: 0 0 10px 0; font-weight: normal; color: #00acc4; font-size: 2.4em;}

#leftColumn p {margin: 0; color: #646464; font-size: 0.9em; line-height: 1.8em;}
#leftColumn p strong {color: #8a5fa1;}
a#aboutUs {width: 168px; height: 30px; display: block; background: url(../images/aboutUs.gif) no-repeat; float: right; text-indent: -4000px; margin: 15px 0 0 0;}
a.readMore {width: 153px; height: 23px; display: block; background: url(../images/readMore.gif) no-repeat; float: right; text-indent: -4000px; margin: 15px 0 0 0;}

#programsColumn p {margin: 0; color: #646464; font-size: 0.9em; line-height: 1.8em;}
#eventsColumn p {margin: 0; color: #646464; font-size: 0.9em; line-height: 1.8em;}

#mainSubContainer {background: url(../images/subHeaderBackground.gif) repeat-x; margin: 0;}
#subHeader {width: 960px; height: 300px; margin: 0 auto 0 auto; padding: 45px 0 0 0;}
#subHeader h1 {width: 454px; height: 175px; display: block; margin: 0;}
#subHeader h1 a {width: 454px; height: 175px; display: block; margin: 0; background: url(../images/exhale.png) no-repeat; text-indent: -4000px;}
#subHeader ul {margin: 7px 0 0 56px; padding: 0; display: block; position: relative; z-index: 4000;}
#subHeader ul li {margin: 0 26px 0 0; padding: 0; float: left; display: block; height: 19px; list-style: none;}
#subHeader ul li a {display: block; height: 19px; text-indent: -4000px;}

#subHeader ul li#about a {width: 75px; background: url(../images/navigation.png) no-repeat 0 0;}
#subHeader ul li#about a:hover {background: url(../images/navigation.png) no-repeat 0 -43px;}

#subHeader ul li#faculty a {width: 57px; background: url(../images/navigation.png) no-repeat -101px 0;}
#subHeader ul li#faculty a:hover {background: url(../images/navigation.png) no-repeat -101px -43px;}

#subHeader ul li#registration a {width: 94px; background: url(../images/navigation.png) no-repeat -184px 0;}
#subHeader ul li#registration a:hover {background: url(../images/navigation.png) no-repeat -184px -43px;}

#subHeader ul li#programs a {width: 73px; background: url(../images/navigation.png) no-repeat -305px 0;}
#subHeader ul li#programs a:hover {background: url(../images/navigation.png) no-repeat -305px -43px;}

#subHeader ul li#events a {width: 50px; background: url(../images/navigation.png) no-repeat -404px 0;}
#subHeader ul li#events a:hover {background: url(../images/navigation.png) no-repeat -404px -43px;}

#subHeader ul li#contact a {width: 93px; background: url(../images/navigation.png) no-repeat -480px 0;}
#subHeader ul li#contact a:hover {background: url(../images/navigation.png) no-repeat -480px -43px;}

#testimonials {width: 524px; height: 72px; margin: 46px 0 0 153px; padding: 0 43px 0 43px;}
#testimonials h2 {margin: 0; font-style: normal; color: #197481;}

#subContent {width: 670px; margin: 0 auto 0 auto; padding: 0 145px 0 145px;}
#subContent p {color: #646464; font-size: 0.9em; line-height: 1.9em; padding-left: 20px;}
#subContent h3#title {color: #8a5fa1; font-weight: normal; font-size: 2em; margin: 0 0 0 130px; padding: 30px 0 30px 0;}
#subContent h4 {color: #8a5fa1; font-weight: normal; font-size: 1.4em;}
#subContent a {text-decoration: none; color: #8a5fa1;}

#indexLeftSwirls {width: 204px; height: 160px; position: absolute; background: url(../images/leftSwirls.png) no-repeat; margin-top: 107px; margin-left: -50px;}
#indexRightSwirls {width: 194px; height: 205px; position: absolute; background: url(../images/rightSwirls.png) no-repeat; margin-top: 80px; margin-left: 730px;}

#leftSwirls {width: 204px; height: 193px; position: absolute; background: url(../images/leftSwirls.png) no-repeat; margin-top: 107px; margin-left: -50px;}
#rightSwirls {width: 194px; height: 205px; position: absolute; background: url(../images/rightSwirls.png) no-repeat; margin-top: 80px; margin-left: 730px;}
#contentSwirls {width: 194px; height: 188px; position: absolute; background: url(../images/contentSwirls.png) no-repeat; margin: -50px 0 0 -80px;}

#facebook {height: 54px; width: 55px; background: url(../images/facebook.png) no-repeat; float: left; margin-left: 19px;}
#facebook a {display: block; height: 54px; width: 55px; text-indent: -4000px;}

#footerContainer {background: url(../images/footerBackground.gif) top repeat-x;}

#bottomImages {height: 130px; width: 790px; margin: 0 auto 0 auto;  border: 0 solid #000;}
#rightImages {width: 506px; height: 118px; background: url(../images/bottomImages.png) no-repeat; position: absolute; margin: -80px 0 0 250px; padding: 19px;}
#rightImages #left {width: 177px; height: 118px; background: url(../images/middle2.jpg) no-repeat; float: left;}
#rightImages #middle {width: 177px; height: 118px; background: url(../images/left.jpg) no-repeat; float: left;}
#rightImages #right {width: 152px; height: 118px; background: url(../images/right2.jpg) no-repeat; float: left;}

#footer {width: 790px; height: 290px; margin: 0 auto 0 auto;}
#footer p {width: 250px; display: block; margin: 0; float: left; font-size: 0.8em; color: #9868b1; line-height: 1.6em;}
#credit {width: 211px; height: 61px; float: left; background: url(../images/awesome.png) no-repeat;}
#credit a {width: 211px; height: 61px; display: block; text-indent: -4000px;}
#footer ul {margin: 0; padding: 0; float: right; margin-left: 35px;}
#footer ul li {list-style: none;}
#footer ul li a {color: #da95fe; text-decoration: none; font-size: 0.9em; line-height: 1.6em;}
#footer ul li a:hover {color: #9868b1;}
#footer ul.first {margin-left: 0;}

.clear {clear: both;}