/*************************************************************************************************

	gentoo group
	Document created: 30th April 2007
	Document amended: 30th Nov 2007
	Steve Green : Gentoogroup
	
*************************************************************************************************/
* {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

body {	
	font-size:62.5%;
}

.clearFix {
	clear: both;
}

/*************************************************************************************************

/*************************************************************************************************
Access Links */
ul#accessLinks {
	position:absolute;
	left:-1000px;
	z-index:100;
}
ul#accessLinks a:focus, ul#accessLinks a:active { 
	position:absolute;
	left:1000px;
	width:200px;
	font-weight:bold;
	padding:1em;
	z-index:100;
	color:#000;
	background:#ff9;
	border:1px solid black;
	top:0;
	text-decoration:none;
}
/*************************************************************************************************
Header Wrapper */
div#wrapperHeader {
	width:75em;
	margin:auto;
}
/*************************************************************************************************
Navigation Wrapper */
div#navContainer {
	width:88em;
	margin:auto;
}
/*************************************************************************************************
Company Logo Branding */
div#branding {
	float: left;
	height: 222px;
	width: 1003px;
	background-image: url("http://www.gentoosunderland.com/images/branding.png"); background-position:top; margin:0px;
		margin:auto;

}
div#branding  h1 { text-indent: -9000px; margin: 0; }
div#branding h1 a { padding-top:40px; display:block; height:40px; width:152px; }

/*************************************************************************************************
Banner */
div#banner {
	background-position:center;
	height:122px;
	width:100%;
background-image:url("http://assets.gentoogroup.com/global/banners/sunderland.png");
}
*************************************************************************************************

/*************************************************************************************************

/*************************************************************************************************
Page content wrapper */
div#wrapperBody {
	padding-top:1em;
	width:630px;
	margin:auto;
}

/*************************************************************************************************


/*************************************************************************************************
Horisontal Navigation [top] */
ul#nav {
	list-style:none;
	line-height:normal;
}
ul#nav li {
	display:inline;
}
ul#nav a {
	float:left;
	/* [top] [right] [bottom] [left] */
	padding:0 0 0 0.5em;
	text-decoration:none;
	text-transform:lowercase;

	
}
ul#nav a span {
	float:left;
	display:block;
	padding:0.4em 1.5em 0.4em 1.1em;
	color:#95a1ac;
	font-size:1.1em;

}
	  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
ul#nav a span {float:none;}
/* End IE5-Mac hack */

ul#nav a:hover, ul#nav a:focus, ul#nav a:active, ul#nav .active {
		background:url("http://www.gentoosunderland.com/images/tabLeft.png") no-repeat left top;
		background-color:#f28d1d;
}
ul#nav a:hover span, ul#nav a:focus span, ul#nav a:active span, ul#nav .active span {
	background:url("http://www.gentoosunderland.com/images/tabRight.png") no-repeat right top;
	color:#FFF;
} 
/*************************************************************************************************
Sub-navigation */
div#subNav {
	float:left;
	width:200px;
}
div#subNav ul {
	list-style:none;
}
div#subNav li {
	border-top:0.1em dashed #a6b1bb;
	background: #fff url("http://www.gentoosunderland.com/images/actionArrow.png") no-repeat 0 0.5em;
	/* [top] [right] [bottom] [left] */
	padding:0.5em 0 0.5em 1.8em;

}
div#subNav li a {
	text-decoration:none;
	text-transform:lowercase;
	display:block;
	color:#95a1ac;
	font-size:1.1em;

}
div#subNav li a:hover, div#subNav li .active {
	color:#000000;
}
div#subNav li a:focus, div#subNav li a:active {
	color:#000000;
	background-color:#ffff99;
	text-decoration:none;
}
	
#searchform {
	float:right;
	clear:both;
}
#searchform fieldset { 
	border-width:0; 
	margin:0; 
	padding:0; 
}
#searchform legend {
	display:none;
}
#searchform label {
	display:none;
}
#searchform .keywords {
	font-size:10px;
	border-width:1px 1px 1px 1px;
	border-style:solid solid solid solid;
	border-color:#95a1ac;
	padding:2px 2px;
	height:12px;
	width:160px;
	vertical-align:middle;
	margin:0px;
}
#searchform .keywords:focus, #searchform .keywords:active {
	color:#000000;
	background-color:#ffff99;
	text-decoration:none;
}
#searchform .searchButton {
	vertical-align:middle;
	margin:0px;
	padding:0px;
}

#searchform div {
}	
/*************************************************************************************************
SCOUT STUFF*/

div#ContentArea {
	
font-size:1.1em;
color:#95a1ac;
}


div#ContentArea {
	float:left;
	width:600px;
	margin-left:3em;
	padding-bottom:30px;
}
div#ContentArea .sectionImage {	
	border-top:1px dashed #cccccc;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
div#ContentArea p {
	margin-bottom:1em;
	line-height:1.4em;
	font-size:1.1em;
	color:#95a1ac;
}
div#ContentArea p a {
	color:#f28d1d;
	font-size:1.1em;
}
div#ContentArea p a:hover {
	color:#fff;
	background-color:#f28d1d;
}
div#ContentArea h1, .h1Title {
	color:#231f20;
	border-top:1px dashed #cccccc;
	padding-top:0.2em;
	padding-bottom:0.2em;
	border-bottom:1px dashed #cccccc;
	font-size:2.4em;
}
div#ContentArea h2, .h2Title {
	color:#f28d1d;
	font-weight:bold;
	font-size:1.2em;
}
div#ContentArea h3 {
	color:#f28d1d;
	font-weight:bold;
	font-size:1.2em;
}
div#ContentArea blockquote {
	width: 100%;
	padding: 10px;
	margin-left:1em;
	margin-right:1em;
	font-size:1.5em;
	font-style:italic;
	color:#a6b1bb;
	quotes: "\201C" "\201D";
	vertical-align:middle;
}

/*************************************************************************************************
Footer */
div#footer {
	font-size:11px;
	border-top:0.1em dashed #cccccc;
	padding-bottom:3em;
	padding-top:1em;
	text-align:center;
	color:#95a1ac;
}
div#footer a {
	color:#95a1ac;
	text-decoration:none;
	border-right: 0.1em solid #b1b7bb;
	padding-right:0.6em;
	padding-left:0.6em;
	text-transform:lowercase;
	font-size:11px;
}
div#footer a:hover {
	color:#fff;
	background-color:#f28d1d;
	font-size:11px;

}
div#footer a:active, div#footer a:focus {
	color:#000000;
	background-color:#ffff99;
	text-decoration:none;
	font-size:11px;

}
div#footer a.last {
	color:#b1b7bb;
	text-decoration:none;
	border-right:0px;
	font-size:11px;

}
div#footer ul {
	list-style:none;
	font-size:11px;

}
div#footer li {
	display:inline;
	font-size:11px;

}
/*************************************************************************************************
accessibility */
div#accessibility {

	float:right;
	white-space:nowrap
width:500px;

}

div#align_accessibility {
width:35%;
float: left;
clear: left;
text-align: right;
white-space: nowrap;
min-width: 5em;
}
/*************************************************************************************************
Horisontal Navigation [top] */
div#nav1 {
	width: 600px;
	margin-left:70px;
	margin-top:88px;
		font-size:11px;

}
ul#nav1 {
	list-style:none;
	line-height:normal;
		font-size:11px;

}
ul#nav1 li {
	display:inline;
		font-size:11px;

}
ul#nav1 a {
	float:left;
	/* [top] [right] [bottom] [left] */
	padding:0 0 0 0.5em;
	text-decoration:none;
	text-transform:lowercase;
		font-size:11px;

	
}
ul#nav1 a span {
	float:left;
	display:block;
	padding:0.4em 1.5em 0.4em 1.1em;
	color:#333333;
		font-size:11px;
}
	  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
ul#nav1 a span {float:none;}
/* End IE5-Mac hack */

ul#nav1 a:hover, ul#nav1 a:focus, ul#nav1 a:active, ul#nav1 .active {
		background:url("/CBL/images/newgraphics/tabLeftN.png") no-repeat left top;
		background-color:#FF7302;
		font-size:11px;

}
ul#nav1 a:hover span, ul#nav1 a:focus span, ul#nav1 a:active span, ul#nav1 .active span {
	background:url("/CBL/images/newgraphics/tabRightN.png") no-repeat right top;
	color:#FFF;
		font-size:11px;

} 
/*************************************************************************************************
Horisontal Navigation [top] */
div#nav2 {
	width: 600px;
	margin-left:96px;
	margin-top:26px;
			font-size:11px;

}
ul#nav2 {
	list-style:none;
	line-height:normal;
			font-size:11px;

}
ul#nav2 li {
	display:inline;
			font-size:11px;

}
ul#nav2 a {
	float:left;
	/* [top] [right] [bottom] [left] */
	padding:0 0 0 0.5em;
	text-decoration:none;
	text-transform:lowercase;
			font-size:11px;

	
}
ul#nav2 a span {
	float:left;
	display:block;
	padding:0.4em 1.5em 0.4em 1.1em;
	color:#333333;
		font-size:11px;
}
	  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
ul#nav2 a span {float:none;}
/* End IE5-Mac hack */

ul#nav2 a:hover, ul#nav2 a:focus, ul#nav2 a:active, ul#nav2 .active {
		background:url("/CBL/images/newgraphics/tabLeftBN.png") no-repeat left top;
		background-color:#FF7302;
				font-size:11px;

}
ul#nav2 a:hover span, ul#nav2 a:focus span, ul#nav2 a:active span, ul#nav2 .active span {
	background:url("/CBL/images/newgraphics/tabRightBN.png") no-repeat right top;
	color:#FFF;
			font-size:11px;

} 
/*************************************************************************************************
Tab style (heading/title) */
h4.tab {
	/* [top] [right] [bottom] [left] */
	padding:0em;
	padding:3px 0 4px 18px;
	background:url("../images/tabLeftSub.png") no-repeat left top;
}
h4.tab span {
	padding:0em;
	padding:4px 18px 5px 0;
	background:url("../images/tabRightSub.png") no-repeat right top;
	background-color:#ff7302;
	color:#fff;
	font-size:12px;
	text-transform:lowercase;
	text-decoration:none;
	font-weight:normal;
}
.tab span a {
	text-decoration:none;
	color:#fff;
}