/* author: Colin Harrison Design Limited */
/* Berkeley Hall Creation date: 29/09/2009 */

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

a {font-weight: bold; color: #FF0000; text-decoration: none;}
a:hover {color:#999999; text-decoration: underline;}
a img {border-width: 0px;}

p {font-size: 70%; text-align: left; line-height: 120%; color: #000; margin: 0px 0px 10px 0px;}

h1 {font-size: 100%; font-family: Georgia, "Times New Roman", Times, serif; text-align: left; color: #FF0000; margin: 3px 0px 10px 6px;}

h2 {font-size: 90%; font-family: Georgia, "Times New Roman", Times, serif; text-align: left; color: #FF0000; margin: 15px 0px 10px 0px;}

h3 {font-size: 70%; font-family: Georgia, "Times New Roman", Times, serif; text-align: left; color: #FF0000; margin: 10px 0px 10px 0px;}

/* Main Divs */
#maincontainer {width: 975px; min-height: 1200px; background-color:#FFF; margin: 0px auto 0px auto; padding: 0px;}

#header {width: 975px; height: 86px; background-image: url(../images/common/berkeley_hall_header.jpg); margin: 0px; padding: 0px;}

#menu {position: relative; z-index: 1; width: 975px; height: 25px; margin: 0px; padding: 0px; border-width: 2px 0px 2px 0px; border-color:#000; border-style: solid; background-color:#FFFFFF; font-family: Georgia, "Times New Roman", Times, serif;}

#submenu a {font-weight: bold; color: #000; }
#sub a:hover {color: #FF0000; text-decoration: underline;}
#sub ul {display: inline; margin: 0px; padding: 0px; vertical-align: middle; list-style-type: none;}
#sub li {display: inline; list-style-type: none; vertical-align: middle;}


/* Main Menu Styles */
#mainmenu {float: left; color: #000; font-weight:normal; margin: 3px 0px 0px 13px; display: inline;}
#contactmenu {float: right; color: #000; font-weight:normal; margin: 3px 13px 0px 0px; display: inline;}
#contactmenu img {margin: 0px 0px 0px 0px; vertical-align:middle;}

/* menu */
#mainmenu ul {margin: 0px; padding: 0px; float: left;}
#contactmenu ul {margin: 0px; padding: 0px; float: left;}
#mainmenu li {display: inline; height: 20px; padding-left: 0px; padding-right: 0px}
#contactmenu 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: 56px}
#dropdown_two {margin-left: 148px}
#dropdown_three {margin-left: 206px}
#dropdown_four {margin-left: 284px}
#dropdown_five {margin-left: 354px}
#dropdown_clear {visibility: hidden; height: 0px; width: 0px; position: absolute; left: -200px}
#mainmenu div ul {padding: 0px; margin: 0px 5px 0px 5px; list-style-type: none; font-size: 80%;}
#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:#FFF; z-index: 1;  margin-top: 4px; width: 200px; border-width: 0px 2px 2px 2px; border-color:#000; border-style: solid; display: none; }

/* Link Colours */
#mainmenu a:link {font-weight: bold; text-decoration: none; color: #FF0000;}
#mainmenu a:visited {font-weight: bold; text-decoration: none; color: #FF0000;}
#mainmenu a:hover, #mainmenu a:active {font-weight: bold; text-decoration: underline; color: #999;}
#mainmenu div a:link, #mainmenu div a:visited {font-weight: bold; text-decoration: none; color: #FF0000; line-height: 180%; display: block;}
#mainmenu div a:hover, #mainmenu div a:active {color: #999; text-decoration: underline; display: block;}

/* Styles Index 3col */
/* Left Index 3col */
#leftcolindex {width: 190px; min-height: 390px; float: left; margin: 20px 0px 13px 13px; padding: 0px 0px 0px 0px; display: inline;}

/* Content Index 3col */
#contentindex {float:left; width: 515px; min-height: 390px; margin: 20px 0px 13px 13px; padding: 0px 15px 0px 15px; background-color:#FFF;}
* html #contentindex {width: 545px; w\idth: 515px; height: 390px; he\ight: 390px;}

#indexlist {width: 485px;}
#indexlistleft {float: left; width: 240px;}
#indexlistright {float: right; width: 240px;}

#contentindex ul, ol {text-align:left; font-size: 70%; line-height: 110%; color:#000;}

/* Right Index 3col */

#rightcolindex {width: 190px; min-height: 270px; float: right; margin: 20px 13px 13px 0px; padding: 0px; display: inline;}

/* Bottom Index 3col  */
#indexspanimages {clear:both; width: 949px; height: 140px; margin: 0px 0px 6px 13px; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif;}
#spanimagesleft {float: left; width: 227px; height: 140px; margin: 0px 0px 0px 0px; padding: 0px; text-align:left;}
#spanimagescentre {float: left; width: 467px; height: 140px; margin: 0px 0px 0px 13px; padding: 0px;}
#spanimagescentreleft {float: left; width: 227px; height: 140px; margin: 0px 0px 0px 0px; padding: 0px; text-align: left;}
#spanimagescentreright {float: right; width: 227px; height: 140px; margin: 0px 0px 0px 0px; padding: 0px; text-align: right;}
#spanimagesright {float: right; width: 227px; height: 140px; margin: 0px 0px 0px 13px; padding: 0px; text-align: right;}
.caption {font-size: 70%; font-weight: bold; color: #000; margin: 2px 0px 0px 0px;}

/* Bottom Index 3col  */
#indexspanimagesa {clear:both; width: 949px; height: 140px; margin: 0px 0px 6px 13px; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; background-image:url(../images/index/bottom-collage.jpg); background-repeat:no-repeat;}
#spanimageslefta {float: left; width: 227px; height: 15px; margin: 127px 0px 0px 0px; padding: 0px;}
#spanimagescentrea {float: left; width: 467px; height: 15px; margin: 127px 0px 0px 13px; padding: 0px;}
#spanimagescentrelefta {float: left; width: 227px; height: 15px; margin: 0px 0px 0px 0px; padding: 0px;}
#spanimagescentrerighta {float: right; width: 227px; height: 15px; margin: 0px 0px 0px 0px; padding: 0px; }
#spanimagesrighta {float: right; width: 227px; height: 15px; margin: 127px 0px 0px 13px; padding: 0px;}
.captionl {font-size: 70%; font-weight: bold; color: #000; margin: 0px 0px 0px 0px; text-align: left;}
.captionr {font-size: 70%; font-weight: bold; color: #000; margin: 0px 0px 0px 0px; text-align: right;}


/* Left Menu Styles Pages2col */
#leftmenu {width: 190px; min-height: 270px; float: left; margin: 20px 0px 20px 13px; padding: 0px; background-image:url(../images/shared/menu_back.gif); background-repeat:no-repeat; display: inline;}

#leftmenu ul {font-size: 80%; text-align: left; font-family: Georgia, "Times New Roman", Times, serif; line-height: 200%; color: #FFF; margin: 0px 0px 0px 0px;}

#leftmenu p {text-align: left; font-family: Georgia, "Times New Roman", Times, serif; margin: 18px 0px 0px 0px;}

#leftmenu img {margin: 0px 0px 0px 0px;}
#leftcolindex img {margin: 0px 0px 0px 0px;}

/* Content Styles Pages 2 col  */
#content {float:right; width: 740px; min-height: 270px; margin: 20px 13px 20px 0px; padding: 0px; background-color:#FFF; display: inline; background-image:url(../images/shared/content_back.gif); background-repeat:no-repeat;}
* html #content {width: 740px; w\idth: 740px; height: 270px; he\ight: 270px;}

#content ul, ol {text-align:left; font-size: 70%; line-height: 150%; color:#000;}

.biog {width: 100%; min-height: 200px; margin: 0px 0px 0px 0px; padding: 0px; border-width: 0px 0px 1px 0px; border-color:#000; border-style: solid;}
* html .biog {height: 201px; he\ight: 201px;}

.imgright {float:right; margin: 0px 0px 0px 20px;}
.imgleft {float:left; margin: 0px 20px 0px 0px;}
.imgtop {margin: 25px 0px 20px 0px;}
.top {margin: 20px 0px 10px 0px;}

/* Footer */
#footer {clear:both; width: 975px; height: 25px; margin: 0px; padding: 0px; border-width: 0px; border-width: 2px 0px 2px 0px; border-color:#000; border-style: solid; font-family: Georgia, "Times New Roman", Times, serif;}
#footerleft {width: 380px; margin: 6px 0px 0px 13px; padding: 0px; float: left; font-size: 70%; font-weight: bold; color: #000; display: inline;}

#footerleft ul {margin: 0px; padding: 0px;}
#footerleft li {display: inline; list-style-type: none; vertical-align: middle}

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

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

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


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