/*WEBUSEFUL MASTER STYLE SHEET*/

/*REDEFINE STANDARD ELEMENTS*/
* {
	margin: 0;
	padding:0;
}

body {
/*	background-color: #9d9d9d; */
	background: #fff url(images/fade.jpg) repeat-x 0 0;
	text-align: left;
	font-family: arial, sans-serif;
}

td { vertical-align:top; }

/* PAGE STRUCTURE ELEMENTS*/	

#wrapper {
	width: 800px;
	border : 1px solid #b4b4cd;
	margin : 20px auto;
	background-color: white;
	padding : 20px;
}

#header { background-color: #FFF; padding : 5px 0 0 60px;}

td#colorbar { border-top: 3px solid #fd0404 }

td#colorbar img {
	width:800px;
	margin : 0 0 5px 0;
}

table#main { }

table#main td.left-col { width: 150px; }

table#main td.center-col { width: 650px; }

#menu {
	padding : 3px 0 0 5px;
	background-color : #fff;
	border-top : 3px solid #282669;
/*	border-bottom : 3px solid #282669;*/
}

/*MAIN MENU ELEMENTS*/
#menu a {
	display : block;
	color : #009;
	text-decoration:none;
	padding : 3px 3px 3px 5px;
	font-size:10px;
}

#menu a:hover { color: #fd0404; }

#menu a.l1 {
	font-weight : bold;
	margin-bottom:0;
	padding-bottom : 3px;
	padding-top : 6px;
	border-bottom: 1px solid #009;
}

#menu a.l2 { border-bottom: 1px solid #009; padding-left : 15px; }

#menu a.current {
	background-color:#fff;
	color:#fd0404;
	font-weight:bold;
}

#menu div.l1-parent {
	border-left : 1px solid #009;
	padding : 0;
	margin-left : 15px;
}

#menu div.l2-parent {
	border-left : 1px solid #888;
	border-bottom : 1px solid #888;
	padding : 0 0 0 0;
	margin-left : 15px;
}

/*HEADER ELEMENTS*/

td#logo { 	height: 70px; }

span.wured { color: red; }

#header h1 {
	font-family: arial, sans-serif;
	font-size: 30px;
	padding : 4px 0 0 30px;
	color : #282669;
}

#webu-logo { width : 150px; height:44px; margin-top : 5px; }
/*
#header #slogan {
	font-size: 12px;
	font-weight: bold;
}
*/
/*The Main Page Content*/
div#content {
	padding : 0 20px 20px 30px;
	color : #333;
	font-size : 11px;
	line-height:140%;
}

div#content h1 {
	font-size:24px;
	margin : 20px 0 20px 0;
	color : #282669;
}

div#content h2 {
	font-size:16px;
	margin : 10px 0 5px 0;
}
/*strapline is used for the h2 at the tsart of each page*/
div#content .strapline { color : #ed1c24; 	
	font-size : 14px;
	line-height:140%;
	font-weight:bold;}
	
div#content h3 {
	font-size:14px;
	margin : 10px 0 0 0;
}

div#content .newsbox h4 {
	font-size:14px;
	padding : 0; 
	margin : 0;
}

div#content .newsbox h5 {
	font-size:11px;
	margin : 0;
	padding : 0;
}

div#content p { margin : 2px 0 10px 0; }
div#content p.pre { margin : 2px 0 0 0; }

div#content ul {
	margin : 2px 0 10px 20px;
	list-style:circle;
}

div#content a, div#content a:link, div#content a:visited, div#content a:focus, div#content a:active {
	text-decoration:none;
	border-bottom:1px dotted #333;
	color : #333;
	outline:none;
}

div#content a:hover {
	text-decoration:none;
	border-bottom:1px solid #111;
}

div#content .strong { font-weight:bold; }

div#content a.subtle {
	border: 0;
	text-decoration: none;
	color:#333;
}

div.highlightbox {
	margin : 20px 0 20px 20px;
	padding: 5px;
	background-color: white;
	border : 1px solid black;
	width:180px;
	float : right;
}

/*The Left Column( excluding the menus */
#leftcol-pic {
	margin : 20px 0;
	color : #444;
	text-align: center;
	font-size: 10px;
}

#leftcol-pic img {
	border: 1px solid #888;
	width : 150px;
}

#leftcol-pic a, #leftcol-pic a:link, #leftcol-pic a:visited {
	text-decoration : underline;
	color:#444;
}

#leftcol-pic a:hover {
	text-decoration:none;
	color : black;
}

/*The Footer*/
#footer {
	padding-top: 3px;
	clear:both;
	color : #444;
	text-align: center;
	font-size: 10px;
}

#footer p { }

#footer a, #footer a:link, #footer a:visited {
	text-decoration : underline;
	color:#444;
}

#footer a:hover {
	text-decoration:none;
	color : black;
}

#footer a.subtle, #footer a.subtle:hover {
	text-decoration:none;
	color : #444;
}

/*The links to FSB etc used on the home page */
div#links {
	font-size : 10px;
	color : #555;
/*	border-top : 1px solid #555; */
	border : 1px solid #fff;
	clear : both;
}

div#links div.link {
	width : 120px;
	float : left;
	margin : 7px 15px;
	text-align : center;
	clear : left;
}

div#links img { border : 0; }

div#links a, div#links a:link, div#links a:visited, div#links a:focus, div#links a:active {
	text-decoration:none;
	color : #333;
}

div#links a:hover {
	text-decoration:underline;
}


#a2s-logo { width : 120px; height : 31px; margin : 0; }
a.nodisplay {
	border: 0;
	text-decoration: none;
}
/*
div#content div.newsbox {
	width : 200px;
	border : 1px solid #282669;
	float : right;
	clear : right;
	margin : 0 0 10px 20px;
}
*/
/*
div#content div.helpbox {
	width : 200px;
	border : 1px solid #282669;
	float : right;
	clear : right;
	margin : 0 0 10px 20px;
}
*/
.bluebox { width : 200px;
	float : right;
	clear : right;
	margin : 0 0 10px 20px;
}


.bluebox-top { width : 200px; height : 20px; margin : 0; display:block;} /* dislay:block stops IE7 adding a space after the img */
.bluebox-bot { width : 200px; height : 29px;  margin : 0; display:block;}
.inner {	padding : 0 15px 0 10px; 	background:url(images/bluebox-bg.jpg) top left repeat-y; margin : 0;
}
/*div to stop the margin of items within .inner making a gap */
.nomargin {
	margin : 0;
	font-size:0.1%;
	line-height:0.1%;
	clear : both;
	padding:0;
}

div#content div.helpbox p { margin-bottom : 0; }

div#content div.helpbox h3 {
	color : #282669;
	margin-top : 0;
}

div.p10 { padding : 5px; }

.err { color : #F00; }

div#content .newsbox h4 {
	border-top : 1px solid #fd0404;
	padding-top : 10px;
}

div#content .testibox {
	margin : 0 0 10px 20px;
	padding: 5px;
	background-color: #FFF;
	border : 1px solid #282669;
	width:180px;
	float : right;
	font-family:Georgia, Times, serif;
	font-size:11px;
}

p.testi {
	font-family:Georgia, "Times New Roman", Times, serif;
}

div#content p.testi-sig {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	 padding-bottom : 0; 
	 margin-bottom : 0;
}

div#content .picbox {
	margin : 0 0 10px 20px;
	padding: 5px;
	border : 0;
	width:200px;
	float : right;
}

div#content .picbox img {
	width : 200px;
	margin : 0 0 30px 0
}

/*STYLE FOR THE PORTFOLIO PAGE*/
div.sample {
	padding : 20px 0;
	border-bottom: 1px solid #666;
	clear : both;
}
/*	
div.text-r {
	width : 340px;
	float : right;
	padding : 0 0 0 50px;
}
*/
div.text-l {
	width : 340px;
	float : left;
	padding : 0 50px 0 0;
}

div.sample img { 
	width : 200px;
	border : 0;
	display : block;
	float : right;
}

div#content div.sample h3 {
/*	width : 330px; */
	margin-top : 0;
}

#conent div.text-r ul { }
#conent div.text-r li { margin-left:10px; padding-left: 10px}

div.clearer {
	clear : both;
	height : 0px;
	font-size:0px;
}



/*BBC News Section Styles*/
/*	
#news {
	border : 1px solid #333;
	width: 190px;
	float : right;
	margin : 0 0 20px 20px;
	padding : 0 5px;
	}
	
#news .headline
	{
	margin-top: 10px;
	}	
	

#news h4 
	{
	border-bottom : 1px solid #000;
	}
*/

.headline { margin-top : 7px; }

/*Styles for the sample sites carousel*/
div#carousel-wrapper { border-bottom : 1px solid #999; clear : both; margin : 0 0 15px 0; padding-bottom : 2px;}

div#carouseldiv {  }
#carousel img { height : 180px; width : 200px; border : 1px solid #CCC;}
#carousel li { width : 285px;  border:none; text-align:center; margin : 0; padding : 0;}  /*drives the width of the carousel*/
/*stop the default #content a styles applying to the carousel nav*/
div#content .yui-carousel-nav a, div#content .yui-carousel-nav a:link, div#content .yui-carousel-nav a:hover { border : 0; }
/*IE7 needs this line as well*/
div#content div#carouseldiv  .yui-carousel-nav a, div#content div#carouseldiv .yui-carousel-nav a:link, div#content div#carouseldiv .yui-carousel-nav a:hover { border : 0; }

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #header h1 {
	visibility: hidden; font-size : 30px; padding : 0; margin : 0;
}