/*
CSS File for the WB website
*/

body 
{
    font-family:Verdana;
    font-size:12px;
   /* background:URL(../backgrounds/clouds.jpg);
    background:URL(../backgrounds/bodyBkg-Repeat.gif);*/
    background-color:#6d9ad0;
    margin:0;
    padding:0;
    background-repeat:repeat-x;
	text-align:center;
	background-position:top center;
    
}

h1{
	line-height:normal;
	font-size:20px;
}

h2{
	line-height:normal;
	font-size:17px;
}

img{
	border:none;
}
table, td, tr{
	border-collapse:collapse;
	border:solid 1px #5592cb;
	background-color:#EAEAEA;
	padding:2px 5px;
}
#guvnor
{	text-align:center;
     background:URL(../bodyBackgrounds/clouds.jpg);
     min-height:1000px;
	 background-repeat:no-repeat;
	 background-position:top center;
}
a:link, a:visited
{
    color:#002555;
}
a:hover
{
    color:white;
    background:#002555;
}
.clear
{
    clear:both;
}
div#contentMaster
{
	text-align:left;
   /* border-left:solid 1px #97b9df;
    border-right:solid 1px #97b9df;
    border-bottom:solid 1px #97b9df;*/
    width:900px;
    margin:0 auto;
    /*background-color:#699dd7;*/
}

div#contentHeader
{
    float:left;
   
    /*background:#699dd7;*/
    width:900px;
	overflow:hidden;
}

.headerColLeft{
	width:460px;
	float:left;
}
.headerColRight{
	width:440px;
	float:left;
}
div#siteLogo
{   
    float:left;
    margin:5px;
	
}
.menuOpLeft
{
    float:left;
     background:URL(../backgrounds/menuOpLeft.gif);
     width:21px;
     height:25px;
     display:inline-block;
     margin-left:5px;
}
.menuOpRight
{
     margin-right:5px;
    float:left;
     background:URL(../backgrounds/menuOpRight.gif);
     width:21px;
     height:25px;
     display:inline-block;
}
div#siteTools
{
    float:right;
    height:45px;
    font-size:11px;
}
div#siteTools ul
{
    padding:0;
    margin:0;
}
div#siteTools li
{
    display:inline;
    margin-left:3px;
}
div#siteTools a:link, div#siteTools a:visited
{
	display:block;
	float:right;
	/*background:URL(../backgrounds/toolBkg.gif);*/
	background-color:#002555;
	height:15px;
	background-position:top;
	color:White;
	text-decoration:none;
	padding:5px 10px;
	margin-left:4px;
} 

div#siteSearch
{
	float:right;
    margin:20px 0;
    background-color:#3b74ba;
    border-left:solid 1px #97b9df;
    border-top:solid 1px #97b9df;
    border-bottom:solid 1px #97b9df;
	border-right:solid 1px #97b9df;
    padding:10px;
    color:White;
	width:200px;
	height:40px;
    
}

div#siteSearch a:link, div#siteSearch a:visited{

	color:white;
	
}
div#siteSearch p, div#siteSearch form
{
    margin:0;
    padding:0;
}
div#interactBox
{
	float:left;
    margin:20px 10px 0 0;
    background-color:#3b74ba;
    padding:20px 6px 7px 30px;
    color:White;
	width:171px;
	height:53px;
	background:url(../images/notepad.jpg) top left no-repeat;
	color:#333;
	line-height:14px;
	letter-spacing:0.25px;
	font-size:18px;
    
}
div#interactBox p
{
    margin:3px;
    padding:0;
	color:#333;
}
div#interactBox a:link, div#interactBox a:visited{
	color:#333;
	text-decoration:none;
}
div#interactBox a:hover{
	color:white;
}
div#quickFind
{
    clear:right;
    float:right;
}
a:link.whatNearMeLink, a:visited.whatNearMeLink
{
    color:White;
    font-size:9px;
    clear:right;
    float:right;
}
div#contentColumns
{
    float:left;
	letter-spacing: 0.25px;
	line-height:17px;
}
.contentPad
{
    margin:7px;
}
div#contentColumn1
{
    float:left;
    width:600px; 
	overflow:hidden;
	color:#333;
}


div#contentColumn1 li{
	margin:5px 5px;	
}
div#contentBKG91b2d5{
	float:left;
	width:600px;
	background-color:white;
}

/*div#contentBKG91b2d5[id]{
	background:#ffffff;
	background:url(../backgrounds/FFFFFF.png);
}*/

/*div#contentBKG91b2d5{
	background:#ffffff;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='~/../backgrounds/FFFFFF.png'); 
}*/

div#contentColumn2
{
    float:left;
    width:290px;
	overflow:hidden;
	margin-right:10px;
	color:#333;
}

div#contentColumn2 p{
	color:#333;
}

a:link.col2Link , a:visited.col2Link
{  
    display:block;
    padding:5px 6px;
    text-decoration:none;
    margin:0;
    height:16px;
}
a:hover.col2Link {
	background:#91b2d5;
}

div#contentColumn1 p{
	color:#333;
}

.columnHeader
{
     /*background:URL(../backgrounds/columnHeader2.jpg);*/
	 background-color:white;
	 margin-left:5px;
	 margin-right:5px;
     padding:20px 0px 5px 0px;
	 color:#E00052;
	 border-bottom:solid 2px #0066B2;
	 line-height:40px;
}
.columnHeader a:link, .columnHeader a:visited, .columnHeader h3, .columnHeader p{
	text-decoration:none;
	font-size:36px;
	margin:0;
	padding:0;
	color:#E00052;
	font-weight:normal;
	
}
.columnHeader a:hover{
	background-color:white;
	background:none;
}

div#contentBottom
{
    height:200px;
    width:600px;
}

div#shuffleBox
{
    margin:10px 0px;
    padding:5px;
    float:left;
	color:white;
	width:588px;
}

div#shuffleBox a:link, div#shuffleBox a:visited{
	font-size:16px;
	color:white;
	text-decoration:none;
	letter-spacing:0.9px;
}

.homePageOption
{
    float:left;
    height:100px;
    width:190px;
    margin-right:5px;
    margin-bottom:5px;
    margin-top:3px;
  /* background:URL(images/../backgrounds/homeoptionBkg.gif);*/
  background:#cad05d;
  color:#64349C;
   background-repeat:repeat-x;
   
   font-weight:bold;
   font-size:14px;
}
.homePageLatestInfo {
	background-color:#a7c0df;
    float:left;
    width:560px;
    padding:10px;
    border-bottom:solid 2px white;
    margin-bottom:5px;
}
.homePageLatestInfo ul{
	margin:0;
	padding:0;
	list-style:none;
	border-top:solid 1px #999;
}
.homePageLatestInfo ul li{
	margin:0;
	padding:0;
}
.homePageLatestInfo a:link, .homePageLatestInfo a:visited{
	display:block;
	width:550px;
	border-bottom:solid 1px #999;
	text-decoration:none;
	padding:3px 5px;
}
.homePageOptionContent
{
    background-color:#c8d2de;
    float:left;
    width:560px;
    padding:10px 10px 10px 10px;
    border-bottom:solid 2px white;
    margin-bottom:5px;
}
.homePageOptionContent h1
{
   font-weight:bold;
   font-size:14px;
}
div#footer
{

	height:240px;
    /*background:URL(../backgrounds/footerBKG.jpg);*/
    background-repeat:no-repeat;
    background-position:center;
	color:white;
	clear:both;
    
}
div#menuFoot{
	text-align:left;
	font-size:10px;
	text-decoration:none;
}
div#menuFoot a:link, div#menuFoot a:visited {
	text-decoration:none;
}
.textHeader
{
    background:URL(../backgrounds/textHeader.png);
    height:20px;
    width:530px;
    color:White;
    font-weight:bold;
    font-size:14px;
    padding:5px 15px;
    margin:5px auto;
}
.textHeaderNoImg
{
    background:#1962a8;
    height:20px;
    width:555px;
    color:White;
    font-weight:bold;
    font-size:14px;
    padding:5px 15px;
    margin:5px auto;
    clear:both;
}
.textHeader h3, .textHeaderNoImg h3{
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	color:white;
}

.hereToHelp
{
    background-color:#d8f3ca;
    border-bottom:solid 1px black;
    margin:5px 8px;
}
.hereToHelpTitle
{
    background-color:#b4e886;
    border-top:solid 2px black;
    padding:2px 10px;
    font-weight:bold;
    font-size:14px;
}
.hereToHelpContent
{
    margin:5px 10px;
}
.narrowP
{
    width:500px;
    margin:auto;
}
div.col2Buttons
{
    float:left;
	text-align:center;
	width:300px;
    
}
div.col2Buttons a:link, div.col2Buttons a:visited
{
   margin:15px auto;
   background:none;
   display:block;
    
}
div.col2Buttons a:hover
{
   background:none;
    
}
.blockLink
{
    display:block;
    padding:3px;
    border:solid 1px #999;
    text-decoration:none;
	margin-bottom:3px;
}

.roundEdge{
	display:block;
    float:left;
    width:600px;
}
.roundEdgeMenu{
	display:block;
    float:left;
	width:290px;
}

.roundEdge *, .roundEdgeMenu *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  /*background:#91b2d5;*/
  background:#ffffff;
  }
  
  
.roundEdge[class] *, .roundEdgeMenu[class] *{
	/*background:#91b2d5;
	background:url(../backgrounds/91b2d5.png);
	*/
	background:#ffffff;
}

.roundEdge *, .roundEdgeMenu *{
/*
	background:#91b2d5;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='~/../backgrounds/91b2d5.png'); 
	*/
	background:#ffffff;
}

.roundEdge1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:solid 1px #ffffff;
  border-right:solid 1px #ffffff;}
.roundEdge2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:solid 1px #ffffff;
  border-right:solid 1px #ffffff;}
.roundEdge3{
  margin-left:1px;
  margin-right:1px;
  border-left:solid 1px #ffffff;
  border-right:solid 1px #ffffff;
 }
.roundEdge4{
  border-left:solid 1px #ffffff;
  border-right:solid 1px #ffffff;
  }
.roundEdge5{
  border-left:solid 1px #ffffff;
  border-right:solid 1px #ffffff;
  }

#paddingDiv{
	margin:10px;
}

.menu{
	color:white;
	font-size:12px;
	background-color:white;
	padding:3px 3px;
	width:284px;
	overflow:hidden;
}
.menuSpacer{
	height:7px;
}

.menu a:link, .menu a:visited  {
	text-decoration:none;
	color:white;
}
.menu a:hover {
	text-decoration:underline;
	background:none;
}

.menu ul {
	list-style:none;
	padding:0;
	margin:5px;
}

.menu ul li{
	background-color:#336799;
	padding:5px 5px;
	margin:2px 0;
	font-weight:bold;
	display:block;
}

.menu .homeNavButton{
	
	background-color:#224566;
	
}

.menu .level2{
	background-color:#336799;
	
	color:white;
	font-weight:bold;
	text-decoration:underline;
}
.menu .level2sub a:link, .menu .level2sub a:visited{
	color:#333;
}
.menu .level2sub{
	background-color:#cddaea;
	
	color:#333;
	font-weight:normal;
	margin-top:0;
	margin-bottom:0;
	padding:3px 5px;
}

.whatNext{
	color:#000066;
	float:left;
	
	
}
.whatNextImg{
	float:left;
	height:135px;
	width:195px;
	padding:0;
}
.whatNextTxt{
	float:left;
	color:#000066;
	overflow:hidden;
	margin-top:5px;
}
.postcodeUL{
	margin:0;
	padding:0;
	list-style:none;
}
li.pcodeLI{
	padding:5px 10px;
	margin:10px 0;
}
.pcodeLI{
	margin:25px 0;
	padding:20px 5px;
	background-color:#e6e8eb;
	border-top:solid 1px #EAEAEA;
	border-bottom:solid 1px #EAEAEA;
}
.pcodeLI strong{
	font-size:14px;	
}
#top8Pcodes{
	display:none;
	margin:0;
	padding:0;	
}
#top8Pcodes, ul#top8Pcodes, #top8Pcodes .pcodeLI, #top8Pcodes li.pcodeLI, #top8Pcodes ul{
	list-style:none;!important
	padding:0px;!important
	margin:0px;!important
	
}
#boxTipDiv{
  position: absolute;
  
  padding:1px 4px;
  margin-top: 0px;
  border: 1px solid #5592cb;
  background: #EAEAEA;
  font-size:11px;
  text-align:left;
}

#boxTipDiv li{
	margin:5px 0;	
}

#boxTipDiv p{
	margin:0;
	padding:0;
}

.timeOnlineBox{
	padding:14px 5px;
}
.shareThisBox{
	margin:5px 5px;
	background-color:white;
}

.support-button{
	height:110px;
	width:120px;
	overflow:hidden;
	float:left;
	padding:0 30px 0 0;
	margin:0;
}

.support-button p{
	margin:0;
	padding:0;
}

ul#twit-twit{
	padding:0 10px;
	margin:0 10px;

}

#twit-twit li{

}

.twit-more{
	padding-right:5px;
	text-align:right;
	list-style:none;
	}
li.twit-more{
	margin-top:15px;
}	

#socialbookmarks{
	float:right;
	clear:right;
}