/* author: Colin Harrison Design Limited */
/* Melksham Town Creation date: 22/07/2008 */

/* Global Styles */
html, body {background-color:#0355BA; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; height: 100%; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px;} 

a {font-weight: bold; color: #000; text-decoration: none;}
a:hover {color: #0355BA; text-decoration: underline;}
a img {border-width: 0px;}
p {font-size: 70%; text-align: left; line-height: 130%}
h1 {font-size: 110%; font-weight: bold; text-align:left; color: #0355BA;}
h2 {font-size: 90%; font-weight: bold; text-align:left; color: #0355BA;}
h3 {font-size: 70%; font-weight: bold; text-align:left; color: #0355BA;}
h4 {width: 98%; height: 22px; margin: 0px 0px 0px 0px; padding: 2px 0px 0px 6px; background-image:url(../images/common/title_fade.jpg); background-repeat: repeat-x; font-size: 129%; font-weight: bold; color: #FFF;}
h5 {width: 98%; height: 44px; margin: 0px 0px 0px 0px; padding: 2px 0px 0px 6px; background-image:url(../images/common/title_fade.jpg); background-repeat:repeat-x; background-position:bottom; background-color:#0367b2; font-size: 129%; font-weight: bold; color: #FFF;}

/* Main Divs */
#maincontainer {width: 975px; min-height: 535px; background-color:#FFF; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; border-width: 3px 3px 3px 3px; border-color:#FFF; border-style: solid;}
#header {position: relative; z-index: 1; width: 975px; height: 112px; background-image:url(../images/common/melksham_header_background.jpg); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-width: 0px 0px 0px 0px;}
#header a {font-weight: bold; color: #000; }
#header a:hover {color: #0355BA; text-decoration: underline;}
#header ul {display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: middle; list-style-type: none}
#header li {display: inline; list-style-type: none; vertical-align: middle}

/* Main Menu Styles */
#mainmenu {position: absolute; bottom: 10px; color: #000; font-size: 70%; font-weight: bold; margin-left: 10px;}
#accessmenu {position: absolute; top: 4px; color: #000; font-size: 70%; font-weight: bold; margin-left: 10px;}
#contactmenu {float: right; color: #000; font-size: 70%; font-weight: bold; margin: 4px 10px 0px 0px;}

/* menu */
#mainmenu a:link {font-weight: bold; text-decoration: none; color: #000; font-size: 100%}
#mainmenu a:visited {font-weight: bold; text-decoration: none; color: #000; font-size: 100%}
#mainmenu ul {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; font-size: 100%}
#mainmenu li {display: inline; height: 20px; padding-left: 0px; padding-right: 0px}
#mainmenu .leftitem {background-image: none; padding-left: 0px; padding-right: 3px; height: 20px}

/* drop-downs */
#dropdown_one {margin-left: 90px}
#dropdown_two {margin-left: 280px}
#dropdown_three {margin-left: 408px}
#dropdown_four {margin-left: 520px}
#dropdown_five {margin-left: 592px}
#dropdown_clear {visibility: hidden; height: 0px; width: 0px; position: absolute; left: -200px}
#mainmenu div ul {padding: 0px; margin: 0px; list-style-type: none; width: 150px}
#mainmenu div ul ul {font-size: 90%; line-height: 100%;}
#mainmenu div li {padding: 5px 0px 5px 2px; margin: 0px 0px 0px 0px; display: block; background-image: none; height: 180%}
#mainmenu div {position: absolute; background-color: #FECF8D; z-index: 1;  margin-top: 5px; display: none;}

/* Link Colours */
#mainmenu a:hover, #mainmenu a:active {font-weight: bold; text-decoration: underline; color: #0355BA; font-size: 100%}
#mainmenu div a:link, #mainmenu div a:visited {font-weight: bold; text-decoration: none; color: #000; font-size: 100%; line-height: 110%; display: block; width: 120px}
#mainmenu div a:hover, #mainmenu div a:active {color: #0355BA; text-decoration: underline; font-size: 100%; display: block; width: 120px}

/* Left Menu Styles */
#leftmenu {width: 200px; min-height: 405px; float: left; margin: 16px 0px 16px 0px; padding: 0px 0px 0px 0px; overflow: auto; background-color:#FFF;}
#leftmenu ul {font-weight: bold; color: #000; text-align: left; font-size: 70%; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; list-style-type: none; text-align:left; line-height: 100%}
#leftmenu li   {padding: 5px 0px 5px 0px;}
#leftmenu ul ul {font-size: 90%;}
#leftmenu p {margin: 4px 0px 10px 10px; width: 180px;}
#leftmenu h3 {margin: 4px 0px 10px 10px; width: 180px;}
#leftmenu p {text-align:justify;}
.mayor {margin: 0px 0px 0px 0px;}

/* Content Styles */
#content {float:left; width: 509px; min-height: 405px; margin: 16px 0px 16px 15px; padding: 0px 15px 0px 15px; text-align:left; border-width: 0px 3px 0px 3px; border-color:#0355BA; border-style: solid; background-color:#FFF; font-size: 70%;}
* html #content {width: 545px; w\idth: 509px; height: 405px; he\ight: 405px;}

#content ul, ol {font-size: 100%; text-align:left; line-height: 130%}
#content p {font-size: 100%; text-align: left; line-height: 130%}
#content h1 {font-size: 158%; font-weight: bold; text-align:left; color: #0355BA;}
#content h2 {font-size: 129%; font-weight: bold; text-align:left; color: #0355BA;}
#content h3 {font-size: 100%; font-weight: bold; text-align:left; color: #0355BA;}
#content a {font-weight:bold; color: #0355BA; text-decoration: none;}
#content a:hover {color: #FF0000; text-decoration: underline;}
/* Content Tables */
.contenttable { width: 505px; margin: 20px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; text-align: left; border:solid; border-width: 1px; border-color: #0355BA; border-collapse: collapse; vertical-align: top;}
.contentth { padding: 5px; vertical-align: top; border: solid; border-width: 1px; border-color: #0355BA;}
.contenttr { padding: 5px; vertical-align: top; border: solid; border-width: 1px; border-color: #0355BA;}
.contenttd { padding: 5px; vertical-align: top; border: solid; border-width: 1px; border-color: #0355BA;}
/* End of Content Tables */

.fltrt {float: right; margin-left: 12px; margin-right: 4px; margin-bottom: 6px;}
.fltlft {float: left; margin-right: 18px; margin-bottom: 6px;}

#prevnext {position: absolute; bottom: 0;}
#player {float: right; margin: 0px 0px 0px 35px;}

/* styling of the container. */
a.myPlayer {display:block; width: 509px; height:300px; text-align:center; border:1px solid #999;}

/* play button */
a.myPlayer img {margin-top:110px; border:0px;}

/* when container is hovered we alter the border color */
a.myPlayer:hover {border:1px solid #000;}


#contentleftcol {width: 240px; height: 205px; float:left; margin: 20px 0px 0px 0px; padding: 0px;background-color:#FFF;}
#contentrightcol {width: 240px; height: 205px; float:right; margin: 20px 0px 0px 0px; padding: 0px; background-color:#fff;}

.scrollbox {width: 240px;  height: 162px; margin: 20px 0px 0px 0px; padding: 0px; font-size: 80%; overflow: auto; background-color:#FFF; border-width: 2px 0px 2px 0px; border-color:#0355BA; border-style: solid;}

#contentleftcolmah {width: 240px; float:left; margin: 0px 0px 0px 0px; padding: 0px;background-color:#FFF;}
#contentrightcolmah {width: 240px; height: 205px; float:right; margin: 5px 0px 0px 0px; padding: 0px; background-color:#fff;}

.scrollboxmahr {width: 240px;  height: 300px; margin: 20px 0px 0px 0px; padding: 0px; font-size: 80%; overflow: auto; background-color:#FFF; border-width: 2px 0px 2px 0px; border-color:#0355BA; border-style: solid;}

.scrollboxmahl {width: 240px;  margin: 20px 0px 0px 0px; padding: 0px; font-size: 90%; background-color:#FFF; border-width: 0px 0px 0px 0px; border-color:#0355BA; border-style: solid;}

/* Right Col Styles */
#rightcol {width: 180px; min-height: 405px; float: left; margin: 16px 0px 16px 15px; padding: 0px 0px 0px 0px; background-color:#FFF; font-size: 70%;}
#rightcol ul {font-weight: bold; color: #0355BA; text-align: left; font-size: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; }
#rightcol li {margin: 18px 0px 0px 0px;}
#rightcol img {vertical-align: middle;}
#rightcol p, h3 {margin: 4px 0px 10px 0px; width: 180px;}
#rightcol p {font-size: 100%; text-align:justify;}
#rightcol a {font-weight:bold; color: #0355BA; text-decoration: none; }
#rightcol a:hover {color: #FF0000; text-decoration: underline;}
#rightcol, titleblock {width: 185px;}
/* Right Col Table */
.rightcoltable {width: 150px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; text-align: left;}
.rightcolth { height: 34px; padding: 2px; vertical-align: middle; border-width: 0px; }
.rightcoltd { height: 34px; padding: 2px; vertical-align: middle; border-width: 0px; }
.rightcoltr { height: 34px; padding: 2px; vertical-align: middle; border-width: 0px; }


/* Footer */
#footer {clear:both; background-image:url(../images/common/melksham_footer_background.gif); width: 975px; height: 28px; margin: 0px; padding: 0px; border-width: 0px;}

#footerleft {width: 350px; margin: 9px 0px 0px 6px; padding: 0px; float: left; font-size: 60%; font-weight: bold; color: #000; text-align: left;}
#footerleft ul {margin: 0px; padding: 0px;}
#footerleft li {display: inline; list-style-type: none; vertical-align: middle}

#footercentre {width: 470px; margin: 9px 0px 0px 0px; padding: 0px; float: left; font-size: 60%; font-weight: bold; color: #000; text-align: right;}
#footercentre ul {margin: 0px; padding: 0px;}
#footercentre li {display: inline; list-style-type: none; vertical-align: middle}

#footerright {width: 130px; margin: 9px 6px 0px 0px; padding: 0px; float: right; font-size: 60%; font-weight: bold; color: #000; text-align: right;}
#footerright ul {margin: 0px; padding: 0px;}
#footerright li {display: inline; list-style-type: none; vertical-align: middle;}

/* begin styles for RSS Feed This is the most basic style to use for a list with no bullets */
.rss_box { width: 100%; background-color: #ffffff;}
.rss_title, rss_title a {margin: 0px 0; padding: 0;}
.rss_items {list-style:none; margin:0; padding:0;}
.rss_item  {font-size: x-small; margin-bottom: 1em;}
.rss_item a:link, .rss_item a:visited, .rss_item a:active {}
.rss_item a:hover { }
.rss_date {font-size: xx-small;}

/* Form Details */
.mandatoryfield {color: #ff0000; background-color: #ffffff}
label {width: 6em; float: left; text-align: right; margin-right: 0.5em; display: block}
input {color: #000033; background:#D7EBFB; border: 1px solid #0355BA}
textarea {color: #000033 ; background: #D7EBFB; border: 1px solid #0355BA}
.submit input {margin-bottom: 2.0em; margin-right: 0.5em; color: #FFFFFF ; background: #0355BA; font-weight: bold;} 
fieldset {width: 507px; border: 1px solid #000033;}
legend {font-size: 90%; color: #000033; font-weight: bold; text-align: left; background: #ffffff;}


/* Spacing */
.space8 {padding: 8px;}

/* Skip Navigation */
.skip {position:absolute; top:0px; left:-1000px;}
.skip:focus,.skip:active {position: absolute; top: 10px; left: 10px; background: #E2383B; color: #FFFFFF; font-weight: bold; padding: 10px}
#skip {position:absolute; top:0px; z-index: 1000;}