* {
margin : 0;
padding : 0;
}
html {
background : #ffffff url(/images/stories/template/background/background.jpg) no-repeat fixed left top;
position : fixed;
}
body {
background : #ffffff url(/images/stories/template/background/background.jpg) no-repeat fixed left top;
color : #000000;
font-family : Arial, Helvetica, sans-serif;
line-height : 150%;
}
ul.mapIt {
margin-left : 20px;
}
.componentheading {
font-size : 180%;
}
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {
font-family : "Segoe UI", Arial, Helvetica, sans-serif;
}
.blog_more ul {
margin-left : 1em;
}
a, a:active, a:link, a:visited, a:focus {
font : normal normal 12px Verdana, Arial, sans-serif;
color : #666666;
text-decoration : underline;
}
a:hover {
text-decoration : none;
}
a:active, a:focus {
outline : none;
}
p, td p, li, div, span {
font : normal normal 12px Verdana, Arial, sans-serif;
color : #000000;
}
.article-content {
margin-bottom : 10px;
}
.componentheading, h1 {
font-size : 180%;
}
h2 {
font-size : 150%;
}
h3 {
font-size : 125%;
}
h4 {
font-size : 100%;
text-transform : uppercase;
}
div.article-content ul li, div.article-content ol li {
margin-left : 20px;
}
.breadcrumb, .pathway {
color : #000000;
font-family : Verdana;
font-size : 10px;
}
a.pathway {
color : #006699;
text-decoration : underline;
}
span.breadcrumbs img, span.pathway img {
background : url(/components/com_bdirectory/images/patharrow.png);
}
.pushdown {
clear : both;
display : block;
width : 200px;
height : 5px;
}
a.sublevel {
display : none;
}
html, body, form, fieldset {
margin : 0;
padding : 0;
}
#contentarea3 table tbody tr td a img, #contentarea3 table tbody tr td form table tbody tr td form table tbody tr td {
display : none;
}
.eventsdate {
font : 11px Verdanna, sans-serif;
}
.eventstext {
font : 11px Verdanna, sans-serif;
color : #000000;
}
a.fulllist {
font : bold 13px Verdana, Arial, sans-serif;
text-transform : uppercase;
text-decoration : none;
}
#mainwrapper {
width : 1000px;
height : 100%;
min-height : 400px;
}
#topblank {
display : block;
width : 1000px;
height : 10px;
background : transparent;
}
#lefttop {
display : block;
width : 200px;
height : 10px;
background : transparent;
}
#righttop {
display : block;
width : 800px;
height : 10px;
background : transparent;
}
#leftspot {
display : block;
width : 180px;
max-width : 200px !important ;
height : 100%;
min-height : 500px !important ;
position : fixed;
top : 0;
left : 0;
overflow : hidden;
}
#leftspot2 {
background : transparent;
float : left;
display : block;
width : 200px;
min-height : 1000px !important ;
}
#rightspot {
float : left;
display : block;
width : 800px;
height : 100%;
min-height : 1000px !important ;
z-index : 4;
}
#footer {
clear : both;
display : block;
width : 1000px;
height : 30px;
margin-right : 20px;
background : transparent;
}
#footertext {
padding-top : 4px;
text-align : right;
width : 1000px;
background : transparent;
}
#footerblank {
display : block;
float : right;
text-align : right;
width : 20px;
height : 20px;
}
#footer1 {
display : block;
height : 20px;
float : right;
text-align : right;
color : #ffffff;
font : 10px Arial, sans-serif;
}
#logoblank {
display : block;
height : 136px;
width : 200px;
}
#searchbox {
float : right;
clear : both;
display : block;
width : 150px;
height : 40px;
}
#leftmenuarea {
float : right;
clear : both;
display : block;
width : 150px;
min-height : 300px;
}
#toparea {
clear : both;
display : block;
width : 800px;
z-index : 5;
}
#topcontent {
float : left;
display : block;
width : 754px;
z-index : 6;
}
#topspacer {
clear : both;
display : block;
width : 800px;
height : 24px;
background-color : #ffffff;
}
#secondspacer {
clear : both;
display : block;
width : 800px;
height : 10px;
font-size : 2px;
}
#topleftspacer {
float : left;
display : block;
width : 23px;
height : 400px;
background-color : #ffffff;
}
#toprightspacer {
float : right;
display : block;
width : 23px;
height : 400px;
background-color : #ffffff;
}
#bottomarea {
background-color : #ffffff;
overflow : hidden;
display : block;
width : 800px;
min-height : 200px;
}
.whitebackground {
clear : both;
display : block;
height : 100%;
width : 800px;
background-color : #ffffff;
}
#contentarea4 {
position : relative;
float : left;
overflow : hidden;
display : block;
margin : 22px 5px 13px 17px;
padding : 0;
width : 548px;
min-height : 288px;
}
#contentarea3 {
position : relative;
float : left;
overflow : hidden;
display : block;
margin : 22px 5px 13px 17px;
padding : 0;
width : 548px;
min-height : 288px;
}
#contentarea2 {
position : relative;
float : left;
display : block;
margin : 24px 5px 13px 17px;
padding : 0;
width : 740px;
min-height : 288px;
}
#contentarea_main {
position : relative;
float : left;
display : block;
margin : 24px 5px 13px 17px;
padding : 0;
width : 740px;
min-height : 288px;
}
.mapItContainer {
position : relative;
float : left;
width : 100%;
width : 100% !important ;
}
.mapItSearch1, .mapItSearch2, .mapItSearch3, .mapItSearch4, .mapItSearch5 {
position : relative;
float : left;
padding-right : 10px;
}
.mapItSearchButton {
position : relative;
float : right;
}
.mapItSearchORBarContainer {
position : relative;
float : left;
height : 15px;
width : 100%;
margin-top : 10px;
}
.mapItSearchORBar {
position : relative;
float : left;
border : 1px solid #dddbda;
width : 100%;
}
.mapItSearchOR {
position : absolute;
left : 50px;
height : 15px;
width : 50px;
text-align : center;
background : #ffffff;
margin-top : -7px;
}
div ul.pagination, ul.pagination {
position : relative;
text-align : center;
display : block;
}
ul.pagination li {
display : inline;
list-style : none;
list-style-image : none;
}
.pagination li {
text-align : center;
list-style : none;
list-style-image : none;
}
#contentarea {
position : relative;
float : left;
overflow : hidden;
display : block;
margin : 24px 5px 13px 17px;
padding : 0;
width : 548px;
height : 288px;
}
#directnorfolk {
background : #ffffff url(../images/direct-from-norfolk.jpg) no-repeat;
position : relative;
float : left;
padding : 0;
width : 207px;
height : 102px;
margin : 17px 23px 13px 0;
}
#eventslogo-position {
display : block;
width : 547px;
height : 56px;
}
#eventslogo {
background : #ffffff url(../images/events.gif) no-repeat;
display : block;
width : 524px;
height : 36px;
float : left;
margin : 0;
padding : 0;
}
#artslogo {
background : #ffffff url(../images/arts-entertainment.gif) no-repeat;
display : block;
width : 524px;
height : 36px;
float : left;
margin : 0;
padding : 0;
}
#weatherspacer {
display : block;
width : 15px;
height : 200px;
float : left;
}
#eventstopleftspacer {
display : block;
width : 290px;
height : 15px;
float : left;
}
#eventstoprightspacer {
display : block;
width : 200px;
height : 23px;
float : right;
}
#comingevents {
display : block;
background : #ffffff url(../images/coming-events.jpg) no-repeat;
width : 207px;
padding : 0;
height : 35px;
margin : 0 23px 0 0;
float : left;
}
#ongoingevents {
display : block;
background : #ffffff url(../images/ongoing-events.gif) no-repeat;
width : 155px;
padding : 0;
height : 31px;
margin : 0 23px 0 0;
float : left;
}
#rightmodule {
display : block;
width : 207px;
margin : 0 23px 0 0;
padding : 0;
float : left;
overflow : hidden;
}
#leftmodule {
display : block;
width : 207px;
margin : 0 23px 0 0;
padding : 0;
float : left;
overflow : hidden;
}
.leftline {
background : #e7e6e5;
display : block;
width : 548px;
height : 1px;
max-height : 1px !important ;
margin : 5px 5px 5px 17px;
float : left;
font-size : 1px;
line-height : 1px;
}
.rightline {
background : #e7e6e5;
display : block;
width : 207px;
height : 1px;
max-height : 1px !important ;
margin : 5px 23px 5px 0;
float : left;
font-size : 1px;
line-height : 1px;
}
#homepageicons {
display : block;
width : 548px;
height : 70px;
margin : 0 5px 0 17px;
float : left;
overflow : hidden;
}
#adspaceNEW {
display : block;
overflow : hidden;
position : relative;
float : left;
width : 207px;
max-width : 207px !important ;
}
img {
border : none;
}
#vacationmemories {
display : block;
float : left;
width : 548px;
height : 58px;
overflow : hidden;
margin : 0 5px 0 17px;
}
.bottomline {
margin-bottom : 24px;
}
#bottomleftspacer {
display : block;
float : left;
height : 100%;
min-height : 491px !important ;
width : 17px;
background-color : #ffffff;
}
#bottomrightspacer {
display : block;
float : right;
height : 100%;
min-height : 491px !important ;
width : 17px;
background-color : #ffffff;
}
#bottomspacer {
display : block;
clear : both;
height : 24px;
width : 700px;
}
#bottomcontent {
display : block;
float : left;
width : 786px;
max-width : 786px !important ;
min-height : 200px;
background-color : #ffffff;
}
#bottomleftcontent {
display : block;
float : left;
width : 568px;
height : 100%;
}
#bottomrightcontent {
display : block;
float : right;
width : 207px;
height : 100%;
min-height : 300px !important ;
background-color : #ffffff;
}
#imagearea {
display : block;
clear : both;
width : 754px;
height : 24px;
background-color : #ffffff;
color : #c0b5a3;
}
#magicbuttonarea {
display : block;
width : 450px;
height : 24px;
position : relative;
float : left;
}
.magicbutton {
display : block;
width : 10px;
height : 8px;
background : #eeeeee;
margin : 8px 2px 2px 2px;
padding : 0;
position : relative;
float : left;
cursor : pointer;
}
#contactusarea {
display : block;
width : 290px;
height : 24px;
float : right;
}
#phonenumber {
display : block;
width : 120px;
height : 24px;
overflow : hidden;
float : left;
font : normal normal 14px Verdana, Arial, sans-serif;
color : #666666;
}
#contactuslink {
display : block;
width : 130px;
height : 24px;
float : right;
}
#contactuslink a {
font : normal normal 14px Verdana, Arial, sans-serif;
color : #666666;
}
.imageswitcher, a.imageswitcher:hover {
color : #c0b5a3;
text-decoration : none;
}
.bottomblog {
height : 56px;
width : 120px;
text-align : center;
color : #000000;
font : 11px Verdana, sans-serif;
text-transform : uppercase;
}
div #leftmenuarea table tbody tr td, td a.mainlevel {
height : 28px;
}
a.mainlevel, a.mainlevel:active, a.mainlevel:link, a.mainlevel:visited, a.sublevel, a.sublevel:active, a.sublevel:link, a.sublevel:visited {
text-decoration : none;
text-transform : uppercase;
font : 11px Verdana, sans-serif;
color : #231f20;
}
a.mainlevel:hover, a.mainlevel.focus, a.sublevel:hover, a.sublevel:focus {
text-decoration : none;
text-transform : uppercase;
font : 11px Verdana, sans-serif;
color : #231f20;
}
a.contentpagetitle {
text-decoration : none;
text-transform : uppercase;
font : 11px Verdana, sans-serif;
color : #8e191c;
}
a.contentpagetitle:hover, a.contentpagetitle.focus {
text-decoration : underline;
text-transform : uppercase;
font : 11px Verdana, sans-serif;
color : #8e191c;
}
a#active_menu.mainlevel, a #active_menu .mainlevel {
text-decoration : none;
text-transform : uppercase;
font : 11px Verdana, sans-serif;
color : #231f20;
}
#active_menu, a#active_menu.mainlevel {
text-decoration : none;
text-transform : uppercase;
font : 11px Verdana, sans-serif;
color : #231f20;
}
#blanktop {
width : 1000px;
height : 96px;
display : block;
}
#leftarea {
clear : both;
float : left;
display : block;
width : 200px;
min-height : 1160px;
}
#menutopspacer {
display : block;
width : 200px;
height : 127px;
}
#menuarea {
clear : both;
display : block;
float : right;
width : 146px;
min-height : 400px;
}
#mainarea {
display : block;
width : 800px;
min-height : 600px;
}
#mainimagelink {
display : block;
width : 754px;
height : 330px;
}
#topimage {
display : block;
width : 754px;
height : 376px;
}
#mainimage {
clear : none;
display : block;
background : #330000;
width : 754px;
height : 376px;
background-image : url(../images/trans.gif);
z-index : 7;
}
a#buttonlocation {
display : block;
position : absolute;
width : 321px;
height : 48px;
top : 362px;
left : 20px;
z-index : 9;
text-indent : -999em;
background : url(../images/trans.gif);
}
#mainimagelink2 {
position : absolute;
display : block;
width : 532px;
height : 46px;
top : 88px;
left : 422px;
}
ul.eventlistmod {
list-style : none;
display : block;
position : relative;
float : left;
width : 100%;
}
ul.eventlistmod li {
position : relative;
float : left;
}
#imagelist {
background : #ffffff;
display : block;
width : 100%;
height : 24px;
}
.button-search {
background-color : transparent;
border : 0;
color : #000000;
font : bold 9px/10px Arial, sans-serif;
height : 12px;
}
#weather {
display : block;
width : 207px;
margin : 0 23px 0 0;
padding : 0;
float : left;
overflow : hidden;
}
.partnerBDDirectoryHeader {
width : 100%;
}
.partnerBDDirectoryHeaderContainer {
width : 100%;
}
table.blog tbody tr td div.contentpaneopen {
background : url(../images/blog-bg.jpg) no-repeat left top;
}
table.blog tbody tr td div div {
background : none;
}
html, body {
background-color : #7bc5ce;
}
body {
background : #7bc5ce url(/images/stories/template/background/background.jpg) no-repeat fixed left top;
}
a.eventsdate {
color : #9f0d1a;
}
.seasonalcolour {
color : #9f0d1a;
}
.bn_loc {
padding-top : 20px;
text-align : left;
}