/*

 C1B49A
 ECE7E1
*/

@import "reset.css"; /* Reset all */

body {
	background: url(images/main-bg.png) repeat-x #BDD73C;
	font-family: Georgia, serif;
}

a {
	color: black;
	font-weight: bold;
	text-decoration: none; 
}

#container {
	position: relative;
	margin: 90px auto 0 15px;
	background: url(images/content-bg.png) no-repeat bottom;
	width: 870px;
	height: 490px;
}

/* Header */

#header {
	position: absolute;
	left: 20px;
	top: 70px;
}

#header a {
	display: block;
	width: 150px;
	height: 84px;
	overflow: hidden;
	text-indent: -5000px;
}

/* Navigation */

#navigation {
	position: absolute;
	left: 170px;
	top: 0px;
	width: 650px;
	height: 60px;
}

#navigation li {
	float: left;
	list-style: none;
}


	#navigation .nav_11 a {
		display: block;
		width: 109px;
		height: 35px;
		overflow: hidden;
		text-indent: -5000px;
 		background: url(images/nav/whats-the-story.png);
	}

	.nav_12 a {
		display: block;
		width: 116px;
		height: 35px;
		overflow: hidden;
		text-indent: -5000px;
 		background: url(images/nav/the-time-is-right.png);
	}
	
	.nav_13 a {
		display: block;
		width: 130px;
		height: 35px;
		overflow: hidden;
		text-indent: -5000px;
 		background: url(images/nav/what-goes-around.png);
	}
	
	.nav_14 a {
		display: block;
		width: 164px;
		height: 35px;
		overflow: hidden;
		text-indent: -5000px;
 		background: url(images/nav/hows-this-all-work.png);
	}
	
	.nav_15 a {
		display: block;
		width: 207px;
		height: 31px;
		overflow: hidden;
		text-indent: -5000px;
 		background: url(images/nav/where-do-we-go-from-here.png);
	}
	
	.nav_16 a {
		display: block;
		width: 197px;
		height: 31px;
		overflow: hidden;
		text-indent: -5000px;
 		background: url(images/nav/whats-in-it-for-org.png);
	}
	
	.nav_17 a {
		display: block;
		width: 161px;
		height: 31px;
		overflow: hidden;
		text-indent: -5000px;
 		background: url(images/nav/whats-in-it-for-citizens.png);
	}
	
	.nav_18 a {
		display: block;
		width: 79px;
		height: 31px;
		overflow: hidden;
		text-indent: -5000px;
 		background: url(images/nav/go-on-then.png);
	}
	
	/* Selected */
	
	#navigation .nav_11 .selected {
 		background: url(images/nav/selected/whats-the-story.png);
	}

	.nav_12 .selected {
 		background: url(images/nav/selected/the-time-is-right.png);
	}
	
	.nav_13 .selected {
 		background: url(images/nav/selected/what-goes-around.png);
	}
	
	.nav_14 .selected {
 		background: url(images/nav/selected/hows-this-all-work.png);
	}
	
	.nav_15 .selected {
 		background: url(images/nav/selected/where-do-we-go-from-here.png);
	}
	
	.nav_16 .selected {
 		background: url(images/nav/selected/whats-in-it-for-org.png);
	}
	
	.nav_17 .selected {
 		background: url(images/nav/selected/whats-in-it-for-citizens.png);
	}
	
	.nav_18 .selected {
 		background: url(images/nav/selected/go-on-then.png);
	}

/* Content */

#content {
	font-size: 11px;
	
}

#content p {
	margin: 5px 0;
	line-height: 14px;
}

#content h2:first-child + p {
	font-size: 13px;
	line-height: 15px;
}



/* main */

#main {
	position: absolute;
	left: 25px;
	top: 140px;
	width: 530px;
	height: 320px;
	overflow: auto;
}



#layout_single #main {
	height: 290px;
	width: 510px;
}

.col_1, .col_2 {
	width: 258px;
}

.col_1 {
	float: left;
}	

.col_2 {
	float: right;
}

	#layout_home #main h2 {
		width: 382px;
		height: 57px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		text-indent: -5000px;
		background: url(images/titles/home.png) no-repeat;
	}
	
	#layout_whats-the-story #main h2 {
		width: 226px;
		height: 28px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		text-indent: -5000px;
		background: url(images/titles/whats-the-story.png) no-repeat;
	}
	
	#layout_the-time-is-right #main h2 {
		width: 149px;
		height: 29px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		text-indent: -5000px;
		background: url(images/titles/the-time-is-right.png) no-repeat;
	}
	
	#layout_what-goes-around #main h2 {
		width: 364px;
		height: 29px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		text-indent: -5000px;
		background: url(images/titles/what-goes-around.png) no-repeat;
	}
	
	#layout_hows-this-all-work-then #main h2 {
		width: 164px;
		height: 28px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		text-indent: -5000px;
		background: url(images/titles/how-this-all-works.png) no-repeat;
	}
	
	#layout_where-do-we-go-from-here #main h2 {
		width: 335px;
		height: 27px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		text-indent: -5000px;
		background: url(images/titles/where-do-we-go.png) no-repeat;
	}
	
	#layout_whats-in-it-for-organisations #main h2 {
		width: 253px;
		height: 27px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		text-indent: -5000px;
		background: url(images/titles/whats-in-it.png) no-repeat;
	}
	
	#layout_whats-in-it-for-citizens #main h2 {
		width: 207px;
		height: 25px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		text-indent: -5000px;
		background: url(images/titles/citizens.png) no-repeat;
	}
	
	#layout_go-on-then #main h2 {
		width: 169px;
		height: 28px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		text-indent: -5000px;
		background: url(images/titles/how-to-get.png) no-repeat;
	}


/* Sidebar */

#sidebar {
	position: absolute;
	width: 270px;
	height: 290px;
	overflow: auto;
	left: 590px;
	top: 85px;
}

#sidebar h2 {
	width: 138px;
	height: 42px;
	margin-left: 100px;
	margin-bottom: 10px;
	overflow: hidden;
	text-indent: -5000px;
	background: url(images/titles/join-us.png);
}

#sidebar h3 {
	font-size: 12px;
}

#sidebar ul {
	list-style: square;
}

#sidebar li {
	list-style: square;
	margin: 4px 0;
	
}

/* Twitter */

#twitter {
	position: absolute;
	width: 270px;
	height: 60px;
	left: 590px;
	top: 412px;
}

/* Forms */

form h3 {
	margin-top: 10px;
}

form dl {
	margin: 10px 5px;
}

form dt {
	float: left;
}

form dd {
	margin: 5px 5px 5px 120px;
}

form dd input {
	width: 200px;
	padding: 2px;
	border: dashed black 1px;
	font-family: arial, sans-serif;	
}

form p input {
	margin: 5px 0 0 200px;
}

/* Footer */

#footer {
	position: absolute;
	left: 170px;
	top: 480px;
}

@-moz-document url-prefix(){ #main { font-size: 10px; } }

@-moz-document url-prefix(){ #content h2:first-child + p { font-size: 11px; line-height: 15px; } }

@-moz-document url-prefix(){ .col_1, .col_2 { width: 250px; } }