﻿/* CSS Document */

img {margin:0; padding:0; border:0}

form {margin:0; padding:0; border:0}

body {margin:0; padding:0; border:0}

html {margin:0; padding:0; border:0}
html {font-size:100%}
body {
	font:75%/1.8 Verdana,sans-serif;
	background:#F7F7F7 url(../images/bg_texture.jpg) repeat 0 0;
	color:#171717}

/* Universal Properties ----------------------------------------------- */
fieldset {margin:0 25px 1em; padding:0}

h3 {margin:0 25px 1em; padding:0}

h2 {margin:0 25px 1em; padding:0}

h1 {margin:0 25px 1em; padding:0}

li {margin:0 25px 1em; padding:0}

ul {margin:0 25px 1em; padding:0}

p {margin:0 25px 1em; padding:0}

acronym {cursor:help}

abbr {cursor:help}
.nowrap {white-space:nowrap}
.special {color:#20572f}

/* ---- links ---- */
a:link {color:#c33c20; text-decoration:underline}
a:visited {color:#e90010; text-decoration:underline}
a:hover {color:#8D4536; text-decoration:underline}
a:active {color:#ff5900; text-decoration:none}

/* ---- lists ---- */
ul {
	margin-left:35px;
	list-style:none}
li {
	margin:0 0 .5em 25px;
	padding-left:15px;
	background:url(../images/bullet.gif) no-repeat 0 .7em}
ul li ul {margin-top:10px}

/* ---- headings ---- */
h1 {
	margin:0 274px 0 0;
	padding:42px 0 0 8px;
	font:1.8em "arial black",verdana,sans-serif;
	letter-spacing:-1px;
	color:#424242}
h1 span {
	display:block;
	color:#666;
	font-size:.8em}
h2 {
	margin:0 20px .25em;
	padding:.75em 0 10px 27px;
	text-transform:uppercase;
	background:url(../images/bg_h2.gif) no-repeat 0 .9em;
	font:bold 1.4em "Times New Roman",georgia,serif}
h2.sub {
	margin:0 25px 1em;
	padding:0;
	text-transform:none;
	background:none;
	font:bold 1.1em/1.75em verdana,sans-serif}
h2 a {
	text-transform:none}
h3 {
	margin:1em 25px .25em;
	font-size:1.1em;
	color:#20572f}

/* ---- linkPreview ---- */
.xls {
	width:20px;
	padding:0 20px 0 0;
	background:transparent url(../images/icon_doc.png) no-repeat 10px center}
.txt {
	width:20px;
	padding:0 20px 0 0;
	background:transparent url(../images/icon_doc.png) no-repeat 10px center}
.ppt {
	width:20px;
	padding:0 20px 0 0;
	background:transparent url(../images/icon_doc.png) no-repeat 10px center}
.pdf {
	width:20px;
	padding:0 20px 0 0;
	background:transparent url(../images/icon_doc.png) no-repeat 10px center}
.doc {
	width:20px;
	padding:0 20px 0 0;
	background:transparent url(../images/icon_doc.png) no-repeat 10px center}
.pdf {background-image:url(../images/icon_pdf.gif)}
.ppt {background-image:url(../images/icon_ppt.png)}
.txt {background-image:url(../images/icon_txt.png)}
.xls {background-image:url(../images/icon_xls.png)}

/* container ----------------------------------------------- */
#container {
	position:relative;
	z-index:6;
	margin:20px auto 0;
	width:797px;
	background:#FFF url(../images/bg_container.gif) repeat-y 523px 0}

/* header ----------------------------------------------- */
#header {
	height:152px;
	background:#69997f url(../images/bg_header.jpg) repeat-x 0 0;
	border-bottom:15px solid #c7a646}
#header2 {
	position:relative;
	margin:0 auto;
	width:797px;
	height:100%}
#header2 a {color:#fefefe}

#header2 {color:#fefefe}

a#logo {
	position:absolute;
	top:4px;
	left:155px;
	display:block;
	width:226px;
	height:126px;
	background:url(../images/logo.gif) no-repeat 0 0}
a#logo img {display:none}

#header2 ul {
	margin:0;
	padding:0;
	list-style:none}
#header2 ul li {
	margin:0;
	padding:0;
	float:left}
#header2 ul li a {
	text-decoration:none}

/* ---- subnav ---- */
ul#subnav {
	position:absolute;
	top:18px;
	right:18px}
ul#subnav li {
	margin-left:1px;
	width:82px;
	height:43px;
	line-height:43px;
	background:transparent url(../images/bg_trans2.png) repeat 0 0;
	text-align:center}
ul#subnav li a {
	display:block;
	color:#0d0e0d;
	height:100%;
	width:100%}
ul#subnav li a:hover {
	background:#52AE7F;
	text-decoration:underline}
ul#subnav li.selected a {
	font-weight:bold;
	text-decoration:underline}

/* ---- text size ---- */
.hide {display:none}

ul#text-size {
	position:absolute;
	top:68px;
	right:18px;
	padding:0 0 0 30px;
	height:43px;
	width:218px;
	background:transparent url(../images/bg_trans2.png) repeat 0 0}
ul#text-size li {
	padding:0 6px 0 0;
	height:21px;
	color:#0d0e0d;
	font:bold 1em/43px verdana,sans-serif;
	background:none}
ul#text-size a {
	margin:0 7px;
	padding:5px;
	color:#0d0e0d;
	font-size:1.1em;
	text-decoration:none}
ul#text-size a#text-xlarge:hover {background:#52AE7F}

ul#text-size a#text-large:hover {background:#52AE7F}

ul#text-size a#text-medium:hover {background:#52AE7F}

ul#text-size a#text-medium {color:#fbfbfb; background:#8D4536}

/* nav ----------------------------------------------- */
#nav {
	position:absolute;
	top:-48px;
	left:0;
	width:100%;
	height:48px;
	background:#3f905b;
	border-bottom:8px solid #b7b7b7}

/* ---- ADxMenu ---- */
.menu li {margin:0; padding:0; border:0; display:block; list-style:none}

.menu ul {margin:0; padding:0; border:0; display:block; list-style:none}

.menu {margin:0; padding:0; border:0; display:block; list-style:none}

.menu li {float:left; z-index:5}
.menu li:hover {z-index:10000; white-space:normal}

.menu ul {
	visibility:hidden;
	position:absolute;
	z-index:10;
	left:0;
	top:0;
	width:797px;
	margin:-5px 0 0 -10px;
	padding:5px 10px 20px 10px;
	/* background:#F00; /* uncomment this if you want to see the "safe" area */
	background-image:url(../images/empty.gif)}

.menu li:hover>ul {visibility:visible; top:100%}
.menu li li:hover>ul {top:0; left:100%}

.menu ul:after {content:"."; height:0; display:block; visibility:hidden; overflow:hidden; clear:both} 

.menu:after {content:"."; height:0; display:block; visibility:hidden; overflow:hidden; clear:both} /* float.clear */
.menu ul {min-height:0} 
.menu {min-height:0} /* IE7 float clear: */

.menu a:visited {
	display:block;
	height:48px;
	text-decoration:none;
	color:#FFF;
	border-left:1px solid #3a804e;
	font:bold 1.55em/48px "Times New Roman",georgia,serif;
	background:#3c785c url(../images/bg_nav2.gif) repeat-x 0 100%;
	text-align:center}

.menu a {
	display:block;
	height:48px;
	text-decoration:none;
	color:#FFF;
	border-left:1px solid #3a804e;
	font:bold 1.55em/48px "Times New Roman",georgia,serif;
	background:#3c785c url(../images/bg_nav2.gif) repeat-x 0 100%;
	text-align:center}
.menu li#nav-about a {width:91px; border:0}
.menu li#nav-services a {width:102px}
.menu li#nav-admissions a {width:129px}
.menu li#nav-activities a {width:195px}
.menu li#nav-photo a {width:130px}
.menu li#nav-get a {width:145px}

.menu li#nav-services ul {padding-left:102px; width:705px}
.menu li#nav-get ul {padding-left:485px; width:322px}

.menu li li a:visited {
	background:#52AE7F;
	height:2.5em;
	padding:0 20px;
	text-align:left;
	border-left:1px solid #4ea477;
	width:120px !important;
	font:normal 1em/2.5em verdana,sans-serif}

.menu li li a {
	background:#52AE7F;
	height:2.5em;
	padding:0 20px;
	text-align:left;
	border-left:1px solid #4ea477;
	width:120px !important;
	font:normal 1em/2.5em verdana,sans-serif}

.menu li a:hover {text-decoration:none; color:#FFF}
.menu li li a:hover {background:#52AE7F; text-decoration:underline}

.menu li#nav-about li a {border-left:1px solid #4ea477}

/* selected */
.menu li.selected a:hover {background:#8D4536}

.menu li.selected li a {background:#8D4536}

.menu li.selected a {background:#8D4536}

.menu li.selected li a {border-left:1px solid #af7c71 !important}

.menu li.selected li.selected a {
	font-weight:bold;
	background:#8D4536;
	text-decoration:underline}

/* .menu a:hover {} */
.menu li:hover>a {background:#52AE7F; color:#FFF}
.menu li.selected:hover>a {background:#8D4536}

/* title ----------------------------------------------- */
#title {
	position:relative;
	margin:0 18px;
	padding:13px 0 0;
	border-bottom:3px solid #e0c05f;
	background:#FFF url(../images/bg_flowers1.gif) no-repeat 526px 100%}
html>body #extra {
	position:absolute;
	bottom:-4px;
	left:0;
	z-index:12;
	width:5px;
	height:5px;
	background:#e0c05f}

/* flash ----------------------------------------------- */
#intro {
	width:797px;
	height:348px;
	padding-top:20px;
	margin-bottom:10px;
	background:#fff url(../images/intro_bg.gif) repeat-x bottom}
	
#intro_text {
	float:left;
	width:398px}

#flash_area {
	position:relative;
	width:381px;
	float:left;
	height:253px;
	background:olive}
	
.clear {clear:both}


/* content ----------------------------------------------- */
#content {
	position:relative;
	padding:2.5em 0 12em;
	float:left;
	width:523px;
	min-height:450px;
	height:auto !important;
	height:450px;
	background:#FFF}

p.totop {text-align:right; clear:both}
p.totop a {font-size:.8em; text-decoration:none}
p.totop a:hover {text-decoration:underline}

/* ---- footer ---- */
#footer {
	position:absolute;
	bottom:0;
	padding:3em 0 .5em;
	width:523px;
	background:url(../images/bg_footer.gif) no-repeat 50% 0;
	font-size:.9em}
#footer span {
	margin:0 8px;
	color:#b2b2b2}
#footer a {
	color:#171717}

#flowers2 {
	position:absolute;
	bottom:0;
	right:18px;
	width:234px;
	height:116px;
	background:transparent url(../images/bg_flowers2.gif) no-repeat 0 0}

/* sidebar ----------------------------------------------- */
#sidebar {
	position:relative;
	top:0;
	right:18px;
	float:right;
	width:256px}
#sidebar img {margin:7px}

a.jointcommission {
	position:relative;
	top:-10px}
	
a.request {
	margin-left:30px;
	margin-top:19px;
	float:left;
	width:153px;
	height:82px;
	display:block;
	overflow:hidden;
	background:url(../images/icon_tour-brochure.gif) no-repeat 0 0;
}

a.schedule {
	margin-left:30px;
	margin-top:19px;
	float:left;
	width:153px;
	height:82px;
	display:block;
	overflow:hidden;
	background:url(../images/icon_tour-brochure.gif) no-repeat 0 0;
}

a.schedule {background-position:0 0}
a:hover.schedule {background-position:0 -82px}
a.request {background-position:0 -164px}
a:hover.request {background-position:0 -246px}

/* bottom ----------------------------------------------- */
#clear {clear:both}
#bottom {
	position:relative;
	height:22px;
	background:#69997f url(../images/bg_header.jpg) repeat-x 0 0;
	border-top:5px solid #c7a646}
#bottom-shadow {
	position:absolute;
	top:-45px;
	width:100%;
	height:40px;
	background:url(../images/bg_bottomshadow.png) repeat-x 0 0}

#bottom-border {
	position:absolute;
	bottom:12px;
	left:50%;
	margin:0 0 0 -399px;
	width:797px;
	height:15px;
	background:#3c785c url(../images/bg_nav2.gif) repeat-x 0 100%}
	
/* shadows ----------------------------------------------- */
.shadow {
	position:absolute;
	top:-20px;
	display:block;
	width:55px;
	height:282px}
.sleft {
	left:-55px;
	background:url(../images/bg_shadow-left.png) no-repeat 0 0}
.sright {
	right:-55px;
	background:url(../images/bg_shadow-right.png) no-repeat 0 0}

/* Forms ----------------------------------------------- */
fieldset {border:0}
fieldset span {color:#F00; font-weight:bold}
fieldset dl {margin:0; padding:0}
fieldset dt {margin:19px 0 2px; padding:0}
fieldset dd {position:relative; margin:0; padding:0}

label {font-weight:bold; cursor:pointer}
select {
	width:300px;
	padding:4px;
	font:1em verdana,arial,sans-serif;
	border:1px solid #666;
	background:#EEE}
textarea {
	width:300px;
	padding:4px;
	font:1em verdana,arial,sans-serif;
	border:1px solid #666;
	background:#EEE}
input {
	width:300px;
	padding:4px;
	font:1em verdana,arial,sans-serif;
	border:1px solid #666;
	background:#EEE}
textarea {
	overflow:auto;
	margin:0}
select {}

select:hover {
	border:1px solid #52AE7F;
	background:#F0F0F0}

textarea:hover {
	border:1px solid #52AE7F;
	background:#F0F0F0}

input:hover {
	border:1px solid #52AE7F;
	background:#F0F0F0}
select:focus {
	border:1px solid #317145;
	background:#FFF}
textarea:focus {
	border:1px solid #317145;
	background:#FFF}
input:focus {
	border:1px solid #317145;
	background:#FFF}
input.check {
	width:auto;
	margin:2px 5px 0;
	border:none;
	background:none}
input.radio {
	width:auto;
	margin:2px 5px 0;
	border:none;
	background:none}
input.reset {
	cursor:pointer;
	margin:50px 0 0;
	width:154px;
	color:#FFF;
	font-weight:bold;
	background:#52AE7F url(../images/bg_nav.gif) repeat-x 0 100%;
	display:inline}
input.submit {
	cursor:pointer;
	margin:50px 0 0;
	width:154px;
	color:#FFF;
	font-weight:bold;
	background:#52AE7F url(../images/bg_nav.gif) repeat-x 0 100%;
	display:inline}
input.reset {
	background:#52AE7F url(../images/bg_nav.gif) repeat-x 0 100%}
input.reset:focus {
	border:1px solid #8D4536;
	background:#8D4536}

input.submit:focus {
	border:1px solid #8D4536;
	background:#8D4536}

input.reset:hover {
	border:1px solid #8D4536;
	background:#8D4536}

input.submit:hover {
	border:1px solid #8D4536;
	background:#8D4536}

input#city {width:196px}
input#state {width:30px}
input#zip {width:46px}

textarea.validation-failed {
	border:1px solid #F00;
	color:#F00}

input.validation-failed {
	border:1px solid #F00;
	color:#F00}
.validation-advice {
	position:absolute;
	top:0;
	right:0;
	padding:3px 7px 3px 14px;
	font-size:.9em;
	background:#FFF url(../images/arrow.gif) no-repeat 0 8px;
	line-height:1.3em;
	color:#F00;
	width:117px}
	
.unbold {font-weight:normal}

.message {visibility:visible; display:none}

/* Lightbox 2.03 ----------------------------------------------- */
ul#photo-tour li {
	margin:0;
	padding:0 13px 10px 0;
	background:none;
	float:left}
ul#photo-tour a img {border:1px solid #c7a646}
ul#photo-tour a:hover img {border:1px solid #C33C20}

#lightbox {
	position:absolute;
	left:0;
	width:100%;
	z-index:100;
	text-align:center;
	line-height:0}

#outerImageContainer {
	position:relative;
	margin:0 auto;
	background:#FFF;
	width:250px;
	height:250px}

#imageContainer {padding:10px}

#loading {
	position:absolute;
	top:40%;
	left:0%;
	width:100%;
	height:25%;
	text-align:center;
	line-height:0}
#hoverNav {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10}
#imageContainer>#hoverNav {left:0}
#hoverNav a {outline:0}

#nextLink {
	width:49%;
	height:100%;
	background:transparent url(../images/lightbox_blank.gif) no-repeat; /* Trick IE into showing hover */
	display:block}

#prevLink {
	width:49%;
	height:100%;
	background:transparent url(../images/lightbox_blank.gif) no-repeat; /* Trick IE into showing hover */
	display:block}
#prevLink {left:0; float:left}
#nextLink {right:0; float:right}
#prevLink:visited:hover {background:url(../images/lightbox_prevlabel.gif) no-repeat left 15%}
#prevLink:hover {background:url(../images/lightbox_prevlabel.gif) no-repeat left 15%}
#nextLink:visited:hover {background:url(../images/lightbox_nextlabel.gif) no-repeat right 15%}

#nextLink:hover {background:url(../images/lightbox_nextlabel.gif) no-repeat right 15%}

#imageDataContainer{
	margin:0 auto;
	font:10px/1.4 Verdana, Helvetica, sans-serif;
	background-color:#FFF}

#imageData {padding:0 10px; color:#666}
#imageData #imageDetails {width:70%; float:left; text-align:left}
#imageData #caption {color:#424242; font-weight:bold}
#imageData #numberDisplay {padding-bottom:1.0em; display:block; clear:left}
#imageData #bottomNavClose {margin:10px 0 0; padding-bottom:0.7em; width:66px; height:20px; float:right}

#overlay {
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:500px;
	background-color:#000}

/* Min-Width */
.lbWidth {position:absolute; top:0; left:0; width:100%; min-width:790px} /* most browsers */
* html .lbContent { margin-left:-790px; position:relative} /* IE6 */
* html .lbMinWidth {padding-left:790px} /* IE6 */

/* Clearfix */	
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix {display:inline-block}

/* Hides from IE-mac \*/
* html .clearfix {height:1%}
.clearfix {display:block}
/* End hide from IE-mac */

/* PicturesSlides ----------------------------------------------- */

#picture-slides {
	padding:10px;
	margin-left:20px;
	width:450px;
	xxxwidth:320px;
	border:2px solid #f4e8c5}

#picture-slides li {
	margin:0;
	padding:0;
	background:none}

#picture-slides ul {
	margin:0;
	padding:0;
	background:none}

#picture-slides-dim {
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.8;
	z-index:10}

/* ---- picture-slides-frame ---- */
#picture-slides-frame {
	background:#fff}

/* picture-slides-container */
#picture-slides-container {}

img#picture-slides-image {}

h2#picture-slides-description {
	margin:0;
	padding:0;
	background-image:none}

/* picture-slides-controls */
ul#picture-slides-controls {
	overflow:hidden;
	width:100%;
	background:#fff}

ul#picture-slides-controls li {
	margin-right:1em;
	float:left}

a#prev-image {}
a#next-image {}

a#next-image.disabled {
	color:#666}

a#prev-image.disabled {
	color:#666}

li#image-counter {}
li.slideshow-controls {}

a#start-slideshow {}
a#stop-slideshow {}


/* ---- picture-slides-nav ---- */
ul#picture-slides-nav {
	overflow:hidden;
	width:100%;
	background:#f0f0f0}

ul#picture-slides-nav li {
	margin-right:1em;
	float:left}

ul#picture-slides-nav li a.selected {
	font-weight:bold}