@charset "UTF-8";
/* Agility theme for weblabs community master - nickc@web-labs.co.uk */

/*typography*/
body	{
	font-family: "Lucida Grande",Helvetica, Arial, sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center 10px;
	color:#FFFFFF;
}
h1 {
	font-size:1.7em;
	margin:0 0 0 0;
}
	#contentarea .main.fullwidth h1 { margin-bottom:.5em; }
	
	
	

h2 {
	font-size:1.6em;
	margin:1.2em 0 1.2em 0;
}
h3 {
	font-size:1.4em;
	margin:1.2em 0 1.2em 0;
}
h4 {
	font-size:1.2em;
	margin:1.2em 0 1.2em 0;
}
h5 {
	font-size:1.1em;
	margin:1.2em 0 1.2em 0;
}
h6 {
	font-size:1em;
	margin:1.2em 0 1.2em 0;
}
ol, ul, li	{
	font-size:1.0em;
	line-height:1.4em;
}
ul {	
	list-style-type:square;
}
a {}
a:link {}
a:visited {}
a:active {}
a:hover	{}
#contentarea { color:#000000; }
#contentarea .main { font-size:115%; padding-bottom:10px; }

caption	span	{
	display:block;
	margin:0;
	padding:0 0 .3em 0;
}
caption	span.heading	{
	font-size:1.6em;
	margin:.3em 0 0 0;
	font-weight:normal;
}
	
/*screen width*/
#wrapper,
#bannerarea p {
	width: 960px; 
}
#wrapper {
	margin: 0 auto 0 auto;
	color:#ffffff;
}
#wrapper .container {
	padding: 0 0 30px 0;
	clear:both;
}
#contentarea .main.fullwidth {
	padding-bottom: 10px;
	text-align:left;
}
/* layout override of strandard */
.left { width:270px; }
.right { width:190px; }
	#contentarea .left,
	#contentarea .right { padding-bottom:0px; }
	
	
.NOLEFTRIGHT .right,
.LEFTRIGHT .right { width:270px; }	
	
	
	
#contentarea .main {
	margin:0 210px 20px 285px;
}
#contentarea .main.noright {
	margin: 0 20px 10px 285px;
}
#contentarea .main.noleft {
	margin:0 285px 20px 20px;
}
#contentarea .main.leftright {
	margin:0 285px 20px 210px;
}
#contentarea .main.fullwidth {
	margin: 0 20px 10px 20px;
}



/*accessarea*/
/* override access inside banner area */
#accessarea	.nav li	a {
	font-weight:bold;
	background-image:none;
}
#accessarea	.nav ul	{
	float:left;
	padding:10px 0 10px 10px;
	color:#FFFFFF;
}
#accessarea a { color:#FFFFFF; }
.nav.access { 
	font-size:.75em;
	display:block;
	width:300px;
	margin:0 0 0 0 ;
}
.main.noleftright .nav.access { 
	font-size:1em;
}

/*sitesearch*/
/* override search box inside banner area */
.right.search { }
.sitesearch	{
	float:right;
	padding:10px 10px 5px 0;
	position:absolute;
	top:0px;
	width:240px;
	margin-left:-60px;
	text-align:right;
}
.sitesearch	label	{
	display:none;
}
.sitesearch input {
	padding:1px 4px;
	font-size:1em;
}

/*bannerarea*/
#bannerarea	{text-align:left;}
#bannerarea	img	{
	margin:0 0 0 0;
	float:left;
	
}
#bannerarea p { 
	text-align:center;
	display:block;
	text-transform:uppercase;
	font-size:1.15em;
	margin:0 0 .3em 0;
}

/*headerarea*/
/* if horizontal nav is selected */
#headerarea	.nav	{
	font-size:1.315em;
	text-transform:capitalize;
}
#headerarea .nav ul { padding:0 0 0 0; }
#headerarea	.nav a	{
	background-image:none;
}
#headerarea	.nav li { margin:0 0 0 0; padding:0 0 0 0; }
#headerarea	.nav li:first-child a { border-left:none; }
#headerarea	.nav li	a	{
	padding: 8px 38px 8px 40px;
	margin:0 0 0 0;
	display:block;
	font-weight:normal;
	text-decoration: none;
	line-height:25px;
}
#headerarea	.nav li a:hover, #headerarea .nav li a:active, #headerarea .nav li a:focus, #headerarea .nav li.selected a  {
	background-repeat: no-repeat;
	background-position: center bottom;
}
#headerarea .nav li.selected a { }

/*footerarea*/
#footerarea	{
	padding:0px 10px 0px 10px;
	margin:0 0 5px 0;
}
#footerarea	.nav { 
}

#footerarea	.nav ul	{
	float:left;
	padding:5px;
}
#footerarea	.nav li a { background-image:none; }
#footerarea	.nav {
	width:100%;
	float:left;
}

#badgesarea p { 
	color:#FFFFFF;
	margin:0 0 0 15px;
	padding:0 0 0 0;
}
#basearea { text-align:left; }
#basearea ul { 
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#basearea img {
	margin:10px 10px 10px 0;
}




/*copyimagearea*/
/* column layout for promotional teaser items */
.columns .copy h2 { font-size:1.143em; margin-bottom:.3em;} /* 16px */
.columns .copy p.date { margin-bottom:.3em;} /* 16px */
p.date { font-size:.75em; }
.copyimagearea	{
	float:left;
	width:100%;
}
.copywrap	{
	float:left;
	width:100%; 
	margin:0 -95% 0 0;
}
.copy	{
	margin:0 15px 0 100px;
}
.image	{
	float:left;
	width:100px;
	margin:20px 0 0 -5%;
}
.image	img	{
	float:left;
	border:1px solid #000;
}

blockquote { font-style:italic; font-weight:bold; margin-bottom:1em; padding:1px 15px; }



/*box*/
.box {
	width:180px;
	font-size:123%;
	padding-top:0;
	padding-bottom:19px;
	margin:0 auto 10px auto;
}
	.NOLEFTRIGHT#wrapper .left .box,
	.NOLEFTRIGHT#wrapper .right .box,
	.LEFTRIGHT#wrapper .left .box,
	.LEFTRIGHT#wrapper .right .box,
	.left .box { 
		margin:0 45px 10px 45px;
	}
	.NOLEFT#wrapper .left .box,
	.LEFTRIGHT#wrapper .left .box  { 
		margin:0 45px 10px 45px;
	}
.box h2	{
	padding:10px 0.5em 0.5em 15px;
	margin-bottom:0.5em;
	text-transform:capitalize;
	font-weight:normal;
	font-size:0.935em;
}
.box h3	{
	padding:0 0.8em 0.3em 1.2em;
	margin-top:.5em;
}
.box p	{
	/*padding:0 25px 0 15px;*/
	margin:0 15px 0 15px;
	font-size:.802em;
	padding-bottom:1em;
}
.box ul	{
	margin:0 1em 0 1em;
	padding:0 1em 0 1em;
}
.box img.imageleft	{
	margin:3px 5px 5px 15px;
	border:none;
}

/*documents*/
.box.documents	ul	{
	margin:0 0 0 0;
	padding:5px 6px 0 6px;
}

.documents li	{
	list-style-type:none;
	padding:0 0 5px 35px;
}
.box.documents li { font-size:.802em; margin-bottom:5px;}


#contentarea table ul li.pdf a,
#contentarea table ul li.word a,
#contentarea table ul li.excel a,
#contentarea table ul li.powerpoint a { padding-left:20px; display:block; }


/*polls*/
.box.polls	dl	{
	margin:10px 10px 10px 15px;
}
.box.polls	.standardform	{
	margin:10px 10px 0 10px;
}
.box.polls .formelement { margin:0px 20px 0 5px;}

/*azlist*/
.azlist	ul	{
	padding:10px 10px 0px 15px;
	margin:0;
}
.azlist	li	{
	color:#000;
}

/* prominent, plain column modules */	
.prominent {
	width:178px;
	margin:0 0 10px 0;
	padding:10px 0 0 0;
	text-align:center;
}
	.NOLEFTRIGHT#wrapper .left .prominent,
	.NOLEFT#wrapper .left .prominent,
	.NOLEFTRIGHT#wrapper .right .prominent,
	.LEFTRIGHT#wrapper .right .prominent,
	.left .prominent {
		margin:0 45px 10px 45px;
	}
.prominent img { margin:0 -18px 8px auto; float:none; }
.plain {
	width:160px;
	float:left;
	margin:0 0 10px 0;
	padding:10px;
}
	.NOLEFTRIGHT#wrapper .left .plain,
	.NOLEFT#wrapper .left .plain,
	.NOLEFTRIGHT#wrapper .right .plain,
	.LEFTRIGHT#wrapper .right .plain,
	.left .plain {
		margin:0 45px 10px 45px;
	}
.prominent ul,	
.plain ul {
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	text-align:center;
	width:160px;
}
#contentarea .prominent ul li,	
#contentarea .plain ul li { text-align:center; width:160px; }

/*pageselection*/
.pageselection	{
	margin-bottom:10px;
}



/*images*/
.imageleft,	
.imageright,	
.imagecentre,	
.image img	{
	border:1px solid #000;
}

/*forms*/
input.button {
	width:0 !important;
	padding:inherit;
	line-height:normal;
	overflow:visible;
	padding:2px 4px;
	border:1px solid;
	font-weight:bold;
	font-family:arial, helvetica, sans-serif;
	margin-right:0em;
	background-repeat: repeat-x;
	background-position: left top;
}
input.button[class] {
	width:auto !important;
}
label {
	font-weight:bold;
}




/*faq*/
.stars	{
	margin:5px 10px 15px 10px;
}

/*gallery*/
.gallery .galleryimage	{
	width:85.3%;
	height:14em;
	min-height:11em;
}
	.gallery .galleryimage p a {padding-bottom:1em; }
.gallery.categories	.galleryimage	{
	width:36%;
	height:9em;
	min-height:11em;
}

/*tables*/
/* tr and td for odd and even foound in colour modifiers */

/* over ride file type icons in centre column area */
#contentarea table { margin-top:1em;}
#contentarea .calendar table { margin:0 1px 0 1px; width:178px; }
#contentarea table td { vertical-align:top; }
#contentarea table ul li { padding:0 0 0 20px; display:block;}
#contentarea table ul li a { margin-bottom:10px; font-weight:normal;}



/*calendar*/
.calendar	{
	width:180px;
	float:left;
	padding:0 0 1.2em 0;
	margin:0 0 10px 0;
}
.calendar	caption	{
	font-size:1em;
	padding:0.5em;
	font-weight:bold;
	font-style:italic;
	font-size: 1.18em;
}
.calendar	caption	span.calendarheading	{
	display:inline;
	padding:10px;
}
.calendar	th, .calendar	td	{
	padding:2px 0 2px 0;
	text-align:center;
	font-size:0.9em;
}
.calendar	th.last,	.calendar	td.last	{
	border-right:0;
}

.calendar	a	{
	font-weight:normal;
	color:#fff;
}
.calendar	.standardform	{
	margin:0;
	padding:20px 0 0 0;
}
.calendar	.formlabel	{
	float:left;
	width:5em;
	padding:0 0 0 1.4em;
	font-size:0.9em;
}
.calendar	.formbutton	{
	padding:1em 0 0 1.4em;
}
.calendar	.standardform	select	{
	width:8em;
}


/*lead*/
.lead	{
	/* see scheme for images & colours */
}
	
/* main navigation IF in left column */
/*override core */





/*sub nav in left column*/
/* available width:270px; */
#contentarea .nav a { font-weight:normal; }

#contentarea .left .nav.sub ul { 
	width:236px; 
	padding-right:17px; 
	padding-left:17px;
}

#contentarea .left .nav.sub ul li {
	font-size:1.461em;
	width:236px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
	#contentarea .left .nav.sub ul ul { padding-bottom:1em;}
	#contentarea .left .nav.sub ul ul li {
		width:219px;
		padding:0 0 0 0;
		margin:0 0 0 0;
	}
#contentarea .left .nav.sub a {
	padding:8px 22px 8px 10px;
	/* see scheme for images & colours */
}
	#contentarea .left .nav.sub ul ul li a { padding:5px 22px 5px 10px; }
	
#contentarea .left .nav.sub a:hover	{
	/* see scheme for images & colours */
}
#contentarea .left .nav.sub li a,
#contentarea .left .nav.sub li a:hover {
	width:auto;
}



/* sub nav in right column */
#contentarea .right .nav.sub ul { 
	width:236px; 
	padding-right:17px; 
	padding-left:17px;
}

#contentarea .right .nav.sub ul li {
	font-size:1.461em;
	width:236px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
	#contentarea .right .nav.sub ul ul { padding-bottom:1em;}
	#contentarea .right .nav.sub ul ul li {
		width:219px;
		padding:0 0 0 0;
		margin:0 0 0 0;
	}
#contentarea .right .nav.sub a {
	padding:8px 22px 8px 10px;
	/* see scheme for images & colours */
}
	#contentarea .right .nav.sub ul ul li a { padding:5px 22px 5px 10px; }
	
#contentarea .right .nav.sub a:hover	{
	/* see scheme for images & colours */
}
#contentarea .right .nav.sub li a,
#contentarea .right .nav.sub li a:hover {
	width:auto;
}


/* main nav side - how its used i dont know! */
/* available width:270px; */
#contentarea .left .nav.mainnavside,
#contentarea .right .nav.mainnavside {
	font-size:1.315em;
	text-transform:capitalize;
}

#contentarea .left .nav.mainnavside ul,
#contentarea .right .nav.mainnavside ul { 
	margin:-20px 0 0 1px;
	padding:0 0 0 0;
	width:269px;
}

#contentarea .left .nav.mainnavside ul li,
#contentarea .right .nav.mainnavside ul li { 
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#contentarea .left .nav.mainnavside ul li a,
#contentarea .right .nav.mainnavside ul li a {
	padding: 8px 20px 8px 20px;
	margin:0 0 0 0;
	display:block;
	font-weight:normal;
	text-decoration: none;
	line-height:25px;
	width:228px;
}
	#contentarea .left .nav.mainnavside ul ul,
	#contentarea .right .nav.mainnavside ul ul { 
		margin-left:0;
		font-size:1em;
	}
	#contentarea .left .nav.mainnavside ul ul li a,
	#contentarea .right .nav.mainnavside ul ul li a { 
		padding: 3px 20px 3px 30px;
		width:218px;
		font-size:81.3%;
	}
		#contentarea .left .nav.mainnavside ul li ul li a:hover,
		#contentarea .left .nav.mainnavside ul li.selected ul li a:hover,
		#contentarea .right .nav.mainnavside ul li ul li a:hover,
		#contentarea .right .nav.mainnavside ul li.selected ul li a:hover { border-bottom:none; }
	
#contentarea .left .nav.mainnavside li a:hover, 
#contentarea .left .nav.mainnavside li a:active, 
#contentarea .left .nav.mainnavside li a:focus, 
#contentarea .left .nav.mainnavside li.selected a,
#contentarea .right .nav.mainnavside li a:hover, 
#contentarea .right .nav.mainnavside li a:active, 
#contentarea .right .nav.mainnavside li a:focus, 
#contentarea .right .nav.mainnavside li.selected a {
	background-repeat: no-repeat;
	background-position: center bottom;
}



/*breadcrumb*/
#breadcrumb	{
	font-size:.9em;
	margin:0 0 3px 0;
	padding:0 0 0 0;
}