/* Header */

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0px;
	padding: 0px;
	behavior: url(http://www.studyunited.org.uk/csshover.htc);
	background-image:url(images/grass.jpg)
}

#container {
	position: relative;
	top: -1px;
	width: 580px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	border: 1px solid #000000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
}

#panes {
	position: absolute;
	top: -17px;
	left: -202px;
	width: 200px;
	border: 1px solid #000000;
	background-color:#FFFFFF;
	}
	
#panes2 {
	position: absolute;
	top: -17px;
	right: -202px;
	width: 200px;
	border: 1px solid #000000;
	background-color:#FFFFFF;
	}
	

#header {
	position: relative;
	height: 116px;
}

#roundel {
	position: absolute;
	width: 96px;
	height: 96px;
	left: 0;
	top: 20px;
}

#logo_head {
	position: absolute;
	top: 20px;
	right: 98px;
	height: 88px; 
	width: 385px;
	z-index: 2;
}


#fc {
	position: absolute;
	top: 20px;
	right: 0px;
	width: 96px;
	height: 96px;
	z-index: 3;
} 

#fc img {
	width: 96px;
	height: 96px;
}


#online {
	visibility: hidden;
	position: absolute;
	top: 96px;
	right: 18px;
	width: 68px;
	height: 267px;
	z-index: 2;
}

#portal {
	visibility: hidden;
	position: absolute;
	top: 400px;
	right: 18px;
	z-index: 2;
	left: 479px;
}

#blue_grad {
	visibility: hidden;
	position: absolute;
	width: 85px;
	height: 778px;
	top: 0;
	right: 0;
	background-image:url(images/blue_grad.gif);
	background-repeat:repeat-x;
	z-index: 1;
}

div#nav {position: relative; background-color: #FFFFFF; z-index: 3; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight:bold; height: 15px; margin-top: 10px; margin-left: auto; margin-right: auto; width: 580px; border: 1px solid #000000; z-index: 4;}
div#nav ul {margin: 0; padding: 0; background: white; width: 580px;}
div#nav li {list-style: none; margin: 0; float: left; width: 145px; }
div#nav li:hover {background-color: #77A5D9;}
div#nav li.submenu {border: none;}
div#nav li.submenu:hover {background-color:#77A5D9;}
div#nav li a {display: block; text-decoration: none; width: 145px; color:#000000; border-right: 1px solid #000000;}
div#nav>ul a {width: auto; border: 0;}
div#nav ul ul {position: absolute; width: 143px; display: none; border: 1px solid;}
div#nav li li {width: 145px; border-bottom: 1px solid #000000;}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}

/* End Header*/

h1 {
	font-size: 2em;
	margin-top: 0px;
}

h2 {
	font-size: 1.75em;
	margin-top: 0px;
}

.nothing {
	margin: 0;
	padding: 0;
}


.football_list {
	margin-left: 5px;
	list-style-image: url(images/tick.png);
}

.football_list li {
		min-height: 16px;
}

.border {
	border: 1px solid #000000;
}

.noborder {
	border: 0px solid #000000;
}

.float_left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.float_right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.float_right_nb {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.float_left_nb {
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}

#content {
	position: relative;
	min-height: 675px;
	-height: 675px;
	width: 550px;
	padding: 10px 15px 10px 15px;
	font-size: 12px;
	text-align:justify;
	background-image:url(images/watermark.png);
	background-repeat: repeat-y;
}

a {
	color: #77A5D9;
}

#content a {
	text-decoration: none;
	background-color: transparent;
	font-weight: bold;
}

#content a:hover {
	text-decoration: underline;
}

#footer {
	position: relative;
	border-top: 1px solid #000000;
	font-size: 10px;
	clear: both;
}

#footer p {
	padding: 0;
	margin: 0;
}

.border_box {
	margin-top: 10px;
}

.border_box h2 {
	border: 1px solid #000000;
	background-color: #77A5D9;
}

.border_box p {
	padding: 10px;
	
}

.nowrap {
	white-space: nowrap;
}

.clear {
	clear: both;
}

.uppercase {
	text-transform: uppercase;
}

.no_bullets {
	list-style: none;
}

blockquote {
	font-style:italic;
	margin: 5px 0 0 0;
	padding: 0;
}

/*News*/

.captioned_image{
	text-align: center;
	float: right;
	padding: 0 0 10px 10px;
	border: 0;
}

.captioned_image p {
	width: 200px;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
}

.captioned_image img {
	border: 1px solid #000000;
}

/* Pockets */

.pocket {font-size: 10px; overflow:hidden; width: 180px; padding: 90px 0 0 10px;}


.pocket ul {max-width:200px; padding: 5px; margin: 0px;}
.pocket li {min-height: 16px; padding-left: 25px; margin-bottom: 2px; list-style:none; background: url(/images/tick.png) no-repeat;}

.pocket a {text-decoration: none; border: 0;}
.pocket img {border: 0;}

#su_news {background-image:url(/images/studyunited_logo.jpg); background-repeat: no-repeat;}

#mtn {background-image:url(/images/mtn_logo.jpg); background-repeat: no-repeat;}

#picasa {background-image:url(/images/picasa_logo.jpg); background-repeat: no-repeat;}

#youtube {background-image:url(/images/youtube_logo.jpg); background-repeat: no-repeat;}

#twitter {background-image:url(/images/twitter.jpg); background-repeat: no-repeat;}

#twitter p {margin-left: 10px; margin-right: 10px;}

/* Page Specifics */

.learning_programmes {
	clear: both;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
	background-image:url(../images/learningprogrammes/pfs.gif)
}

.learning_programmes h3 {
	padding: 0;
	margin: 0;
}

.theteam {
	border-color: #000000;
	background-image:url(../images/blue_grad.gif);
	background-repeat:repeat-x;
	border-width: 1px;
	border-style: solid;
	margin-bottom: 10px;
	padding: 10px 10px 10px 10px;
	color:#000000;
}

.theteam a {
	color: #FFFFFF;
}

.theteam h2, h3, h4 {
	margin: 0;
}

#contact-numbers ul {
	margin: 0;
	padding: 0;
	left: 0;
	height: 20px;
}

#contact-numbers li {
		float: right;
		list-style:none;
		margin: 0;
		padding: 0;
}

#breadcrumbs {
	height: 1.5em;
	margin: 5px 0 10px 0;
	padding: 0;
	border-top: 1px black dotted;
	border-bottom: 1px black dotted;
}

#breadcrumbs ul {
	margin: 0;
	padding: 0;
}

#breadcrumbs li {
	float: left;
	list-style: none;
	padding: 0 2px 0 0;
	margin: 0;
}

/* Feedback Section */

.feedback_section {
	border: 1px solid black;
	width: 263px;
	height: 200px;
	line-height: 200px;
	text-align: center;
	float: left;
	margin: 0 5px 10px 5px;
}

.feedback_section h3 {
	font-size:1.75em;
} 

.feedback_section a {
	text-decoration: none;
	display: block;
}

.feedback_section a:hover {
	font-weight:bolder;
	background-color:#CCCCCC;
	text-decoration: none;
}

a#cyp:hover {
color: #FFFFFF;
background-image:url(../feedback/pfs/cyp.jpg);
text-decoration: none;
}


a#rfs:hover {
color: #FFFFFF;
background-image:url(../feedback/rfs/rfs.jpg);
text-decoration: none;
}
	
a#corus:hover {
	color: #FFF;
background-image:url(../feedback/corusstem/corus-goal-challenge.jpg);
text-decoration: none;
}

a#doubleclub:hover {
color: #FFF;
background-image:url(feedback/doubleclub/doubleclub.jpg);
text-decoration: none;
}

a#iie:hover {
color: #000;
background-image:url(feedback/iie/iie.jpg);
text-decoration: none;
}

a#greenstem:hover {
color: #FFF;
background-image:url(../feedback/greenstem/greenstem.jpg);
text-decoration: none;
}

a#school:hover {
color: #FFFFFF;
background-image:url(../feedback/school-staff.jpg);
}

a#parent:hover {
color: #FFFFFF;
background-image:url(../feedback/parent.jpg);
}

a#dayevent:hover {
background-image:url(../feedback/day.jpg);
}

/* vCard formatting
..................................*/

.stafflist {
	margin:0;
	padding: 0;
}

.vcard {
	clear: left;
	border-bottom: 1px dotted black;
	margin-bottom:10px;
	list-style: none;
	margin-left:0;
	padding-left: 0;
}

.vcard img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: black solid 1px;
}

.email, .tel {
	margin-bottom: 5px;
}

.hide {
	display: none;
}

/* VOLUNTEER PROFILES */

#volunteers ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#volunteers li {
	float: left;
	text-align: center;
	padding: 10px;
	list-style: none;
	margin: 0;
}

#volunteers li img {
	border: 1px solid black;
}

/* FOSP */
/*
#management_committee dl {
	list-style: none;
	display: inline;
}*/

#management_committee {
	margin-bottom: 3em;
}

#management_committee dl{
	float: left;
	/*width: 520px;*/
	margin: 2em 0;
	padding: 0;
}

#management_committee dt
{
	clear: left;
	float: left;
	width: 150px;
	margin: 0;
	padding: 5px;
}

#management_committee dd
{
	float: left;
	/*width: 300px;*/
	margin: 0;
	padding: 5px;
	font-weight: bold;
}

/*#management_committee dd {
	list-style: none;
	float: left;
	display: inline;
}*/

#committee {
	margin-top: 1em;
}


#committee li {
	width: 140px;
	margin-right: 1em;
	margin-bottom: 2em;
	float: left;
}

/* MODULE TABLES */
.table-location {
	background-color:#3CF;
}

.table-module-header {
	background-color:#3C6;
}

#logo-top {
	margin-top: 1em;
}

#head-thumbs {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#head-thumbs img {
	margin-right: 6px;
	margin-bottom: 1em;
}