@charset "UTF-8";


/* onsidenorthwest.org screen CSS Document */


*	{
	margin: 0;
	padding: 0;
	}

body {
	margin: 0;
	padding: 0;
	background: #aaafb3 url(../images/bg.jpg) no-repeat top center;
	font-family: "Lucida Grande",Arial,Verdana,sans-serif;
	font-size: 62.5%;
	color: #333333;
}

h1, h2, h3 {
	margin: 5px 0 15px;
	text-indent: -9999px;
}

h1	{
	height: 1px;
	margin: 0;
	display: none;
	}
	
h2	{
	height: 37px;
	}
	
h4	{
	font-size: 1.4em;
	color: #6db738;
	border-top: 1px solid #ccc;
	padding: 20px 0 20px 0;
	width: 490px;
	}

h4.notop	{
	border-top: none;
	padding-top: 8px;
	}

p, ol, dl {
	margin-bottom: 1.6em;
	text-align:justify;
	line-height: 1.6em;
	font-size: 1.2em;
}

ul {
	margin-bottom: 1.6em;
	line-height: 1.6em;
	font-size: 1.2em;
}

a {
	border-bottom: 1px dotted #666;
	text-decoration: none;
	color: #666;
}

a:hover {
	text-decoration: none;
}


hr {
	width: 490px;
	background-color:#c6cdd1;
	color:#c6cdd1;
	border:none;
	height: 3px;
	text-align: left;
	margin: 20px 0;
}

img {
	border: none;
}

dl	{
	width: 550px;
}

dt	{
	width: 260px;
	float: left;
}

dd	{
	float: left;
	width: 200px;
}

.pinktext	{
	color: #c80b72;
	}

.bluetext	{
	color: #299de7;
	}

.greentext	{
	color: #6db738;
	}

.smalltext	{
	font-size: 0.9em;
	}

.subtext	{
	font-size: 1em;
	color:#666666;
	}
	
.floatleft	{
	float: left;
	margin: 0px 20px 8px 0px;
	}

.floatright	{
	float: right;
	margin: 0 260px 40px 15px;
	}

p.headline	{
	font-size: 25px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 28px;
	text-align: left;
	margin-bottom: 15px;
	}
	
.dateblock {
text-align: center;
width: 50px;
float: left;
margin-right: 20px;
font-family: Georgia, "Times New Roman", Times, serif;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
}
.day {
font-size: 26px;
position: relative;
top: -5px;
color: #3189df;
}
.month {
font-size: 12px;
font-weight: bold;
}
.year {
font-size: 12px;
position: relative;
top: -5px;
}

/* Header */

#header {
	width: 766px;
	height: 248px;
	padding: 0 18px 0 38px;
	margin: 0 auto;
	background: #fff url(../images/header.png) top left no-repeat;
}


/* Page */

#page {
	width: 822px;
	margin: 0 auto;
	padding: 20px 0;
	background-color: #fff;
}

/* Content */

#content {
	float: left;
	width: 746px;
	padding: 0 38px 15px 38px;
}

#content p {
	width: 490px;
}

#content ul {
	padding-left: 30px;
	
	width: 460px;
	line-height: 1.6em;
}

#content ul li {
	margin-bottom: 10px;
	padding-left: 10px;
}

#content ul li a {
	display:inline;
	color: #000;
	font-weight: bold;
	border-bottom: 1px dotted #000;
	padding-left: 0;
}

#content ul li a:hover {
	display:inline;
	color: #666;
	border-bottom: 1px dotted #666;
	font-weight: bold;
	text-decoration: none;
}

#content ul.green	{
	list-style-image: url(../images/bullet_green.gif);
	}

#content ul.blue	{
	list-style-image: url(../images/bullet_blue.gif);
	}

#content ul.pink	{
	list-style-image: url(../images/bullet_pink.gif);
	}

#content ul.pink li a	{
	font-weight: bold;
	text-decoration: none;
	border-bottom: none;
	}

#content ul.pink li a em	{
	font-weight: normal;
	font-style: normal;
	border-bottom: 1px dotted #666;
	}

#content.home {
	background: url(../images/bg_home.jpg) #fff bottom right no-repeat;
}

#content.whatwedo {
	background: url(../images/bg_whatwedo.jpg) #fff bottom right no-repeat;
}

#content.twentyfirst,#content.support {
	background: url(../images/bg_21st.jpg) #fff bottom right no-repeat;
}

#content.ledby,#content.links {
	background: url(../images/bg_ledbyyoung.jpg) #fff bottom right no-repeat;
}

#content.sustain,#content.contact {
	background: url(../images/bg_sustain.jpg) #fff bottom right no-repeat;
}

#content.currentprojects {
	background: url(../images/bg_projects.jpg) #fff bottom right no-repeat;
}

#content.team {
	background: url(../images/bg_team.jpg) #fff bottom right no-repeat;
}

#content.board {
	background: url(../images/bg_board.jpg) #fff top right no-repeat;
}

#content.contact {
	background: url(../images/bg_contact.jpg) #fff bottom right no-repeat;
}

#content.contact a {
	color: #529428;
	font-weight: bold;
}

#content.contact a:hover {
	color: #666;
}

/* Headings */

h2#home	{
	background: url(../images/h2_home.gif) no-repeat top left;
	width: 545px;
	}

h2#welcome	{
	background: url(../images/h2_welcome.gif) no-repeat top left;
	width: 210px;
	margin-top: 50px;
	}

h2#whatwedo	{
	background: url(../images/h2_whatwedo.gif) no-repeat top left;
	width: 545px;
	}
	
h2#twentyfirst	{
	background: url(../images/h2_21st.gif) no-repeat top left;
	width: 349px;
	}
	
h2#ledby	{
	background: url(../images/h2_leadby.gif) no-repeat top left;
	width: 292px;
	}
	
h2#sustain	{
	background: url(../images/h2_sustain.gif) no-repeat top left;
	width: 292px;
	}
	
h2#news	{
	background: url(../images/h2_news.gif) no-repeat top left;
	width: 292px;
	}
	
h2#currentproj	{
	background: url(../images/h2_currentprojects.gif) no-repeat top left;
	width: 229px;
	}
	
h2#team	{
	background: url(../images/h2_team.gif) no-repeat top left;
	width: 247px;
	}

h2#board	{
	background: url(../images/h2_board.gif) no-repeat top left;
	width: 225px;
	}

h2#patrons	{
	background: url(../images/h2_patron.gif) no-repeat top left;
	width: 107px;
	}

h2#links	{
	background: url(../images/h2_links.gif) no-repeat top left;
	width: 72px;
	}
	
h2#jobs	{
	background: url(../images/h2_jobs.gif) no-repeat top left;
	width: 72px;
	}
	
h2#patronscheme	{
	background: url(../images/h2_patrons.gif) no-repeat top left;
	width: 250px;
	}
	
h2#supporting_onside	{
	background: url(../images/h2_supporting_onside.gif) no-repeat top left;
	width: 256px;
	}
	
h2#contact	{
	background: url(../images/h2_contact.gif) no-repeat top left;
	width: 157px;
	}
	
h3#local_engagement	{
	background: url(../images/h3_localengagement.gif) top left no-repeat;
	width: 219px;
	height: 31px;
	}
	
h3#facilities_development	{
	background: url(../images/h3_facilities.gif) top left no-repeat;
	width: 270px;
	height: 31px;
	}
	
h3#private_sector	{
	background: url(../images/h3_privatesector.gif) top left no-repeat;
	width: 332px;
	height: 32px;
	}

h3#blackburn	{
	background: url(../images/h3_blackburn.gif) top left no-repeat;
	width: 117px;
	height: 25px;
	}
	
h3#carlisle	{
	background: url(../images/h3_carlisle.gif) top left no-repeat;
	width: 89px;
	height: 26px;
	}
	
h3#oldham	{
	background: url(../images/h3_oldham.gif) top left no-repeat;
	width: 90px;
	height: 26px;
	}
	
h3#manchester	{
	background: url(../images/h3_manchester.gif) top left no-repeat;
	width: 291px;
	height: 32px;
	}
	
	
h3#wigan	{
	background: url(../images/h3_wigan.gif) top left no-repeat;
	width: 80px;
	height: 32px;
	}
	
	
	
h3#patrons	{
	background: url(../images/h3_patrons.gif) top left no-repeat;
	width: 90px;
	height: 25px;
	}

/* navigation */

#nav	{
	float: right;
	padding: 52px 0 0 0;
	}

ul#firstnav, ul#secnav	{
	float:left;
	list-style: none;
	margin-right: 15px;
	}


ul li a	{
	color: #36434d;
	border-bottom: none;
	padding-left: 22px;
	line-height: 1.8em;
	display: block;
	width:210px;
	height: 23px;
	}
	
ul li.green a:hover,ul li.green a.selected	{
	color: #6db738;
	background: url(../images/nav_greensplodge.gif) left no-repeat;
	}
	
ul li.blue a:hover,ul li.blue a.selected	{
	color: #299de7;
	background: url(../images/nav_bluesplodge.gif) left no-repeat;
	}
	
ul li.pink a:hover,ul li.pink a.selected	{
	color: #cc2c86;
	background: url(../images/nav_pinksplodge.gif) left no-repeat;
	}

ul li.newspage a {
	background: url(../images/nav_news.jpg) top left no-repeat;
	text-transform: uppercase;
	font-weight: bold;
		}
		
ul li.newspage a:hover,ul li.newspage a.selected {
	background: url(../images/nav_news_hover.jpg) top left no-repeat;
	text-transform: uppercase;
	color: #FFFFFF;
		}
	
/* pdf link */

a.pdf	{
	height: 95px;
	width: 316px;
	background: url(../images/pdf_btn.gif) top left no-repeat;
	text-indent: -9999px;
	display: block;
	border-bottom: none;
	z-index: 2;
	margin: -70px 0 30px 240px;
	}

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

ul#jobslist	li	{
padding: 0;
	}
	
ul#jobslist	li a	{
	display: block;
	padding: 10px 10px 10px 120px;
	background: url(../images/pdf_off.jpg) top left no-repeat #e1e1e1;
	border: 1px solid #d1d1d1;
	font-weight: normal;
	width: 360px;
	height: 70px;
	}
	
ul#jobslist	li a:hover	{
	background: url(../images/pdf_on.jpg) top left no-repeat  #e6e7e8;
	border: 1px solid #d1d1d1;
	width: 100%;
	display: block;
	font-weight: normal;
	width: 360px;
	height: 70px;
	}
	
ul#jobslist2	{
	list-style: none;
	padding: 0;	}

ul#jobslist2	li	{
	padding: 0;
	}
	
ul#jobslist2	li a	{
	display: block;
	padding: 10px 10px 10px 120px;
	background: url(../images/pdf_off.jpg) top left no-repeat #e1e1e1;
	border: 1px solid #d1d1d1;
	font-weight: normal;
	width: 360px;
	height: 100px;
	}
	
ul#jobslist2	li a:hover	{
	background: url(../images/pdf_on.jpg) top left no-repeat  #e6e7e8;
	border: 1px solid #d1d1d1;
	width: 100%;
	display: block;
	font-weight: normal;
	width: 360px;
	height: 100px;
	}
	

/* table */

table	{
	border: 1px solid #6db738;
	margin: 2px 0 20px 0;
	font-size: 1.3em;
	width: 360px;
	}

td	{
	padding: 10px;
	border: 1px solid #6db738;
	}

td.numbers	{
	text-align: center;
	background: url(../images/greengrad.jpg) bottom right no-repeat;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-weight:bold;
	}

td.numberslast	{
	text-align: center;
	background-color: #6db738;
	color: #fff;
	font-weight:bold;
	background: url(../images/greengrad.jpg) bottom right no-repeat;
	}

/* footer */


#footer {
	clear: both;
	width: 822px;
	margin: 0 auto;
	padding: 30px 0 70px;
	background: url(../images/footer.gif) top left no-repeat;
}

#footer hr {
display: none;
}

#footer p {
	margin: 0;
	font-size: 1.1em;
	padding: 10px 0 0 0;
	text-align: right;
	line-height: normal;
}

#footer p a {
	color: #000;
}

#footer p a:hover {
	color: #fff;
	border-bottom: 1px dotted #fff;
}