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

#content{
width:610px;
margin:auto;
float:left;
}


#container{
width:845px;
margin:auto;
background-image:URL(../images/backgroundBorder.gif);
}

#header{
height:135px;
width:845px;
color:white;
font-family:"Times New Roman", Times, serif;
border-top:URL(../images/gradientTop.png);
}

a:active{
outline:none;
}

#header a{
color:white;
text-decoration:none;
}

#header img{
border:none;
}

#header span{
font-size:35px;
}

#headerText{
font-size:30px;
font-weight:bold;
width:580px;
margin: -95px 0px 0px 210px;
}

#headerContact{
font-size:11px;
margin-left:210px;
font-family:Arial, Helvetica, sans-serif;
}

#headerContact a{
text-decoration:underline;
font-size:11px;

}

body{
margin:0px;
padding:0px;
background-color: #ffffff;

}

a{
text-decoration:underline;
}

h2{
font-family:"Times New Roman", Times, serif;
color:#720313;
font-size:22px;
}

td{
padding:4px 30px 0px 0px;
}

.head2{
font-family:"Times New Roman", Times, serif;
color:#720313;
font-size:24px;
font-weight:bold;

}

.cats{
font-family:"Times New Roman", Times, serif;
color:#720313;
font-size:24px;
font-weight:bold;

}

h2 span{
display:none;
}

h3{
font-family:Arial, Helvetica, sans-serif;
color:#720313;
font-size:12px;
}

h3 a{
text-decoration:none;
color:#720313;
}


img{
padding:0px;
margin:0px;
}

img a{
text-decoration:none;
}

.galleryPics{
margin:6px;
padding:0px;
float:left;
}

.galleryPics a{
text-decoration:none;
}

.galleryPics img{
border:1px solid black;
}


.staffPics{
margin:6px;
padding:0px;
float:left;
width:138px;
}

.staffPics a{
text-decoration:none;
}

.staffPics img{
border:1px solid black;
}

.staffPics .name{
font-weight:bold;
text-align:center;
padding-top:7px;
}

.staffPics .description{
font-style:italic;
text-align:center;
}

.staffPics .email{
text-align:center;
text-decoration:underline;
}

#acrobat{
border:none;
}

.info #pier{
text-decoration:none;
border:none;
}

.text #footsteps{
text-decoration:none;
border:none;
}

.roomPhotos{
clear:both;
padding:15px 0px;
}

.roomPhotos a{
text-decoration:none;
color:#720313;
}

#pics{
margin-left:23px;
padding:0px;
height:117px;

}


#pic1{
margin-left:7px;
padding:0px;
height: 117px;
width:196px;
float:left;
}

#pic2{
margin:0px;
padding:0px;
height: 117px;
width:197px;
float:left;
}

#pic3{
margin:0px;
padding:0px;
height: 117px;
width:196px;
float:left;
}

#pic4{
margin:0px;
padding:0px;
height: 117px;
width:197px;
float:left;
}

#pic4ie{
display:none;
}


#welcomeBar{
margin:0px;
padding:0px;
height: 80px;
float:left;
}

#welcome{
width:575px;
margin:0px;
padding: 24px 0px 0px 30px;
float:left;
}


.backgroundLogo{
background-image:url(../images/backgroundlogo.png);
margin:400px 0px 0px 35px;
}

#logo{

padding:0px;
}

.logo{
display:none;
}

#inner{
width:780px;
float:left;
}

#nav{
padding:20px 0px 10px 35px;
height:431px;
/*background-color:#52000c;
width:164px;*/
color:white;
font-family:Arial, Helvetica, sans-serif;
float:left;
font-size:13px;

}

#nav li{
list-style-type:none;
margin:0px 0px 0px 5px;
height:30px;
}

#nav li a{
height:21px;
}

#home a{
padding:20px 10px;

}

#deb{
margin:0px;
padding:12px 12px 0px 0px;
width:73px;
height:75px;
float:left;
}

.text{
width:381px;
font-family:Arial, Helvetica, sans-serif;
float:left;
font-size:12px;
min-height:382px;
padding:10px 20px 10px 20px;
text-align:justify;
}

.staffText{
width:450px;
font-family:Arial, Helvetica, sans-serif;
float:left;
font-size:12px;
min-height:382px;
padding:16px 10px;
text-align:justify;
}

.text span{
text-decoration:underline;
}

.text li span{
text-decoration:none;
font-style:italic;
}

.adminText{
width:526px;
font-family:Arial, Helvetica, sans-serif;
float:left;
font-size:14px;
min-height:382px;
padding:10px 20px 10px 200px;
text-align:justify;
}

.galleryText{
width:526px;
font-family:Arial, Helvetica, sans-serif;
float:left;
font-size:12px;
min-height:382px;
padding:10px 20px 10px 20px;
text-align:justify;
}


table p{
margin:0px;
}


.newsletterRow{
width:85px;
float:left;
}

#term1{
width:80px;
float:left;
}

#term2{
width:80px;
float:left;
}

#term3{
width:80px;
float:left;
}

#term4{
width:80px;
float:left;
}

.info{
padding:10px;
margin:15px 20px 20px 0px;
height:431px;
background-color:#e6e6e6;
float:left;
width:145px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#3b5b7a;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

.staffInfo{
padding:10px;
margin:15px 20px 20px 0px;
height:431px;
background-color:#e6e6e6;
float:left;
width:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#3b5b7a;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

.info ul{
padding:10px;
}

.termDate{
font-style:bold;
font-size:11px;
color:#720313;
}

.termEvent{
padding-left:11px;
}

#loginForm{
height:396px;
width:348px;
margin:5px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
float:left;
}

.error{
margin:12px 0px 0px -20px;
padding:5px;
background-color:#b8848c;
font-family:Arial, Helvetica, sans-serif;
width:440px;
}

.success{
margin:0px;
padding:5px;
background-color:#a1b884;
font-family:Arial, Helvetica, sans-serif;
width:440px;
}

#searchBox{
padding:0px;
margin:10px 0px 0px 0px;
float:right;
padding-right:7px;
}

.search input searchText{
width:40px;
}

.results{
margin:0px;
font-family:Arial, Helvetica, sans-serif;
padding:0px 0px 15px 0px;
}

.address{
font-size:12px;
float:left;
}

.addressHead{
font-size:12px;
font-weight:bold;
float:left;
}

.address a{
color:#000000;
}

.submit{
margin-top:115px;
margin-left:92px;
}

.formText{
width:90px;
margin:0px;
padding:0px;
float:left;
}

.formRow{
height:50px;
}

.formLabel{
clear:both;
width: 200px;
}

.formGroup{
clear:both;
width: 200px;
margin-bottom:15px;
}

.formGroup textarea{
margin-bottom:15px;
}

.formMessage{
clear:both;
color:red;
display:block;
margin:-50px 0px 15px 200px;
}

.submitButton{
margin-top:15px;
}

#blurbSubmit{


}

#footer{
background-image:URL(../images/footer.gif);
clear:both;
width:786px;
height:82px;
text-align:center;
margin:0px auto 0px 30px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:white;
padding-top:3px;
}

#footer a{
color:white;
text-decoration:none;
}

.mceEditor{
font-size:14px;
}

#vacancies{
float:right;

}

#vacancies img{
border:none;
}

/*
 Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish 
 * Dropdowns by Patrick Griffiths and Dan Webb. 
 * http://carroll.org.uk/sandbox/suckerfish/bones2.html
 */

/* ----[ LINKS ]----*/

/* all menu links */
#nav a, #subMenusContainer a{
	text-decoration:none;
	display:block;
	padding:10px 20px;
	background-color:#52000c;
	height:30px;
	color:#fff;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}



/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{
	margin:0;
}

/* Just sub menu links */
#subMenusContainer a, #nav li li a{
	text-align:left;
	margin-left:-11px;
	margin-bottom:30px;
}

/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
	background-color:#52000c;
	color:#FFF;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{
	background-color:#720313;
	color:#FFF;
}


/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0px 2px 0px 25px;
	margin:0px 15px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	width:160px;
	
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {	
	/*border around submenu goes here*/
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background:#52000c;	
	margin: 0px 0px 0px 50px;
}

/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
}
#nav  li ul{
top:20px;
}
#subMenusContainer li{
	list-style: none;
	margin:0px 0px 0px -20px;
}

/* main menu ul or ol elment */
#nav{
	display:block;
	list-style:none;
	margin:20px 0px 0px 35px;
	width:186px;
	z-index:5;
	left:50%;
	text-align: left;
	display:block;
}

#subMenusContainer{	
display:block;
position:absolute;
top:0;
margin-left:-3px;
width:100%;

overflow:visible;
z-index:1000000000;
opacity: 0.95;
	-moz-opacity: 0.95;
	filter: alpha(opacity=95);
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
}




/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }

# nav li ul li{float:none; }

#nav li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 14em; /*for the background behind sub list*/
	margin-left: -600em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	
}

/*third-and-above-level lists */
/*#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }*/

/*lists nested under hovered list items */
#nav li:hover ul{	margin-left: 186px; margin-top:-2.5em;}
#nav li li:hover ul {	margin-left: 10em; }

/* extra positioning rules for limited noscript keyboard accessibility */


.upperNav {
height:40px !important;
}

.upperNav a{
padding-top:20px !important;
}

.lowerNav {
height:30px !important;
}

.lowerNav a{
padding-top:10px !important;
}

.bottomNav a{
padding-top:10px !important;
padding-bottom:20px !important!;
}

.bottomNav {
height:50px !important;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
}


/* SLIMBOX CSS REQUIRED FOR IMAGE GALLERIES */

#lbOverlay {position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000;cursor:pointer;}
#lbCenter, #lbBottomContainer {position:absolute;z-index:9999;overflow:hidden;background-color:#fff;}
.lbLoading {background:#fff;url(../images/loading.gif) no-repeat center;}

#lbImage {position:absolute;left:0;top:0;border:10px solid #fff;background-repeat: no-repeat;}
#lbPrevLink, #lbNextLink {display:block;position:absolute;top:0;width:50%;outline:none;}
#lbPrevLink {left:0;}
#lbPrevLink:hover {background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;}
#lbNextLink {right: 0;}
#lbNextLink:hover {background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom {font-family: 'Lucida Grande', Lucida, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;color: #666;line-height: 1.4em;text-align: left;border: 10px solid #fff;
	border-top-style: none;}
#lbCloseLink {display:block;float:right;width:66px;height:22px;background:transparent url(../images/closelabel.gif) no-repeat center;margin:5px 0;outline:none;}
#lbCaption, #lbNumber {margin-right:71px;}
#lbCaption {font-weight:bold;}
/* end of Slimbox CSS - compacted by Steven Johnstone */

/* ################# Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Default CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */


.hidden {
	opacity: 0;
	position: absolute;
}
.visible {
	opacity: 1;
}


input.calendar,
select.calendar {
	width: 99px;
}

button.calendar {
	background: url(../images/calendar-icon.gif);
	border: 0;
	cursor: pointer;
	float: left;
	height: 20px;
	margin: -23px 0px 0px 110px;
	width: 20px;
}
button.calendar:hover,
button.calendar.active {
	background-position: 0 20px;
}

div.calendar {
	background: url(../images/calendar.png);
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}	
	div.calendar * {
		margin: 0;
		padding: 0;
	}	
	div.calendar div {
		background: none !important;
		cursor: move;
		height: 185px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.calendar caption {
		color: #333;
		font: normal 12px/16px Arial, Helvetica, sans-serif;
		padding-top: 6px;
		text-align: center;
		width: 100%;
	}
	div.calendar caption a {
		cursor: pointer;
		display: block;
		height: 12px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 17px;
		width: 11px;
	}
	div.calendar caption a.prev {
		background-image: url(../images/calendar-prev.gif);
		left: 0;
	}
	div.calendar caption a.next {
		background-image: url(../images/calendar-next.gif);
		right: 0;
	}
	div.calendar caption a:hover {
		background-position: 0 12px;
	}
	div.calendar caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.calendar caption span.month {
		padding-right: 8px;
	}
	div.calendar caption span.month:after {
		content: ',';
	}

	div.calendar table {
		background: #FFF;
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.calendar td,
	div.calendar th {
		border: 0;
		color: #0597DB;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 21px;
		text-align: center;
		width: 21px;
	}
	div.calendar td {
		background: url(../images/calendar-td.gif);
		color: #FFF;
		font-size: 11px;
	}
	div.calendar td.invalid {
		color: #999;
	}
	div.calendar td.valid {
		background: url(../images/calendar-valid.gif);
		color: #0597DB;
		cursor: pointer;
	}
	div.calendar td.hilite {
		background: url(../images/calendar-hilite.gif);
	}
	div.calendar td.inactive {
		background: url(../images/calendar-td.gif) 0 100%;
		color: #FFF;
	}
	div.calendar td.active,
	div.calendar td.hover {
		background: url(../images/calendar-valid.gif) 0 100%;
		color: #FFF;
		cursor: pointer;
	}