@import url("reset.css");
@import url("type.css");
@import url("typography.css");

 
/* Misc Styles and defaults 
-------------------------------------------- */


/* CONTAINER
----------------------------------------- */
body {
	text-align: center;
	background: #ececec;
	margin: 0 0 50px 0;
	}

.bg-container-top {
	background: #fff;
	}

.bg-container {
	background: transparent url(../images/bg-wrapper.png) repeat-x left top;
	}

.container {
	width: 972px;
	text-align: left;
	margin: 0 auto;
	position: relative;
	left: 0;
	top: 0;
	}

#Page {
	background: transparent url(../images/bg-page-fill.png) repeat-y left top;
	}

#Page .container-inner {
	background: transparent url(../images/bg-page-top.png) no-repeat left top;
	padding: 0 6px;
	}

#Layout {
	background: #fff none no-repeat left top;
	min-height: 500px;
	}
.page-normal {
	background: transparent url(../images/bg-page-normal.png) no-repeat left top;
	padding: 132px 0 0 0;
	}

/* HEADER
----------------------------------------- */
#Header h1,
#Header h2 {
	height: 98px;
	/* padding: 44px 0 17px 6px; */
	padding: 20px 0 8px 6px;
	}

/* MAIN NAVIGATION - TABS
----------------------------------------- */

#Navigation {
	height: 42px;
	padding: 6px 6px 0 6px;
	background: transparent url(../images/bg-page-mainnav.png) no-repeat left top;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	left: 0;
	top: 0;
	}
	#Navigation ul {
		line-height: 2.0265em; /*(33px)*/
		background: #464646;
		height: 42px;
		width: 960px;
		position: absolute;
		left: 6px;
		top: 6px;
		z-index: 100;
		}
	#Navigation li {
		float: left;
		font-size: 0.8125em; /* 13px */
		width: 240px;
		position: relative;
		left: 0;
		top: 0;
		}
	#Navigation li a {
		padding: 0 10px 0 18px;
		color: #fff;
		display: block;
		height: 42px;
		line-height: 42px;
		overflow: hidden;
		border-right:1px solid #fff;
		position: relative;
		left: 0;
		top: 0;
		}
	#Navigation li:last-child a {
		border-right: none;
		}
	#Navigation li a:focus,
	#Navigation li a:hover,
	#Navigation li a:active {
		background-color: #25aae1;
		}
	#Navigation li a.current,
	#Navigation li a.current:focus,
	#Navigation li a.current:hover,
	#Navigation li a.current:active,
	#Navigation li a.section,
	#Navigation li a.section:focus,
	#Navigation li a.section:hover,
	#Navigation li a.section:active {
		color: #464646;
		background-color: #fff;
		}
	#Navigation li a span {
		display: block;
		height: 42px;
		width: 240px;
		position: absolute;
		left: 0;
		top: 0;
		background: transparent none no-repeat left top;
		z-index: 300;
		}
	#Navigation li a:focus span,
	#Navigation li a:hover span,
	#Navigation li a:active span {
		background-position: left -42px;
		}
	#Navigation li a.current span,
	#Navigation li a.current:focus span,
	#Navigation li a.current:hover span,
	#Navigation li a.current:active span,
	#Navigation li a.section span,
	#Navigation li a.section:focus span,
	#Navigation li a.section:hover span,
	#Navigation li a.section:active span {
		background-position: left -84px;
		}
	#Navigation li a#mainnav-who-we-are span {
		background-image: url(../images/mainnav-who-we-are.png);
		}
	#Navigation li a#mainnav-our-projects span {
		background-image: url(../images/mainnav-our-projects.png);
		}
	#Navigation li a#mainnav-news-events span {
		background-image: url(../images/mainnav-news-events.png);
		}
	#Navigation li a#mainnav-get-involved span {
		background-image: url(../images/mainnav-get-involved.png);
		}
	#Navigation ul ul {
		left: -1px;
		top: 42px;
		display: none;
		width: auto;
		height: auto;
		border:1px solid #fff;
		border-width: 0 1px 1px 1px;
		}
	#Navigation ul ul li {
		float: none;
		width: 239px;
		}
	#Navigation ul li:hover>ul {
		display:block;
		}
	#Navigation li li a {
		border-right: none;
		height: auto;
		line-height: 1.5;
		padding: .7em 10px .7em 18px;
		}
	#Navigation li:last-child ul {
		border-right: none;
		}
	#Navigation li:last-child ul li {
		width: 240px;
		}
	#Navigation li:first-child ul {
		left: 0;
		border-left: none;
		}

    
/* BREADCRUMBS
----------------------------------------- */

#Breadcrumbs {
	position: absolute;
	left: 26px;
	top: 115px;
	width: 700px;
	height: 27px;
	background: #ebebeb;
	text-transform: uppercase;
	overflow: hidden;
	}
#Breadcrumbs p {
	margin: 0;
	font-size: .6875em; /* 11px */
	line-height: 2.545em; /* 27px */
	padding: 0 0 0 20px;
	color: #898989;
	}
    
/* CONTENT
----------------------------------------- */

#Content {
	background: #fff;
	min-height: 250px;
	width: 550px;
	padding: 20px 110px 40px 40px;
	margin-left: 20px;
	}

/* SIDEBAR
-------------------------------------- */

#Sidebar {
	float: right;
	width: 240px;
	margin: 74px 0 0 0;
	}
#Subnav {
	margin: 0;
	text-transform: uppercase;
	}
#Subnav ul {
	margin: 0;
	}
#Subnav li {
	margin: 0;
	padding: 0;
	font-size: .6875em; /* 11px */
	list-style-type: none;
	}
#Subnav li li {
	font-size: 1em; /* 11px */
	}
#Subnav li a {
	display: block;
	background: #464646;
	color: #fff;
	border-bottom: 1px solid #fff;
	padding: 7px 5px 7px 17px;
	}
#Subnav li a:focus,
#Subnav li a:hover,
#Subnav li a:active {
	background: #25aae1;
	}
#Subnav li a.current,
#Subnav li a.current:focus,
#Subnav li a.current:hover,
#Subnav li a.current:active {
	background: #ffffff;
	color: #464646;
	border-color: #464646;
	}
#Subnav li li a {
	background: #6b6b6b;
	padding-left: 27px;
	}

/* COMMENTS
---------------------------------------- */

.mollom-captcha {
	background: #f0f0f0;
	}
.mollom-audio-captcha {
	margin-left: 1em;
	}	
#CommentHolder ul {
	margin-left: 0;
	}
#CommentHolder li {
	background: transparent url(../images/bg-comment-left.png) no-repeat left top;
	padding-left: 40px;
	margin: 2em 0;
	list-style-type: none;
	}
#CommentHolder li p {
	background: transparent url(../images/bg-comment-right.png) no-repeat right bottom;
	padding-right: 40px;
	}
#CommentHolder li p.info {
	color: #959595;
	background: transparent;
	font-size: .923em; /* 12px */
	}
#CommentHolder .actionLinks li {
	background: transparent;
	padding-left: 0;
	margin: 0;
	}

/* SEARCH RESULTS STYLES
------------------------------------------------ */


/* SEARCH FORM 
-----------------------------------------------*/


/* MESSAGEBOXS
--------------------------------------------- */
.message {
	margin: 15px;
	padding: 5px;
	color: #979908;
	border: 1px solid #F7F8B4;
	background: #FFFFEA;
}
.middleColumn .message {
	margin: 4px 0 0 0;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	color: #DC1313;
	border: 1px solid #ffc8c6;
	background: #ffecec;
}



p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}


/* FOOTER
----------------------------------------------- */

#Footer {
	background: transparent url(../images/bg-page-bottom.png) no-repeat left bottom;
	padding: 0 6px 6px 6px;
	position: relative;
	left: 0;
	top: 0;
	text-transform: uppercase;
	}
#Footer .footer-inner {
	background: #464646;
	}
#Footer p {
	float: left;
	font-size: .75em; /* 12px */
	color: #959595;
	padding: 1em 1em;
	}
#Footer ul {
	background: #464646;
	font-size: .75em; /* 12px */
	text-transform: uppercase;
	}
#Footer ul li {
	background: #464646;
	float: left;
	}
#Footer ul li a {
	color: #fff;
	display: block;
	padding: 1em .75em;
	}
#Footer ul#FootNav li a:focus,
#Footer ul#FootNav li a:hover,
#Footer ul#FootNav li a:active {
	background-color: #25aae1;
	}
#Footer ul#FootNav li a.current,
#Footer ul#FootNav li a.current:focus,
#Footer ul#FootNav li a.current:hover,
#Footer ul#FootNav li a.current:active,
#Footer ul#FootNav li a.section,
#Footer ul#FootNav li a.section:focus,
#Footer ul#FootNav li a.section:hover,
#Footer ul#FootNav li a.section:active {
	color: #464646;
	background-color: #fff;
	}
#Footer .socialmedia {
	position: absolute;
	right: 6px;
	top: 0;
	}
#Footer .socialmedia ul {
	float: left;
	padding: 1em 15px 0 0;
	}
#Footer .socialmedia ul li a {
	margin-left: 0;
	}
#Footer .socialmedia ul li a span {
	display: none;
	}
#Footer a.rss {background-image: url(../images/ftr-icn-rss.png);}
#Footer a.vimeo {background-image: url(../images/ftr-icn-vimeo.png);}
#Footer a.youtube {background-image: url(../images/ftr-icn-youtube.png);}
#Footer a.twitter {background-image: url(../images/ftr-icn-twitter.png);}
#Footer a.facebook {background-image: url(../images/ftr-icn-facebook.png);}
#Footer a.mail {background-image: url(../images/ftr-icn-mail.png);}

.credit {
	text-align: right;
	background: #ececec;
	padding: 5px 21px 0 0;
	}
.credit p {
	margin: 0;
	font-size: 12px;
	color: #BBB;
	}
.credit p a {
	color: #BBB;
	border-bottom: 1px dashed #CCC;
	}

/* Clear child floats */
.clear:after {
	display: block;
	clear: both;
	content: ".";
	visibility: hidden;
	height: 0;
	}

/* CMS integration */

#SilverStripeNavigator {
	z-index: 1000;
	}