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

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;
	color : #282669;
	float : left;
	clear : left;
}

#webu-logo {
	width : 150px;
	height:44px;
	margin-top : 5px;
}

#webu-phoneno {
	width:76px;
	height:50px;
	float : right;
}

/*
#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 hr.spacer { color : #282669; margin : 20px;}

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

#content img.screenshot {
	width : 175px;
	border : 0;
	padding : 0;
	margin : 0;
}

#content a.screenshot, #content a.screenshot:hover, #content a.screenshot:active, #content a.screenshot:visited, #content a.screenshot:link {
	text-decoration:none;
	border:none;
	outline : none;
}

#content div.screenshot-link {
	margin : 5px 0 4px 0;
	text-align:center;
}  /*The bottom margin makes sure the border below the link is shown.  Without it the bottom of the text is sued as baseline and the border is hidden. */

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

#logo-below-menu img {
	width : 120px;
	height:	120px;
   border : none;
}

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

#footer hr { margin-bottom : 15px; }

#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 */
.sIFR-hasFlash #header h1 {
	visibility: hidden;
	font-size : 30px;
	padding : 0;
	margin : 0;
}