/*
Author: Richard Cassidy
        Graphite Design
		www.graphitedesign.co.uk
Client: Dover Guest House Association
*/

body { font: normal 11pt Arial,helvetica,sans-serif;
       color: #533;
       background-color: #fee;
       margin: 0;
      }

p, td, div { 
  color: #533;
  font: normal 10pt Arial,helvetica,sans-serif;
	text-align: left;
  }

h1, h2 { 
  color: #d00;
  font: bold 1.4em Arial,helvetica,sans-serif;
	background: inherit;
}

h4 {
	margin: 0;
	padding: 0;
	display: none;
	}

img, a img {
  border: 0;
}

A:link, A.info:link { color: #a00;
         font: bold 1em helvetica,sans-serif;
         text-decoration: none;
       }
A:visited, A.info:visited { color: #500;
            font: bold 1em helvetica,sans-serif;
            text-decoration: none;
          }
A:hover, A.info:hover { color: #00a;
          font: bold 1em helvetica,sans-serif;
          text-decoration: underline;
        }
A:active, A.info:active { color: #f00;
           font: bold 1em helvetica,sans-serif;
           text-decoration: none;
           }

/* structure */

#bucket {
  width: 731px;
	background: transparent url(images/dover_bk.jpg) repeat-y;  
  margin: 0 auto 20px auto;
  padding: 0;
}

#main { 
  background-color: #fdd;
  color: #000;
  width: 700px;
  margin: 0 auto;
}

.header { 
  text-align: left; 
  }

.footer { 
 font-size: .7em;
 padding: 0 10px 10px 10px;
 color: #999;
 margin: 10px 0 0 0;
}

#bott {
	margin: 0;
	padding: 0;
	height: 20px;
	background: transparent url(images/dover_foot.jpg) no-repeat;
	}

.copyr { }

.design { 
  text-align: right;
  font-size: 1em;
  margin-top: 5px;
}

.container { 
  padding: 10px;
}

#content { 
  padding: 10px;
}

.leftcol { 
  text-align: justify;
  width: 440px;
}

.leftcol p { 
  text-align: justify;
}

.rightcol { 
  color: #333;
  background: inherit;
  width: 200px;
  float: right;
}

.quote { 
  padding: 0 10px 0 10px;
  text-align: justify;
}

.quote p { 
  text-align: justify;
  font-style: italic;
}

.offer { 
  font: bold 1.6em Times,Roman,serif;
  color: #a00;
	background: inherit;
	text-align: center;
}

.advert { 
  border: 1px solid #000;
  margin:  0 0 2px 0;
  text-decoration: none;
}

.break { clear: both; }

.box {
	border: 1px solid #faa;
	margin-bottom: 15px;
}

.box  h1 {
  font: normal 1.5em times, roman, serif;
  color: #000;
	background: #faa;
	margin: 0;
	padding: 3px 3px 3px 10px;	
}

.box p {
	padding: 0 20px;
}

/* nav styles */

.footer a { color: #555; }
.footer a:hover { color: #900; }

.membernav { font: bold 1.3em helvetica,sans-serif;
              color: inherit;
		      background: inherit;
			  text-align: center;
            }


/* titles and styles */

.mainmenu { 
           padding: 3px 0 5px 0;
           border-bottom: 1px solid #d00;
				   text-align: center;
           margin: 0;
           font-size: .9em;
          }

.mainmenu ul { 
				   margin: 0;
				   display: inline;
           padding: 0;
           font-size: .9em;
				   }
				   
.mainmenu li { padding: 0 5px 0 5px;
				   list-style: none;
				   display: inline;
				   margin: 0;
				   border-left: 1px solid #d99;		   
}

.mainmenu li.first { padding: 0 5px 0 5px;
				   list-style: none;
				   display: inline;
				   margin: 0;
				   border-left: 0px; 				   
}

.dovermenu {
  text-align: center;
  background: #fdd;
  padding: 5px;
  margin-bottom: 10px;
}

.dovermenu ul {
  display: inline;
  padding: 0;
}
.dovermenu li {
  display: inline;
	list-style: none;  
}
				   
.colhead { 
  font: bold 14px Arial,helvetica,sans-serif;
  color: #fdd;
	background: #d00;
  padding: 5px;
  width: 100%;
       }

.head1 { 
  font: bold 14px Arial,helvetica,sans-serif;
  color: #d00;
	background: inherit;
  text-align: center;
  margin-bottom: 10px;
       }

.head1b { 
  color: #000;
  font: bold 14px Arial,helvetica,sans-serif;
	background: inherit;
        }

.head2 { 
  font: normal 32px Times,Roman,serif;
  color: #000;
	background: inherit;
  text-align: center;
  padding: 20px 0;
       }

.title { 
  font: normal 28px Times,Roman,serif;
  color: #000;
	background: inherit;
}

.section {
	padding-top: 2em;
}

.subhead { 
  font: normal 1.5em times, roman, serif;
  color: #000;
	background: #faa;
	padding: 3px 3px 3px 10px;
	margin: 10px 0px;
  clear: both;
}

.subhead1 { 
  font: normal 1.5em times, roman, serif;
  color: #000;
	background: inherit;
	padding: 0px;
	margin: 10px 0 5px 0;
}
		 
.subhead2 { 
  font: bold 14px Arial,helvetica,sans-serif;
  color: #d00;
	background: inherit;
}
	   
.titlead { 
  background-color: #fcc;
  font: bold 1.1em Arial,helvetica,sans-serif;
  color: #d00;
  padding: 3px;
	width: 100%;
}
 
.themecol { 
  color: #ff7777;
  background: inherit;
  }

.copyr { font: normal 1em Arial,helvetica,sans-serif;
         color: #555;
		 background: inherit;
       }

.pad1 { margin-left: 30px;
       }

.right { 
  text-align: right;
       }

.image_left { float: left;
              margin-right: 10px;
			  }

.image_right { float: right;
              margin-left: 10px;
			  }

.image_frame {
  border: 1px solid #999;
  padding: 6px;
  background: #fff;
}

.center {
  margin: 0 auto 0 auto;
  text-align: center;
}

.softlist {
  list-style: none;
}

.adverts { 
margin: 10px auto 10px auto;
text-align: center;
}

.frontpic {
  padding: 0 20px 0 0;
  vertical-align: top;
}

#info {
  margin-top: 1em;
}

#info td {
  vertical-align: top;
}

.reserve {
  margin-top: 1em;
  border: 1px solid #fbb;
  background: #fee;
  padding: 5px;
  text-align: center;
}

#featured {
  text-align: center;
  border: 1px solid #fbb;
  margin-bottom: 2em;
  padding-bottom: 6px;
}

#featured .title {
  background: #fbb;
  color: #b33;
  font: bold 1em times roman, sans-serif;
  text-align: center;
  padding: 3px;
  margin-bottom: 5px;
}

.missing {
  margin: 5px 10px;
  padding: 10px;
  border: 1px dashed #b22;
  color: #b22;
}

/* forms */

.input { font: normal 9pt lucida console, courier new, monospace;
         color: #ff5555;
         background-color: #ffeeee; 
         border:1px solid #ffbbbb;
       }

.button { font: normal 8pt lucida console, courier new, monospace;
          color: #ffffff;
          background-color: #bb3333;
          border: 0px solid #000000
        }

/* stats */

.stats_section {
  padding: 10px 20px;
  margin-bottom: 30px;
  background: #ffe9e9;
}

.stats_section .name {
  text-transform: uppercase;
  font-weight: bold;
}

.stats_section blockquote {
  margin: .5em 2em 2em 2em;
}

.log {
  margin: 0 0 20px 50px;
  border: 0;
}

.log td {
  padding: 0 10px;
}

.log .name1 {
  font-weight: bold;
  text-align: right;
}

.log .name  {
  font-size: 1em;
  font-weight: normal;
  text-transform: none;
  text-align: right;
}

.log tr:hover {
  background: #fdd;
}

.mdata {
  margin-left: 30px;
}