/* Stylesheet for Visit Dorset */

* {margin:0;padding:0;border:none;}

body {text-align:center;background-color:#fff;color:#000;font-family:Verdana, Arial, sans-serif;}

/* Divs */
#wrapper {width:760px;height:auto;margin:0 auto 0 auto;}
#topnav {width:760px;height:35px;margin:10px auto 0 auto;}
#masthead {width:760px;height:100px;}
#colorbgd {width:750px;height:auto;border:5px solid #66B2D6;}
#placesbgd {width:750px;height:auto;border:5px solid #B33748;}
#thingsbgd {width:750px;height:auto;border:5px solid #431C9D;}
#eventsbgd {width:750px;height:auto;border:5px solid #028338;}
#eatingbgd {width:750px;height:auto;border:5px solid #7D427E;}
#gettingbgd {width:750px;height:auto;border:5px solid #BD8B21;}
#usefulbgd {width:750px;height:auto;border:5px solid #07907B;}
#nav {width:130px;height:auto;float:left;text-align:left;padding: 10px 0 0 7px;} 
#content {width:585px;height:auto;text-align:left;padding:10px 0 10px 8px;border-left:1px solid #66B2D6;margin-left:145px;}
#placescontent {width:585px;height:auto;text-align:left;padding:10px 0 10px 8px;border-left:1px solid #B33748;margin-left:145px;}
#thingscontent {width:585px;height:auto;text-align:left;padding:10px 0 10px 8px;border-left:1px solid #431C9D;margin-left:145px;}
#eventscontent {width:585px;height:auto;text-align:left;padding:10px 0 10px 8px;border-left:1px solid #028338;margin-left:145px;}
#eatingcontent {width:585px;height:auto;text-align:left;padding:10px 0 10px 8px;border-left:1px solid #7D427E;margin-left:145px;}
#gettingcontent {width:585px;height:auto;text-align:left;padding:10px 0 10px 8px;border-left:1px solid #BD8B21;margin-left:145px;}
#usefulcontent {width:585px;height:auto;text-align:left;padding:10px 0 10px 8px;border-left:1px solid #07907B;margin-left:145px;}
#footer {height:auto;width:100%;border-top:1px solid #DDE1E1;font-size:75%;clear:both;}
#advertright {width:auto;height:auto;float:right;margin:0 0 0 5px;}
#advertleft {width:auto;height:auto;float:left;margin:0 5px 0 0;}
#advert {width:auto;height:auto;margin:5px 0 5px 0;}
#links, #adnav, #adbanner, #linksbanner, #adbanner2 {width:auto;height:auto;clear:right; margin:1px 1px 1px 1px;}
#placessummary {width:450px;height:auto;border:1px solid #B33748;background-color:#F5D9DE;padding:5px 10px 5px 10px;margin-bottom:10px;}

/* Headings */
h1, h2 {font-family:Verdana, Arial, sans-serif;padding-bottom:0;}
h1 {font-weight:bold;font-size:120%;}
h2 {font-weight:bold;font-size:80%;padding-top:8px;}

/* Paragraphs */
p, li {font:80% Verdana, Arial, sans-serif;color: #000;line-height: 1.5em;}
p {padding-bottom:8px;padding-top:8px;}
li {padding-bottom:8px;}
ul {padding-left:18px;}
ol {padding-left:30px;}

/* Links */
a {background-color:transparent;font: 90% Verdana, Arial, sans-serif;line-height: 1.5em;text-decoration: underline;}
a.places:link, a.places:active, a.places:hover, a.places:visited {color: #B33748;font-weight:bold;}
a.things:link, a.things:active, a.things:hover, a.things:visited {color: #431C9D;font-weight:bold;}
a.events:link, a.events:active, a.events:hover, a.events:visited {color: #028338;font-weight:bold;}
a.eating:link, a.eating:active, a.eating:hover, a.eating:visited {color: #7D427E;font-weight:bold;}
a.getting:link, a.getting:active, a.getting:hover, a.getting:visited {color: #BD8B21;font-weight:bold;}
a.useful:link, a.useful:active, a.useful:hover, a.useful:visited {color: #07907B;font-weight:bold;}
a.footer:link, a.footer:active, a.footer:hover, a.footer:visited {font-weight:normal;}

/* Classes */
.nospaceabove {padding-top:0;}
.nospacebelow {padding-bottom:0;}
.events {color: #028338;}
.places {color: #B33748;}
.things {color: #431C9D;}
.useful {color: #07907B;}
.getting {color: #BD8B21;}
.eating {color: #7D427E;}
.index {font-weight:bold;color: #66B2D6;}
.attractions {background-color:#DADBF7;}
.atth1 {font-weight:bold;font-size:120%;padding-bottom:0;}
.thingscaption {color: #431C9D;padding-top:0;padding-bottom:5px;font-size:60%;}
.gettingcaption {color: #BD8B21;padding-top:0;padding-bottom:5px;font-size:60%;}
.placescaption {color: #B33748;padding-top:0;padding-bottom:5px;font-size:60%;}
.golfbold {font-weight:bold;padding:0 0 0 0;}
.golfital {font-style:italic;padding:0 0 0 0;}
.golfbody {font-weight:normal;padding-top:0;}
.newsbgd {background-color:#07907B;}
.white {color: #fff;font-weight:bold;font-size:100%;}
.newsital {color: #07907B;font-weight:bold;font-style:italic;padding-bottom:0;}
.small {font-size:70%}
.red {font-weight:bold;color:red;}

/* Tables */
table {width:565px;font:80% Verdana, Arial, sans-serif;color: #000;line-height: 1.5em;border-left: 1px solid #d2e9db;}
td {padding: 5px 8px;border-right: 1px solid #d2e9db;}
.attr {width:565px;font:70% Verdana, Arial, sans-serif;color: #000;line-height: 1.5em;border: 1px solid #431C9D;margin:10px 0 10px 0;}
#italian, #thai, #american, #spanish, #greek, #chinese, #fish, #french, #vegetarian, #mexican, #pub, #turkish, #indian  {width:565px;font:70% Verdana, Arial, sans-serif;color: #000;line-height: 1.5em;border: 1px solid #7D427E;margin: 15px 0 15px 0;}
#golf {width:415px;font:80% Verdana, Arial, sans-serif;color: #000;line-height: 1.5em;border: 1px solid #d2e9db;margin:10px 0 10px 0;text-align:center;}
#news {width:415px;background-color:#DDFAF5;}
#book {width:415px;background-color:#DDFAF5;}
#eventlist {margin:10px 0 10px 0;}

/* Advert Tables */
#banner {border: 1px solid gray;}
.none {border-right:0;padding: 5px 5px;}
.gray {border-bottom:1px solid gray;}
#webpage {border: 1px solid gray;}

/* Event Months Table */
#months {width:528px;border-left:0;margin-top:20px;}
.thumb {padding:0;border-right:0;text-align:center;}
.item {padding:0 0 25px 0;border-right:0;text-align:center;}
.link {color:#028338;font:70%;}

/* Eating Out Table */
#food {width:528px;border-left:0;margin-top:20px;}
.ethumb {padding:0;border-right:0;text-align:center;}
.eitem {padding:0 0 25px 0;border-right:0;text-align:center;}
.elink {color:#7D427E;font:70%;}

/* Forms */
.field {border: 1px solid #000; background-color: #DDFAF5; color: #000;}
.formButton {border: 1px solid #000; background-color: #07907B; color: #fff; padding: 3px 7px; font-weight: bold;}
div.row {font: 75% verdana, arial, sans-serif; color: #000; text-align: left; margin-bottom: 5px;}
div.row span.label {float: left; width: 26%; font-weight: bold; margin-top: 4px;}
div.row span.field {text-align: left; padding-bottom: 2px; padding-top: 2px;}
.evfield {border: 1px solid #000; background-color: #d2e9db; color: #000;}
.evformButton {border: 1px solid #000; background-color: #028338; color: #fff; padding: 3px 7px; font-weight: bold;}

