/***content properties***/
#main .content{width:660px; padding: 5px 20px; font-size: 1em; text-align:justify; line-height:1.67;}

.content h1, .content h2, .content h3,.content h4,.content h5,.content h6 {
 text-align: left;
}
.content h1 a, .content h2 a, .content h3 a,.content h4 a,.content h5 a,.content h6 a{
  
}
.content a[name]{text-decoration: none;color: #ED1C24;}
/***positioning of page title and bread crumbs***/
.content h2#title {
	padding:0;
	margin: 5px 0 5px 0;
	text-transform:capitalize;
}

.content #bread-crumbs {
	padding:0 0 0 10px;
	margin:0 0 0 10px;
	font-size:10px;
	font-weight:bold;
}
.content #p.bread-crumbs{}
.content #bread-crumbs a{

}
.content #bread-crumbs a.current {
	color:#966400;
}
.content #bread-crumbs a:hover{
	text-decoration:underline;
}

.content dl{margin:10px 0 20px 0}
.content dt{font-weight:bold; margin: 5px 0; font-size: 1.1em;}
.content dd{margin: 0 10px 15px 10px;}
/****** Search ******************************/
.content #search{text-align: left;}
/*************** Gallery Styles *****************************************************/
#listing{list-style:none; margin:0; padding:0; margin-top:15px;}
#listing li{float: left; list-style:none; padding:0 2px 15px 0; width:32%}
#listing a img{border:solid 2px #dac9e3; padding:3px;}
#listing a:hover img{border:solid 2px #683084;}
/*************** Contact Styles *****************************************************/
#contact .content ol{list-style:none; margin-left: 0; text-align:left;padding-left:0;}
#contact .content li{margin-left:0; padding-left:0; padding-bottom:10px;}
#contact .content fieldset{margin-bottom:0;padding-bottom:0;}
#contact .content label{
line-height: 1.8;
                   display:block;
                   text-align: left;
                   font-weight: bold; color: #68686a}
#contact .content li.comments-input label{width: 400px}
#contact #forms .button, #contact #forms input[type="submit"] {
                   font-weight: normal;
                   color: #FFFFFF;
				    background: #683084;
				   padding: 3px;
				   border: solid 1px #683084;
				   cursor: pointer;
				   font-size: 16px;
				   }
#contact #forms input[type="submit"]:hover{
   border:solid 1px #ca0258;
   background:#ca0258;
   color: #fff;
}
#contact .content h4{margin:5px 0;}
#contact #info{}
#contact #forms{ }
/*************** reservationform Styles *****************************************************/
#reservationform ol{list-style:none; margin: 0; padding-left:0; text-align:left;}
#reservationform li{margin:8px 0 8px 0;}
#reservationform li.aside{float:left; width:45%;}
#reservationform div.aside{float:left; width:70px;}
#reservationform li.clear{clear:both;}
#reservationform input{font-size:13px; padding:2px;}
#reservationform legend{font-weight:bold; font-size:1.3em; color: #683084;}
#reservationform fieldset{padding-bottom:20px; margin:0 0 20px 0; border-bottom:solid 1px #683084;}
#reservationform label{
line-height: 1.9;
                   display:block;
                   text-align: left;
                   font-weight: bold; color: #000; font-size: 14px;}
#reservationform li fieldset legend{font-size:16px;color: #683084; margin-bottom:0;}
#reservationform li fieldset{margin-top:20px; border:none;}
#reservationform fieldset.none{border:none; padding-bottom:0;}
#reservationform li fieldset li{margin:0;}
#reservationform fieldset li.no-margin{margin-top:0;}
#reservationform fieldset.nested-section{padding-bottom:0;}
#reservationform .nested-section .aside, #reservationform #emergency ol li.threecol{width:30%}
#reservationform .nestedsection ol{margin:0;}
#reservationform label em{color: #CC0000;}
#reservationform label.error { float: none; color: red; padding-left: .5em; vertical-align: top; font-size:0.9em; }

#reservationform li.comments-input label{width: 400px}
#reservationform .button, #reservationform input[type="submit"] {
                   font-weight: normal;
                   color: #FFFFFF;
				    background: #683084;
				   padding: 3px;
				   border: solid 1px #683084;
				   cursor: pointer;
				   font-size: 16px;
				   }
#reservationform input[type="submit"]:hover{
   border:solid 1px #ca0258;
   background:#ca0258;
   color: #fff;
}
#reservationform{margin-bottom:20px;}
#reservationform div.info{font-size:11px;padding-left: .5em;}

.required{color: red; padding-left: 6px;}

.clear{clear:both;}
/**************************** Specials Styles *****************************/
#specials .list{border-bottom: solid 1px #31024a; padding-top:15px;}
#specials .list .featuredimg img{float: left; margin: 0 10px 5px 0; }
#specials .list a img{border:solid 2px #31024a; padding:3px;}
#specials .list a:hover img{border:solid 2px #683084;}
/***************************** Table Styles *******************************/
#rates-table{margin-top:20px; width: 100%}
table, td {
	border: 1px solid #31014A;
	border-collapse: collapse;
	padding: 4px;
}

table {
	border: 1px solid #31014A;
}

thead th {
	background-color: #31014A;
  border: 0;
  color: #ffffff;  
	padding:5px 10px;
	text-align:center;
}

tbody th {
  border-top: 1px solid #31014A;
  font-weight: normal;
	padding-left: .75em;
}

tbody tr td {
	padding: .75em;
	text-align:center;
}

tfoot td, tfoot th {
  background-color: #a24116;
  border-left: none;
  border-top: 1px solid #84785e;
  color: #ffffff;
	padding: .75em;
}

caption {
	text-align: left;
	font-size: 100%;
	padding: .75em;
	color: #000;
}

/* ----- Changes odd row to fffce1 */

tr.odd {
	background-color: #fffce1;
	color: #101011;
}

/* ----- Changes row color to a24116 for those browsers that support tr:hover */

tr:hover, tr.odd:hover {
	background-color: #ccc;
	color: #000;
}

/* ----- Changes link color to 101011 */

table a:link {
	color: #101011;
	text-decoration: none;
}

table a:visited {
	color: #101011;
	text-decoration: none;
}

table a:hover, table a:active {
	text-decoration: underline;
}

/* ----- Changes link color to white for those browsers that support the tr:hover */

tr:hover a:link, tr.odd:hover a:link {
	color: #ffffff;
}

tr:hover a:visited, tr.odd:hover a:visited {
	color: #ffffff;
}
/***************************** Date Picker *******************************/
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}