body{background-color:#F0F0F0}


#allcontent{width:1000px; margin:auto;}

#wrapper { background-color: #D8D8D8  ; #FFFFFF;
           width: 960px;
           
		   margin: 0 auto;
           min-width:850px;}
           
           

header, nav, footer { display: block; }
	  
header { font-size: 200%; margin:10px;
		background-image: url(images/RiverviewInnLogoSmall.jpg); 
		background-repeat: no-repeat; height:200px;}
		
header h1 {font-size: 1.0em;color:#562f32; margin-bottom: 0; margin-top:0px; margin-left:160px; padding:0;}
header h2 { font-size: .7em;
            font-style: italic;
			
			color: #462D44;
	        margin-top: 0; margin-left:160px;
			padding-right: 10px;}

#columnleft{font-weight:bold; color:#462D44;
background-color:#640e27;
	   background-repeat: no-repeat;
      background-image: -webkit-gradient(linear,left top, left bottom, from(#dcf0f7), to(#336699));
      background-image: -moz-linear-gradient(top, #dcf0f7, #336699);
      filter: progid:DXImageTransform.Microsoft.gradient(
	  startColorstr=#CCCCFF, endColorstr=#640e27); 
	  background-image: linear-gradient(#dcf0f7, #336699);
	  height:950px;width:650px; font-size:1.1em;
	  padding-left: 30px; padding-top: 10px; padding-bottom: 30px; padding-right: 20px;
	  margin-top: 0; margin-left:200px; margin-bottom:10px;
	  border: 1px solid #333366;
	  -webkit-border-radius: 15px;
	  -moz-border-radius: 15px;
	  border-radius: 15px;}
 


#nav{float:left; 
	width:165px; 
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 5px;
	background-color: #9DAF72; color:#003366;
	font-weight:bold;letter-spacing:0.1em;}
	
	

#footer{font-size:70%; text-align:center; padding: 10px; 
         color:#9DAF72; clear:both;}

   
#nav ul{list-style-type:none; margin:0; padding:0;}
#nav a{text-decoration:none; padding: 15px; display:block; background-color: #462D44; 
       border-bottom: 1px solid #FFFFFF;}
#nav a:link{color: #ffffff;}
#nav a:visited{color: #9DAF72;}
#nav a:hover{color:#eaeaea; background-color:#869dc7;}

table {margin:auto; border: 3px solid #333366; width:650px; text-align: center; }


td, th{font-family: Arial, Verdana, sans-serif; font-size: 1em; color:#462D44; padding: 10px; border-bottom: 2px #333366 solid;}
tr:first-of-type { background-color: #562f32;
                   color: #eaeaea; }
tr:nth-of-type(even) {background-color:#CCCCCC;}
tr:nth-of-type(odd) {background-color:#9db2b1;}

.locations{float:left;
       width:190px;
       margin-left:15px; margin-top: 15px; padding:10px;
       color:#562f32; background-color: #9daf72;
       text-align: center;
       -webkit-box-shadow:5px 5px 5px #1e1e1e;
       -moz-box-shadow: 5px 5px 5px #1e1e1e;
       box-shadow: 5px 5px 5px #1e1e1e;}
       

       
.float{float:left; margin-right:15px; padding-right:10px; padding-top:15px; padding-bottom: 15px;width: 345px; height: 225px;}

.bio{float:left; margin-right:20px; padding-right:10px; padding-top:15px; padding-bottom: 15px; width: 320px; height: 259px;}
.room{float:left; margin-right:20px; padding-right:10px; padding-top:15px; padding-bottom: 15px; width: 300px; height: 245px;
background-color:#FFF;
		   text-align: center;
		    font-size: .80em;
		   padding: 5px;
		   border: .5px solid #CCC;
		   
		   -webkit-box-shadow: 5px 5px 5px #828282;
           -moz-box-shadow: 5px 5px 5px #828282;
            box-shadow: 5px 5px 5px #828282;}
            
.hotel{float:right; margin-right:10px; padding-right:10px; padding-top:15px; padding-bottom: 15px; padding-left:10px; width: 250px; height: 190px;
background-color:#FFF;
		   text-align: center;
		    font-size: .80em;
		   padding: 5px;
		   border: .5px solid #CCC;
		   
		   -webkit-box-shadow: 5px 5px 5px #828282;
           -moz-box-shadow: 5px 5px 5px #828282;
            box-shadow: 5px 5px 5px #828282;}
  .bio{float:left; margin-right:20px; padding-right:10px; padding-top:15px; padding-bottom: 15px; width: 320px; height: 259px;}          
.suite{float:left; margin-right:30px; padding-right:10px; padding-top:15px; padding-bottom: 15px; width: 250px; height: 190px;
background-color:#FFF;
		   text-align: center;
		    font-size: .80em;
		   padding: 5px;
		   border: .5px solid #CCC;
		   
		   -webkit-box-shadow: 5px 5px 5px #828282;
           -moz-box-shadow: 5px 5px 5px #828282;
            box-shadow: 5px 5px 5px #828282;}
            

.property{float:right; margin:15px;width: 224px; height: 214px;
	background-color:#FFF;
		   text-align: center;
		    font-size: .80em;
		   padding: 5px;
		   border: .5px solid #CCC;
		   -webkit-transform: rotate(3deg); ;
		   -moz-transform: rotate(3deg);
		   -o-transform: rotate(3deg);
		   -ms-transform: rotate(3deg);
		   transform: rotate(3deg);
		   -webkit-box-shadow: 5px 5px 5px #828282;
           -moz-box-shadow: 5px 5px 5px #828282;
            box-shadow: 5px 5px 5px #828282;}

.black{color:#000000;}
.purple{color:#562f32;}
.gray{color:#9DB2B1;}
.white{color:#FFFFFF;}
.class{color:#bfcfcc;font-size:1.2em;}


     
     

aside {float:right;
       width:190px;
       margin-right:70px; margin-top: 20px; padding:10px;
       font-size:110%; color:#640E27; background-color: #CCCCCC;
       text-align: center;
       -webkit-box-shadow:5px 5px 5px #1e1e1e;
       -moz-box-shadow: 5px 5px 5px #1e1e1e;
       box-shadow: 5px 5px 5px #1e1e1e;}

       
.clearleft{clear:left;}  
.clearright{clear:right;}