/* CSS for Morven Bed & Breakfast www.morvenbnb.com */

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words 
:link,:visited { text-decoration:none }*/

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }


body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    background-color: #e2edff;
    line-height: 125%;
    padding: 0px;
    margin: 0px;
}

h1, h2, h3 {
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

h1 {
    font-size: x-large;
    font-weight: normal;
    color: #505050;
    padding-top: 1em;
    padding-bottom: 1em;
    margin: 0px;
}

.h1_subtext {
    font-size: small;
    color: #000;
    margin: 0px;
}

h2 {
    color: #666;
    font-size: 130%;
    font-weight: normal;
    padding-top: 15px;
    padding-bottom: 15px;
}

ul {
    margin: 22px;
}

li {
    font-size: small;
    list-style-type: none;
}

p {
    font-size: small;
    color: black;
    padding-bottom: 10px;
}

em {
    text-transform: uppercase;
}

a {
    font-weight: bold;
}

a:link {
    color: navy;
}

a:visited {
    color: navy;
}

a:hover {
    text-decoration: none;
    color: #fff;
}

a:active {
    text-decoration: none;
    color: #fff;
}

h2, ul {
    margin-top: 15px;
}

.galleryphoto {
    padding-bottom: 10px;
    border-top: 1px solid navy;
}

.galleryphoto p {
    font-size: 65%;
    font-weight: bold;
    margin-top: 20px;
    width: 404px;
    line-height: 1.4em;

}

.galleryphoto p span {   
    font-weight: normal;
    color: gray;
}

.galleryphoto img.photo {
    border: 2px solid #999;
    margin-top: 20px;
}

.galleryphoto p.caption {   
    margin: 0px;
    margin-bottom: 10px;
    padding: 0px;
}

#navigation_bg {
    background-image: url(../background_bar.jpg);
    background-repeat: repeat-y;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

#pagecontent {
    background-image: url(../background9.jpg);
    background-repeat: no-repeat;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

#navigation {
    position: relative;
    top: 200px;
    width: 180px;
    height: 180px;
    margin: 0px;
    padding: 0px;
}


/* for understanding browsers */
#bodycontent {
    position: relative;
    top: -10px;
    left: 200px;
    width: 660px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: 600px;
    height: auto;
}

/* min-height for Internet Explorer */
/*\*/
* html #bodycontent {
    height: 600px;
}
/**/

#footer {
    width: 900px;
    height: 40px;
    background-color: #E0E0E0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    border-top: #999 2px solid;
    border-bottom: #999 2px solid;
}

#bodycontent a:link {
    color: navy;
}

#bodycontent a:visited {
    color: navy;
}

#bodycontent a:hover {
    text-decoration: none;
    color: #8595bf;
}

#bodycontent a:active {
    text-decoration: none;
    color: #8595bf;
}

#bodycontent p.thankyou_text {
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size: large;
    font-weight: bold;
    font-style: italic;
    padding-top: 40px;
    color: #505050;
}

#bodycontent p.sorry_text {
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size: large;
    font-weight: bold;
    font-style: italic;
    color: #505050;
}

#footer a:link {
    text-decoration: none;
    color: black;
}

#footer a:visited {
    text-decoration: none;
    color: black;
}

#footer a:hover {
    text-decoration: none;
    color: #8595bf;
}

#footer a:active {
    text-decoration: none;
    color: #8595bf;
}

#footer_links a:link {
    text-decoration: none;
    color: black;
}

#footer_links a:visited {
    text-decoration: none;
    color: black;
}

#footer_links a:hover {
    text-decoration: none;
    color: #8595bf;
}

#footer_links a:active {
    text-decoration: none;
    color: #8595bf;
}

.feature {
    float: right;
    border: white 10px solid;
}

.feature_noborder {
    float: right;
    margin: 10px;
}

.feature_text {
    float: right;
    background: url(../web_deer_small.jpg) no-repeat;
    width: 180px;
    height: 280px;
    text-align: center;
    margin: 5px;
    border: white 10px solid;
    padding-top: 35px;
}

table.destinations {
    border-collapse: collapse;
}

table.destinations th, table.destinations td {
    padding: 4px;
    border: 1px solid #000066;
}

table.destinations th {
    font-size: small;
    text-align: left;
    background-color: #8595bf;
    color: navy;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 2px;
    padding-right: 2px;
}

table.destinations td {
    font-size: small;
    background-color: #e2edff;
}

table.destinations caption {
    color: #000066;
    font-size: small;
    font-weight: bold;
    text-align: left;
    padding-bottom: 5px;
}

img.feature {
    border: 10px solid white;
    margin: 10px;
}

p.copyright {
    font-size: x-small;
    text-align: center;
    margin: 0px;
    margin-right: 5px;
    padding: 0px;
}

.dummy_link {
    font-weight: bold;
    color: navy;
}

#footer_links p{
    font-size: x-small;
    text-align: center;
    margin: 0px;
    margin-right: 5px;
    padding: 0px;
}

#footer_links {
    width: 900px;
    height: 20px;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    border-top: #999 2px solid;
}

.form_item {
    font-size: small;
    padding: 5px 0 5px 0;
}

.form_item label {
    width: 50px;
}

.form_item input {
    float: right;
    width: 220px;
    margin-right: 10px;
}

.form_item textarea {
    float: right;
    width: 300px;
    margin-right: 10px;
}

.clear {
    clear: both;
}