* {padding:0; margin:0;}

/* *****************Common Styles******************* */
html {margin: 0px}
body {margin: 0px; padding:0px; color: black;font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; font-size: 80%; min-width: 920px; max-width: 1400px;}
img{ border:0}
h1,h2,h3,h4,h5,h6 {font-weight: bold; font-size: 90%; margin: 0px; COLOR: #000}
/*Force consistency of lists across browsers*/
ul {margin-left: 0; padding-left: 40px;}
.center{text-align:center}
/* *****************End Common Styles******************* */
/* *****************Primary Nav******************* */

a:link, a:visited {color: #0033FF;text-decoration:none;}
a:hover, a:focus, a:active {color:#6699CC;text-decoration: underline;}

#Header {position:relative;}
#Header #SkipLinks ul {margin: 0px 0px 0px -30px; padding-top: 5px;}
#Header #SkipLinks ul li {float: left; padding: 3px 4px 2px 3px; list-style-type: none}
#Header a {font-size: 85%;}
#Header #SkipLinks {margin:0 0 0 180px; padding:0; height:49px;}
#Header #SkipLinks ul {margin:0 0 2px 0;padding:1px 5px 0 3px;}
#Header #SkipLinks ul li {margin:0;padding:0 3px 0 1px;}
#Header #SkipLinks #SearchArea{font-size:90%;float: right;margin: -15px 3px 0 0;padding:12px 10px 0 0}
#Header #SkipLinks #SearchArea label{color:white;}
#Header #SkipLinks #SearchArea .TextBox{margin: 0px 0px 5px 0px;padding: 2px 2px 2px 5px;width:130px;border:1px solid #00549F;color:#999999;}
.SearchBtn{margin: 0px 0px 5px 0px;font-weight:bold;}
#Header #Strapline{font-size:14px;font-weight:700;padding:3px 0 0 10px}
#Header #Banner{clear:left;background:#00549F;margin-bottom:8px;width:100%;height:60px;padding:0;}
#Banner h1{color: #ffffff; padding-left: 250px; padding-top: 11px; font-family: "Arial Narrow", Arial, sans-serif;font-weight: bold; font-size:33px;}
#Banner h1 span{font-weight: normal;font-size: 24px;}
#Header #Banner img{padding-top:2px}

#PrintHeader{display:none}

/*****************Left Column**************************/

#LeftCol {float: left; padding-left: 0px; width: 190px}
.ModuleLeft {margin: 5px 0px 10px 0px;}
.ModuleHeader {padding-left: 5px; background: #d8ecf6; margin-bottom: 0px; padding-bottom: 4px; padding-top: 4px; font-weight: bold;font-size: 90%}
.SubNav{padding: 0;	margin: 0;}
.SubNav ul {list-style: none;	margin: 0px;padding: 0px;font-size: 90%;}
.SubNav ul li {margin: 0;padding: 0;display: inline;}
.SubNav ul li a {display: block; border-left: 12px solid #00549f; background-color: white; padding: 4px 0.5em 4px 0.5em; vertical-align: middle; font-weight: normal;}
html>body .SubNav li a {width: auto;margin: 0px;}
.SubNav li a:link{color: #00549f;	text-decoration: none;}
.SubNav li a:visited{color: #00549f;	text-decoration: none;}
.SubNav li a:hover, .SubNav li a:active{border-left: 12px solid #B0232A;background-color: #567EA3;color: #fff;text-decoration: none;}

/**************Centre Column*****************************/
#centrecol {	margin: 0px 195px 0px 195px;}
#centrecolwide {	margin: 0px 0px 0px 195px;}

#Breadcrumbs{margin:5px 0 0 0;padding:1px;font-size:75%;}
#Breadcrumbs ul {padding:0; margin:0}
#Breadcrumbs li {display: inline; margin:0 2px 0 2px;}
#Breadcrumbs li a{color:#003366;}
#Breadcrumbs li a:hover{color: #6699CC;}

#content{margin:5px 0 15px 0; padding:0 0 0 20px;  min-height:180px; border-left: solid 1px #ccc; border-right: solid 1px #ccc;}
#centrecolwide #content{border-right: none;}
#content h1 {color: #000; padding: 0 0 0 0; margin:10px 0 5px 0; font-family:trebuchet MS,arial,verdana;font-size:140%;font-weight:normal;}
#content h2 {color: #000000; padding: 0 0 0 0; margin:10px 20px 5px 0; font-family:trebuchet MS,arial,verdana;font-size:120%;font-weight:bold;}
#content p {margin:10px 20px 5px 0;}
#content ul {margin:0 0 0 0px; padding: 0 0 0 0px; list-style-type: disc;  display:inline; }
#content li {color: black;  padding: 0px 0px 0px 0px;margin:0 0 0 30px; }
#content li a {padding: 0px 0px 0px 2px;margin:0 0 0px 0; }
#content ul li p {margin:0px;padding: 0px;}

.SeeAlso {margin:5px 0 0px 0; padding:0 0 7px 0; }
.SeeAlso p {margin:10px 20px 5px 20px;}
.SeeAlso ul {list-style-type: none; padding-left: 10px;}
.SeeAlso li{padding-bottom: 4px}

/************************Right Column********************************/
#RightCol { float: right; margin: 0px 0px; width: 190px;}

.Promo{text-align:center;}
.Promo img{margin: 10px 0 10px 0;}

.MySoton{background:url(/images/bkgrd-to-postcode_tcm46-156536.jpg) no-repeat left top;font-size:80%;margin:0;padding:5px}
.MySoton .TextBox{width:70px;border:1px solid #00549F;color:#000;margin:0 0 5px}
.FindBtn{cursor:pointer;border:0 solid #00549F;color:#FFF;width:65px;font-weight:700;background:url(/images/control_play_blue_tcm46-156529.gif) no-repeat center right;margin:0 0 5px}
.MySoton p{color:#69c;padding-top:5px}

#SCCLogo{text-align:right; margin: 0 20px 5px 0; padding:0}
#Address{background-color:#00549F; padding: 0.5em 0 0.5em 0}
#Address p{text-align:center; color:white; font-weight:bold; font-size:80%;}

#Footer {text-align:center;font-size:80%;}
#Footer ul {padding: 9px 0 9px 0; margin:0}
#Footer li {display: inline; margin:0 2px 0 2px;}
#Footer span {margin: 0 0 0 10px;}
#Badges {text-align:center;padding: 0 0 10px 0}
#Badges ul {padding:0; margin:0}
#Badges li {display: inline; margin:0 5px 0 5px;}

#Wrapper{margin:0 3px 0 3px}

.Clear {clear: both;height: 0px;}
.ClearFix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.ClearFix{display: inline;}  /* ClearFix fix for IE Mac */
 /* Hides from IE Mac \*/ * html .ClearFix {height: 1%;}
.ClearFix{display:block;} /* End Hack */
.ClearFix {display: block}

* html #OnlineServices {height: 170px;}
* html #NewsBox{ margin-right:10px}
* html #OnlineServices{ margin-left:-3px; margin-right:-3px}
* html #NewsBox{ margin-right:10px}
* html #Header #Banner #SearchArea{margin: -35px 3px 0 0;}
* html #centrecol {height: 1%}

/* Tab Navigation */
#TabList {padding: 3px 0;margin-left: 0;border-bottom: 1px solid #778;font: bold 80% Verdana, sans-serif;}
#TabList li {list-style: none;margin: 0;display: inline;}
#TabList li a {padding: 3px 0.5em;margin-left: 3px;border: 1px solid #778;border-bottom: none;background: #d8ecf6;text-decoration: none;}

#TabList li a:link { color: black; }
#TabList li a:visited { color: black; }
#TabList li a:hover{color: #fff;background: #567EA3;border-color: #227;}
#TabList .Trans a {padding: 3px 0.5em;margin-left: 3px;border: 1px solid #778;border-bottom: none;background: #567EA3;}
#TabList .Trans a:link { color: white; }
#TabList .Trans a:visited { color: white;}
#TabList .Trans a:hover { color: white; }
#TabList li#Date{padding-right: 20px;margin-left: 3px;background: white;border: 1px solid white;color: #000000;}

.hilite{  font-weight: bold;}
.skipnav {display:none;}

/* Centre Column Styles */
#content .ColumnLeft {width:48%; float:left; margin-top: 10px;}
#content .ColumnLeft65 {width:65%; float:left; margin-top: 10px;}
#content .ColumnRight {float:left; padding-left:12px; margin-top: 10px;}
/* #content .ColumnRight {width:48%; float:right; margin-top: 10px;} */
#content .ColumnLeft table tbody tr td img {margin-top: 15px;}


/* ############################# AZ STYLES ########################### */


div #azBox {position: absolute;top: 137px;left: 146px;width: 290px;height: 70px;background: url("/Images/az_tcm46-202910.png") top left no-repeat;visibility: hidden;z-index: 30;}
div #azBox ul {margin-top: 15px;margin-left: 15px;padding: 0;list-style-type: none;width: 260px;}
div #azBox ul li {display: inline;}
div #azBox ul li a {font-size: 12px;text-align: center;display: block;float: left;width: 17px;height: 15px;padding-top: 2px;margin-right: 3px;margin-bottom: 3px;color: #ffffff;}
div #azBox ul li a:hover {font-size: 12px;background: #D8ECF6;color: #333333;text-decoration: none;}

.hiddentext {display: none;}
hr {width: 97%;}

.popCalendar {margin: 0; padding:0;position: absolute; right: 17px; z-index: 99; visibility: hidden; background: url("/Images/calbg_tcm46-210055.png") bottom right no-repeat; width: 200px; height: 195px;}
.calGrid {margin: 15px auto 0px auto; font-size: 85%; color: #ffffff}
.calGrid td, .calGrid th {text-align:center;}
.calGrid a {text-decoration: none;display: block; height: 17px; padding-top: 3px; width: 22px;}
.calGrid a:link, .calGrid a:visited, #aEvents a:link, #aEvents a:visited {text-decoration: none;color: #ffffff;}
.calGrid a:hover, .calGrid a:active, #aEvents a:hover, #aEvents a:active {text-decoration: none;background: #D8ECF6;color: #333333;}
.todayBox {background: #cc0000}

/* ############## Image Gallery ############# */

#imageGallery {width:475px;margin: 0px;padding:0px;}
.galleryBlock {display:block;min-height:365px;margin:0;padding:0;}
.galleryBlock img {border: solid 1px #333333;max-width: 475px;max-height:300px;margin:0;padding:0;}
#imageGallery .galleryBlock p {margin:5px 0 0 0;padding:0;}
.galleryImg {text-align:center; height:300px;}
#galleryNavigation {display:none; text-align:center;margin:0;padding:0;width:475px;}
#galleryNavigation ul {margin:0;padding:0;display:inline;width:475px;line-height:190%;}
#galleryNavigation ul li{display:inline;margin:0;padding:0;}
#galleryNavigation ul li a:link, #galleryNavigation ul li a:visited {padding: 2px 5px 2px 5px;margin: 10px 2px 15px 0px; background: #00549f;text-decoration:none;font-weight:bold;color:#ffffff}
#galleryNavigation ul li a:hover, #galleryNavigation ul li a:active {padding: 2px 5px 2px 5px;margin: 10px 2px 15px 0px; background: #d8ecf6;text-decoration:none;font-weight:bold;color:#000000}
#galleryNavigation ul li.selectedImage a:link, #galleryNavigation ul li.selectedImage a:visited {padding: 2px 5px 2px 5px;margin: 10px 2px 15px 0px; background: #333333;text-decoration:none;font-weight:bold;color:#ffffff}

/* ########### FAQ ############## */

#content .faqBlock h2 {font-size:110%;margin:5px 0 0 0;padding:0;}
#content .faqBlock div {margin: 0px 10px 3px 20px; padding:0 0 3px 0;border-bottom:dotted 1px #cccccc}