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

body {	
	background-color: #FFFFFF;
	background-image: url(../images/headerBg.jpg);
	background-repeat: repeat-x;
	color: #000;
	font-size: 10px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin: 0px;
}
/*generic tags*/
a{
	color:#375d81;	
}
img {
	border: none;
}
p {
	line-height: 1.4em;
	margin: 0.8em 0px 0px;
	font-size: 1.3em;
}
.carousel p{
	clear:left;
}
h1, h2, h3 {
	font-size: 1.6em;
	margin: 0;
	padding: 0;
}
ul {
	margin: 0px;
	padding: 0px;
}
/*header*/
#header {
	color: #666;
	height: 75px;
	width: auto;
}
.headerContent {
	color: #999;
	margin: 0 auto;
	padding-top: 40px;
	position: relative;
	width: 1000px;
}
#orchid {
	height:69px;
	position: absolute;
	top: -2px;
	width:202px;
	z-index:1;
}
#phoneNumber{
	color:#375d81;
	height:30px;
	left: 725px;
	position: absolute;
	top: 2px;
	width:150px;
}
#clientLogin {
	font-size: 1.2em;
	height: 30px;
	left: 875px;
	position: absolute;
	text-align: right;
	top: 0px;
	width: 125px;
}
#nav {
	left: 450px;
	margin: 0px;
	position: absolute;
	text-align: center;
	top: 55px;
}
#nav li {
	display: inline;
	font-size: 1.3em;
	list-style-type: none;
	padding: 0 1em;
	text-align: center;
}
#nav li a:link, #nav li a:visited{
	color:#555;
	text-decoration: none;
}
#nav li a:hover, #nav li a:hover.active{
	color:#5F7D9A;
}
#nav li a.active{
	color:#f6921e;
}

/*mainContent section*/
#mainContentTop {
	background-image: url(../images/mainContentBgTop.jpg);
	background-repeat: no-repeat;
	height: 14px;
	margin: 0 auto;
	width: 1010px;
}
#mainContent {
	background-image: url(../images/mainContentBgMid.jpg);
	background-repeat: repeat-y;
	margin: 0 auto;
	width: 1010px;
}
#mainContentBottom {
	background-image: url(../images/mainContentBgBottom.jpg);
	background-repeat: no-repeat;
	height: 15px;
	margin: 0px auto 15px auto;
	width: 1010px;
}
#scrollContainer{
	margin: 0 0 0 10px;
	overflow: hidden;
	padding: 0px;
	width: 990px;
}
#scroller{
	margin: 0;
	overflow: hidden;
	padding: 0px;
	width: 9999px;
}
#scroller ul {
	margin: 0.8em;
}
#scroller ul li, .contentBoxMid ul li, .spotlightTextmid ul li {
	font-size: 1.3em;
	line-height: 1.75em;
	list-style-position: inside;
	list-style-type: none;
	margin-left: .75em;
}
#scroller .bodyBox ul li, .spotlightTextMid ul li {
	background-image: url(../images/thoughtBubbleSmall.png);
	background-repeat:no-repeat;
	list-style-type:none;
	padding-left: 25px;
}
.bodyBox {
	float: left;
	height: 370px;
	width: 960px;
	margin: 0 10px;
	padding-left: 20px;
	overflow: hidden;
}
.bodyBox h1{
	font-size:2.7em;
}
.bodyBox h3{
	font-size:2em;
	margin-top:10px;
	margin-bottom:30px;
}
.bodyBox p{
	margin-top: 4px;
}
.bodyBox h1, .bodyBox h3{
	color: #375d81;
	font-weight: bold;
}
.bodyBox ul{
	margin-top: 0.5em;
}
.scrollerContent {
	height: 350px;
	width: 525px;
}
.scrollerContent ul {
	margin-top: 8px;
}
.contentBox .contentBoxMid .bullet li, #scroller .carousel .bullet li{
	background-image: url(../images/thoughtBubbleSmall.png);
	background-repeat: no-repeat;
	padding-left: 25px;
}
.bullet{
	margin-left:3em;
}
.scrollerNav{
	margin-top: -60px;
	padding-left: 730px;
}

/*individual scroller panes*/
#step1-pane ul li img {
	float: left;
}
#step1-pane .scrollerContent {
	padding-top: 20px;
	padding-left: 20px;
}
.bodyBox#step1-pane, .bodyBox#step2-pane, .bodyBox#step3-pane, .bodyBox#step4-pane, .bodyBox#step5-pane, .bodyBox#step6-pane, .bodyBox#step7-pane{
	background-position:-10px 38px;
	background-repeat:no-repeat;
}
.bodyBox#step1-pane {
	background-image: url(../images/scrollers/womanCareFreeScroller.jpg);
	background-position:-10px 0;
}
.bodyBox#step2-pane {
	background-image: url(../images/scrollers/understanding-your-registration-needs.jpg);
}
.bodyBox#step3-pane {
	background-image: url(../images/scrollers/businessmanSmirkScroller.jpg);
}
.bodyBox#step4-pane {
	background-image: url(../images/scrollers/womanCoffeeScroller.jpg);
}
.bodyBox#step5-pane {
	background-image: url(../images/scrollers/cityscapeScroller.jpg);
}
.bodyBox#step6-pane {
	background-image: url(../images/scrollers/woman-on-beach.jpg);
}
.bodyBox#step7-pane {
	background-image: url(../images/scrollers/womanHappyScroller.jpg);
}

/*typography*/
.title {
	color: #375d81;
	line-height: 1.2em;
	font-size: 3em;
	margin-top: 10px;
}
.bodyBox .title {
	font-size: 3em;
}
.subtitle {
	color: #666666;
	line-height: 1.4em;
	font-size: 1.75em;
	margin-top: 5px;
}

/*spotlight section*/
.spotlightBoxes {
	border-top: solid 1px #ccc;
	height: 233px;
	margin: 0 10px;
	padding: 15px;
	width: 960px;
}
.spotlightText {
	float: left;
	height: 230px;
	margin-right: 15px;	
	position: relative;
	width: 310px;
}
.spotlightText h1 {
	color: #FFF;
	font-size: 1.3em;
	margin-bottom: 5px;
}
.spotlightTextTop{
	background-image: url(../images/spotlightBoxTop.png);
	background-repeat: no-repeat;
	color:#FFFFFF;
	font-size:1.5em;
	font-weight:bold;
	height: 23px;
	padding-top: 7px;
	padding-left: 15px;
}
.spotlightTextMid {
	background-color: #ffffff;
	border: solid 1px #ccc;
	border-top: none;
	color: #666666;
	height: 200px;
	padding-right: 15px;
	padding-left: 15px;
}
.spotlightTextMid ul {
	padding-top: 2em;
}
.spotlightTextMid ul li{
	font-size: 1.3em;
	line-height:1.5em;
}
.spotlightTextMid a:link, .learnMore {
	color: #f6921e;
	font-weight: bold;
	text-decoration: none;
}
.spotlightTextMid a:hover, .learnMore:hover {
	text-decoration: underline;
}
.spotlightTextMid a:visited, .learnMore:visited {
	color: #f6921e;
	font-weight:bold;
	text-decoration:none;
}
.spotlightTextMid p {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	text-indent: 0px;
}
.spotlightTextMid .learnMorePosition {
	left: 16px;
	position: absolute;
	top: 172px;
	width: 102px;
}
#onlineRegistration {
	background: #ffffff url(../images/forms.jpg) no-repeat 165px 115px;
}
#housingMangement {
	background: #ffffff url(../images/passkeyLogo.jpg) no-repeat 155px 140px;
}
#currentEvents {
	background: #ffffff url(../images/orchidTHCLogo.jpg) no-repeat 50px 80px;
}
#right{
	margin: 0px;
}

/*contact page*/
#contactForm {
}

/*footer section*/
#clientBox {
	background-color: #FFFFFF;
	border-top: solid 1px #ccc;
	height: 35px;
	margin: 0px 10px;
	padding: 15px 25px;
	position:relative;
	text-align: center;
	width: 940px;
}
#clientBox img {
	padding: 0 30px;
}
#clientBox .clientRow {
	display: none;
	left: 25px;
	position: absolute;
	top: 15px;
	width: 940px;
}
#footerText {
	background-image: url(../images/footerBg.png);
	background-repeat: repeat-x;
	border-top: solid 1px #ccc;
	color: #999;
	height: 75px;
	margin: 0 auto;
	padding: 30px 25px 10px 0px;
	text-align: center;
	width: 965px;
}
#footerText ul li{
	display: inline;
	padding: 15px;
}
#footerText ul li a{
	color:#999999;	
}


.imgFloatLeft {
	float: left;
	margin-right: 10px;
}
.imgFloatRight {
	float: right;
}
.imgFloatRight img {
	display: block;
	margin-top:10px;
}
.clearfloat {
	clear: both;
}
.imgFloatLeft span{
	position: static !important;	
}
.orange{
	color: #f6921e;
}