/**************************************/
/*              GLOBALS               */
/**************************************/
body {
	background-image: url(/images/bg-main.jpg);
	margin: 0 0 0 0;
	padding: 0 0 0 0;

}

.super-container {
	width: 1080px;
	margin: 0 auto;
	background-image: url(/images/bg-center.jpg);
	background-repeat: repeat-y;
	padding: 0 0 0 0;
}

.container {
	background-color: transparent;
}

hr {
	background-color: #a9834a;
	color: #a9834a;
}

div.colborder {
	border-right: 1px solid #a9834a;
}

h3 {
	font-weight: bold;
	color: #7e5518;
	font-size: 1.6em;
	margin-bottom: .6em;
}

/**************************************/
/*              HEADER                */
/**************************************/
#logo {
	position: relative;
	margin: 30px 0 0 30px;
}



#logo h1 {
	position: absolute;
	top: 25px;
	left: 100px;
	width: 229px;
	height: 33px;
	text-indent: -9999px;
	background-image: url(/images/logo-caption.png);
}


/**************************************/
/*             NAVIGATION             */
/**************************************/

#navigation {
	width: 712px;
	height: 48px;
	position: relative;
	float: right;
	background: url(/images/navigation.png);
	margin: 0 0 0 0;
	padding: 0;
}

#navigation li {
	float: left;
}

#navigation li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 48px;
	background: url(/images/navigation.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}

#navigation li#home a {
	left: 0;
	width: 95px;
	background-position: 0 0;
}

#navigation li#history a {
	left: 95px;
	width: 86px;
	background-position: -95px 0;
}

#navigation li#book-a-room a {
	left: 181px;
	width: 125px;
	background-position: -181px 0;
}

#navigation li#tour-the-campus a {
	left: 306px;
	width: 153px;
	background-position: -306px 0;
}

#navigation li#event-center a {
	left: 459px;
	width: 125px;
	background-position: -459px 0;
}

#navigation li#directions a {
	left: 584px;
	width: 128px;
	background-position: -584px 0;
}



#navigation li#home a:hover, ul#home-current li#home a{
	background-position: 0 -48px;
}

#navigation li#history a:hover, ul#history-current li#history a{
	background-position: -95px -48px;
}

#navigation li#book-a-room a:hover, ul#book-a-room-current li#book-a-room a{
	background-position: -181px -48px;
}

#navigation li#tour-the-campus a:hover, ul#tour-the-campus-current li#tour-the-campus a{
	background-position: -306px -48px;
}

#navigation li#event-center a:hover, ul#event-center-current li#event-center a{
	background-position: -459px -48px;
}

#navigation li#directions a:hover, ul#directions-current li#directions a{
	background-position: -584px -48px;
}


/**************************************/
/*            MAIN CONTENT            */
/**************************************/
.content {
	position: relative;
	background-color: #dfd2a3;
	color: #7e5518;
	padding-bottom: 20px;
}

#banner {
	width: 930px;
	height: 360px;
	border: 10px solid #dfd2a3;
}

h2#home-content {
	position: relative;
	width: 950px;
	height: 470px;
	text-indent: -9999px;
	background-image: url(/images/home-content.jpg);
	margin: 0;
}


#book-now {
	position: absolute;
	bottom: 25px;
	right: 230px;
}

#book-now-content {
	text-align: center;
	padding: 10px;
}


.content .title {
	width: 950px;
	height: 55px;
	background-image: url(/images/bg-page-title.png);
	margin-bottom: 35px;
}

.content .title h2 {
	color: #dfd2a3;
	font-size: 30px;
	margin: 4px 0 0 40px;
	font-weight: bold;
}




.images a#link {
	background-color: #997A3F;
	color: #dfd2a3;
	padding: 10px;
	display: block;
	margin-bottom: 20px;
}

.images a#link:hover {
	background-color: #7e5518;
}

#google-map {
	width: 860px;
	height: 350px;
	border: 5px solid #7e5518;
	margin-bottom: 20px;
}

#tour {
	padding: 30px 0 30px 0;
	height: 400px;
}

#docs {
	background-color: #997A3F;
	border: 2px solid #6F4E14;
}

#docs h3 {
	display: block;
	padding: 10px;
	color: #DFD2A3;
	background-color: #6F4E14;
}

#docs ul{
	list-style-type: none;
	margin: 0 15px 15px 15px;
}

#docs ul a{
	display: inline-block;
	background-image: url(/images/icons/pdf.png);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 20px;
	color: #DFD2A3;
}

#docs ul a:hover{
	color: #fff;
}

#docs ul li {
	line-height: 1.7;
}






#testimonials {
	background-color: #997A3F;
	border: 2px solid #6F4E14;
	margin-bottom: 15px;
}

#testimonials h3 {
	display: block;
	padding: 10px;
	color: #DFD2A3;
	background-color: #6F4E14;
}

#testimonials p{
	list-style-type: none;
	margin: 0 15px 15px 15px;
	color: #DFD2A3;
}

#testimonials span{
	display: block;
	margin-top: 5px;
	color: #DFD2A3;
	font-weight: bold;
	font-size: 0.9em;
	font-style: italic;
}









div.time-picker {
  position: absolute;
  height: 200px;
  padding: 4px;
  width:4em; /* needed for IE */
  overflow: auto;
  background: #fff;
  border: 1px solid #000;
  z-index: 99;
}
div.time-picker-12hours {
  width:6em; /* needed for IE */
}

div.time-picker ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.time-picker li {
  padding: 1px;
  cursor: pointer;
}
div.time-picker li.selected {
  background: #316AC5;
  color: #fff;
}


.section #pics {
	position: absolute;
	left: -355px;
	width: 290px;
}

.section #pics img {
	background-color: #fff;
	padding: 15px;
	border-bottom: 1px solid #7e5518;
	border-right: 1px solid #7e5518;
	margin-bottom: 20px;
}

.images img {
	background-color: #fff;
	padding: 15px;
	border-bottom: 1px solid #7e5518;
	border-right: 1px solid #7e5518;
	margin-bottom: 20px;
}



/**************************************/
/*            Photo gallery           */
/**************************************/

#prev-next, #picture-holder-custom {
	text-align: center;
	margin-bottom: 20px;
}


#prev-next a{
	background-color: #a07d4a;
	color: #dfd2a3;
	padding: 10px;
}

#prev-next a:hover {
	background-color: #7e5518;
}


#picture-holder-custom img{
	background-color: #fff;
	padding: 15px;
	border: 0;
	border-bottom: 1px solid #7e5518;
	border-right: 1px solid #7e5518;
}

#breadcrumb_links a {
	color: #7E5518;
}

#breadcrumb_links a:hover {
	color: #9A7A40;
}

#thumbnail_container {

}


/**************************************/
/*                Admin               */
/**************************************/
.edit-form label{
	display:inline-block;
	width:150px;	
}


/**************************************/
/*               FOOTER               */
/**************************************/
.footer {
	text-align: center;
	color: #dfd3a5;
	padding-bottom: 30px;
	
}

.footer a {
	color: #dfd3a5;
}

.footer a:hover {
	color: #b7aa76;
}

#footer-navigation{
	margin-top: 20px;
}

#footer-navigation ul li{
	display: inline;
	margin-right:3px;
}