body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; margin: 0 0 0 0; background-image: url(../imgs/bgrnd.gif); background-repeat: repeat; }
h1 { width: 150px; height: 96px; margin: 0; text-indent: -9999px; float: right; }
h1 a { display: block; width: 100%; height: 100%; background: transparent url("../imgs/logo.gif") no-repeat; text-decoration: none; }

h3 { font-size: 11px; font-weight: bold; color: #990000; margin: 0; display: block; }
h4 { font-size: 11px; font-weight: bold; color: #CC9999; margin: 0; display: block; }
h5, h6  { font-size: 11px; font-weight: bold; color: #990000; margin: 0; display: block; }
a, a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #009999; text-decoration: none; } 
a:hover { color: #990000; text-decoration: underline; } 


div#topBar { height: 96px; width: 100%; background-color: #FFFFFF; }
div#logoBar { height: 96px; width: 726px; margin: 0 auto; }
div#mainBar { height: 100%; width: 100%; margin: 6px 0 0 0; }
div#content { height: 100%; width: 726px; margin: 0 auto; }

div#menu { width: 150px; margin: 1px 7px 0 0; padding: 0px; float: left; }
div#page { width: 412px; margin: 1px 7px 0 0; padding: 0px; float: left; }
div#page p { margin: 0 0 12px 0; }
div.largePic { margin: 0 0 10px 0; }
div#membership { width: 150px; margin: 0; padding: 0px; float: left; }

div#menu ul { list-style: none; margin: 0; padding: 0; font: 2px Verdana, Arial, sans-serif; line-height: 0px; }
div#menu ul li { display: block; margin: 0; padding: 0; font: 2px Verdana, Arial, sans-serif; line-height: 0px; }
div#menu a { margin: 0; }

div#menu ul li#homeLink { width: 150px; height: 29px; text-indent: -9999px; margin: 0 0 1px 0; }
div#menu ul li#homeSelected { width: 150px; height: 29px; text-indent: -9999px; margin: 0 0 1px 0; }
div#menu ul li#aboutLink { width: 150px; height: 23px; text-indent: -9999px; margin: 0 0 1px 0; }
div#menu ul li#aboutSelected { width: 150px; height: 23px; text-indent: -9999px; margin: 0 0 1px 0; }
div#menu ul li#newsLink { width: 150px; height: 23px; text-indent: -9999px; margin: 0 0 1px 0; }
div#menu ul li#newsSelected { width: 150px; height: 23px; text-indent: -9999px; margin: 0 0 1px 0; }
div#menu ul li#eventsLink { width: 150px; height: 23px; text-indent: -9999px; margin: 0 0 1px 0; }
div#menu ul li#eventsSelected { width: 150px; height: 23px; text-indent: -9999px; margin: 0 0 1px 0; }
div#menu ul li#programmeLink { width: 150px; height: 23px; text-indent: -9999px; margin: 0 0 1px 0; }
div#menu ul li#programmeSelected { width: 150px; height: 23px; text-indent: -9999px; margin: 0 0 1px 0; }
div#menu ul li#boatsLink { width: 150px; height: 23px; text-indent: -9999px; margin: 0 0 1px 0; }
div#menu ul li#boatsSelected { width: 150px; height: 23px; text-indent: -9999px; margin: 0 0 1px 0; }
div#menu ul li#galleryLink { width: 150px; height: 23px; text-indent: -9999px; margin: 0 0 1px 0; }
div#menu ul li#gallerySelected { width: 150px; height: 23px; text-indent: -9999px; margin: 0 0 1px 0; }
div#menu ul li#contactLink { width: 150px; height: 23px; text-indent: -9999px; margin: 0 0 1px 0; }
div#menu ul li#contactSelected { width: 150px; height: 23px; text-indent: -9999px; margin: 0 0 1px 0; }
div#menu ul li#barnabasLink { width: 150px; height: 23px; text-indent: -9999px; margin: 0 0 1px 0; }
div#menu ul li#barnabasSelected { width: 150px; height: 23px; text-indent: -9999px; margin: 0 0 1px 0; }
div#menu ul li#softwingLink { width: 150px; height: 23px; text-indent: -9999px; margin: 0 0 1px 0; }
div#menu ul li#softwingSelected { width: 150px; height: 23px; text-indent: -9999px; margin: 0 0 1px 0; }
div#menu ul li#ellenLink { width: 150px; height: 23px; text-indent: -9999px; margin: 0 0 1px 0; }
div#menu ul li#ellenSelected { width: 150px; height: 23px; text-indent: -9999px; margin: 0 0 1px 0; }

div#menu ul li#homeLink a { width: 100%; height: 100%; display: block; background: transparent url("../imgs/menu/home.gif") no-repeat; }
div#menu ul li#homeSelected a { width: 100%; height: 100%; display: block; background: transparent url("../imgs/menu/home.gif") 0 -29px no-repeat; }
div#menu ul li#aboutLink a { width: 100%; height: 100%; display: block; background: transparent url("../imgs/menu/about.gif") no-repeat; }
div#menu ul li#aboutSelected a { width: 100%; height: 100%; display: block; background: transparent url("../imgs/menu/about.gif") 0 -24px no-repeat; }
div#menu ul li#newsLink a { width: 100%; height: 100%; display: block; background: transparent url("../imgs/menu/news.gif") no-repeat; }
div#menu ul li#newsSelected a { width: 100%; height: 100%; display: block; background: transparent url("../imgs/menu/news.gif") 0 -24px no-repeat; }
div#menu ul li#eventsLink a { width: 100%; height: 100%; display: block; background: transparent url("../imgs/menu/events.gif") no-repeat; }
div#menu ul li#eventsSelected a { width: 100%; height: 100%; display: block; background: transparent url("../imgs/menu/events.gif") 0 -24px no-repeat; }
div#menu ul li#programmeLink a { width: 100%; height: 100%; display: block; background: transparent url("../imgs/menu/programme.gif") no-repeat; }
div#menu ul li#programmeSelected a { width: 100%; height: 100%; display: block; background: transparent url("../imgs/menu/programme.gif") 0 -24px no-repeat; }
div#menu ul li#boatsLink a { width: 100%; height: 100%; display: block; background: transparent url("../imgs/menu/boats.gif") no-repeat; }
div#menu ul li#boatsSelected a { width: 100%; height: 100%; display: block; background: transparent url("../imgs/menu/boats.gif") 0 -24px no-repeat; }
div#menu ul li#galleryLink a { width: 100%; height: 100%; display: block; background: transparent url("../imgs/menu/gallery.gif") no-repeat; }
div#menu ul li#gallerySelected a { width: 100%; height: 100%; display: block; background: transparent url("../imgs/menu/gallery.gif") 0 -24px no-repeat; }
div#menu ul li#contactLink a { width: 100%; height: 100%; display: block; background: transparent url("../imgs/menu/contact.gif") no-repeat; }
div#menu ul li#contactSelected a { width: 100%; height: 100%; display: block; background: transparent url("../imgs/menu/contact.gif") 0 -24px no-repeat; }
div#menu ul li#barnabasLink a { width: 100%; height: 100%; display: block; background: transparent url("../imgs/menu/barnabas.gif") no-repeat; }
div#menu ul li#barnabasSelected a { width: 100%; height: 100%; display: block; background: transparent url("../imgs/menu/barnabas.gif") 0 -24px no-repeat; }
div#menu ul li#softwingLink a { width: 100%; height: 100%; display: block; background: transparent url("../imgs/menu/softwing.gif") no-repeat; }
div#menu ul li#softwingSelected a { width: 100%; height: 100%; display: block; background: transparent url("../imgs/menu/softwing.gif") 0 -24px no-repeat; }
div#menu ul li#ellenLink a { width: 100%; height: 100%; display: block; background: transparent url("../imgs/menu/ellen.gif") no-repeat; }
div#menu ul li#ellenSelected a { width: 100%; height: 100%; display: block; background: transparent url("../imgs/menu/ellen.gif") 0 -24px no-repeat; }

div#menu ul li#homeLink a:hover { background: transparent url("../imgs/menu/home.gif") 0 -29px no-repeat; text-indent: -9999px; }
div#menu ul li#aboutLink a:hover { background: transparent url("../imgs/menu/about.gif") 0 -24px no-repeat; text-indent: -9999px; }
div#menu ul li#newsLink a:hover { background: transparent url("../imgs/menu/news.gif") 0 -24px no-repeat; text-indent: -9999px; }
div#menu ul li#eventsLink a:hover { background: transparent url("../imgs/menu/events.gif") 0 -24px no-repeat; text-indent: -9999px; }
div#menu ul li#programmeLink a:hover { background: transparent url("../imgs/menu/programme.gif") 0 -24px no-repeat; text-indent: -9999px; }
div#menu ul li#boatsLink a:hover { background: transparent url("../imgs/menu/boats.gif") 0 -24px no-repeat; text-indent: -9999px; }
div#menu ul li#galleryLink a:hover { background: transparent url("../imgs/menu/gallery.gif") 0 -24px no-repeat; text-indent: -9999px; }
div#menu ul li#contactLink a:hover { background: transparent url("../imgs/menu/contact.gif") 0 -24px no-repeat; text-indent: -9999px; }
div#menu ul li#barnabasLink a:hover { background: transparent url("../imgs/menu/barnabas.gif") 0 -24px no-repeat; text-indent: -9999px; }
div#menu ul li#softwingLink a:hover { background: transparent url("../imgs/menu/softwing.gif") 0 -24px no-repeat; text-indent: -9999px; }
div#menu ul li#ellenLink a:hover { background: transparent url("../imgs/menu/ellen.gif") 0 -24px no-repeat; text-indent: -9999px; }

div#join { background-color: #BAD7D7; width: 150px; height: 115px; margin: 0 0 5px 0; }
div#join p { margin: 0 0 5px 0; }
div#joinText { background-image: url(../imgs/download.gif); background-position: right bottom; background-repeat: no-repeat; margin: 10px; }

div#picSmall  { background-color: #FFFFFF; width: 150px; margin: 0; padding-bottom: 1px; }
div#picSmall p { font-size: 9px; color: #000000; margin: 6px 5px 6px 5px; }

div#sponsors { background-color: #FFFFFF; width: 150px; margin: 0; padding-bottom: 1px; }
div#sponsors p { font-size: 9px; color: #999999; margin: 6px 10px 11px 10px; }
div#sponsors a { font-weight: normal; font-size: 9px; color: #999999; text-decoration: none; }
div#sponsors a:hover { color:#990000; text-decoration: underline; }
.sponsorLogo { margin: 0 -5px 5px 10px; display: inline; border: 0; }

div.pageTitle { margin: 0 0 6px 0; }
div.textContent { margin: 0 0 12px 0; padding: 10px 10px 3px 10px; background-color: #FFFFFF; }
div.galleryContent { margin: 0 0 12px 0; padding: 10px 0 3px 10px; background-color: #FFFFFF; }

div.galleryCategory { margin: 0; padding: 0; }
div.galleryCategory h3 { font-size: 11px; font-weight: bold; color: #990000; margin: 0 0 5px 0; display: block; }
div.galleryThumb { width: 124px; margin: 0px 10px 0 0; float: left; }
div.galleryThumb img { width: 124px; height: 100px; border: 0; }
div.galleryThumb p { width: 124px; height: 35px; margin: 0; padding: 5px 0 0 0; overflow: hidden; }