@charset "UTF-8";
/* CSS Document */

*{padding:0;margin:0;}

body{
	background: url(../images/adminart/squares.gif) top center repeat-y rgb(150,50,100);
	font-family: Arial, Helvetica, sans-serif;	
	color: #333;
	text-align:center;
	padding: 20px 0 0 0;
	font-size: 0.95em;
	}
p.center {	text-align:center;font-size:0.6em}

img{border:none;}
img.totheleft{float:left;margin:10px 10px 10px 0;}
img.totheright{float:right;margin:10px 0 10px 10px;}

::selection {
	background: rgb(170,90,130); /* Webkit */
	color: white;
	}
::-moz-selection {
	background: rgb(170,90,130); /*Gecko */
	color: white;
	}

a, a:hover, a:visited, a.purple {
	text-decoration:none;
	color:rgb(125,45,85);
	font-weight: bolder;
}

header p {
		font-weight:bold;
		font-size:110%;}

a:hover{
	text-decoration:underline;
	}	
	
#container {
	width: 980px;
	margin: 0 auto 40px auto;
	text-align: left;
	background-color:rgb(150,50,100);
	position: relative;
	} 
	
h1,h2,h3,h4,h5,h6,p{margin-bottom:10px;}	
	
#contained {
	width: 100%;
	margin: 0;
	padding:0;
	text-align: left;
	background-color:rgb(255,255,255);
	float:left;
	} 
	
#head, #header {
	width:980px;
	height: 110px;
	margin:0;
	padding: 0;
	background: url(../images/adminart/hubhead.gif) top left no-repeat;
	float:left;	
	}
	
#body{
	padding:10px;
	margin:0px;
	float:left;
	width: 960px;
}

#left{
	width:240px;
	float:left;
	}

.left{width:240px;float:right;}

.right{width:480px;float:right;}

.latestnews{float:left;margin-right:10px;}
.totheleft{float:left;}
.totheright{float:right;}

#logos {float:right; padding: 20px 0;width:100%; font-size: 0.8em; color: rgb(255,255,255)}
#logos img {float:right;}
#logos a{color:rgb(255,255,255)}

#right{
 width: 720px;
 float: right;
}

#top{
 width: 690px;
float: left;
margin:10px;
 font-size: 30px;
 padding: 5px;
 font-weight: bold;
 color: rgb(255,255,255);
}

#top.yellow, .narrowcolumn div.category-skills h2{
 background: url(../images/adminart/topbar_yellow.gif) rgb(255,150,0) top right;
}

#top.red, .narrowcolumn div.category-business h2  {
 background: url(../images/adminart/topbar_red.gif) rgb(205,0,0) top right;
}

#top.orange, .narrowcolumn div.category-participation h2{
 background: url(../images/adminart/topbar_orange.gif) rgb(255,100,0) top right;
}

#top.green, .narrowcolumn div.category-green h2 {
 background: url(../images/adminart/topbar_green.gif) rgb(150,205,50) top right;
}

#top.blue, .narrowcolumn div.category-women h2{
 background: url(../images/adminart/topbar_blue.gif) rgb(150,205,255) top right;
}

#top.indigo, .narrowcolumn div.category-apprenticeships h2{
 background: url(../images/adminart/topbar_indigo.gif) rgb(50,50,150) top right;
}

#top.purple{
 background: url(../images/adminart/topbar_purple.gif) rgb(150,50,100) top right;
}


#rightleft{
 width: 480px;
 float: left;
}

#main{
 width: 460px;
 float: left;
 margin:10px;
}

#main{
 width: 460px;
 float: left;
 margin:10px;
}

#wide{
 width: 700px;
 float: left;
 margin:10px;
}

#main li{padding-left: 10px;margin:0 0 10px 50px;}
#main .commentlist li{padding-left: 10px;margin:0 0 10px 0;}


#rightright{
 width: 240px;
 float: right;
}

#clear{
	clear: both;
	}
	
ul#menu {width:220px; margin: 10px;}
ul#menu a {color: rgb(255,255,255);}
ul#menu li  {padding:10px;margin-bottom:1px; list-style:none;}
ul#menu li.subred, ul#menu li.suborange, ul#menu li.subyellow, ul#menu li.subblue, ul#menu li.subgreen, ul#menu li.subindigo, ul#menu li.subpurple {margin-left:10px}
ul#menu li.subsubred, ul#menu li.subsuborange, ul#menu li.subsubyellow, ul#menu li.subsubblue, ul#menu li.subsubgreen, ul#menu li.subsubindigo, ul#menu li.subsubpurple {margin-left:20px}
ul#menu li:hover {cursor:pointer;}

ul#menu li.red {list-style:none;background: rgb(205,0,0);}
ul#menu li.red:hover {list-style:none;background: rgb(215,50,50);}
ul#menu li.red.selected {list-style:none;cursor: default;background: rgb(170,0,0);}
ul#menu li.subred {list-style:none;background: rgb(205,0,0);}
ul#menu li.subred:hover {list-style:none;background: rgb(215,50,50);}
ul#menu li.subred.selected {list-style:none;cursor: default;background: rgb(170,0,0);}
ul#menu li.subsubred {list-style:none;background: rgb(205,0,0);}
ul#menu li.subsubred:hover {list-style:none;background: rgb(215,50,50);}
ul#menu li.subsubred.selected {list-style:none;cursor: default;background: rgb(170,0,0);}

ul#menu li.orange {list-style:none;background: rgb(255,100,0);}
ul#menu li.orange:hover {list-style:none;background: rgb(255,130,50);}
ul#menu li.orange.selected {list-style:none;cursor: default;background: rgb(210,85,0);}
ul#menu li.suborange {list-style:none;background: rgb(255,100,0);}
ul#menu li.suborange:hover {list-style:none;background: rgb(255,130,50);}
ul#menu li.suborange.selected {list-style:none;cursor: default;background: rgb(210,85,0);}
ul#menu li.subsuborange {list-style:none;background: rgb(255,100,0);}
ul#menu li.subsuborange:hover {list-style:none;background: rgb(255,130,50);}
ul#menu li.subsuborange.selected {list-style:none;cursor: default;background: rgb(210,85,0);}

ul#menu li.yellow {list-style:none;background: rgb(255,150,0);}
ul#menu li.yellow:hover {list-style:none;background: rgb(255,170,50);}
ul#menu li.yellow.selected {list-style:none;cursor: default;background: rgb(210,125,0);}
ul#menu li.subyellow {list-style:none;background: rgb(255,150,0);}
ul#menu li.subyellow:hover {list-style:none;background: rgb(255,170,50);}
ul#menu li.subyellow.selected {list-style:none;cursor: default;background: rgb(210,125,0);}
ul#menu li.subsubyellow {list-style:none;background: rgb(255,150,0);}
ul#menu li.subsubyellow:hover {list-style:none;background: rgb(255,170,50);}
ul#menu li.subsubyellow.selected {list-style:none;cursor: default;background: rgb(210,125,0);}

ul#menu li.green {list-style:none;background: rgb(120,205,50);}
ul#menu li.green:hover {list-style:none;background: rgb(145,215,90);}
ul#menu li.green.selected {list-style:none;cursor: default;background: rgb(100,170,45);}
ul#menu li.subgreen {list-style:none;background: rgb(145,215,90);}
ul#menu li.subgreen:hover {list-style:none;background: rgb(175,225,130);}
ul#menu li.subgreen.selected {list-style:none;cursor: default;background: rgb(120,205,50);}
ul#menu li.subsubgreen {list-style:none;background: rgb(145,215,90);}
ul#menu li.subsubgreen:hover {list-style:none;background: rgb(175,225,130);}
ul#menu li.subsubgreen.selected {list-style:none;cursor: default;background: rgb(120,205,50);}

ul#menu li.blue {list-style:none;background: rgb(0,170,255);}
ul#menu li.blue:hover {list-style:none;background: rgb(100,205,255);}
ul#menu li.blue.selected {list-style:none;cursor: default;background: rgb(0,140,210);}
ul#menu li.subblue {list-style:none;background: rgb(100,205,255);padding-left:40px;}
ul#menu li.subblue:hover {list-style:none;background: rgb(100,205,255);}
ul#menu li.subblue.selected {list-style:none;cursor: default;background: rgb(0,170,255);}
ul#menu li.subsubblue {list-style:none;background: rgb(100,205,255);padding-left:40px;}
ul#menu li.subsubblue:hover {list-style:none;background: rgb(100,205,255);}
ul#menu li.subsubblue.selected {list-style:none;cursor: default;background: rgb(0,170,255);}

ul#menu li.indigo {list-style:none;background: rgb(50,50,150);}
ul#menu li.indigo:hover {list-style:none;background: rgb(90,90,170);}
ul#menu li.indigo.selected {list-style:none;cursor: default;background: rgb(45,45,125);}
ul#menu li.subindigo {list-style:none;background: rgb(90,90,170);}
ul#menu li.subindigo:hover {list-style:none;background: rgb(130,130,190);}
ul#menu li.subindigo.selected {list-style:none;cursor: default;background: rgb(50,50,150);}
ul#menu li.subsubindigo {list-style:none;background: rgb(90,90,170);}
ul#menu li.subsubindigo:hover {list-style:none;background: rgb(130,130,190);}
ul#menu li.subsubindigo.selected {list-style:none;cursor: default;background: rgb(50,50,150);}

ul#menu li.purple {list-style:none;background: rgb(150,50,100);}
ul#menu li.purple:hover {list-style:none;background: rgb(170,90,130);}
ul#menu li.purple.selected {list-style:none;cursor: default;background: rgb(125,45,85);}
ul#menu li.subpurple {list-style:none;background: rgb(150,50,100);}
ul#menu li.subpurple:hover {list-style:none;background: rgb(170,90,130);}
ul#menu li.subpurple.selected {list-style:none;cursor: default;background: rgb(125,45,85);}
ul#menu li.subsubpurple {list-style:none;background: rgb(150,50,100);}
ul#menu li.subsubpurple:hover {list-style:none;background: rgb(170,90,130);}
ul#menu li.subsubpurple.selected {list-style:none;cursor: default;background: rgb(125,45,85);}

ul#menu a {text-decoration:none;}

#bottom {
	width: 960px;
	float: left;
}

#intro {float:left;
		width: 345px;		
		padding:10px;
		height:260px;		
		font-size: 95%;
		margin: -290px 10px 10px 10px;
		position: relative;
		z-index: 200;
		background: rgba(255,255,255,0.9);
		cursor: default;
		}
		
#intro p:first-child {
			font-size: 110%;
}

#news {width:220px; height:340px;	margin: 10px;
}

#sigs {float:left;width:220px; height:230px; padding:0;margin:10px;background:rgb(220,220,220);overflow:hidden;
}
#events {float:right;width:220px; height:230px; padding:0;margin:10px;background:rgb(220,220,220);overflow:hidden;
}
#event {float:right;width:220px; height:150px; padding:0;margin:0;background:rgb(220,220,220);overflow:hidden;
}

#features {float:left; width:460px; height:340px; margin: 10px; overflow:hidden;background-color: rgb(150,50,100);
}

#featured {float:left; width:460px; height:500px; margin: 0;overflow:hidden;
}

.feature {width:460px; height:220px; margin: 0px; overflow:hidden;
}
.event {width:200px; height:150px; padding:10px;margin: 0; overflow:hidden;
}
.event:hover{background-color:rgb(170,90,130);cursor:pointer;}
.event:hover a{color:rgb(255,255,255);}

#b_twitter{background-image: url(../images/adminart/b_twitter.gif);}
#b_blog{background-image: url(../images/adminart/b_blog.gif);}
#b_twitter:hover{background-image: url(../images/adminart/h_twitter.gif);}
#b_blog:hover{background-image: url(../images/adminart/h_blog.gif);}

#b_resources{background-image: url(../images/adminart/b_resources.gif);}
#b_resources:hover{background: url(../images/adminart/h_resources.gif);}

#b_links{background-image: url(../images/adminart/b_links.gif);}
#b_links:hover{background: url(../images/adminart/h_links.gif);}

#b_contact{background-image: url(../images/adminart/b_contact.gif);}
#b_contact:hover{background: url(../images/adminart/h_contact.gif);}




.button {text-align:left;float: left;width:160px;padding:20px 40px 20px 20px;height:60px;font-size:26px;margin: 10px;cursor:pointer;background-color: rgb(150,50,100); color:rgb(255,255,255);}
.button a{text-decoration:none;color:rgb(255,255,255)}
.button:hover {background-color: rgb(170,90,130); }


#skills{background-image: url(../images/adminart/b_skills.gif);}
#business{background-image: url(../images/adminart/b_business.gif);}
#skills a{visibility: hidden;text-decoration:none}
#business a{visibility: hidden;text-decoration:none}
#skills:hover{text-decoration:none}
#business:hover{text-decoration:none}



.over, .news, .sig, .under, .text{float:left;padding:10px;width:200px;}
.over a, .under a{color:rgb(255,255,255);}
.bigover, .bigunder, .bigtext {float:left;padding:10px;width:440px;}
.text, .bigtext {background: rgb(255,255,255);}
.under, .over, .bigunder, .bigover{height:20px;margin:0;background: rgb(150,50,100);color:rgb(255,255,255);}

.news{height:79px;border-bottom:rgb(150,50,100) 1px solid;background:rgb(220,220,220);}
.news:hover {background:rgb(170,90,130);cursor:pointer;}

.news a{text-decoration:none}
.news:hover a {color:rgb(255,255,255);}

.sig{height:24px;border-bottom:rgb(150,50,100) 1px solid;background:rgb(220,220,220);}
.sig:hover {background:rgb(170,90,130);cursor:pointer;}
.sig a{text-decoration:none;overflow:hidden;}
.sig:hover a {color:rgb(255,255,255);}

.siga{float:left;width:200px;padding:10px;height:34px;border-bottom:rgb(150,50,100) 1px solid;background:rgb(220,220,220);}
.siga:hover {background:rgb(170,90,130);cursor:pointer;}
.siga a{text-decoration:none;overflow:hidden;}
.siga:hover a {color:rgb(255,255,255);}
ƒ
.bigger {font-size:110%;line-height:100%}
.smaller {font-size:90%;line-height:100%}
.biglet {font-size:130%;line-height:120%}


section {float: left;margin-bottom:10px; padding: 10px 0;width:100%;}
nav#contents {float:left; width: 200px; margin: 10px 10px 10px 0; padding: 10px; background: rgb(220,220,220);}
nav#contents li{padding-left: 0;margin:0 0 10px 20px;}
nav#contents ul ul{padding-left: 20px;;}
aside {float:right; width: 150px; margin: 0 0 10px 10px; padding: 10px; background: rgb(220,220,220);}
aside .totheleft{margin: 10px 10px 10px 0;}

nav.top {float:right; width:460px; margin: 0 0 10px 0; font-size: 80%; text-align: right;}

div#latest {padding:10px 0;border-top:1px solid #936;border-bottom:1px solid #936;float:left;}

ul#newsleft, ul#newsright {width:340px; margin: 10px 0 0 0;}
ul#newsright {float:right;}
ul#newsleft {padding-right:10px;float:left;border-right:1px solid #936;}
ul#newsleft li, ul#newsright li  {padding:10px;margin-bottom:1px; list-style:none;border-bottom:1px solid #936;}

#map {float:right;width: 200px; height: 220px; margin-bottom:15px; padding:0}

#right ul#partners li {display:block;float:left;list-style:none;width:120px;height:120px;padding:10px;margin:0 20px 0 0;text-align:center;font-weight:bold;font-size:90%;}
#right ul#partners li:hover{cursor:pointer;}
#right ul#partners li.end {margin:0 0 0 0;}

.bigger {font-weight:bold;font-size:120%;}

#main img.avatar {float:right;margin:5px;}

/* twitter */

#tweets {background: url(/images/adminart/twitter.jpg) top left no-repeat; width: 220px; margin: 10px; height:250px;float:left;}
#twitter div {margin:10px;height:130px;width:200px;padding:0;color:white;text-align:center;float:left;overflow:hidden;}

#crumbs {margin:10px;}

blockquote {padding-left:20px;}

#newfeatures{ width: 700px;float: right;height:300px;margin:10px;overflow:hidden;}
#new2features{ width: 700px;float: right;height:300px;background:rgb(150,50,100);cursor:pointer;}


#gallery {width:450px;padding:0;margin:10px;}
#gallery img {margin: 0 5px 10px 5px;float:left;}
#gallery p {float:left;font-size:0.8em;width:100%;text-align:right;}
.picture {width:140px;padding:10px;color:white;font-size:0.8em;margin:10px 0;}
.picture img {margin-bottom:10px;}
.picture.totheleft{float:left;margin-right:10px;}
.picture.totheright{float:right;margin-left:10px;}