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

body{
	
	background-color:#CAD7DD;
	margin:0px;
}

#container {
	width: 810px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
}
#wrapper{
	float:left;
	padding:8px 15px 0px 15px;
	background:#FFF;
}
#header {
	background-image: url(../gfx/header.jpg);
	height: 71px;
	width: 795px;
}





/* Navigation at the top of the page */


#navcont ul {
	margin: 0;
	padding: 0;
	width:790px;
	list-style-type: none;
	border-top: 1px solid #A0A0A0;
	border-bottom: 1px solid #A0A0A0;
}
#navcont li {
	padding:0px;
	margin:0px;
	display:inline;
} 
#navcont a {
	display:inline-block;
	padding: 5px 7.5px;
	margin:0px;
	background: #FFF;
	text-decoration: none;
	font-size:.85em;
	color:#A0A0A0;
} 
#navcont a:hover {
	background: #2F5570;
	color: #FFF;
}



/* The large banner in the centre of the home page */


#mainfocus {
	background-image: url(../gfx/main.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 755px;
	padding:15px;
	margin:10px 0;
	color:#FFF;
}
#mainfocus h1{
	font-size:1.2em;
	margin:0px;
	padding:0px;
}
#mainfocus p{
	font-size:.8em;
	width:450px;
}














/* Latest News Box on the left of the home page */


#latest_news{
	width:225px;
	height:300px;
	background:#CBDEE5;
	float:left;
	margin-bottom:10px;
}
#latest_news h2{
	padding:3px;
	padding-left:15px;
	margin:0px;
	width:207px;
	height:21px;
	font-size:1em;
	color:#FFF;
	background-image:url(../gfx/feed_top.jpg);
}
#latest_news h3{
	padding:15px;
	margin:0px;
	font-size:.85em;
}
#latest_news p{
	margin:0px;
	padding:0px 15px;
	font-size:.8em;
}
#latest_news a {
	text-decoration:none;
	color:#000000;
}













/* The BBC style rollover li's and image change on the homepage */


#featcont a{
	color:#000000;
	text-decoration:none;
}
#featcont ul {
	display: inline;
	padding:0px;
	float:left;
	margin: 0px;
}
#featcont li {
	list-style-type: none;
	padding:10px;
	height: 80px;
	width: 180px;
}
#featcont li.one{
	background-color:#E0EDF0;
}
#featcont li.two{
	background-color:#CADEE5;
}
#featcont li.three{
	background-color:#ADCFD8;
}
#featcont .feat_img {
	inherit:none;
	padding:0px;
	background-image: url(../gfx/membership_image.jpg);
	height: 300px;
	width: 345px;
	float: left;
	margin-left:15px;
}
#featcont h2{
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	font-size:1.2em;
}
#featcont p{
	margin:0px;
	padding:0px;
	font-size:.85em;
}







/* Navigation at the bottom of the page */



#footer {
	height: 70px;
	width:785px;
	clear: left;
	background-image: url(../gfx/footer.jpg);
}
#footer ul {
	display: inline;
	padding: 0px;
}
#footer li {
	display: inline;
	list-style-type: none;
}
#footer li a {
	font-size: 0.7em;
	color: #FFFFFF;
	padding: 6px;
	text-decoration: none;
}
#nav-btm {
	margin-left: 100px;
	padding-top: 23px;
}










/* The main content of the site on all pages apart from the homepage */

#maincontent h1 {
	background-image: url(../gfx/page_title_slice.jpg);
	background-repeat: repeat-x;
	float: left;
	height: 275px;
	width: 165px;
	margin-top:10px;
	padding: 10px;
	margin-right: 15px;
	color: #FFFFFF;
	font-size: 1.4em;
}
#maincontent #floatleft {
	float: left;
	width: 590px;
}
#maincontent h2 {
	font-size: 1.2em;
}
#maincontent p, #maincontent li {
	font-size: .85em;
}
#maincontent img.pestle {
	padding:0 10px;
}
#maincontact a{
	color:#336600;
}






/* This is the awesome slide effect amazingness on the events page - Yes, I am an awesome developer! */

#eventlist ul {
	float: left;
	width: 580px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
 
#eventlist li {
	font-size:.9em;
	float: left;
	margin:2px;
	padding:3px;
	background:#E0EDF0;
}
#eventlist li[class^='evdate'] {
	clear:left;
	width:64px;
} 
#eventlist li[class^='evname'] {
	width:208px;
} 
#eventlist li[class^='evloc'] {
	width:92px;
} 
#eventlist li[class^='evregion'] {
	width:87px;
}
#eventlist li[class^='evmore'] {
	width:70px;
	font-size:.7em;
	cursor:pointer;
	color:#FFF;
	background-color:#889BAA;
}
#eventlist li.evblank {
	width:75px;
	background-color:#FFF;
}
#eventlist li[class^='sum'] {
	display:none;
	width:100%;
}
#eventlist li[class$='top'] {
	background-color:#CBDEE5;
}
h3 {
	font-size: 1em;
}
#floatleft a {
	color: #305570;
	font-weight: bold;
	text-decoration: none;
}






/* News Page Styling */

h2.newsh2 {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.date {
	font-size: 75% !important;
	margin-top: 0px;
	padding-top: 0px;
}
p.divider {
	height: 25px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #889BAA;
}



/* Support Page Styling */

a.mentoring, a.returnprac, a.cpd, .PS {
	background-repeat: no-repeat;
	height: 40px;
	width: 290px;
	display: block;
	padding-top: 20px;
	padding-left: 270px;
	font-size: 1.4em;
	color: #FFFFFF !important;
}
a.mentoring {
	background-image: url(../gfx/support_mentor.jpg);
}
a.returnprac {
	background-image: url(../gfx/support_return.jpg);
}
a.cpd {
	background-image: url(../gfx/support_development.jpg);
}
.PS {
	background-image:url(../gfx/support4.jpg);
}


/* Weblink Styling */

p.weblink {
	text-align:right;
	}

p.weblink a{
	color: #879BAB;
	text-decoration: none;
	font-size: .7em;
}
.headingcol {
	float: left;
}



/* Extra Div */


.extradiv {
	clear: left;
	width: 185px;
}
.supportlinks {
	display: inline;
	margin:0px;
	padding:0px;
}
.supportlinks li {
	list-style-type: none;
	margin:0px;
	padding:0px;
	margin: 1px;
}
.supportlinks a {
	padding: 5px;
	display: block;
	background-color: #798C9B;
	color: #FFFFFF;
	text-decoration: none;
}
.supportlinks a:hover {
	color:#798C9B;
	background-color:#CAD7DD;
}
