/* 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: 0px 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 {font-size: 50%; font-weight: bold; text-align:left; color: #0355BA;}

/* Main Divs */
#maincontainer {width: 975px; min-height: 535px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; border-width: 0px 3px 3px 3px; border-color:#FFF; border-style: solid;}


.maincontweddings {background-image:url(../images/weddings/weddings_background.jpg); background-repeat:no-repeat; background-position: 0px 112px; background-color: #e2dfdd;}
.maincontwhatson {background-image:url(../images/whatson/whatson_background.jpg); background-repeat:no-repeat; background-position: 0px 112px; background-color: #d7d4d3;}
.maincontindex {background-image:url(../images/index/index_background.jpg); background-repeat:no-repeat; background-position: 0px 0px; background-color: #f1e8e1; }
.maincontcorp {background-image:url(../images/corporate/corporate_background.jpg); background-repeat:no-repeat; background-position: 0px 0px; background-color: #e8e4e5;}
.mainconthist {background-image:url(../images/history/history_background.jpg); background-repeat:no-repeat; background-position: 0px 0px;}

#header {position: relative; z-index: 1; width: 975px; height: 112px; background-image: url(../images/common/melksham_assembly_hall_header_bg.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; width: 900px; 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;}

/* Left Menu Styles */
#leftmenu {width: 200px; height: 405px; float: left; margin: 16px 0px 16px 0px; padding: 0px 0px 0px 0px; overflow: auto;}
#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: 190%}
#leftmenu p {margin: 4px 0px 10px 10px; width: 180px;}
#leftmenu h3 {margin: 4px 0px 10px 10px; width: 180px;}
#leftmenu p {text-align:justify;}


#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;}
* html #content {width: 545px; w\idth: 509px; height: 405px; he\ight: 405px;}

#content ul, ol {font-size: 70%; font-weight:bold; text-align:left; line-height: 130%}

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



.titleblock {width: 100%; height: 22px; margin: 0px 0px 0px 0px; padding: 0px; background-image:url(../images/common/title_fade.jpg); background-repeat: repeat-x; }
.titleblock h3 {color: #FFF; margin: 0px 0px 0px 6px; padding: 3px 0px 0px 0px;}

#contentleftcol {width: 240px; height: 205px; float:left; margin: 20px 0px 0px 0px; padding: 0px; }
#contentrightcol {width: 240px; height: 205px; float:right; margin: 20px 0px 0px 0px; padding: 0px; }


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

/* Right Col Styles */
#rightcol {width: 185px; min-height: 405px; float: left; margin: 16px 0px 16px 15px; padding: 0px 0px 0px 0px; }
#rightcol ul {font-weight: bold; color: #0355BA; text-align: left; font-size: 70%; 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 {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;}

/* 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: 300px; 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: 520px; 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;}
label {width: 6em; float: left; text-align: right; margin-right: 0.5em; display: block}
input {color: #000033; background: #EF9BA0; border: 1px solid #000033}
textarea {color: #000033 ; background: #EF9BA0; border: 1px solid #000033}
.submit input {margin-bottom: 2.0em; margin-right: 0.5em; color: #FFFFFF ; background: #EF9BA0; font-weight: bold;} 
fieldset {width: 75%; border: 1px solid #000033;}
legend {font-size: 90%; color: #FFF; font-weight: bold; text-align: left;}

/* 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;}