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

a, img, object { outline:none;}

a { color:#3b6e8f; text-decoration:none;}
a:hover { color:#000000;}
a:active, a.self  { color:#006858;}
a:visted { color:#3b6e8f;}
img { border:0;}
html, body {
	height:100%;
}
body {
	margin: 0px; padding:0; text-align:center;
	font-family: Arial, Helvetica, sans-serif; font-size:13px;
	background-color:#ffffff; color:#808285;
}
#container {
	position:relative;
	height:auto; width:960px;
	margin:0 auto; padding:0;
	display:inline-block;
	text-align:left;
}
/* nav bar */
#nav {
	display:inline-block; height:86px; width:100%;
	float:left; clear:both;
}
#nav #logo { float:left; clear:left;}
#nav #buttons { float:left; display:block; height:50px; width:726px; line-height:50px; text-align:right;}
#buttons a { display:inline-block; text-transform:uppercase; font-weight:bold; height:50px; line-height:86px; padding:0 6px 0 32px; margin:0; border-right:2px solid #006858; overflow:hidden;}
/* sub links */
#subLinks {float:left; clear:both; width:100%; margin:12px 0; text-align:left;}
#subLinks UL { list-style:none; margin:0; padding:0;}
#subLinks li { width:auto; display:inline; margin:0 24px;}
#subLinks li:first-child { text-align:left; margin:0 24px 0 0;}
#subLinks li:last-child { text-align:right; margin:0 0 0 24px;}
#subLinks a { font-weight:bold; font-size:14px;}

/* main content */
#mainImg { position:relative; float:left; clear:both; display:inline-block; width:960px; height:326px;}
/* body copy */
.bodyCopy { float:left; clear:both; display:inline-block; width:960px; height:auto; margin:18px 0;}
.bodyCopy p { margin: 0 8px 12px 8px; line-height:25px;}
h2 { font-size:48px; font-weight:bold; color:#3b6e8f; margin:6px 8px; text-transform:uppercase;} 
h3 { font-size:16px; font-weight:bold; color:#006858; margin:6px 8px;} 
h4 { font-size:16px; font-weight:bold; color:#3b6e8f; margin:6px 8px;}
/*.bodyCopy p:first-letter  { font-size:22px; font-weight:bold; color:#006858;}*/
.bodyCopy a { font-size:16px; font-weight:bold;}
.bodyCopy .floatR { float:right; margin:18px 0 18px 18px;}

.left{ float:left;}
.right{ float:right;}

/* tmbs */
#tmbs { float:left; clear:both; margin:0 0 12px; width:100%;}
#tmbs a{ font-size:11px; font-weight:normal;}
#tmbs div { float:left; display:inline-block; width:189px;}
#tmbs img {float:left; clear:both;}
#tmbs p {float:left; line-height:20px; width:auto; display:inline-block; margin:10px 0 0;}
#tmbs.fiveW div{ float:left; margin:0 3px 0 0;}
#tmbs.fiveW div.left{ margin:0 4px 0 0;}
.residenceInfo div.left a, .residenceInfo div.right a{ cursor:default;}
#tmbs.fiveW div.right{ float:right; margin:0 0 0 2px;}
#tmbs.fourW div{ float:left; margin:0 68px 8px 0;}
#tmbs.fourW div.left{ margin:0 68px 0 0;}
#tmbs.fourW div.right{ float:right; margin:0;}
/* residences landing */
#tmbs.fourW div div { float:left; clear:both; margin:12px 0 0;}
#tmbs.fourW div div h4 { margin:0 0 8px;}
#tmbs.fourW div div p { margin:0 0 8px;}
/* body copy columns */
/* for schools */
.bodyCopy #fourCol div { float:left; display:inline-block; width:222px; margin:0 24px 8px 0;}
.bodyCopy #fourCol div h4 { margin:0 0 8px;}
.bodyCopy #fourCol div.left{ margin:0 24px 8px 0;}
.bodyCopy #fourCol div.right{ margin:0;}
.bodyCopy #fourCol p { width:100%; line-height:16px; margin:0 0 12px;}
/* tmb links */
span.arrow { float:left; display:inline-block; width:20px; height:20px; margin:10px 12px 0 5px; background-repeat:no-repeat; background-position:top left; cursor:pointer; }
span.G { display:none; background-image:url(../media/grey.gif);}
span.B { background-image:url(../media/blue.gif);}
span.arrow:hover { background-position:0 -20px;}
/* tmb rollovers */
#tmbs a:hover span { background-position:0 -20px;}
#tmbs a.self span, #tmbs a:active span { background-position:0 -40px;}

/* footer */
#footer { float:left; clear:both; display:inline-block; width:100%; height:46px; font-size:11px; margin:12px 0 0; padding:0 0 12px 0;}
#footer a{ float:left;}
#footer #fLinks{ float:left; display:inline-block; width:531px; height:46px; }
.small { font-size:8px;}
#fLinks p{ text-align:right; line-height:23px; margin:0; }
#fLinks p.small {line-height:11px;}
#fLinks a{ float:none; color:#808285;}
#fLinks a:hover{ color:#000000;}

/* contact us */
#contactUs { float:left; width:100%; }
#contactUs h4 { float:left; width:252px; margin:4px 0 0;}
.infoCol { float:left; width:704px; margin:0 0 32px;}
.infoCol .twoCol { float:left; width:336px; display:inline; clear:none;}
.infoCol .rm { margin-right:32px;}
.infoCol p{ float:left; width:336px; margin:0 0 2px;}
input{
	width:332px;
	margin:0 0 8px;
	padding:2px; border:0;
	background-color:#dcdedd;
}
.checkBox { width:auto; margin:0 0 0 8px; background-color:#FFFFFF;}
#SubmitBut{ margin:24px 0 0 0; width:auto; padding:2px 12px; cursor:pointer;}
#SubmitBut:hover {color:#3B6E8F}
.fullCol { width:100%; float:left; clear:both;}
.shortForm { width:50px; margin:0 24px 0 8px;}
.fullCol p { width:100%; clear:both;}
/* residences */
.residenceInfo { float:left; clear:both; width:100%; height:240px; position:relative; margin:12px 0 0;}
.infoBox { display:inline-block; width:272px; height:180px; background-color:#006858; color:#FFFFFF; font-size:14px;}
.infoBox p { margin:24px;}
.infoBox a { color:#FFFFFF;}
.infoBox a span {float:left;}
.infoBox b { font-size:16px; }
.infoBox .arrow { float:left; background-image:url(../media/arrow_on_green.gif); margin:0 0 0 8px;}
.infoBox a:hover span { background-position:0 -20px;}

.residenceInfo #environment { position:absolute; z-index:1; top:0; left:288px; width:400px;}
#environment img { float:left; clear:left; margin:0 12px 124px 0;}
#environment p { float:left; margin:0 0 8px; line-height:16px; width:340px;}
#environment h4 { color:#006858; float:left; margin:0; clear:right;}
.residenceInfo #tmbs { position:absolute; z-index:2; top:0; right:0; height:240px; width:402px}
.residenceInfo #tmbs .left { position:absolute; left:0px;}
.residenceInfo #tmbs .right { position:absolute; right:0px;}
.residenceInfo #tmbs .up { top:0;}
.residenceInfo #tmbs .down { top:128px;}
.residenceInfo #tmbs p {line-height:14px;margin:2px 0 0;}

/* fade in/out */
#mainImg div {position:absolute; top:0; left:0;}
/*#in img{ width:960px;height:492px;}
#out img{ width:960px; height:492px;}*/
.ssLrg {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:960px;
	height:492px;
}
/* returns size to normal */
#mainImg.location .ssLrg img, #mainImg.map .ssLrg img{ width:960px; height:auto;}