/*********************************
PARKER'S MOTEL - parkersmotel.com
***********************************/

body { 
   font-family: verdana, helvetica, sans-serif; 
   height: 100%; 
   background-color: #A20A00; /*red*/
   }

* { 
   margin: 0px;
   padding: 0px; 
   }

a:link { 
   color: #A20A00; /*red*/
   font-weight: bold; 
   text-decoration: none;
   border-bottom: 1px dotted #A20A00; /*red*/
   }
   
a:visited { 
   color: #A20A00; /*red*/
   font-weight: bold; 
   text-decoration: none; 
   border-bottom: 1px dotted #A20A00; /*red*/
   }
   
a:hover { 
   color: #070056; /*blue*/
   font-weight: bold; 
   text-decoration: none; 
   border-bottom: 1px solid #070056; /*blue*/
   }
    
.clearfloats { 
   clear: both; 
   }
   
p {
   color: #000000;
   font-family: verdana, helvetica, sans-serif;
   font-size: .8em;
   padding: 0 20px 1em 0;
   margin-left: 20px;
   }
     
p span {
   font-weight: bold;
   }   
   
h1 {
   color: #070056; /*blue*/
   font-size: 1.1em;
   font-weight: bold;
   margin: 6px 0px .5em 10px;
   }   
     
h2, h3 {
   color: #A20A00; /*red*/
   font-size: 1em;
   font-weight: bold;
   margin: 0 0px 3px 20px;
   }   
   
h3 {
   margin: 6px 0 0 20px;
   }  
   
img {
   border: 0;
   }   
   

ul {
   margin: 0px 10px 1em 40px;
   list-style-type: disc;
   list-style-position: outside;
   }
   
ul li {
   font-family: arial, helvetica, sans-serif;
   font-size: .8em;
   font-weight: normal;
   margin: 0px 0px 6px 10px;
   float: none;
   }         
      

/****************
CONTAINERS
****************/
   
#top_container {
   margin-right: auto;
   margin-left: auto;
   margin-top: 10px;
   margin-bottom: 0;
   padding: 0;
   width: 900px;
   position: relative;
   z-index: 400;
   }   
   
#btm_container {
   width: 885px;
   background: #fff;
   position: relative;
   z-index: 300;
   padding: 5px 5px 5px 5px;
   border-right: 1px solid #000;
   border-left: 1px solid #000;
   margin-right: auto;
   margin-left: auto;
   }   
   
/****************
HEADER
****************/

#top_pic {
   position: absolute;
   top: -12px;
   right: 6px;
   z-index: 500;
   }      
   
#header {
   background: #fff;
   border-top: 1px solid #000;
   border-right: 1px solid #000;
   border-left: 1px solid #000;
   height: 145px;
   }      

#header img {
   margin: 14px;
   float: left;
   }         
   
#header p {
   margin: 74px 0 0 480px;
   font-weight: bold;
   font-size: 1em;
   }   

/*************
FOOTER
*************/     
 
#footer {
   font-size: .7em;
   margin-right: auto;
   margin-left: auto;
   margin-top: 0;
   background: #070056;
   width: 875px;
   padding: 10px;
   border: 1px solid #000;
   }     

#footer p {
   color: #fff;
   margin: 0;
   padding: 0;
   }
   
.foot_lft {
   margin-right: 400px;
   float: left;
   }   
   
.foot_rgt {
   text-align: right;
   }   
   
#design {
   text-align: center;
   color: #fff;
   font-size: .6em;
   }   
   
#design a {
   color: #fff;
   }   
   
   
/***************
INDEX PAGE
***************/

#flash {
   margin: 10px 0 0 10px;
   float: left;
   border: 1px solid #000;
   }
#specials {
	border: 2px dotted #093;
	font-weight: bold;
	font-size: 11pt;
	width: 700px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 6px;
}
#specials .specialstitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18pt;
	text-align: center;
	color: #A20A00;
}
#specials .specialstext {
	text-align: center;
}
           
#index_rgt {
   width: 260px;
   float: left;
   margin: 20px 0 0 15px;
   }           
   
.index_pkg {
	width: 243px;
	height: 290px;
	border: 1px solid #000;
	padding: 0 6px;
	margin-bottom: 8px;
	background-color: #070056;
	background-image: url(../pix/index/christmas_trees.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
   }   
           
.index_pkg h1 {
	margin: 185px 0 12px 0;
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
   }

.index_pkg p {
   color: #fff;
   font-size: .7em;
   margin: 5px 0 0 0;
   padding: 0;
   }     
   
.link {
   text-align: right;
   font-style: italic;
   }   
.indexrgtbottom {
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 4px;
	margin-top: 4px;
	background-color: #B1D0F1;
	border: 1px solid #63A9C0;
	padding-bottom: 4px;
}


.link a {
   color: #fff;
   border: 0;
   }       
   
.link a:hover {
   color: #A20A00;
   border-bottom: 1px dotted #A20A00; /*red*/
   }   
   
.index_coupons {
   background: #D45D17;
   border: 1px solid #000;
   margin: 2px 0 4;
   padding: 6px;
   width: 243px;
   }   
   
.index_coupons h1 {
   margin: 0 0 5px 0;
   color: #000;
   font-size: 1.1em;
   font-weight: bold;
   }      
   
.index_coupons p {
   margin: 0;
   padding: 0;
   font-size: .7em;
   }   
          
.index_btm {
   margin: 15px 0 0 0;
   }          
          
.index_btm img {
   float: right;
   margin: 0 15px;
   }          

/***************
OTHER PAGES
***************/

.room_pic {
   float: left;
   margin: 0 10px 20px 20px;
   }
   
.rates {
   float: left;
   margin: 6px 20px 0 20px;
   }   

.album_pic {
   margin-left: 267px;
   border: 0;
   }
   
.album {
   margin: 4px 0 10px 0;
   text-align: center;
   }   
   
blockquote {
   color: #000;
   font-family: verdana, helvetica, sans-serif;
   font-size: .8em;
   padding: 8px;
   width: 500px;
   font-style: italic;
   border-top: 1px dashed #000;
   border-bottom: 1px dashed #000;      
   margin: 16px 0 10px 192px;
   }
   
.pkg_pic {
   float: right;
   margin: 6px 10px 4px 20px;
   border: 1px solid #000;
   }   
           
/*************
CONTACT PAGE
*************/

#contact {
   font-family: verdana, helvetica, sans-serif;
   font-size: .8em;
   width: 620px;
   padding: 10px 0 15px 20px;
   margin: 0 0 10px 40px;
   border: 1px solid #000;
   background: #070056;
   }
   
#contact_info, #contact_res, #contact_btm {
   background: #fff;
   border: 1px solid #000;
   margin: 10px 0 10px 0;
   padding: 5px 0;
   }  
            
.submit { 
   margin-top: 5px;
   padding: 5px;
   border: 1px solid #ccc;
   background: #A20A00;
   color: #fff;
   }
       
/**************
ROOM TOUR PAGES
**************/       
     
.tour_pix {
   width: 800px;
   text-align: center;
   margin-bottom: 20px;
   }     
   
.tour_pix img {
   border: 0;
   margin: 15px 10px 0 0;
   }   
       
       

/*****************
NAVIGATION
*****************/   
   
#nav { 
   margin-right: auto;
   margin-left: auto;
   border: 1px solid #000;
   width: 914px; 
   height: 25px;
   background: #070056; /*blue*/
   color: #fff;
   font-size: .7em; /*ff*/
   #font-size: .6em; /*ie*/
   padding: 10px 0 0 14px; /*ff*/
   #padding: 10px 0 0 8px; /*ie*/
   } 

#nav a, #subnav a { 
   margin: 0; 
   padding: 1px;
   color: #fff;
   font-weight: normal;
   text-decoration: none;
   border: 0;
   text-transform: uppercase;
   }    
  
#nav a:hover {
   color: #D45D17; 
   border-bottom: 6px solid #D45D17; /*tan*/
   }  
  
#subnav {
   background: #A20A00;
   width: 570px;
   text-align: center;
   color: #fff;
   height: 22px;
   margin: 0 0 10px 10px;
   }  
   
#subnav a {
   font-size: .7em; /*ff*/
   #font-size: .6em; /*ie*/
   }   

#subnav a:hover {
   color: #D45D17;
   border-bottom: 2px solid #D45D17;
   }  
  
.availability {
	font-size: 9pt;
	text-align: center;
	font-weight: bold;
	margin: 0px 8px;
	padding: 4px;
	background-color: #FFFFCC;
	border: 2px dotted #A20A00;
}
#headavailbility {
	margin-top: 10px;
}
#index_rgt #maple {
	border: 1px solid #663300;
	margin-bottom: 4px;
	padding: 4px;
	font-size: 10pt;
	font-weight: bold;
	background-color: #FFFFCC;
}

