html{
}
body
{
padding: 0;
font-family: Arial, Sans-serif;
color: #000;
background-color: #7B7B96;
text-align: center;
margin: 0px auto;
min-width: 600px;
font-size: 10pt;
}
#container
{
text-align: left;
width: 700px;
margin: 0 auto;
background-color: #FFF;
border: 1px solid #454556;
}
#contained
{
width:740px;
text-align: center;
background-image:url('http://www.bedandbreakfastnetwork.com/images/background.jpg');
background-repeat:repeat-y;
margin: 0 auto;
background-color: #000;
}
#contained-top
{
width:740px;
top-margin:40px;
text-align: center;
background-image:url('http://www.bedandbreakfastnetwork.com/images/background-top.jpg');
margin: 0 auto;
}
#contained-bottom
{
width:740px;
text-align: center;
background-image:url('http://www.bedandbreakfastnetwork.com/images/background-bottom.jpg');
margin: 0 auto;
}
#banner
{
background-color: #B3A8C6;
border-bottom: 1px solid #7A7A94;
height: 112px;
}
#banner h1
{
margin: 0;
padding: .5em;
}
#nav
{
float: left;
width: 130px;
margin-left: 10px;
padding-top: 1em;
padding-left: 10px;
}
#nav p { margin-top: 0; }
#content
{
padding-top: 1em;
margin: 0 2em 0 170px;
}
#content h2 { margin-top: 0; }
#footer
{
clear: both;
background-color: #CFD8C5;
text-align: center;
padding:10px;
border-top: 1px solid #333;
}
.fadedblue1, .fadedblue2 { margin-bottom:1px; padding:8px;}
.fadedblue1 { background-color: #D7D7DF;}
.fadedblue2 { background-color: #DFDFE6;}
table.contact2 { width:475px; background-color: #EFF2EC;}
table.contact2 td {padding:5px; background-color: #CFD8C5; width: 237px; margin-left: 10px;}
table.contact { width:475px; background-color: #EFF2EC; }
{padding:3px; }
table.contact td.lc {padding:3px; background-color: #CFD8C5; width: 100px;}
table.contact td.rc {padding:3px; background-color: #AABA98;}
table.contact td.cs2 {background-color: #CFD8C5;}
.red { color:#FF0000; font-size:1.5em; }
.form_contact {font-family: Arial, Sans Serif; font-size: 12px;}
.submitJavascript{ background-color: transparent; text-decoration: underline; border: none; cursor: pointer; cursor: hand; position: relative; z-index: 100;}
h2, h3, h4
{
font-size: 14pt;
font-weight: 600;
color: #686882;
font-family: Verdana, sans-serif;
margin:0 auto;
}
h3
{
font-size: 13pt;
}
h3 a
{
text-decoration:underline;
font-size: 14pt;
font-weight: 600;
color: #686882;
font-family: Verdana, sans-serif;
margin:0 auto;
}
h4
{
font-size: 11pt;
}
.footer
{
margin: 5px;
}
A:link, A:visited, A:active, A:hover
{
text-decoration: underline;
font-size: 10pt;
font-weight: 500;
color: #454556;
}
A:visited
{
color: #454556;
}
A:hover
{
text-decoration: underline;
color: #B3A8C6;
}
.smalltext { font-size: 7pt; }
a.citylist:link, a.citylist:visited, a.citylist:hover, a.citylist:active { text-decoration: underline; font-size: 10pt; font-weight: 500; color:#454556; }
a.news:hover { color:#B3A8C6; }
ul.nav, .nav ul{
margin-left: 20px; padding: 3px; list-style-type: decimal; font-size:10pt; margin-bottom: 10px;
}
ul.nav, .nav ul{
margin-left: 20px; padding: 3px; list-style-type: decimal; font-size:10pt; margin-bottom: 10px;
}
ul.nav2, .nav2 ul{
list-style-type: square; margin-bottom: 10px;
}
ul.nav>li{
margin-bottom: 3px;
}
.innpage_float_info
{
width:220px;
float:right;
padding-left:5px;
padding-bottom:10px;
background-color:#FFF;
}
.gallerycontainer{
float:left;
width:270px;
margin-top:-10px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.hoverbox
{
cursor: default;
list-style: none;
margin-left:-45px;
margin-top:-5px;
}
.hoverbox a
{
cursor: default;
}
.hoverbox a .preview
{
display: none;
}
.hoverbox a:hover .preview
{
display: block;
position: absolute;
top: -33px;
left: -45px;
z-index: 1;
}
.hoverbox img
{
background: #fff;
border-color: #aaa #ccc #ddd #bbb;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 0px;
vertical-align: top;
width: 125px;
height: 90px;
}
.hoverbox li
{
background: #eee;
border-color: #ddd #bbb #aaa #ccc;
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 5px;
position: relative;
}
.hoverbox .preview
{
border-color: #ddd #bbb #aaa #ccc;
width: 250px;
height: 175px;
margin-left:-15px;
padding: 5px;
background: #eee;
}
div.hr {
height: 5px;
border: 0;
color: #FFFFFF;
background-color: #FFFFFF;
margin-bottom:5px;
}
table.inn-page
{
width:500px;
height:200px;
vertical-align:top;
}
td.gallery
{
width:300px;
text-align:left;
vertical-align:top;
}
td.gallery2
{
vertical-align:top;
}
td.reg-y
{
font-style: italic;
text-align:right;
}
div.float {
float: left;
}
div.float p {
text-align: center;
}
td.vert-top
{vertical-align:top;
text-align:left;}
div.table-row {
margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
padding: 0; text-align: left; width: 96%;
}
div.left-container {
border: none; float: left; margin: 0; padding: 0; width: 50%;
}
div.right-container {
border: none; float: right; margin: 0; padding: 0; width: 50%;
}
div.space-line {
clear: both; margin-bottom: 10px; padding: 0; width: auto;
}
a img.floatleft, a:visited img.floatleft,a:active img.floatleft, a:hover img.floatleft {
float:left;margin-right:10px;border: 1px solid #000000;margin-left:10px;
}
a:hover img.floatleft {border: 1px solid #7B7B96;}
.featured_inns,.featured_inns2
{text-align:left;padding:0px;border-bottom: 0px; border-top: 0px; background:#F3F3F3;padding-right:10px;padding-top:8px;}
.featured_inns2 {background:#F3F3F3;padding-top:0px;border-bottom: 1px solid #D3D3DC;border-top: 1px solid #D3D3DC;
background-image:url('http://www.bedandbreakfastnetwork.com/images/h3_gradient.jpg');
background-repeat:repeat-x;}