/*************************************************************************
	Skills Third Sector
	MODULE: 	global.css
	PURPOSE:	all rules for site
*************************************************************************/

/* Notes on section colour coding:

Classes should be applied to the BODY element to set the section that
you're currently in. This class is then used to set the section specific
colour coding accordingly. The classes are:

.sechome:		Home
.secqt:			Qualifications & Training
.sectna:			Training Needs Analysis
.secnos:			National Occupational Standards
.secrp:			Research & Policy
.secpress:		News & Press
.secabout:		About the Sector
.secmedia:		Media Library

The top navigation bar has its colours and positioning all set in the
#nav rule block below, keeping it all in one place

Other section specific colour coding is to be found in the file COLOURS.CSS

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

/* Auto float clearing for compliant browsers
   Apply class to elements that require it -- note the fix for IE is
	different and contained in the IE stylesheets. This is a safety net
	to avoid applying "height:1%" in the global styles in cases where
	you might not want that */

#masthead:after,
.clearfix:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

/* Skip links
*************************************************************************/
#skip {
	font-size:0.80em;
}
#skip a,#skip a:visited {
	color:#0AB6CC;
	text-decoration:none;
	position:absolute;
	left:-1000em;
	top:0;
}
#skip a:visited:hover,#skip a:hover,#skip a:focus {
	color:#526568;
	text-decoration:underline;
	left:0;
}

/* General Rules and classes
*************************************************************************/
html {
	font-size:100%;
}
body {
	color:#666;
	background:#EFEFEF;
	margin:0;
	padding:0;
}
#skip {
	position:absolute;
	left:-1000em;
}
.right,
.floatright {
	float:right;
	text-align:right;
}
.left,
.floatleft {
	float:left;
	text-align:left;
}
.alignright {
	text-align:right;
}
.alignleft {
	text-align:left;
}
.clear,
#pagetop {
	display:block;
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
}
.clearleft {
	clear:left;
	height:0;
	font-size:0;
	line-height:0;
}
.clearright {
	clear:right;
	height:0;
	font-size:0;
	line-height:0;
}
.greyed {
	color:#aeadad;
	}


/* Layout (sizes / floats / positions of main elements)
*************************************************************************/
.inner {
	width:962px;
	margin:0 auto;
}
#midwrap {
	clear:both;
	width:962px;
	margin:0 auto 46px;
	padding:0;
	background:#FFF url(../site_images/bg-midwraptile-749.png) repeat-y;
}
#midwrap.wide {
	background:#FFF url(../site_images/bg-midwraptile-962.png) repeat-y;	
}
#main {
	float:left;
	width:749px;
	padding-bottom:30px;
	border-bottom:none;
}
#content {
	margin:0 0 0 30px;
}

/*** Content / Sidebar for pages with left hand nav ***/

#content.narrow {
	float:left;
	width:460px;
}
#contentside {
	float:left;
	width:200px;
	margin:0 0 0 25px;
}

/*** Content / Sidebar for full width pages with no left nav ***/

#midwrap.wide #main {
	float:none;
	width:962px;
	margin:0;
	background:none;
}
#midwrap.wide #content {
	float:left;
	width:660px;
}
#midwrap.wide #contentside {
	width:205px;
	margin:0 0 0 40px;	
}

/* Main Area / Shims
*************************************************************************/
/* Pages with a side navigation */
#main .shimtop,
#midwrap .shimbot {
	clear:both;
	position:relative;
	height:10px;
	width:749px;
	margin:0;
	font-size:0;
	background:url(../site_images/bg-sprites-shims.png) top left no-repeat;
}
#midwrap .shimbot {
	width:962px;
	background-position:0 -70px;
	margin:0;
}
/* Wide pages with no side nav -- set the .WIDE class on #MIDWRAP */
#midwrap.wide .shimtop,
#midwrap.wide .shimbot {
	width:962px;
}
#midwrap.wide .shimbot {
	background-position:0 -150px;
}


/* General Content formatting
*************************************************************************/
h1,h2,h3,h4,h5,h6 {
	font: bold 1em/normal Arial,"Helvetica Neue","Helvetica",sans-serif;
	margin:0;
	padding:0;
	letter-spacing:-0.05em;
}
p {
	margin:0 0 15px;
}
ul,
ol,
dl {
	margin:0 0 0.5em 0;
	padding:0;
}
li {
	padding:0 0 0 25px;
	margin:0 0 0.5em;
}
a,a:link {
	color:#0AB6CC;
	text-decoration:none;
	padding:0 2px;
}
a:visited {
	color:#0AB6CC;
}
a:hover,
a:visited:hover {
	text-decoration:none;	
	color:#FFF;
	background-color:#0AB6CC;
}
address {
}
dl {
}
dt {
}
dd {
}
.small, small{
	font-size:0.75em;
}
.big, big, .leader {
	font-size:1.25em;
	line-height:1.4em;
}

/* Images
*************************************************************************/
img {
	border:none;
}
.imageright,
.img_right {
	float:right;
	text-align:right;
	margin:5px 5px 5px 12px;
}
.imageleft,
.img_left {
	float:left;
	text-align:left;
	margin:5px 12px 5px 5px;
}
#content img {
	border:2px solid #CCC;
}

/* Forms
*************************************************************************/
/* General rules */
form {
	margin:0;
	padding:0;
}
fieldset {
	margin:0;
	padding:0;
	border:none;
}
legend {
	display:none;
}
input,textarea {
	border:1px solid #E1E1E1;
	color:#424346;
	font: normal 1em/1.2em Arial,"Helvetica Neue","Helvetica",sans-serif;
}
button {
	border:none;
	text-align:center;
	padding:0;
	font: normal 1em/1.2em Arial,"Helvetica Neue","Helvetica",sans-serif;	
}

/* Masthead
*************************************************************************/
#masthead {
	min-height:115px;
	position:relative;
	background:#FFF;
	border-top:4px solid #592049;
	border-bottom:1px solid #E1E1E1;
	width:100%;
}
#masthead #logolink {
	float:left;
	font-size:1.6em;
	font-weight:bold;
	line-height:normal;
	color:#01A7C0;
	width:170px;
	height:85px;
	padding:0;
	margin:18px 0 0;	
	background:#FFF;
}
#masthead ul {
	float:right;
	margin:18px 0 0 0;
	padding:0 0 7px 0;
}
#masthead li {
	list-style:none;
	float:left;
	margin:0;
	padding:0;
	line-height:1;
	color:#CCC;
}
#masthead li a,
#masthead li a:visited {
	text-decoration:none;
	font: normal 0.9em/1 Arial,"Helvetica Neue","Helvetica",sans-serif;
	padding:0 5px;
	border-left:1px solid #CCC;	
}
#masthead li a:hover,
#masthead li a:visited:hover {

}
#masthead li.here a,
#masthead li.here a:visited {

}

/*** Overrides ***/

#masthead li#tnSize a,
#masthead li#tnSize a:visited,
#masthead li#tnContrast a,
#masthead li#tnContrast a:visited {
	border:none;
}
#masthead li#tnContrast {
	padding-left:16px;
	margin-left:7px;
	background:url(../site_images/bg-icons-access.png) 0 -51px no-repeat;
}
#masthead li#tnSize {
	padding-left:22px;
	background:url(../site_images/bg-icons-access.png) 0 -2px no-repeat;
}

#masthead li#tnForum a {
	border:none;
	margin-left:22px;
}
/* Search Form
*************************************************************************/		
#sitesearch {
	float:right;
	margin:30px 0 0 0;
	padding:0;
	display:block;
}
#sitesearch label {
	position:absolute;
	left:-10000em;
	margin:0 5px 0 0;
	padding:5px 0 0 0;
}
#sitesearch input {
	float:left;
	width:212px;
	height:20px;
	padding:7px 5px 5px;
	margin:0;
	background:#EEE url(../site_images/bg-formfield-search.png);
	border:none;
}
#sitesearch button {
	float:left;
	height:32px;
	width:77px;		
	margin:0 0 0 5px;
	padding:0;
	background:#592049 url(../site_images/bg-button-search.png);
	color:#FFF;
	vertical-align:top;
}

/* Primary Navigation
*************************************************************************/	
#nav {
	width:962px;
	margin:0 auto;
}
#nav ul {
	width:100%;
	clear:both;
	list-style:none;
	margin:0;
	padding:20px 0 0;
	font: normal 0.9em/normal Arial,"Helvetica Neue",Helvetica,sans-serif;
}
#nav li {
	list-style:none;
	float:left;
	margin:0 10px 0 0;
	padding:0;
	min-height:55px;
}
#nav li a,
#nav li a:visited {
	display:block;
	padding:10px 13px 0;
	min-height:45px;
	color:#FFF;
	text-decoration:none;
	line-height:normal;
	font-size:1.2em;
	font-weight:bold;
}
#nav div {
	width:100%;
	height:20px;
	font-size:0;
	background:url(../site_images/bg-sprites-connectbar.png) 0 0 no-repeat;
}

/***** Specific sizes / positions of BG images / colours *****/

#nav #navhome {
	width:101px;
}
#nav #navhome a,
#nav #navhome a:visited {
	background:#9EA91A url(../site_images/bg-sprites-navbar.png) 0 -55px no-repeat;
}
#nav #navhome.here a,
#nav #navhome.here a:visited {
	background:#9EA91A url(../site_images/bg-sprites-navbar.png) 0 -110px no-repeat;
}
#nav #navhome a:hover,
#nav #navhome a:visited:hover,
#nav #navhome.here a:hover,
#nav #navhome.here a:visited:hover {
	color:#B4C01E;
	background:#FFF url(../site_images/bg-sprites-navbar.png) 0 0 no-repeat;
}


#nav #navqt {
	width:135px;
}
#nav #navqt a,
#nav #navqt a:visited {
	background:#B30038 url(../site_images/bg-sprites-navbar.png) -111px -55px no-repeat;
}
#nav #navqt.here a,
#nav #navqt.here a:visited {
	background:#B30038 url(../site_images/bg-sprites-navbar.png) -111px -110px no-repeat;
}
#nav #navqt a:hover,
#nav #navqt a:visited:hover,
#nav #navqt.here a:hover,
#nav #navqt.here a:visited:hover {
	color:#E00046;
	background:#FFF url(../site_images/bg-sprites-navbar.png) -111px 0 no-repeat;
}


#nav #navtna {
	width:139px;
}
#nav #navtna a,
#nav #navtna a:visited {
	background:#CC6E00 url(../site_images/bg-sprites-navbar.png) -256px -55px no-repeat;
}
#nav #navtna.here a,
#nav #navtna.here a:visited {
	background:#CC6E00 url(../site_images/bg-sprites-navbar.png) -256px -110px no-repeat;
}
#nav #navtna a:hover,
#nav #navtna a:visited:hover,
#nav #navtna.here a:hover,
#nav #navtna.here a:visited:hover {
	color:#F08100;
	background:#FFF url(../site_images/bg-sprites-navbar.png) -256px 0 no-repeat;
}


#nav #navnos {
	width:186px;
}
#nav #navnos a,
#nav #navnos a:visited {
	background:#63A5B3 url(../site_images/bg-sprites-navbar.png) -405px -55px no-repeat;
}
#nav #navnos.here a,
#nav #navnos.here a:visited {
	background:#63A5B3 url(../site_images/bg-sprites-navbar.png) -405px -110px no-repeat;
}
#nav #navnos a:hover,
#nav #navnos a:visited:hover,
#nav #navnos.here a:hover,
#nav #navnos.here a:visited:hover {
	color:#74C2D2;
	background:#FFF url(../site_images/bg-sprites-navbar.png) -405px 0 no-repeat;
}


#nav #navrp {
	width:118px;
}
#nav #navrp a,
#nav #navrp a:visited {
	background:#676D72 url(../site_images/bg-sprites-navbar.png) -601px -55px no-repeat;
}
#nav #navrp.here a,
#nav #navrp.here a:visited {
	background:#676D72 url(../site_images/bg-sprites-navbar.png) -601px -110px no-repeat;
}
#nav #navrp a:hover,
#nav #navrp a:visited:hover,
#nav #navrp.here a:hover,
#nav #navrp.here a:visited:hover {
	color:#838A90;
	background:#FFF url(../site_images/bg-sprites-navbar.png) -601px 0 no-repeat;
}


#nav #navpress {
	width:102px;
}
#nav #navpress a,
#nav #navpress a:visited {
	background:#01A7C0 url(../site_images/bg-sprites-navbar.png) -729px -55px no-repeat;
}
#nav #navpress.here a,
#nav #navpress.here a:visited {
	background:#01A7C0 url(../site_images/bg-sprites-navbar.png) -729px -110px no-repeat;
}
#nav #navpress a:hover,
#nav #navpress a:visited:hover,
#nav #navpress.here a:hover,
#nav #navpress.here a:visited:hover {
	color:#01A7C0;
	background:#FFF url(../site_images/bg-sprites-navbar.png) -729px 0 no-repeat;
}


#nav #navabout {
	width:121px;
	margin:0;
	border-right:none;
}
#nav #navabout a,
#nav #navabout a:visited {
	background:#2F8D47 url(../site_images/bg-sprites-navbar.png) -841px -55px no-repeat;
}
#nav #navabout.here a,
#nav #navabout.here a:visited {
	background:#2F8D47 url(../site_images/bg-sprites-navbar.png) -841px -110px no-repeat;
}
#nav #navabout a:hover,
#nav #navabout a:visited:hover,
#nav #navabout.here a:hover,
#nav #navabout.here a:visited:hover {
	color:#3BB059;
	background:#FFF url(../site_images/bg-sprites-navbar.png) -841px 0 no-repeat;
}


/* Side Navigation (FIRST LEVEL)
*************************************************************************/
#sidenav {
	float:left;
	width:203px;
	padding:0 0 0 10px;
	margin:0;
	position:relative;
	z-index:10;
	background:url(../site_images/bg-curvedcorners-sidebot.png) left bottom no-repeat;	
}
#sidenav ul {
	width:203px;
	padding:0 0 5px 0;
	margin:0;
}
#sidenav li {
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
	width:203px;
	font-size:0.9em;
	line-height:normal;	
	background:url(../site_images/bg-curvedcorners-sidenav.png) left top no-repeat;
}
#sidenav li a,
#sidenav li a:visited {
	display:block;
	padding:8px 10px;
	color:#FFF;
	background:url(../site_images/bg-curvedcorners-sidenav.png) left bottom no-repeat;
}
#sidenav li a:hover,
#sidenav li a:visited:hover {
	text-decoration:none;
}

/* Notes on LI inverse hover states:
	Previous comments removed as they no longer apply */

#sidenav li.iehover,
#sidenav li:hover {
	background:#FFF url(../site_images/bg-curvedcorners-sidenav.png) left top no-repeat;	
}
#sidenav li.iehover a,
#sidenav li.iehover a:visited,
#sidenav li:hover a,
#sidenav li:hover a:visited {
	background:url(../site_images/bg-curvedcorners-sidenav.png) left bottom no-repeat;	
}

/* Menu items that have nested menus will show a down arrow. Usually this would be easy to set
   on the A element, but since we're using multi-background effects on both the A and LI, we
	can't do that here. Can't wait for CSS3 multi-backgrounds to go mainstream!
	
	In the mean time, nested menu items must therefore use an extra wrapping element within
	the A element.
	
	In this case, a SPAN is used and a background image applied. The BG image uses 1-bit
	transparency to allow the BG colour to show through. Colours are set in COLOURS.CSS */
	
#sidenav li a span,
#sidenav li a:visited span {
	width:100%;
	display:block;
	background:url(../site_images/bg-sprites-sidenavarrow.png) -10px center no-repeat;
}

#sidenav li:hover a span,
#sidenav li:hover a:visited span,
#sidenav li.iehover a span,
#sidenav li.iehover a:visited span {
	width:100%;
	display:block;
	background:url(../site_images/bg-sprites-sidenavarrow.png) -213px center no-repeat;
}

/* Side Navigation (SECOND LEVEL)
*************************************************************************/

/*** Ensure the selected top level LI gets the right styles (same as hover states) ***/

#sidenav ul li.here {
	margin-right:-10px;
	border-right:10px solid #FFF;
	background-color:#FFF;
	background-image:url(../site_images/bg-curvedcorners-sidenav.png);
	background-repeat:no-repeat;
}
#sidenav ul li.here a,
#sidenav ul li.here a:visited {
	background:none;
}
#sidenav ul li.here ul {
	background-color:#FFF;
	background-image:url(../site_images/bg-curvedcorners-sidenav.png);
	background-repeat:no-repeat;
}
#sidenav ul li.here a span,
#sidenav ul li.here a:visited span,
#sidenav ul li:hover a span,
#sidenav ul li:hover a:visited span {
	width:100%;
	display:block;
	background:url(../site_images/bg-sprites-sidenavarrow.png) -213px center no-repeat;
}

/*** Second level UL and sublist items ***/

#sidenav ul ul {
	margin:0;
	padding:0 0 10px 0;
	width:203px;
	background:none;
}
#sidenav ul ul li {
	padding:0 0 3px 20px;
	font-size:1em;
	margin:0;
	width:183px;
}
#sidenav ul li.here li a,
#sidenav ul li.here li a:visited {
	color:#666;
	padding:2px 0;
}
#sidenav ul li.here li.here a,
#sidenav ul li.here li.here a:visited {
	font-weight:bold;
}


/* Breadcrumbs
*************************************************************************/
#breadcrumb {
	margin:0;
	padding:10px 0 20px;
	font-size:0.85em;
}
#breadcrumb a,
#breadcrumb a:visited {
	color:#0AB6CC;
	margin:0 3px 0 0;
}
#breadcrumb a:hover,
#breadcrumb a:visited:hover {
	color:#FFF;
}
#breadcrumb span {
	padding-right:3px;
}

/* Content Area
*************************************************************************/
#content .pictop {
	width:359px;
	height:265px;
	overflow:hidden;
	position:relative;
	float:right;
	margin:-10px 0 25px 25px;
}
#content .pictop div {
	position:absolute;
	width:44px;
	height:265px;
	background:url(../site_images/bg-cutoutperson.png) no-repeat;
}
#content .pictop img {
	border:none;
	display:block;
}
h1 {
	clear:left;
	font-size:2.5em;
	line-height:1em;
	margin:0 0 0.5em 0;
}
h2 {
	color:#333;
	font-size:1.25em;
	margin:0 0 0.5em 0;
}
#content h2 {
	clear: both;
	font-size:1.4em;
	margin:1.5em 0 0.5em;
}
#content h3 {
	clear: both;
	font-size:1.1em;
	margin:1.5em 0 0.5em;
}
#content blockquote {
	margin:0 0 1.5em 0;
	padding:20px;
	border-left:5px solid #CCC;
	color:#333;
	-khtml-border-top-right-radius: 10px;
	-khtml-border-bottom-right-radius: 10px;	
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;	
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
}
#content blockquote p {
	font-size:1.20em;
	line-height:1.4em;
}
#content blockquote cite {
	font-weight:bold;
	font-style:italic;
}
#content ol {
	margin-left:20px;
}
#content ol li {
	padding:0 0 0 5px;
}
#content ul {
	list-style:none;
	list-style-image:none;
}
#content ul li {
	background-image:url(../site_images/bullets.png);
	background-repeat:no-repeat;
	background-position:2px 0;
}
/* See COLOURS.CSS for adjusted positions of coloured bullet sprite */





/* Content 4 Info Columns
*************************************************************************/
#contentlist {
	clear:both;
	margin:0 0 0 30px;
}
#contentlist div {
	float:left;
	width:153px;
	margin:0 25px 0 0;
}
#contentlist div h2 {
	color:#333;
	font-size:1.25em;
	margin:0 0 0.5em 0;		
}
/*** The following UL was previously styled as general class
		UL.ARROWLIST ****/
		
#contentlist div ul {
	list-style-image: url(../site_images/arrow-default.png);
	line-height:normal;
	margin:0 0 0 20px;
	padding:0;
}
#contentlist div ul li {
	margin:0 0 0.25em 0;
	padding:0;
}

/* Content Side bar
*************************************************************************/
#contentside {
	padding:20px 0 0 0;
}
#contentside  h2 {
	color:#666;
}
#contentside #printshare {
	margin:0 0 25px 0;
}
#contentside ul {
	list-style:none;
	margin:0 0 25px 0;
	padding:0;
}
#contentside li {
	margin:0 0 5px 0;
	padding:0;
}
#contentside li.page,
#contentside li.pdf,
#contentside li.doc,
#contentside li.media {
	padding:0 0 0 25px;
}
#contentside .adverts {
	padding:20px 0 0 0;
}
#contentside .adverts a,
#contentside .adverts a:visited,
#contentside .adverts a:hover,
#contentside .adverts a:visited:hover {
	background:none;
	padding:0;
}
#contentside .adverts img {
	display:block;
	margin:0 0 30px 0;
}


/* Buttons / Link styles
*************************************************************************/
a.buttonmore,
a.buttonmore:visited {
	width:92px;
	padding:4px 16px 0;
	margin:0 0 0 -2px;
	min-height:30px;
	display:block;
	color:#FFF;
	background:#592049 url(../site_images/bg-sprites-buttons-more.png) no-repeat;
	text-align:left;
	font-size:0.85em;
}
a.buttonmore:hover,
a.buttonmore:visited:hover {
	text-decoration:none;
}
a.subrss,
a.subrss:visited {
	display:block;
	text-align:right;
	float:right;
	font-size:0.9em;
	padding:0 2px 0 17px;
	background-image:url(../site_images/icon-rss.png);
	background-position: 2px 2px;
	background-repeat:no-repeat;
}
.arrowright {
	display:block;
	text-align:right;
	float:right;
	}
.arrowright a,
.arrowright a:visited {
	font-size:0.9em;
	padding:0 13px 0 2px;
	background-image:url(../site_images/arrow-default.png);
	background-position: 99% center;
	background-repeat:no-repeat;
}
.arrowright a:hover,
.arrowright a:visited:hover {
	background-image:url(../site_images/arrow-white.png);
}
a.download,
a.download:visited {
	width:119px;
	padding:4px 16px 0;
	margin:0 0 0 -2px;
	min-height:30px;
	display:block;
	color:#FFF;
	background:#7ECADB url(../site_images/bg-sprites-buttons-other.png) no-repeat;
	text-align:left;
	font-size:0.85em;
}
a.download:hover,
a.download:visited:hover {
	text-decoration:none;
}
.gradbuttonleft,
.gradbuttonright,
.gradbuttonleft:visited,
.gradbuttonright:visited,
.greybuttonright,
.greybuttonright:visited {
	float:left;
	display:block;
	min-height:32px;
	line-height:32px;
	width:95px;
	padding:0;
	color:#666;
	font-weight:bold;
	text-align:center;
	background-color:#F0F0F0 !important;
	background-image:url(../site_images/bg-button-greygradient.png);
	background-repeat:no-repeat;
}
.gradbuttonleft,
.gradbuttonleft:visited {
	background-position:top left;
	border-right:1px solid #E1E1E1;
}
.gradbuttonright,
.gradbuttonright:visited,
.greybuttonright,
.greybuttonright:visited {
	background-position:top right;
	border-left:1px solid #FFF;
}
.gradbuttonleft:hover,
.gradbuttonright:hover,
.gradbuttonleft:visited:hover,
.gradbuttonright:visited:hover {
	color:#0AB6CC;
}
.greybuttonright,
.greybuttonright:visited {
	background-image:url(../site_images/bg-button-greyflat.png);	
}


/* Consultation button
*************************************************************************/
.consultation {
	font: normal 0.9em/normal Arial,"Helvetica Neue",Helvetica,sans-serif;
	margin: 0px 0px 25px 0px;
	}

.consultation a {
	display: block;
	background:url(../site_images/bg-consultation-button.png) 0px 0px no-repeat;
	line-height:34px;
	font-size:1.2em;
	font-weight:bold;
	text-align: center;
	color: #fff;
	}

.consultation a:hover,
.consultation a:focus,
.consultation a:active {
	background:url(../site_images/bg-consultation-button.png) 0px -34px no-repeat;
	color:#838A90;
	}


/* Bullet icons
*************************************************************************/
li.page {
	background:url(../site_images/icon-page.png) 4px 2px no-repeat;
	}
li.pdf {
	background:url(../site_images/icon-pdf.png) 4px 2px no-repeat;
	}
li.doc {
	background:url(../site_images/icon-doc.png) 4px 2px no-repeat;
	}
li.media {
	background:url(../site_images/icon-movie.png) 4px 2px no-repeat;
	}


/* Utility Belt (grey bar with rounded corners used in News & Forum
*************************************************************************/
#content .utilitybelt {
	clear:both;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background:#EFEFEF;
	padding:0 12px;
	max-height:42px;
	line-height:42px;
	margin:0;
}
#content .utilitybelt h3 {
	color:#0AB6CC;
	font-size:1.7em;
	font-weight:normal;
	line-height:42px;	
	margin:0;
	padding:0;
	float:left;
}
#content .utilitybelt p {
	float:right;
	line-height:42px;
	font-size:0.9em;
	margin:0;
}

#content .utilitybelt p.cat-selection {
	float: left;
	}

#content .utilitybelt p.pdf,
#content .utilitybelt p.doc,
#content .utilitybelt p.xls,
#content .utilitybelt p.txt {
	float:none;
	width:100%;
	text-align:left;
	padding-left:20px;
	background:url(../site_images/icon-pdf.png) 0 center no-repeat;	
}
#content .utilitybelt p.doc {
	background:url(../site_images/icon-doc.png) 0 center no-repeat;
}
#content .utilitybelt p.xls {
	background:url(../site_images/icon-xls.png) 0 center no-repeat;
}
#content .utilitybelt p.txt {
	background:url(../site_images/icon-txt.png) 0 center no-repeat;
}


/* Category Filter
*************************************************************************/

/*** Buttons pickup the styling from the .gradbutton section above ***/

#order-by {
	float: left;
	}
	
#order-by span {
	display: block;
	float: left;
	background-image:url(../site_images/bg-button-greygradient.png);
	background-repeat:no-repeat;
	}

#order-by span.label {
	font-weight: bold;
	color:#333;
	background-color:#F0F0F0 !important;
	padding: 6px 6px 7px 12px;
	border-right:1px solid #E1E1E1;
	}
	
#order-by span.options {	
	background-position:top right;
	border-left:1px solid #FFF;
	padding: 6px 12px 7px 6px ;
	}
	
#order-by a.here {
	color:#FFF;
	background-color:#0AB6CC;
	}

#filter {
	float:right;
	width:193px;
}
#filter #filtertitle {
	width:75px;
	height:32px;
	color:#333;
}
#filter #filtertitle:hover,
#filter #filtertype:hover,
#filter #filtertitle.iehover,
#filter #filtertype.iehover {
	color:#333;
}
#filter #filtertype {
	width:116px;
	height:32px;
	color:#0AB6CC;
	font-weight:normal;
	position:relative;
	cursor:pointer;
}
#filter #filtertype span {
	padding:0 0 0 13px;
	background:url(../site_images/arrow-filter.png) left center no-repeat;
}

#filter #catmenu {
	width:117px;
	position:absolute;
	left:-1000em;
	padding:0;
	margin:0 0 0 -1px;
	list-style:none;
}
#filter #catmenu li {
	width:115px;
	border:1px solid #E1E1E1;
	border-top:1px solid #F8F8F8;
	margin:0;
	padding:0;
	background:#EFEFEF;
	text-align:left;
}
#filter #catmenu li a,
#filter #catmenu li a:visited {
	float:none;
	text-align:left;
	display:block;
	width:95px;
	padding:0 10px;
	min-height:none;
}

/*** Enable the hover effect
	  See the jquery_func.js for extra spiffiness and IE6 fix ***/

#filter #filtertype:hover #catmenu,
#filter #filtertype.iehover #catmenu {
	left:0;
}

/*** Rounded corners for last LI in browsers that support it ***/
#filter #catmenu li:last-child {
	-khtml-border-bottom-right-radius: 10px;	
	-webkit-border-bottom-right-radius: 10px;	
	-moz-border-radius-bottomright: 10px;
	-khtml-border-bottom-left-radius: 10px;	
	-webkit-border-bottom-left-radius: 10px;	
	-moz-border-radius-bottomleft: 10px;		
}
#filter #catmenu li:last-child a,
#filter #catmenu li:last-child a:visited  {
	-khtml-border-bottom-right-radius: 10px;	
	-webkit-border-bottom-right-radius: 10px;	
	-moz-border-radius-bottomright: 10px;
	-khtml-border-bottom-left-radius: 10px;	
	-webkit-border-bottom-left-radius: 10px;	
	-moz-border-radius-bottomleft: 10px;		
}

/* Category Filter + Utility Belt Section overrides (24/8/2009)
*************************************************************************/
.secpress #content h1 {
	float:left;
}
.secmedia #content h1 {
	float:left;
}

/*
.secrp #content h1 {
	float:left;
}
*/


/* Footer
*************************************************************************/
#footer {
	clear:both;
	font-size:0.85em;
	padding:105px 0 13px;
	color:#BDA6B6;
	background:#592049 url(../site_images/bg-peopletile.png) center top repeat-x;
}
#footer .inner {
	padding:0;
}
#footer ul {
	float:right;
	margin:0;
	padding:0;	
}
#footer ul li {
	float:left;
	list-style:none;
	padding:0 5px 0 0;
	margin:0 5px 0 0;
	line-height:1;	
}
#footer ul li.last {
	border:none;
}
#footer p {
	line-height:normal;
	float:left;
	margin:0;
	padding:0;
}
#footer p em {
	font-style:normal;
	color:#ED7B1F;	
}
#footer a,
#footer a:visited {
	color:#FFF;
}
#footer a:hover {
	text-decoration: underline;
	background:none;
}


/* sitemap
*************************************************************************/
#sitemap li {
	font-size: 1.4em;
	background-image: none !important;
	padding: 0;
	}

#sitemap li a,
#sitemap li a:visited {
	color:#333;
	}
	
#sitemap ul {
	margin: 0 !important;
	padding: 8px 0 0 20px !important;
	}
	
#sitemap ul li {
	font-size: 0.9em !important;
	}
	
#sitemap ul li a,
#sitemap ul li a:visited {
	color: #666; 
	}
	
	
#sitemap ul li li a,
#sitemap ul li li a:visited {
	color: #999;
	}
	
	
#sitemap a:hover,
#sitemap a:focus,
#sitemap a:active,
#sitemap li a:visited:hover,
#sitemap li a:visited:focus,
#sitemap li a:visited:active {
	color:#FFF;
	background-color:#0AB6CC;	
	}


/* page controls
*************************************************************************/
#page-controls {
	margin: 30px 0 0 0;
	}


/* RSS link
*************************************************************************/
#rss {
	background-image:url(../site_images/bg-button-greygradient.png);
	background-repeat:no-repeat;
	padding: 0 0 0 15px;
	width: 184px;
	}
	
#rss span {
	display: block;
	padding: 7px 12px 10px 0;
	background-image:url(../site_images/bg-button-greygradient.png);
	background-repeat:no-repeat;
	background-position:top right;
	}
	
#rss span a {
	display: block;
	font-weight: bold;
	background: url("../site_images/icon-feed.gif") no-repeat 4px 1px;
	line-height: 1em;
	padding: 2px 2px 3px 24px;
	}
	
#rss span a:hover,
#rss span a:active,
#rss span a:focus {
	color:#0AB6CC;	
	}


/* Anchor Lists
*************************************************************************/
.al-anchor-list {
	margin: 0 0 1em 0;
	}

.al-anchor {
	padding: 0;
	margin: 0;
	}

p.al-to-top {
	padding: 0;
	margin: 0;
	}