html { margin:0 0 0 0; padding:0; }
body { margin:0; padding:0; color:#333333; background-color:#E0DBD6; font-size:0.83em; font-family:Arial,Helvetica,Sans-serif; }

img { border-style:none; display:block; }
embed { display:block; }
form { margin:0; padding:0; }
blockquote { margin:15px; padding:0 10px; }
hr { border:none 0; margin:20px 0; border-top:2px solid #313C5B; height:2px; }
p { padding:0; margin:0 0 16px; }
p.extraspace { padding:0; margin:0 0 26px; }

h1,
h2 { color:#313C5B; font-family:Georgia,Arial,Helvetica,Sans-serif; font-size:1.37em; margin-top:0; font-weight:normal; }
h3 { color:#313C5B; font-family:Georgia,Arial,Helvetica,Sans-serif; font-size:1.2em; margin-top:0; }
h4 { color:#313C5B; font-size:1.1em; }
h5 { color:#313C5B; font-size:1.0em; }
h6 { color:#313C5B; font-size:0.9em; }

a,
a:visited { color:#313C5B; text-decoration:underline; }
a:hover { color:#000000; text-decoration:underline; }

.clear { clear:both; height:0; overflow:hidden; }
.spacer { clear:both; height:13px; overflow:hidden; }
.hide { display:none; }
.error { color:#FF0000; font-weight:bold; }
.nowrap { white-space:nowrap; }

.photoRight { float:right; margin-left:10px; margin-bottom:7px; margin-top:3px; }
.photoLeft { float:left; margin-right:10px; margin-bottom:7px; margin-top:3px; }
.photoCentre { display:block; margin:0 auto; }
.center { text-align:center; }
.justify { text-align:justify; }

.article-left { width:48%; float:left; }
.article-right { width:48%; float:right; }
.article-rightalt { width:48%; float:right; text-align:right; }

.slightlyhidden { font-size:0.83em; opacity:0.5; filter:alpha(opacity=50); }

/* Interface CSS */
#container_header { width:806px; height:12px; background:url("container_header.gif") left top no-repeat; overflow:hidden; margin:0 auto; border-top:16px solid #E0DBD6; }
#container_middle { width:806px; background:url("container_middle.gif") left top repeat-y; margin:0 auto; }
#container_footer { width:806px; height:12px; _height:28px; background:url("container_footer.gif") left top no-repeat; overflow:hidden; margin:0 auto; border-bottom:16px solid #E0DBD6; }

#content { width:778px; margin:0 auto; background-color:#FFFFFF; border:2px solid #EDEEF2; }
#content-bg-left { width:778px; background:url("menu-background.gif") left bottom repeat-y; }
#content-bg-right {width:778px; background:url("content-background.gif") right bottom no-repeat; }

#content-left { width:239px; float:left; }
#content-right { width:539px; float:right; }

#header_left { width:239px; height:200px; }
#header_left h1 { margin:0; padding:0; }
#header_left h1 a { width:239px; height:200px; background:url("melroseguesthouse.gif") left top no-repeat; overflow:hidden; display:block; }
#header_left h1 a span { display:none; }
#header_right { width:539px; height:222px; }
#header_right p { margin:0; padding:0; }

#nav { width:237px; }
#nav_padding { padding:30px; color:#FFF; font-weight:bold; }
#nav ul { list-style:none; margin:0 0 6px 0; padding:0; }
#nav ul li { border-bottom:1px solid #9DA4B8; }
#nav ul li.current {  }
#nav ul li a,
#nav ul li a:visited { width:177px; display:block; padding:6px 0; color:#FFF; text-decoration:none; }
#nav ul li a:hover { color:#FFF; text-decoration:underline; }
#nav ul li span { display:block; margin-bottom:6px; font-size:0.93em; }
#nav ul li span a { width:auto; display:inline!important; padding:0!important; }

#nav_bookonline { text-transform:uppercase; text-align:center; background-color:#313C5B; border-bottom:0!important; }

#article { width:539px; }
#article_padding { padding:10px 30px 14px 30px; }
#article_padding_alt { padding:10px 5px 14px 5px; }

#footer { background-color:#313C5B; color:#FFF; font-weight:bold; }
#footer a,
#footer a:visited { color:#FFF; text-decoration:none; }
#footer a:hover { color:#FFF; text-decoration:underline; }
#footer_left { width:50%; float:left; }
#footer_left .padding { padding:6px 0 6px 30px; }
#footer_right { width:48%; float:right; text-align:right; }
#footer_right .padding { padding:6px 30px 6px 0; }

