﻿
body {
	margin:10px;
	font:12px arial,verdana, helvetica, sans-serif;
	background-color: #022a7c;
	
	
	
}

#middle {
	width:660px;
	position:relative;
	margin:130px 0px 0px 200px; 	/* top-right-bottom-left */
	padding:20px;
	border:3px solid white;
	background-color: #FFFFFF
}

.navLinks {
	position:absolute;
	top:15px;
	left:15px;
	border:0px solid black;
	margin:0px 40px 10px 0px;
	width:inherit;
}

.navLinks a {
	color:#333;
	font:11px/12px arial, verdana, helvetica, sans-serif;
	text-decoration:none;
}

#guests {
  	text-align:center;
  	float:left;
  	position:relative;
  	width:50%;
  	height:20px;
}

#dateBox {
	position:absolute;
	width:160px;
	top:110px;
	left:0px;
	height:170px;
	padding:10px;
	text-align:center;
	voice-family: "\"}\"";
	voice-family:inherit;
	background-color:#DFEFFF;
	border:5px solid white;


}

#getRates {
  	position:absolute;
	top:150px;
	left:10px;
  	width:160px;
  	height:30px;
}


#left {
	position:absolute;
	width:160px;
	top:20px;
	left:20px;	
	voice-family: "\"}\"";
	voice-family:inherit;
	
	
}


#leftContent {
	position:absolute;
	margin:310px 20px 0px 0px; 	/* top-right-bottom-left */
	width:180px;
	left:0px;
	padding:4px;
	z-index:1;
	voice-family: "\"}\"";
	voice-family:inherit;
	background-color:#FFFFeb;
	border:3px solid white;
	



}



a {
	color:#0000ff;
	font:12px/14px arial,verdana, helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
}

a:hover {
	color:#02951e;
	text-decoration:underline;
}



body>#leftCol {
	width:150px;
}

body>#rightCol {
	width:150px;
}

.Content>p+p {
	text-indent:30px;
}

.content {
	position:relative;
	width:auto;
	min-width:120px;
	margin:0px 190px 60px 190px; 	/* from top, from right, space below, from left */
	border:1px solid black;
	background-color:white;
	padding:15px;					/* spacing of text from edge of div */
	z-index:1;						/* layer positioning 0(top), 1(placed under '0'), 2(placed under '1').. and so on */
}

.dates {
	position:absolute;
	height:30px;
	display:inline;
	width:100%;
	background-color:#eee;
	padding:0px;
	z-index:0;						/* layer positioning 0(top), 1(placed under '0'), 2(placed under '1').. and so on */
}

h1 {
	margin:0px 0px 20px 0px;
	padding:0px;
	font-size:20px;
	color:#185aa5;
}


h1.hotel-roseville {
	margin:0px 0px 20px 0px;
	padding:0px;
	font-size:16px;
	color:#0000ff;
	text-decoration:underline;
}






h2 {
	font:bold 12px/14px arial, helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0px;
	color:#003366;
}



.hotelImg {
	position:relative;
	float:right;					/* aligns 'hotelImg' div inside of 'content' div */
	width:50px;
	height:50px;
	border:0px solid black;
	padding:5px;
	background-color:white;
	z-index:1;						/* layer positioning 0(top), 1(placed under '0'), 2(placed under '1').. and so on */
}

#leftCol {
	position:absolute;
	width:150px;					/* width of div */
	top:20px;						/* distance from top of document */
	left:20px;						/* distance from left side of document */
	border:1px solid gray;			/* border color and size */
	background-color:#eee;			
	padding:10px;					/* padding from sides of div for content inside div */
	voice-family: "\"}\"";
	voice-family:inherit;
}

#leftCol a {
	color:#09c;
	font:11px verdana, arial, helvetica, sans-serif;
	font-weight:600;
	text-decoration:none;
}

#leftCol h2 {
	font:bold 12px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0px;
	color:#333333;
}

.nav {
	position:relative;				
	margin:0px 190px 20px 190px; 	/* from top, from right, space below, from left */	
	border:1px solid black;			/* border size and color */
	background-color:white;			/* layer background color */
	padding:7px;					/* padding around text inside div */
	z-index:1;
}

p {
	font:12px/16px arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
}

.rates {
	font:11px/15px arial, helvetica, sans-serif;
	color:#CC3300;
}

#rightCol {
	position:absolute;
	width:150px;
	top:20px;
	right:20px;
	border:1px solid gray;
	background-color:#eee;
	padding:10px;
	z-index:1;
	text-align:center;
	voice-family: "\"}\"";
	voice-family:inherit;
}
.star {
	font:11px/15px arial, helvetica, sans-serif;
	margin:0px 0px 10px 0px;
	padding:0px;
	color:#CC3300;
}

.submit {
	cursor: hand;
	border: 1.5px solid;
	border-color: #996600 #996600 #333333 #663300;
	padding: 1px 1px 1px 1px;
	font: bold 11px verdana, arial, helvetica, sans-serif;
	color: #000000;
	background-color: #FFCC00;
	margin: 5px;
}

.descr-tag {font: bold 13px verdana;}

H2.hotel-description{ font:11px/15px verdana, arial, helvetica, sans-serif;
	 margin:0px 0px 10px 0px;
  	padding:0px;}


.text {
	font:11px/15px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 10px 0px;
	padding:0px;
}
