body {text-align: center;
background: #2b3645 url(../images/bg.jpg) no-repeat fixed;
color: #304b52;
font: .8em arial, verdana, sans-serif; line-height: 20px;
margin: 0 0 40px 0; }

img { border: 0; }

#wrapper { width: 1009px; margin: 0 auto; text-align: left; position: relative;  background:#fff url(../images/bg1.gif) repeat-y; }
#wrapperadmin { width: 1009px; margin: 0 auto; text-align: left; position: relative; background: #fff; }
#top { clear: both; }
#navbar { clear: both; background: #2b3645; height: 30px; padding: 10px 0 0 262px; color: #fff; }
/* Below are the three coloured columns which have a set height */
#lefttop { width: 220px; float: left; background: #36357b; height: 30px; padding: 10px 0 0 20px; }
#midtop { width: 467px; float: left; background: #212360; height: 40px; padding: 0 0 0 20px; color: #fff; }
#righttop { width: 262px; float: left; background: #36357b; height: 32px; color: #fff; padding: 8px 0 0 20px; font-weight: 700; }

/* Below are the three main columns */
#left { width: 218px; float: left; background: #fff url(../images/navfade.jpg) repeat-x; padding: 10px; border: solid 1px #f1f1f3; } /* Navigation */
#middle { width: 487px; float: left; background: #fff; } /* Main content of site */
#right { width: 282px; float: left; background: #44c8f7 url(../images/bluefade.jpg) repeat-x; padding: 0 0 20px 0; } /* Feature boxes and events */

/* Two Column layout */
#contentwide { width: 600px; float: left; background: #fff; }

#footer { clear: both; height: 135px; background: #212360 url(../images/sailscotland.gif) right no-repeat; border-top: solid 1px #fff; }
#subfooter { text-align: right; background: #2b3645; padding: 10px 20px 0 0; } /* Members' Login */
#subfooter_left { text-align: left; background: #2b3645; padding: 10px 0 0 20px; } /* Members' Login */

/* Footer columns */
#firstcolumn { width: 240px; float: left; }
#secondcolumn { width: 462px; color: #fff; padding: 30px 0 0 25px; float: left; }
#thirdcolumn { width: 282px; float: left; padding-top: 30px; }

/* Listing Columns */
.listing { background: #f0f3f4; border: solid 1px #d2dcde; width: 445px; line-height: 18px; }
.listingprint { border: solid 1px #d2dcde; width: 650px; line-height: 18px; text-align: left; padding: 15px; margin: 10px auto; }
.listingleft { width: 170px; background: #cbe7ef; float: left; text-align: center; padding: 10px 0; }
.listingright { width: 236px; float: left; padding: 8px 8px 8px 15px; }

#inner { padding: 10px 20px; } 

#events { background: #0a7696; width: 262px; min-height: 50px; color: #fff; padding: 10px; } /* Events background */
#shortlist { background: #212360; width: 198px; min-height: 50px; color: #fff; padding: 10px; } /* Shortlist background*/
#addthis { padding: 30px 0 0 10px; } /* Padding for addthis */

h1 { font: 1.2em arial, verdana, sans-serif; font-weight: 700; color: #fff; padding: 10px 0 0 0; margin: 0; }
h2 { font: 1.1em arial, verdana, sans serif; color: #385a81;  font-weight: 700; }
h3 { font: 1.1em arial, verdana, sans serif; color: #fff; font-weight: 700; }

.paddingpic { padding: 6px 0 0 0; }
.picright { float: right; margin: 0 0 0 10px; }
.picleft { float: left; margin: 0 10px 0 0; }
.padding { padding-top: 15px; }
.paddingmore { padding-top: 25px; }
.paddingtop { padding-top: 6px; }
.paddingleft { padding: 8px 0 0 270px; }
.paddingall { padding: 0 20px; }

select { width: 118px; } 
.select { width: 200px; }

a:link { color: #385a81; text-decoration: underline; background: transparent; font-weight: 700; }
a:visited { color: #385a81; text-decoration: underline; background: transparent; font-weight: 700;}
a:hover { color: #1a2e44; text-decoration: underline; background: transparent; font-weight: 700; }

/* Navigation down the side */
#nav a { font: .9em arial, verdana, sans-serif; color: #0a7696; text-decoration: none; background:transparent; font-weight:500;  padding: 3px 3px 4px 10px; display:block; margin: 1px; border-bottom: solid 1px #d8d9e2; }
#nav a:visited { font: .9em arial, verdana, sans-serif; color: #0a7696; text-decoration: none; background:transparent; font-weight:500;  padding: 3px 3px 4px 10px; display:block; margin: 1px; border-bottom: solid 1px #d8d9e2; }
#nav a:hover { font: .9em arial, verdana, sans-serif; color: #0a7696; text-decoration: none; background:#e0e0e0;  font-weight:500; padding: 3px 3px 4px 10px; display:block; margin: 1px; border-bottom: solid 1px #d8d9e2; }

/* Navigation along the top */
#nav1 a {  font: .8em tahoma, arial, verdana, sans-serif; color: #fff; text-decoration: none; background: transparent; font-weight: 700; text-transform: uppercase; }
#nav1 a:visited {  font: .8em tahoma, arial, verdana, sans-serif; color: #fff; text-decoration: none; background: transparent; font-weight: 700; text-transform: uppercase; }
#nav1 a:hover {  font: .8em tahoma, arial, verdana, sans-serif; color: #fff; text-decoration: underline; background: transparent; font-weight: 700; text-transform: uppercase; }

/* Second level navigation */
#nav2 a { font: .9em arial, verdana, sans-serif; color: #610721; text-decoration: none; background:#f0f0f4; font-weight:500;  padding: 3px 3px 4px 20px; display:block; margin: 1px; border-bottom: solid 1px #d8d9e2; }
#nav2 a:visited {  font: .9em arial, verdana, sans-serif; color: #610721; text-decoration: none; background:#f0f0f4; font-weight:500;  padding: 3px 3px 4px 20px; display:block; margin: 1px; border-bottom: solid 1px #d8d9e2; }
#nav2 a:hover { font: .9em arial, verdana, sans-serif; color: #610721; text-decoration: none; background:#e0e0e0;  font-weight:500; padding: 3px 3px 4px 20px; display:block; margin: 1px; border-bottom: solid 1px #d8d9e2; }

a.link2:link { color: #fff; text-decoration: none; background: transparent; font-size:1em; font-weight: 700; border-bottom: dotted 1px #fff; }
a.link2:visited { color: #fff; background: transparent; text-decoration: none; font-size:1em;  font-weight: 700; border-bottom: dotted 1px #fff; }
a.link2:hover { color: #fff; background: transparent;  text-decoration: none; font-size:1em;  font-weight: 700; border-bottom: dotted 1px #40ff40; }

a.link3:link { color: #8a99ae; text-decoration: none; background: transparent; font-size:.8em; font-weight: 500; }
a.link3:visited { color: #8a99ae; background: transparent; text-decoration: none; font-size:.8em;  font-weight: 500; }
a.link3:hover { color: #40ff40; background: transparent;  text-decoration: none; font-size:.8em;  font-weight: 500; }

a.link4:link { color: #fff; text-decoration: none; background: #31acd6; font-size:1em; font-weight: 700; padding: 8px; border: #1f7c97; }
a.link4:visited { color: #fff; background: #31acd6; text-decoration: none; font-size:1em;  font-weight: 700; padding: 8px; border: #1f7c97; }
a.link4:hover { color: #fff; background: #248eac;  text-decoration: none; font-size:1em;  font-weight: 700; padding: 8px; border: #1f7c97; }

.nolink { color: #800000; text-transform: uppercase; background: transparent; font-weight: 700; }

.bold { font-weight: 700; }
.dots { background-image: url(../images/dots.gif); background-repeat: repeat-x; height: 2px; margin: 0 40px; }
.line { background: #053905; height: 1px; clear: both; padding: 0; margin: 0 0 10px 0; }
.border { border: solid 2px #fff; }

.clear { clear: both; }
.left { float: left; }
.right { float: right; }

.leftgallery { float: left; padding: 5px; border: solid 1px #d7c5d7; margin: 5px; background-color: #e5dbe5; }
.galleryback { width: 400px; }

.table { background: #385a81; margin: 6px; color: #fff; }
table.events td { border-style: solid; border-width: 1px; border-color: #e6e6ea; padding: 3px; border-collapse: collapse; }
.blue { background: url(../images/bluestripe.gif) repeat-x #0a7696; height: 41px; padding: 20px 0 0 20px; } /* Bit under the main image on the members' template page with the Add to Shortlist button on */
.list { list-style-type: none; color: #fff; font-weight: 700; } /* List on Members' Template page */
.listtick { list-style-image: url(../images/tick.png); color: #fff; font-weight: 700; } /* List on Members' Template page */
.listnopad { list-style-type: none; color: #fff; font-weight: 700;  margin: 0; padding: 0;} /* List for shortlist lineage */
.listblue { list-style-type: none; color: #3fc1ef; font-weight: 700; }
.darkblue { background: #385a81; padding: 10px 0; }
.grey { background: #595a63; color: #fff; padding: 4px 0 4px 40px; }
.white { color: #fff; }
