/* This css file,  graphics and contents of this site are copyright 2006 Calimesa Motor Lodge.*/


/* About using this file*/
/*You may NOT use this file as templete but you may use technique used here*/
/*Site was tested in Firefox 3.5 and works perfectly as expected but 
there are some problems with IE7 and most likely IE8 (tranparent PNG background
does not work and there is extra spacing between text.) Honestly, IE is the worst 
browser for CSS, It has broken support for CSS 2.1 standards.*/

/* Author: Vrajesh Patel*/
/* Email  : webadmin@abviofcalimesa.com*/


body {
	font: 12px Verdana;
	color: #000;
	background: #DFE3BA; margin: 5px 0 5px 50%;
}

a:link, a:visited {
	font: 12px "Trebuchet MS", Verdana;
	text-decoration: none;
	color: #000;
}

a:hover, a:active {
	font: 12px "Trebuchet MS", Verdana;
	text-decoration: none;
	color: #A03E19;
}

/*container contains all the contents you see, it holds menu+text+background. etc. */
#container {
	position: relative;
	width: 700px;
	background: #ADB583;
	margin: 0 0 0 -350px;
	border: 5px solid #FFF;
}

/*the follwing five elements are created to make sure the each page has it's own background at top.
this the trick I found out by trial and error.*/

/*begin custom header declaration*/
#tourism {
	background: #ADB583 url(images/attractions.jpg) no-repeat top left;
}

#index {
	background: #ADB583 url(images/home.jpg) no-repeat top left;
}

#directions {
	background: #ADB583 url(images/directions.jpg) no-repeat top left;
}

#accommodations {
	background: #ADB583 url(images/accommodations.jpg) no-repeat top left;
}

#reservation {
	background: #ADB583 url(images/reservation.jpg) no-repeat top left;
}

#template {
	background: #ADB583 url(images/template.jpg) no-repeat top left;
}
/*end custom header declaration*/

h3 {
	color: #A03E19;
	font: 22px "Trebuchet MS", Verdana;
	margin: 0;
}

h6 {
	position: relative;
	top: -2em;
}


#contents {
	margin: 20px;
}


#contents a{
	font: 22px "Trebuchet MS", Verdana;
	color: #A03E19;
	text-decoration: none;
}

#contents a:hover{
	text-decoration: underline;
}

#contents .b1 *,#contents .b2 *,#contents .b3 *,#contents  .b4 *,#contents  .b5 *,#contents  .b6 *,#contents  .b7 *, #contents .b8 *{
	position:relative;
	font: 12px Verdana;
	/*top: -1em;*/
	color: green;
}

#contents .b1 a:hover,#contents .b2 a:hover,#contents .b3 a:hover,#contents .b4 a:hover,#contents .b5 a:hover,#contents .b6 a:hover,#contents .b7 a:hover,#contents .b8 a:hover{
	text-decoration: none;
	color: teal;
}

/*this provides space at top so background image appears like it's in forground*/
#pageHeader {
	height: 550px;
}

/*Menu related styles*/
#lselect {
	position: absolute;	
	top: 475px;
	
}

#lselect ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 700px;
	height: 22px;
	float: left;
	text-align: center;
	/*background: #FAA819;*/ /*unnecessasory*/
	background: url(images/menubg.png);
}

#lselect ul li {
	float: left;
}

#lselect ul a {
	display: block;
	padding: 0 1.92em;
	font: 14px "Arial Black";
	float: left;
	line-height: 1.6em;
	background: url(images/seperator.gif) repeat-y left top;
	text-decoration: none;
	color: #000;
}

#lselect ul .first a {
	background: none;
}

#lselect ul a:hover {
	color: #A03E19;
}


/* #nationalNews {
	position: relative;
	top: -14em;
	left: 29.5em;
}

#weather {
	position: relative;
	top: -12em;
	left: 2.5em;
}

#news {
	position: relative;
	top: .5em;
	left: 2.5em;
} */

/*removed weather.com magnet styles since I cannot modify the style. damn these agreements. */
/* #weather .GENXHwxNewStyle td{
	background: #fff url(images/weather.jpg) no-repeat top left;
}

#weather .GENXHwxNewStyle {
	background: #fff url(images/weather.jpg) no-repeat top left;
	width: 300px;
} */

/*Home page (index.html)  style info. It has nothing much just arranging elements.*/
#weather {
	width: 175px;
	float: left;
}
#welcome {
	width: 465px; 
	float: right;
}

#introduction {
	width: 660px;
	height: 300px;
}
#weather a{
	font: 10px "Trebuchet MS", Verdana;
	color: #fff;
}


/*accommodation.html related styles. textinfo on left and image w/ gallery link on right.*/

#singlebedroom {
	width: 660px;
	height: 400px;
	
}

#singleinfo {
	float: left;
	height: 200px;
}

#doubleinfo {
	float:left;
	width: 450px;
}

#singleinfo h4, #doubleinfo h4{
	/*color: #A03E19;
	font: 22px "Trebuchet MS", Verdana;*/
	font: 20px "Trebuchet MS", Verdana;
	color: #A03E19;
}

#singlebedpic, #doublebedpic {
	width: 200px;
	float: right;
	margin-top: 35px;
}

#singlebedpic a, #doublebedpic a {
	font: 12px Verdana;
	color: green;
}

#singlebedpic a:hover, #doublebedpic a:hover {
	color: teal;
}

/*Reservation related styles. bunch of text and contact form at the bottom.*/

#leisure h4, #rules h4 {
	font: 16px Verdana;
	color: #A03E19;
}


/*form style*/ /* NOT NEEDED ANYMORE SINCE I REMOVED THE FORM*/
fieldset {
	/*margin: 1em 0;*/
	/*padding: 1em;*/
	border: 2px solid #bbb;
	background: #a9a9a9;
}

legend {
	font-weight: bold;
	color: black;
}

label {
	display: block;
}

textarea {
	width: 400px;
	height: 100px;
}

#contactForm p{
	padding-left:10px;
}

input:focus, textarea:focus {
	background: #cfcfff;
}

/*direction.html specific styles. Direction has to maps on on left and text on right.*/

#mapinfo {
	width: 660px;
	height: 700px;
}

#directioninfo, #detaileddirection {
	width: 660px;
	float: center;
	/*border: darkgreen thin solid;*/ /*doesnt look good, puts green border arround direction*/
}

#detaileddirection img {
	border:none;
}

#directioninfo h3, #detaileddirection h3 {
	font: 22px Verdana;
	text-decoration: underline;
}


#zoomed, #areamap {
	margin-bottom: 10px;
	margin-right: 10px;
	width: 400px;
	float: left;
}




/*Bottom copyright stuff, address and textlink incase the browser does not load menubar image.*/
#textlink, #copyright{
	position: relative;
	border-top: thin solid;
	/*top: 5em;*/
	text-align: center;
}