/* CSS file for thanetfestival.org.uk */
body {  margin-top: 5px; margin-bottom: 0px; color: black; font-family: verdana, arial, sans-serif; background-color: white; }
div { padding: 0px; margin: 0px; }
p { margin: 0px; }

div.container { width: 1200px; height: 600px; margin: 0px auto 0px auto; padding: 0px; }

div.top { }
div.top img { float: left; }
div.top img.headergraphic { padding-top: 0px; margin: 0px 0px 0px 1px; }
div.rhtopdivide { float: left; }
div.titles { width: 565px; float: left; }

div.titles img.title { padding-top: 20px; }
div.titles h2 { clear: left; font-size: 0.55em; text-align: right; padding-top: 27px; padding-left: 10px; margin: 0px; }
div.titles h2 a { color: black; background-color: inherit; }
div.rhtopdivide hr { clear: both; width: 100%; color: #000; height: 1px; padding-top: 6px; margin-top: 0px; margin-left: 0px; background-color: inherit; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid black; }
div.navigation { margin: 0px; padding: 2px 0px 0px 3px; width: 98%; }
.button { float: left; width: 92px; background-color: #0857B2; margin: 0px 0px 0px 13px; text-align: center; color: inherit; display: inline; }
.button:hover { background-color: red; color: inherit;}
.button a { text-decoration: none; color: white; font-size: 0.7em; line-height: 20px; background-color: inherit; }
.buttonhighlight { float: left; width: 92px; background-color: red; margin: 0px 0px 0px 13px; text-align: center; color: inherit; display: inline;}
.buttonhighlight a { text-decoration: none; color: white; font-size: 0.7em; line-height: 20px; background-color: inherit;}

div.centre { clear: both; width: 100%;}

div.left { width: 15px; height: 400px; margin-top: 10px; float: left; background-color: #0857B2; color: inherit;  }

div.main { border: 1px solid #0857B2; margin: 10px 10px 10px 0px; width: 813px; height: 398px; float: left; clear: none; overflow: auto; }

div.main .trbox { width: 300px; height: 200px; float: right; }
.trbox .dynamic { height: 170px; width: 270px; margin-top: 15px; margin-left: 15px; background-color: #0857B2; color: inherit; }
.trbox .dynamic img { float: right; padding-top: 25px; padding-right: 5px; border: none;}
.trbox .dynamic a img { float: right; padding-top: 25px; padding-right: 5px; border: none;}
.trbox .dynamic img.image { float: right; padding-top: 3px; padding-right: 3px; width: 264px; height: 164px;}
.trbox .dynamic img.imagebordered { float: right; padding-top: 0px; padding-right: 0px; margin-top: 24px; margin-right: 5px; border: 1px solid white; height: 74px; width: 100px; }
.trbox .dynamic a { color: white; background-color: inherit; }

.trbox .advert { height: 170px; width: 270px; color: inherit; }
.trbox .advert img { float: right; padding-top: 5px; border: none; height:155px; }
.trbox .advert a img { float: right; padding-top: 25px; border: none;}
.trbox .advert img.image { float: right; padding-top: 3px;  width: 264px; height: 164px;}
.trbox .advert img.imagebordered { float: right; padding-top: 0px; padding-right: 0px; margin-top: 24px; margin-right: 5px; border: 1px solid white; height: 74px; width: 100px; }
.trbox .advert a { color: white; background-color: inherit; }

div.dyncontent { display: none }
#dyn_1 { display: inline }

div.dyncontent p.detail { color: white; background-color: inherit; font-size: 0.8em; padding-left: 10px; }
div.dyncontent p.heading { color: white; background-color: inherit; font-size: 0.9em; font-weight: bold; padding: 10px;}
div.trbox p.playcontrol { padding-right: 15px; padding-top: 1px; margin: 0px;text-align: right; }
p.playcontrol a { text-decoration: none; color: black; background-color: inherit; }

div.main h3 { font-size: 1.2em; padding-left: 6px; padding-top: 10px; margin-top: 0px; }
div.main h4 { font-size: 0.8em; padding-left: 6px; padding-top: 10px; margin-top: 0px; margin-bottom: 2px; padding-bottom: 0px; }
div.main p { font-size: 0.7em; padding: 3px; margin: 3px; }
p.fade { color: #808080; background-color: inherit; }
div.main ul { font-size: 0.7em; padding-top: 0px; margin-top: 0px; }
div.main table { text-align: left; font-size: 0.7em; margin: 0px auto 0px auto; border-collapse: collapse; border: 1px solid black; }
table td { padding: 5px; border: 1px solid #808080; }

div.right { margin-top: 10px; width: 360px; height: 398px; float: left; }
div.right .control { height: 230px; margin: 0px; padding: 0px; }
div.right .control div.link { clear: both; padding: 0px; margin: 0px;}
div.right .control div.link img { padding-bottom: 4px; padding-right: 2px; margin: 0px; float: left; }
div.right .control div.link p { font-size: 0.7em; margin:0px; padding-top: 7px;}
div.right .control div.link p.small { font-size: 0.7em; margin:0px; padding-top: 5px;}
div.right .control div.link p a { text-decoration: none; color: black; background-color: inherit; margin:0px; padding-top: 11px;}
div.right .additional { height: 168px; border: 1px solid #0857B2; }

div.right h4 { font-size: 1.0em; padding: 2px 3px 2px 3px; margin: 3px; }
div.right .additional p { font-size: 0.7em; padding-left: 3px; padding-top: 2px; margin: 1px; float: left; clear: both; }
div.right .additional p i { font-size: 1.0em; }
div.right .additional p a { padding: 0px; margin: 0px; line-height: 10px; }

div.right .additional p.right { float: right; clear: right; padding-right: 25px;}

div.clear { clear: both; margin: 0px; padding: 0px; }

div.footer { color: inherit; background-color: #0857B2; height: 20px; width: 100%; clear:both; }
div.footer p { font-size: 0.6em; color: white; background-color: inherit; padding: 3px; margin: 0px;}
div.footer p a { color: white; background-color: inherit; text-decoration: none;}
.floatleft { float: left }
.floatright { float: right }

div.standards { float: right; clear: both }
div.standards img { border: none; padding-top: 5px; }