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

body, html{
    width:100%;
    height:100%;
}
body{
    margin:0px;
    padding:0px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#838383;
    background:url(images/wood_bg.jpg) top center black;
}
img{
    border:none;
}
form{
    margin:0px;
    padding:0px;
}
a{
    color:#0a284b;
    text-decoration:none;
}
a:hover{
    color:#838383;
}
p{
    margin:5px 0;
    padding-left:10px;
}
h1, h2, h3, h4, h5, h6{
    margin:5px 0;
    font-weight:bold;
}
h1{
    font-size:18px;
	color:#FFA500;
}
h2{
    font-size:18px;
	color:#FFA500;
}
h3{
    font-size:14px;
	color:#a7a93c;
}

h3 a {
    color:#9E9F2E;
}

h4{
    font-size:14px;
}
.hr{
    border-bottom:1px solid #838383;
    height:1px;
    margin:5px 0;
}

.input{
    padding: 2px;
    margin:4px 0;
    font-size: 13px;
}

.subalert{
    font-size:10px;
    color:darkred;
    font-weight:bold;
}
.darker{
    background-image:url(images/black_5perc.png);
}


/* TEMPLATE */

.container{
    width:950px;
    padding:0 2px;
    background:white;
    margin:0 auto;
}
.navigation{
    height:31px;
    padding-bottom:4px;
    
}
.navigation td{
    line-height:31px;
    font-family:Arial;
	font-weight:bold;
	font-size:16px;
    color:#E6E6E6;
    text-align:center;
	background:url(images/btn_primaryNav-normal.gif);
	background-repeat:no-repeat;
	height:31px;
	width:189px;
}
.navigation td a{
    color:#E6E6E6;
    display:block;
    height:31px;
    text-decoration:none;
}
.navigation td a:hover{
    height:31px;
	background:url(images/btn_primaryNav-over.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
}
.navigation td .active{
    background:url(images/btn_primaryNav-selected.gif);
	background-repeat:no-repeat;
	color:#8A3D00;
	 height:31px;
	  line-height:31px;
}

.footer{
    text-align:center;
    background:url(images/footer_bg.jpg) top no-repeat;
    padding:10px;
    color:white;
}
.footer a{
    color:#CCCCCC;
}
.footer a:hover{
    color:white;
}

.adspace{
    width:300px;
    background:black;
    margin:10px 0;
}
.sidenav_search{
    width:289px;
    padding-left:10px;
    border-left:1px dotted #CCCCCC;
}

.featured{
    position:relative;
    width:550px;
    /*height:290px;*/
    padding:24px;
    /*background:url(images/featured_border.jpg);*/
    margin:0 auto;
    text-align:center;
}
.featured_desc{
    font-size:10px;
    font-weight:bold;
    position:absolute;
    top:325px;
    /*right:30px;*/
    width:100%;
    text-align:center;
    
}

.page_intro{
    margin:30px 5px;
    font-size:15px;
    line-height:20px;
    font-weight:bold;
}

.welcome{
    margin:30px 5px;
    font-size:13px;
    line-height:20px;
   	color:#000;
}

/* HOME PAGE */

.top_cities_list {
    color:#838383;
    font-size:9px;
    line-height:20px;
}

.top_cities_list a{
    text-decoration:none;
    color:#838383;
    font-size:10px;
    font-weight:bold;
    line-height:20px;
}
.top_cities_list a:hover{
    color:#333333;
}

/* SEARCH PAGE */

.search_results table .info{
    border-bottom:1px dotted #DDDDDD;
    position:relative;
    height:60px;
}
.search_results .result{
    border-bottom:1px dotted #333333;
    position:relative;
    margin-bottom:10px;
}
.search_results .rating{
    position:absolute;
    height:20px;
    right:0;
    top:0;
}

DIV.city_list {
   margin-top:5px;
   margin-bottom:15px;
 }
.city_list a {
    text-decoration:none;
    color:#838383;
    font-size:10px;
    font-weight:bold;
}
.city_list a:hover{
    color:#333333;
}

TABLE.col_list TD{
  width: 32%;
  padding: 0;
  margin: 0;
  padding-right: 1%;
  vertical-align: top;
}
TABLE.col_list TD.col1{
  border-right:1px dotted #333;
}
TABLE.col_list TD.col2{
  padding-left: 1%;
  border-right:1px dotted #333;
}
TABLE.col_list TD.col3{
  padding-left: 1%;
}
/* LOG IN */

.log_in{
    padding:15px;
    background:#EEEEEE;
    border:1px solid #333333;
    color:#333333;
}

/* PAGING */

.Paging{
    margin:5px 0;
}
.Paging a, .Paging span{
    margin:0 3px;
}
.Paging a:hover{
    text-decoration:underline;
}

/* SUBNAV */

.subnav{
    background:#EEEEEE;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:2px 5px;
}
.subnav a{
    margin:0 3px;
}
.subnav a:hover{
    text-decoration:underline;
}
.subnav .active{
    font-weight:bold;
    color:#333333 !important;
    text-decoration:none !important;
}
.sub-nav .active{
    font-weight:bold;
    color:#333333 !important;
    text-decoration:none !important;
}
/* ADMIN */

.admin_sidenav_box{
    padding:10px;
    background:#EEEEEE;
    color:#333333;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    margin-bottom:10px;
}
.admin_sidenav_box h1{
    font-size:12px;
    font-weight:bold;
    margin:0;
}
.hideRequired{
	font:11px Arial, Helvetica, sans-serif;
	color: #ff0000;
	font-variant: small-caps;
	display:none;
}

.showRequired{
	font:12px Arial, Helvetica, sans-serif;
	color:#FF0000;

}
.message{
	border:1px dashed #FAAE6D;
	padding:5px;
	color:#3b3b3b;
	font-weight:bold;
	width:100%;
	margin:0 auto;
	color:#800000;
	font-weight:bold;
	text-align:center;
	font-size: 11px;
}

.error{
	border:1px dashed #FAAE6D;
	padding:5px;
	color:#3b3b3b;
	width:100%;
	margin:0 auto;
	color:red;
	font-weight:bold;
	text-align:center;
	font-size: 11px;
}
.Paging a{
	text-decoration:none;
}
.Paging a:hover{
	text-decoration:none;
}
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #DCF3E3;
	border: 1px solid blue;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
	
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
}

span.left {
    line-height:65px;
	background:url(images/button_brown-left.gif);
	background-repeat:no-repeat;
	height:38px;
	width:18px;
}
span.right {
	background:url(images/button_brown-right.gif);
	background-repeat:no-repeat;
	height:38px;
	width:10px;
}
span.middle{
	background:url(images/button_brown-middle.gif);
	background-repeat:repeat-x;
	height:38px;
	width:50px;
}