


/**********************************/
/*           General Stuff        */
/**********************************/








p, tr, td, ul, li, h1, h2, h3, body, table, textarea, input, form, option, select, b, a {
	font-family: Arial, Helvetica, sans-serif;
	color: #10350C;
}

p, tr, td, ul, li, body, table, textarea, input, form, option, select, b, a {
	font-size: 15px;
}


a:link, a:active {
	color: #51a8cc;
	text-decoration: none;
}
a:hover {
	color: #9E7B61;
}
a:visited {
	color: #18556e;
	text-decoration: none;
}

input, textarea, select {
	background-color: #E9F8E6;
	color: #195912;
	border: 1px solid #89bf7f;
	margin: 2px 0;
}

input:hover, input:focus, textarea:hover, textarea:focus {
	background-color: #e6e9f8;
	border: 1px solid #a5b4f6;
	color: #3b5080;
}



/**********************************/
/*            Layout              */
/**********************************/





body {
	margin: 0;
	padding: 0;
	background-color: #F3F6F4;
}
img {
	border: 0;
}

#logo {
	background-image:url(http://www.adventure-inn.com/images/logo.jpg);
	width:780px; height:131px;
	margin-left:auto;
	margin-right:auto;
}

#green_bar {
	width: 765px;
	height: 18px;
	margin-left: auto;
	margin-right: auto;
	background-color: #036431;
	overflow: hidden;
	text-align:right;
	color: #036431;
	padding-right: 15px;
}

#orange_bar {
	width: 780px;
	height: 5px;
	margin-left: auto;
	margin-right: auto;
	background-color: #F8AA55;
	overflow: hidden;
}

#main_container {
	background-image:url(http://www.adventure-inn.com/images/left_menu_leaves.jpg);
	background-repeat:no-repeat;
	background-position: 0% 100%;
	background-color:#018144;
	margin-left:auto;
	margin-right:auto;
	width:780px;
}

#left_menu {
	width:131px;
	float:left;
	padding-top: 7px;
}

#left_menu_list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#left_menu_list li {
	margin: 0;
	padding: 0;
}


#left_menu_list li a {
	display: block;
	width: 131px;
}

#left_menu_moreinfo_h1 {
	text-align:center;
	font-size: 110%;
	font-weight:bold;
	margin: 35px auto 5px auto;
	color: #ffd5a6;
	border-bottom: 1px solid #65a3ff;
	width: 80%;
}
#left_menu_moreinfo_list {
	list-style-type: none;
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
}
#left_menu_moreinfo_list li {
	margin: 0;
	padding: 0;
	text-align: center;
}

#left_menu_moreinfo_list li a {
	display: block;
	width: 110px;
}
#left_menu_moreinfo_list li a:link, #left_menu_moreinfo_list li a:active, #left_menu_moreinfo_list li a:visited {
	background-color: transparent;
	color: #bfe0c0;
}
#left_menu_moreinfo_list li a:hover {
	background-color: #086508;
	background-color: rgba(8,101,8,0.4);
	color: #FFEBCE;
	
/* 	These are depreciated: */
/* 	-moz-opacity:0.4; */
/* 	-khtml-opacity: 0.4; */
}

#bottom_menu_list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#bottom_menu_list li {
	float: left;
}


#bottom_menu_list li a {
	display: block;
	height: 87px;
}



.hide {
	display: none;
	visibility: hidden;
}





#body {
	background-color: rgb(253,255,235);
	border-right:1px solid #018144;
	min-height: 545px;
	width: 618px;
	float: left;
	padding: 15px;
}


#fixer_div {
	/* Background in the left menu doesn't show up without this */
	/* Fixes layout for non-IE browsers */
	clear:both;
	height:0;
	overflow:visible;
}

#bottom_menu {
	margin-left:auto;
	margin-right: auto;
	width: 780px;
	height: 87px;
	clear: both;
}

#copyright {
	width: 780px;
	height: 55px;
	margin-left: auto;
	margin-right: auto;
	background-color: #C5D1C2;
	vertical-align: middle;
	text-align: center;
	font-size: 10px;
}
#copyright a {
	font-size: 10px;
	color: #10360C;
}
#footer_links {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	background-color: #C5D1C2;
	text-align: center;
	border-top: 1px solid #018144;
}
#footer_links *, #footer_links, #footer_links a {
	font-size: 10px;
	color: #10360C;
}




/**********************************/
/*        Specific stuff          */
/**********************************/


/** Main page **/
#tripadvisorreviews {
	width: 50%;
	margin: 15px auto;
	padding: 8px;
	border: 1px solid #137D36;
	background-color: #FFF;
}



/** Reservations **/
#price {
	font-size: 120%;
	text-align: center;
}
#price span {
	color: #904C4C;
}
.res_table_header {
	font-size: 80%;
	text-align: center;
	background-color: #D1E6B5;
	border: 1px solid #98B572;
	border-bottom: none;
	width: 598px;
	margin: 30px auto 0 auto;
}
.conf_header {
	margin-top: 20px;
	padding:10px;
	border:1px solid #C8CAB0;
	background-color:#F0F3DE;
	font-size: 110%;
	font-weight: bold;
}
.room_details {
	margin: 0 50px 0 50px;
	background-color:#F0F3DE;
}


/** Testimonials (TripAdvisor section) **/
.TA_rtable {
	padding:10px; border:1px solid #C8CAB0; background-color:#F0F3DE;
}

.TA_rtitle {
	font-weight: bold;
}
.TA_rdate {
	color: #9e8774;
}
.TA_ruser {
	color: #374776;
	font-weight: bold;
}
.TA_rcopy {
	font-size: 50%;
	color: #c2c2a8;
}



/** Spam **/
.spam {
	margin: 10px;
	border: 1px solid #ff9337;
	background-color: #fdead9;
}
.spam h1, .spam p {
	color: #633208;
}

.exp_list li {
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: auto;
	margin-left: auto;
}

.list_sub li {
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}


#error, #error li, #error font, #error b, .error, .error li, .error font, .error b {
	color: red;
}


h3.stand_out {
	margin-bottom: 3px;
}
p.stand_out {
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 0;
}
ul.stand_out {
	margin: -10px 50px 12px 80px;
	padding: 0;
}


.calendar_hidden {
	display: none;
}
.calendar {
	position: absolute;
}

.carprices {
	margin-left: auto;
	margin-right: auto;
	border: 1px solid;
}
.carprices tr.titles {
	background-color: #dfecfb;
	font-size: 85%;
}
.carprices td.car {
	background-color: #cbebd4;
	font-size: 85%;
}
.carprices td {
	text-align: center;
}
.small {
	font-size: 75%;
}

#car_price_change_title {
	background-color: #d9e6ff;
	border: 1px solid #1d4085;
	border-bottom: none;
	padding: 10px;
	margin-top: 20px;
	font-weight: bold;
	font-size: 110%;
}
#car_price_change {
	background-color: #d9e6ff;
	border: 1px solid #1d4085;
	border-top: none;
	padding: 10px;
	padding-top: 0;
	margin-bottom: 10px;
}
.car_unselected {
	color: #6d5724;
	font-weight: normal;
	cursor:pointer;
}
.car_selected {
	color: blue;
	font-weight: bold;
}
#car_price_change span:hover {
	color: #6a1517;
}




/** Articles **/

.article_title {
	color: #008000;
	font-size: 24px;
	text-align: center;
}
.article_text {
	text-indent: 30pt;
}
.subtitle {
	color: #008000;
	font-size: 18px;
	text-indent: 70px;
	margin: 40px 0 0 0;
	font-weight: bold;
}
.subsubtitle {
	color: #008000;
	font-size: 17px;
	margin: 10px 0 0 0;
}
p.toc {
	color: #008000;
	font-size: 18px;
}
ul.toc {
	list-style-type: square;
}
ul.toc ul {
	list-style-type: circle;
	margin-top: 0;
	padding-top: 0;
}

a.red, a.red:visited {
	color: #df1c1c;
	text-decoration: underline;
}
a.green, a.green:visited {
	color: #1ce72f;
	text-decoration: underline;
}
a.blue, a.blue:visited {
	color: #1996dd;
	text-decoration: underline;
}













/* ########################################## */
/* ########################################## */
/* ########################################## */
/* CSS for the box starts here
================================================*/
/* Insert the custom corners and borders for browsers with JavaScript on */
.cb {
	margin:0.5em 0;
}
/* Rules for the top corners and border */
.bt {
	background:url(/blog/images/box.png) no-repeat 100% 0;
	margin:0 0 0 18px;
	height:17px;
}
.bt div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(/blog/images/box.png) no-repeat 0 0;
}

/* Rules for the bottom corners and border */
.bb {
	background:url(/blog/images/box.png) no-repeat 100% 100%;
	margin:0 0 0 18px;
	height:17px;
}
.bb div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(/blog/images/box.png) no-repeat 0 100%;
}

/* Insert the left border */
.i1 {
	padding:0 0 0 12px;
	background:url(/blog/images/borders.png) repeat-y 0 0;
}
/* Insert the right border */
.i2 {
	padding:0 12px 0 0;
	background:url(/blog/images/borders.png) repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background:#fff;
	border:1px solid #fff;
	border-width:1px 0;
	padding:0 10px;
}
/* CSS for the box ends here */

/* Just a bit of styling for this example. Adjust as you wish. */
.cb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}

/* ########################################## */
/* ########################################## */
/* ########################################## */

.title {
	text-align: center;
	background-color: #cfdae9;
	color: #b89661;
}
.paragraph {
	margin: 10px 0 10px 30px;

}
.question {
	margin: 25px 0 10px 10px;
	background-color: #fff7ea;
	font-weight: bold;
	color: #3f5a8f;
}

.blog_title {
	color: #951a1a;
	font-size: 22px;
	margin-bottom: 0;
	margin-top: 0px;
	padding: 2px 10px;
	background-color: #d2d2d2;
	background-image: url(/blog/images/gradient1.gif);

}

.blog_date {
	font-style: italic;
	font-size: 12px;
	font-weight: bold;
	color: #989898;
	margin-top: 10px;
	margin-bottom: 0px;
}

.blog_text {
	margin-top: 5px;
	margin-left: 15px;
}
.comments {
	margin-top: 10px;
	background-color: #f7f7f7;
	color: #9a9a9a;
	font-style: italic;
	padding: 4px 0 4px 15px;
	background-image: url(/blog/images/gradient3.gif);
	border: 1px solid #b4d2e7;
}
.comments span:hover {
	cursor: pointer;
}
.comments_show {
	max-height: 400px;
	overflow: auto;
	background-color: #f7f7f7;
	padding-left: 60px;
}
.minus {
	font-size: 12px;
	color: #d2d2d2;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	width: 12px;
	padding: 0 3px;
	margin-left: -40px;
	cursor: pointer;
}
.comment_div {
	width: 80%;
	margin: 5px auto;
	border:1px solid #AEAEC5;
	padding: 0;
}
.comment_name {
	font-size: 85%;
	color: #5d707c;
	font-style: italic;
	margin: 0;
	background-color: #f0f9ff;
	padding-right: 10px;
	padding-left: 10px
}
.comment_name b {
	color: #5793ba;
}
.comment_text {
	margin-top: 3px;
	background-color: #ddf1fd;
	color: #27516c;
	padding: 5px 10px 5px 20px;
	margin-bottom: 0;
}


.success {
	color: #58e04a;
	font-style: italic;
	font-weight: bold;
}


.quote {
	margin: 10px 30px;
	border: 1px solid #BDBDE5;
	padding: 7px;
	background-color: #F1F1F9;
}

.big {
	font-size: 200%;
}
.huge {
	font-size: 300%;
}

.hiddenform, .hiddenform * {
	margin: 0;
	padding: 0;
	height: 0;
	width: 0;
	font-size: 0;
}

.right_menu {
	position: relative;

	height: 27px;
	overflow: hidden;
	border: 1px dotted #20427b;
	color: #20427b;
	background-color: #f0f0f0;
}
.right_menu img {
	padding: 2px;
}
.right_menu img.button:hover {
	background-color: #80a3c1;
	border: 1px solid #214868;
	cursor: pointer;
	margin: -1px;
}
.colordiv {
	position: relative;
/*	right: 20px;
	top: 60px;*/
	text-align: right;
}
.colorpicker {
	position: relative;
	right: 0;
	margin-top: 10px;
}

.colorpicker ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 190px;
}
.coloritem {
	float: left;
	height: 10px;
	width: 10px;
	overflow: hidden;
	font-size: 2px;
	margin: 0;
	padding: 0;
}
.coloritem:hover {
	cursor: pointer;
}




#desc {
	font-size: 12px;
}
#currentcolor {
	position: absolute;
	right: 0;
	top: 130px;
	margin-top: 10px;
	height: 40px;
	width: 60px;
	border: 1px solid black;
}


.line1 {
	background-color: #b6d0e0;
	width: 80%;
	color: #19445f;
}
.line2 {
	background-color: #e4e8eb;
	margin-bottom: 15px;
	width: 80%;
	color: #5d707c;
}

.blog_header {
    background-color:#E8F3CE;
    border:1px solid #D3D6A1;
    padding: 15px;
    width: 80%;
    margin: 0 auto;
}
.blog_header h3 {
    margin:0;
    padding:0;
    text-align:center;
    color: #6A5425;
}
.blog_header .feed_div {
    float: left;
    width: 100px;
    font-size: 10px;
}

.blog_header form {
    margin: 0;
    padding: 0;
}
.blog_header form div {
     padding-left: 100px;
}
.bloglabel, .stat {
	display: block;
	float: left;
	margin-bottom: 6px;
}
.bloglabel {
	text-align: right;
	width: 75px;
	padding: 3px 15px 0 0;
}


/* ########################################## */
/* ########################################## */
/* ########################################## */

.desc_hidden {
	display:none;
}
.desc_show {
	margin: 0 20px 10px 20px;
	background-color: #EDE9C5;
	padding: 0 14px;
}
.tour_desc {
	background-color: #E0DFA9;
	border: 1px solid #CFCE9E;
	margin: 0 15px 10px 15px;
	color: #4D4C19;
}
.tour_photo {
	text-align: center;
	background-color: #f9f9e1;
	border: 1px solid #6a6a0f;
	padding: 15px;
	margin: 0 0 15px 15px;
	height: 200px;
	width: 40%;
	float: left;
}


.photo {
	text-align: center;
	background-color: #ffffff;
	border: 1px solid #314f6f;
	padding: 15px;


}
.photoright {
	float: right;
	margin: 15px 0 15px 15px;
}
.photoleft {
	float: left;
	margin: 15px 15px 15px 0;
}



/**********************************/
/*           Calendar             */
/**********************************/


.calendaricon {
	display: inline;
	margin-left: 5px;
}
#container {
	overflow: hidden;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: white;
}

#container * {
	font-size: 10px;
}

#calendardiv {
	width: 600px;
}

#button_left, #button_right {
	position: absolute;
	top: 0;
	height: 15px;
	width: 15px;
	padding: 4px;
	z-index: 100;
	background-color: #7694BF;
	background-repeat: no-repeat;
	background-position: center center;
}

#button_left {
	background-image:url('images/button_left2.gif');
	left: 0;
}

#button_right {
	background-image:url('images/button_right2.gif');
	margin-left: -23px;
}

.main {
	display: inline-block;
	position: relative;
	border-bottom: 1px solid #dbe4ec;
	margin: 0;
	padding: 0;
}

* html .main {
	display: inline;
}

.month {
	background-color:#7694BF;
	color:white;
	padding: 5px;
	font-weight: bold;
	font-size: 12px !important;
}

.daysofweek {
	font-weight: bold;
	color:#336699;
	padding-top: 5px;
	padding-bottom: 3px;
	font-size: 10px !important;
}

.days {
	color:black;
	padding: 4px;
	font-weight: bold;
	cursor: default;
}

.today{
	color:#336699;
	font-weight: bold;
}

td.days.current:hover {
	background-color: #FFDD99;
	cursor: pointer;
}

.borderright {
	border-right: 1px solid #dbe4ec;
	padding-right: 15px;
}
.borderleft {
	padding-left: 15px;
}

.expired {
	color: #D6D6D6;
}
.day_selected {
	color: red !important;
	background-color: #FFDD99;
}