/* Every Vote Counts! website */

/* CSS Document for print */

/*  -------------- main website ----------------- */

body, body#five, body#noPics {
	color:#000;
	background-color:#eee;
	padding:1em;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:0.9em;
	line-height:1.5em;
}

body#five {background-color:#f9f7ed;}

body, h1, h2, h3, h4, h5, h6, p	{font-family:Arial, Helvetica, Verdana, sans-serif;}

*	 {
	margin:0;
	padding:0;
}
	
img	{border-width:0;}

p {
	margin-bottom:10px;
	font-size:115%;
	margin-right:15px; 
}

body#noPics p, body#noPics #content ul li {margin-right:50px;}

h1 {
	line-height:1.2em;	
	letter-spacing:.5px;
	font-size:180%;
	font-weight: bold;
	margin-bottom:15px;
	padding-top:0;
	color:#242e35;
}

h2 {
	line-height:1.2em;	
	font-size:157%;
	clear:left;
	font-weight:normal;
	margin-top:27px;
	margin-bottom:17px;
	padding-top:0;
	color:#333;
	margin-left:0;
}

h3 {
	line-height:1.5em;	
	font-size:134%;
	font-weight:normal;
	clear:left;
	margin: 15px 0 5px 0;
	padding:0;
	color:#575656;
}

h4, h5, h6 {
	line-height:1.5em;
	font-size:118%;
	margin: 25px 0 5px 0;
	font-weight:bold;
	padding:0;
}

h5 {margin-top:0;}
	
ul, ol {list-style:none;}

ul li, ol li{margin-bottom:5px;}

a:link, a:visited, ul li a:link, ul li a:visited, ol li a:link, ol li a:visited	{
	color:#003399;
	text-decoration:none;
	border-bottom:1px dotted #333333;
}

ol li a:link, ol li a:visited {border-bottom:1px solid;}

.skiplink a {
	position: absolute;
	left: -1000px;
}

#wrapper, body#five #wrapper {
	text-align:left;
	min-width:550px;
	max-width:1024px;
	margin-left:auto;
	margin-right:auto;
	padding:6px 0 12px 0;
	background-color:#eee;

}

body#five #wrapper {background-color:#f9f7ed;}

#wrapInner {
	float:left;
	width:100%;
	padding:20px 0 20px 0;
	background-color:#fff;
}

#content, #contentLeaflet, #contentQuest {
	float:left;
	width:70%;
	padding:10px 5px 10px 15px; 
	margin:0;
	margin-left:20px; 
}

#contentLeaflet, #contentQuest {padding-left:0;}

#contentMain, #contentSiteMap {
	clear:left;
	padding-top:10px;
	display:block;
}

#contentSiteMap {
	padding:10px;
	margin-left:20px;
	width:auto;
}

#content ul, #contentMain ul {
	margin-top:10px;
	list-style:disc outside;
	padding:3px 3px 3px 0;
	font-size:115%;
	margin-bottom:5px;
}

#contentMain ol {
	font-size:115%;
	list-style:decimal outside;
}
	
#contentMain ol ul {font-size:100%;}

.image, .imageTwo {
	float:left;
	border:1px solid #999999;
	display:block;
	margin-right:15px;
	width:200px;
	height:150px;
	padding:0;
}

/* -- block --- */

.block, .exampleInformAudio .block, .exampleLeaflet .block, .exampleLeaflet .blockbottom, .exampleQuest .block, #exampleQuest .blockcentre, .blockLast {
	width:100%;
	min-height:180px; 
	display:block;
	clear:left;
	margin-top:20px;
}
	
.exampleInformAudio .block {
	height:auto;
	width:100%;
}

.text{
	margin-left:25px;
	margin-right:20px;
}

.block .text p {margin-top:0; margin-bottom:8px;}

.block .text h2, .block .text h3 {margin-top:0; clear:none;}

.exampleInformAudio .block .text {float:left;}

#content .block .text ul {list-style:disc inside;}

/* ---- navigation ----*/

#nav {display:none;}

/* ----------------------------------------------*/

/* ---- headers ---- */

#header {
	margin-top:2px;
 	min-height:83px;
	height:83px;
	margin-bottom:10px;
	display:block;
	border-width:0;
 }
 
#topNav {
	float:right;
	padding-bottom:5px;
	padding-top:17px;
	text-align:right;
}

div#logo  {
	float:left; 
	width:30%;
	margin-top:0;
	margin-bottom:10px;
	border-width:0;
	height:75px;
	margin-left:-6px; 
}

div#logo a:link, div#logo a:visited, div#topNav ul li div#logo a:link, div#topNav ul li div#logo a:visited  {border-bottom:none;}

#topNav ul li div#logo a {margin-left:-25px;}

#topNav ul {
	display:block;
	list-style-type:none;
	width:100%;
	margin:0;
	padding:0;
	font-size:95%;
}

div#topNav li {
	float:left; 
	font-size:1em;
}

div#topNav li a:link, div#topNav li a:visited {
	font-size:1em;
	font-weight:normal;
	color:#222222;
	border-bottom:none;
}
	
div#topNav li.packHome a:link, div#topNav li.packHome a:visited {
	padding-left:35px;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
	background:transparent url(/images/icons/pawn-small-red-top-new.png) left no-repeat;
}

div#topNav li.info a:link, div#topNav li.info a:visited {
	margin-left:6px;
	padding-left:35px;
	padding-top:10px;
	padding-bottom:10px;
	height:auto;
	display:block;
	background:transparent url(../images/icons/icon-about.png) left no-repeat;
}

div#topNav li.contact a:link, div#topNav li.contact a:visited {
	padding-left:35px;
	margin-left:6px;
	padding-top:10px;
	padding-bottom:10px;
	height:auto;
	display:block;
	background:transparent url(../images/icons/icon-contact.png) left no-repeat; 
}

/* ---- footer ---- */ 

#footer {
 	clear:both;
 	padding-top:10px;
 	padding-bottom:7px;
	padding-right:0;
	border:0;
 	width:100%;
 	display:block;
 	min-height:85px;
	height:85px;
}

#footer div#logos	{display:none;}

#footer p {
	font-size:90%;
	margin-bottom:0;
}

#footer p a:link, #footer p a:visited {color:#000;}

#footer div#logos a:link, #footer div#logos a:visited {border:none;}

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

#footer ul li {
	float:left;
	font-size:95%;
}

/* ---- top ---- */

div.goTop{display:none;}

/* ---- video and audio ---- */

h4.transcript {
	margin-top: 0;
	color:#1E607D;
}

div.player, object.player	{
	margin-right:10px;
	float:left;
}
	
.audio {
	display:block;
	float:left;
	width:72px;
	height:62px;
	background-repeat:no-repeat;
}

.audioButton {float:right;}

/* ---- blockquote ---- */

.quote	{
	margin:20px 0;
	border:1px solid #999;
	background-color:#eeeeee;
}

body#noPics .quote {margin-right:50px;}
	
.quote p {margin:15px 20px;}	

.quote p.first {text-indent: -0.3em;}

/* ---- Links ---- */	

dl {
	float:left;
	list-style:none;
	padding:0;
	width:95%;
	margin:0;
	margin-left:0;
	padding:5px;
}

dt {
	margin-top:10px;
	font-weight:bold;
	font-size:118%;
}

dd{
	font-weight:normal;
	margin-bottom:10px;
}

h3.links, h2.links {
	margin-top:0;
	padding-top:15px;
}

.vcard	{
	margin:30px;
	width:380px;
	padding:20px 20px 10px 20px;
	font-style:normal;
	border:1px dashed #999;
	clear:left;
}
	
.vcard span.title, .vcard span.adr, .vcard span.adr span, .vcard span.email, .vcard span.tel	{display:block;}
	
.vcard span.title, .vcard span.adr, .vcard span.email,/*, span.email,*/ .vcard span.tel	{margin:10px 0;}

span.given-name, span.family-name	{font-weight:bold;}

span.adr, span.email, span.tel {
	padding:5px 0 5px 40px;
	background:transparent left no-repeat;
	font-weight:normal;
	margin:5px 0 7px 10px;
}

ul#contact {
	list-style:none; 
	background-color:#eee; 
	border:1px solid #ccc; 
	padding:12px;
	width:50%;
}

ul#contact li {margin-bottom:12px;}

p span.adr {
	font-size:0.9em; 
	line-height:1.5em; 
	font-weight:normal;
}

span.adr {background:url(../images/icons/letter.gif) top left no-repeat; margin-bottom:0; padding-top:0; display:block;}

span.email	{background-image:url(../images/icons/icon-contact.gif); }
	
span.tel	{background-image:url(../images/icons/phone.gif); }

ul#contact span.email, ul#contact span.tel, ul#contact span.adr {margin-left:0;}

/* ---- sitemap ---- */

#content ul.sitemap {
	margin:0;
	margin-left:50px;
	padding-top:2px;
}

#content ul.sitemap li, #content ul.sitemap ul li, #content ul.sitemap ul li ul, #content ul.sitemap ul li ul li  {
	margin-left:10px;
	font-size:1em;
	padding-bottom:2px;
}

#content ul.sitemap ul li {font-size:90%}

#content ul.sitemap li, #content ul.sitemap ul li ul li {
	padding-top:0;
	padding-bottom:9px;
	margin-bottom:0;
}

#content ul.sitemap ul li ul {
	margin:20px;
	margin-top:10px;
	margin-bottom:0;
	padding:0;
}

#content ul.sitemap ul li ul li {
	padding-top:0;
	padding-bottom:2px;
	margin-top:0;
}

li.affects {color:#FF9900;}

li.involved {color:#000066;}

li.works {color:#390;}

li.whatis {color:#CC0000;}

li.mda {color:#501516;}

#withPics {
	float:left;
	display:inline;
	height:105px;
	width:auto;
	padding:0 0 0 100px;
	background:transparent url(../images/icons/icon-easy-words-pics.gif) left no-repeat; /*added transparent */
}

p.smallPrint {
	font-weight:bold;
	font-size:90%;
}
	
p.small {font-size:70%; font-weight:normal;}

.big {font-size:110%;}

.underline {border-bottom:1px solid #000000;}

.highlight {font-weight:bold;}

.here, .site {color:#990066;}

p.notes {
	font-weight:bold; 
	margin-top:35px;
}

ul#press {
	list-style:none; 
	margin-left:0; 
	border:1px dotted #ccc;
}
	
ul#press li {
	padding-bottom:3px; 
	padding-top:5px; 
	padding-left:0; 
	margin-left:0;
}
/* ----- five point guide ----- */

h1.aware, h2.aware, h3.aware, h1.inform, h2.inform, h3.inform, h1.involve, h2.involve, h3.involve, h1.others, h2.others, h3.others, h1.started, h2.started, h3.start,h1.words, h2.words, h3.words, h1.pictures, h2.pictures, h3.pictures, h1.layout, h2.layout, h3.layout, h1.websites, h2.websites, h3.websites, h1.format, h2.format, h3.format {
	font-weight:normal; 
	margin-left:0; 
	width:auto;
}

h1.words, h2.words, h3.words, h1.pictures, h2.pictures, h3.pictures, h1.layout, h2.layout, h3.layout, h1.websites, h2.websites, h3.websites, h1.format, h2.format, h3.format {
	padding-left:45px; 
	color:#1d99c4;
}
/* added transparent to all of these */

h1.words, h2.words, h3.words {background:transparent url(../five-point-guide/images/icons/words-large.gif) left no-repeat;}

h1.pictures, h2.pictures, h3.pictures {background:transparent url(../five-point-guide/images/icons/pictures-large.gif) left no-repeat;}

h1.layout, h2.layout, h3.layout {background:transparent url(../five-point-guide/images/icons/layout-large.gif) left no-repeat;}

h1.format, h2.format, h3.format {background:transparent url(../five-point-guide/images/icons/format-large.gif) left no-repeat;}

h1.websites, h2.websites, h3.websites {background:transparent url(../five-point-guide/images/icons/website-large.gif) left no-repeat;}

/*-----------------------------*/

#fivePic {
	float:left;
	width:100%;
	display:block;
	margin-top:10px;
	margin-bottom:22px;
}

#fivePic ul {
	display:block;
	list-style-type:none;
	text-align:center;
	margin:0;
	padding:0;
	width:100%;
	letter-spacing:0.7px;
}

#fivePic ul li {
	float:left;
	width:18%;
	min-height:65px;
	max-height:150px;
	margin-right:0;
	display:block;
	margin-left:1.8%; 
	padding-left:0;
	padding-right:0;
	border:1px solid;
	border-color: #ccc #666 #666 #ccc;
}

#fivePic ul li {padding-bottom:0; font-size:112%;}

#fivePic ul li a, #fivePic ul li a:link, #fivePic ul li a:visited, #fivePic ul li a:hover, #fivePic ul li a:focus{	
	display:block;
	min-height:65px;
	max-height:150px;
	color:#333;
	border-bottom:none;
	padding-bottom:0;
}

#fivePic ul li.inform, #fivePic ul li.informOn {
	padding-left:0;
	margin-left:-2px;
}

/* li on state */

#fivePic ul li.informOn {border:1px solid #1D99C4; padding-top:0;}

#fivePic ul li.involveOn {border:1px solid #F40003;}

#fivePic ul li.awareOn {border:1px solid #81409c;}

#fivePic ul li.othersOn {border:1px solid #FF6D00;}

#fivePic ul li.startedOn {border:1px solid #4DAC27;}


/* --- example --- */

.example, .exampleInform, .exampleInformAudio, .exampleInformVid, .exampleOthers, .exampleLeaflet {
	clear:both;
	padding:7px 23px;
	border:1px solid #ccc;
	background-color:#eee;
	margin:15px 0 15px 0;
	display:block;
}

.example:after, .exampleInform:after, .exampleInformAudio:after, .exampleOthers:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.exampleInformAudio {padding:20px;}

.exampleInformVid  {padding:7px 20px;}


h3.exInform, h4.exInform, h5.exInform, h3.exOthers, h4.exOthers, h4.exInvolve, h4.exInvolve, h3.exAware, h4.exAware  {
	color:#000000;
	padding-left:30px;
	margin:5px 0 15px 0;
	display:block;
}

h3.exInform, h4.exInform, h5.exInform  {background:transparent url(../five-point-guide/images/icons/tick-blue.gif) left no-repeat;}

h3.exOthers, h4.exOthers  {background:transparent url(../five-point-guide/images/icons/tick-orange.gif) left no-repeat;}

h3.exInvolve, h4.exInvolve  {background:transparent url(../five-point-guide/images/icons/tick-red.gif) left no-repeat;}

h3.exAware, h4.exAware  {background:transparent url(../five-point-guide/images/icons/tick-purple.gif) no-repeat 9px 12px;}

h4.example, h4.exInform h4 {
	margin-top:10px;
	font-weight:normal;
}

h4.exInform   {
	margin-right:0;
	padding-right:0;
	padding-top:0;
	width:80%;
}

.exampleInformAudio h4 {margin-top:0;}

.example .image, .example .imageTwo, .exampleInform .image, .exampleInformAudio .image, .exampleInform .imageTwo, .exampleOthers .image  {
	float:left;
	width:170px;
	height:170px;
}
 
.example .imageTwo, .exampleInform .imageTwo {float:right;} 

.example .text, .exampleInform .text, .examppleInformAudio .text, .exampleOthers .text {
	float:left;
	width:/*52%;*/48%;
	margin-left:24px;
}

.exampleInformAudio .text {width:40%;}

/* ----------------------- */

/* ---- tip ---- */

.tip, .tipInform, .tipOthers, .tipInvolve, .tipStarted, .tipAware {
	padding:7px 15px 7px 15px;
	margin:20px 0 20px 0;
	background-color:#eee;
	border:1px solid #ccc;
	width:95%;
	min-height:40px;
}

.tip {width:90%;}

.tipInvolve, .tipAware, .tipOthers {width:95%;}

.tip h3, .tip h4, .tipInform h3, .tipInform h2, .tipInform h4, .tipOthers h2, .tipInvolve h2, .tipAware h2 {
	font-size:110%;
	color:#000000;
	font-weight:bold;
	padding:3px 0 3px 30px;
	margin:0 0 5px 0;
	display:block;
}

.tip h3 {background:transparent url(../five-point-guide/images/icons/star-tip.gif) left no-repeat;}

.tipInform h3, .tipInform h2  {background:transparent url(../five-point-guide/images/icons/star-tip-blue.gif) left no-repeat;}

.tipOthers h2 {background:transparent url(../five-point-guide/images/icons/star-tip-orange.gif) left no-repeat;}

.tipInvolve h2 {background:transparent url(../five-point-guide/images/icons/star-tip-red.gif) left no-repeat;}

.tipAware h2 {background:transparent url(../five-point-guide/images/icons/star-tip-purple.gif) left no-repeat;}

/* ---- leaflet and questionnaire ---- */

#exampleLeaflet, #exampleQuest {
	margin-top:10px;
	width:550px; 
	padding:0; 
	background-color:#fff; 
	border:1px solid #333;
}

#exampleLeaflet .block, #exampleLeaflet .blockTall, #exampleLeaflet .blockbottom, #exampleLeaflet .blockLast, #exampleQuest .block {
	width:92%;
	margin-left:30px;
}
	
.blockTall {height:250px;}
	
#exampleQuest .block {
	margin-top:25px; 
	margin-bottom:30px;
}

#exampleLeaflet .blockLast {border-bottom:2px dotted #663399 ;}
	
#exampleQuest .blockcentre {
	width:88%; 
	text-align:center; 
	margin-right:50px;
}

#exampleLeaflet .block .image, #exampleLeaflet .block .imageleft, #exampleLeaflet .block .imageleftlogos, #exampleQuest .block .image, #exampleLeaflet .blockLast .image {
	float:left;
	display:block;
	margin-right:15px;
	width:120px;
	height:97px;
	padding:0;
	border:none;
}
	
#exampleLeaflet .block .imageright, #exampleLeaflet .block .imagerightlogos  {float:right;}

#exampleLeaflet .block .imagerightlogos {margin-top:20px; margin-top:60px;}

#exampleLeaflet .block .imagerightlogos .logo {float:right;}
	
#exampleLeaflet .block .text, #exampleLeaflet .blockLast .text, #exampleLeaflet .block .textleftlogos, #exampleLeaflet .block .textleft, #exampleQuest .block .text{
	float:right;
	width:60%;
	margin-left:0;
	margin-right:30px;
}
	
#exampleQuest .block .text {margin-right:0;}

#exampleQuest .blockcentre .text {width:84%;}

#exampleLeaflet .block .textleft, #exampleLeaflet .block .textleftlogos {clear:left}

#exampleLeaflet .block .textleftlogos {width:38%;}

#exampleLeaflet .block .textleft {width:69%;}

#exampleLeaflet .block .text p, #exampleLeaflet .blockLast .text p, #exampleQuest .block .text p {
	background:transparent url(../five-point-guide/images/leaflet-arrow.gif) no-repeat left;
	padding-left:90px;
	padding-top:20px;
	padding-bottom:30px;
	margin-top:0;
	font-size:115%;
}
	
#exampleQuest .block .text p {
	background:none; 
	padding-left:0; 
	font-size:105%;
}

#exampleLeaflet .block ul {margin-left:0;}

#exampleLeaflet .block ul li {font-size:103%; list-style-type:none; }
	
#leaflettop {
	background:transparent url(../five-point-guide/images/leaflet-top-border.gif) no-repeat center left;
	padding-bottom:215px;
	margin-top:0;
	padding-top:0;
}
	
#leafletbottom {
	clear:left;
	background:transparent url(../five-point-guide/images/leaflet-bottom-border.gif) no-repeat center left;
	padding-top:45px;
}
	
h1.leaflet {
	color:#fff;
	font-weight:normal; 
	width:51%; 
	height:auto;
	margin-left:26px; 
	margin-top:98px; 
	padding-bottom:20px;
	float:left; 
}

h1.leaflet span {
	color:#fff; 
	border-bottom:4px solid #feefaa; 
	font-weight:bold; 
	font-size:120%;
}

.imageleft, #exampleQuest .imageleft {
	margin-left:20px; 
	margin-top:80px; 
	float:left;
}

#exampleQuest .imageleft {margin-top:0;}

.imageright {
	float:right; 
	margin-top:30px; 
	margin-right:10px;
}

img.run, #exampleLeaflet img.run  {
	padding-top:7px; 
	display:inline; 
	margin-bottom:-8px;
}

#exampleLeaflet img.run {
	margin-bottom:-2px;
	padding-top:0; 
	padding-right:2px;
}

h1.question {
	color:#006600; 
	background-color:#CCCCCC;
	clear:left; 
	text-align:center; 
	font-size:118%;
	width:auto; 
	font-weight:bold; 
	margin-left:30px; 
	margin-right:30px;
}
	
.inform {color:#1D99C4;}

.started {color:#4DAC27;}

.aware {color:#81409c;}

.others {color:#FF6D00;}

.involve{color:#F40003;}

h1.five {font-size:90%; float:right;}

.mda {color:#501f16;}


/* ---------- pack ------------- */

body#evc, body#evcHome	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#eee;
	color:#000;
	text-align:center;
	font-size:0.8em;
	height:100%;
	width:100%;
}

*	 {
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6	{font-family:Arial, Helvetica, Verdana, sans-serif;}

body#evc h1, body#evc h2, body#evc h3, body#evc h4, body#evc h5, body#evc h6, body#evc p, body#evc ul, body#evc ol	{margin:10px 20px 20px 20px;}	
	
h1 {margin-top:22px;}

h1.supporters {margin-top:15px; }

h1.home {
	padding-left:0;
	margin-right:0;
	margin-top:50px;
	margin-left:50px;
	width:92%;
	float:left;
	font-size:205%;
	color:#000;
}

h1.help {padding-bottom:17px;}

h2.projectAboutPress, h2.projectAbout {padding-left:0;}

h2.links{ margin-bottom:10px; }

body#evc p, body#evcHome {
	font-size:110%;
	line-height:1.4em;
}

p.listIntro	{ margin-bottom:0; 	}

p.over {
	padding-top:0;
	padding-bottom:0;
	margin-top:8px;
	margin-bottom:0;
	padding-left:240px;
}

li { font-size:110%; }

ul.surveyList	{margin-top:0 !important;}

a:link, a:visited, a:hover {
	color:#000099;
	font-weight:bold;
	text-decoration:none;
}

a:visited {color:#000099; }
	
div#packTopNav ul li .here a:link, div#packTopNav ul li .here a:visited {
	color:#c00;
	text-decoration:none;
	font-weight:bold;
}

#content ul, #content ol, #contentMain ul, #contentMain ol, #contentSite ul, #contentSite ol	{padding:10px 40px 10px 30px;}	

#contentMain ul, #contentMain {
	padding:2px 5px 5px 2px;
	line-height:1.5em;
}

#content ul.contact {
	padding-top:0;
	margin-left:260px;
}

#content ul.contact li { margin:5px; }

#content li	{ margin:25px; }
	
#contentMain li { margin:10px; }

body#evc h1, body#evc h2	{
	background-color:transparent;
	background-position:top left !important;
	background-repeat:no-repeat;
	padding-left:35px;
	padding-bottom:10px;
	margin-right:10px;
}

/*-------  Home Page -----------*/

div#single.bigButtons	{margin-bottom:30px;}
	
#content ul, #content ol	{padding:10px 40px 10px 60px;}	

#content li	{margin:25px;}
	
#header, #breadcrumb img, #siteInfo img	{border-width:0;}
	
div#single.bigButtonsHomePage{
	display:block;
	background-color:#fff;
	margin:10px 0 0 0; 
	height:300px;
	width:778px;
	text-align:center;
}

div#whatIsHome, div#whatIsHomePage{
	display:block;
	border:3px solid #666;
	width:40%;
	height:210px;
	float:left;
	margin-left:50px;
	border-top-color:#ccc;
	border-left-color:#ccc;
}

div#navHomePageLinks	{
	text-align:left;
	width:218px;
	float:left;
	margin:0 50px;
	border:1px solid #fff;
	border:3px solid #666;
	border-top-color:#ccc;
	border-left-color:#ccc;
}
/*--------------*/

body#evc #nav, body#evcHome #nav {
	float:left;
	width:215px;
	padding:0;
	margin:0;
	border:2px solid #990066;
}

body#evc #nav ul, body#evcHome #nav ul{
	background-color:#ccdddd;
	border:1px solid #575656;
	padding-top:5px;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	list-style-type:none;
	margin:0;
}

body#evc #nav ul li, body#evcHome #nav ul li  {
	padding-left:5px;
	padding-bottom:7px;
	border:1px solid #ccdddd;
	border-bottom:3px solid #fff;
	margin:9px;
}

#nav ul li.last {margin-bottom:0;}
 
#nav ul li a:link, #nav ul li a:visited  {color:#242e35; font-weight:normal; border-bottom:1px dotted #666;}

/* ---- pack content starts ---- */

#heading:after, #buttons:after, #buttonsWide:after, #buttonsWider:after, #buttonsSection:after, #wrapper:after, div.block:after, div.site:after, div.blockSite:after, div.blockAffects:after, div.blockNoPic:after, div.contentRight:after, div.contentRightClean:after, .threeSections:after{
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul.supporters, ul.supportersLeft, ul.contact{
	list-style-type:none;
	background-color:#fff;
	font-size:105%;
	margin-top:0px;
}

ul.supporters {margin-left:2px;}

ul.supportersLeft {margin-left:240px;}

ul.supporters li, ul.supportersLeft li, ul.contact li{
	background:transparent url(../images/icons/dot-red.gif) center left no-repeat;
	padding-left:35px;
	margin-bottom:5px;
}

ul.supporters li, ul.supporters li.On {
	margin-top:1px !important;
	margin-bottom:5px !important;
}

ul.supporters li.on, ul.supportersLeft li.on {
	background:transparent url(/images/icons/dot-black.gif) left no-repeat;
	padding-left:35px;
}

p.supporters {
	margin-bottom:0;
	padding-bottom:0;
}

/* pack nav */

#div packNav {
	clear:left;
	width:auto;
}

/* ---- section buttons ---- */

.threeSections, .threeSections#works, .threeSections#affects, .threeSections#pol, .threeSections#voting_new, .threeSections#campaign {
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
	border-style:solid;
	border-width:3px;
	margin:0 40px 40px;
}

.threeSections#works {border: 3px solid #339900;}

.threeSections#pol {border:3px solid #4E85AE;}

.threeSections#affects {border:3px solid #FF9900;}

.threeSections#voting {border:3px solid #993399;}

.threeSections#campaign {border: 3px solid #421E5A;}

.threeSections#involved {border: 3px solid #000066}

.threeSections .last{border-right:none;}

.threeSections .first {margin-left:10px;}

.rowBottom .buttonBox  {border-top:3px solid #ccc;}

.buttonBox, .buttonBoxStory{
	width:32%;
	float:left;
	border-right:4px dotted #ccc;
	text-align:center;
	padding-bottom:20px;
}

.buttonBoxStory {
	border:3px solid #999900;
	margin-bottom:15px; 
}

.buttonBoxBig, .buttonBoxHome, .buttonBoxPackHome, .buttonBoxSupporters {
	width:47%;
	float:left;
	text-align:center;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
	border-style:solid;
	border-width:3px;
	margin:0 50px 20px 0;
}

.buttonBoxHome {margin:0 0 60px 0;}

.buttonBoxPackHome {margin:0 0 20px 50px;}

.buttonBoxSupporters {
	margin:0 50px 0 90px;
	width:27%;
}

.buttonBox a, .buttonBoxHome a, .buttonBoxPackHome a, .buttonBoxSupporters a, .buttonBoxStory a {
	display:block;
	padding-top:10px;
	padding-left:7px;
	background:transparent url(../images/icons/box-black.gif) no-repeat 7px 10px;
}

.buttonBoxHome a, .buttonBoxPackHome a {background-position:80px 10px;}

.buttonBox#affects2 a, .buttonBox#works2 a, .buttonBox#vote2 a {background-position:15px 10px;}

.buttonBox#affects1 a, .buttonBox#affects3 a, .buttonBox#affects4 a, .buttonBox#affects6 a,  .buttonBox#works3 a, .buttonBox#vote4 a, .buttonBox#vote5 a, .buttonBox#campaign1 a, .buttonBox#campaign3 a, .buttonBox#campaign4 a {background-position:30px 10px;}

.buttonBox#works4 a, .buttonBox#vote6 a,  .buttonBox#involve2 a, .buttonBox#involve3 a, .buttonBox#involve5 a, .buttonBox#involve6 a, .buttonBox#vote3 a  {
	background-position: 25px 10px;}

.buttonBox#works1 a, .buttonBox#works5 a, .buttonBox#works6 a, .buttonBox#involve1 a, .buttonBox#involve4 a, .buttonBox#campaign2 a, .buttonBox#affects5 a, .buttonBox#pol2 a, .buttonBox#pol3 a {background-position:45px 10px; }
	
.buttonBox#campaign6 a {background-position:20px 10px;}

.buttonBox span, .buttonBoxHome span, .buttonBoxPackHome span, .buttonBoxSupporters span, .buttonBoxStory span {
	display:block;
	color:#000066;
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:1.3em;
	font-weight:bold;
	min-height:2.5em;
	padding:10px 0 10px 47px;
}

.buttonBox img, .buttonBoxHome img, .buttonBoxPackHome img, .buttonBoxSupporters img, .buttonBoxStory img, .buttonBoxBig img {border:none;}

/* Politics affects */

#affects1 img {border:#D14F73 4px solid;}

#affects2 img {border:#042F28 4px solid;}

#affects3 img {border:#4280AF 4px solid;}

#affects4 img {border:#4C353B 4px solid;}

#affects5 img {border:#A11D1B 4px solid;}

#affects6 img {border:#999900 4px solid;}

#story1 {margin-left:50px;}

#story2 { 
	float:right;
	margin-right:50px;
}

#storySingle {
	border:3px solid #999900; 
	margin-left:201px; 
	margin-right:201px; 
}

/* Get involved */

#involve1 img {border: 4px solid #993399;}

#involve2 img {border: 4px solid #4E85AE;}

#involve3 img {border:4px solid #5F4700;}

#involve4 img {border: 4px solid #AD2533;}

#involve5 img {border: 4px solid #421E5A}

#involve6 img {border: 4px solid #006666}

#campaign6 {border-left:4px dotted #ccc;}

/* campaign section */

.buttonBox#campaign5, .buttonBox#campaign6{
	width:32%;
	border-right:4px dotted #ccc;
	text-align:center;
	padding-bottom:20px;
}

.buttonBox#campaign4 {clear:left;}

.buttonBox#campaign6 {
	float:right;
	padding-left:20px;
	border-right:none;
	border-left:4px dotted #ccc;
}

.buttonBox#campaign2{
	/*padding-bottom:20px;*/
	margin-bottom:-4px;
	border-bottom:3px solid #ccc;
}

/* Politics works */

/* what is politics */

/*content border colours */

div#contentPolAffects1, div#contentPolAffects2, div#contentPolAffects3, div#contentPolAffects4, div#contentPolAffects5, div#contentPolAffects6, div#contentStarted, div#contentVoting, div#contentCampaign, div#contentYourPol, div#contentPolParties, div#contentElection, div#contentWorks {
	background-color:#fff;
	height:auto;
	width:778px;
	margin:0 auto;
	text-align:left;
	clear:both;
	padding-top:20px;
}	

div#contentPolAffects1 {border:#D14F73 5px solid;}

div#contentPolAffects2 {border:5px solid #042F28;}

div#contentPolAffects3 {border:#4280AF 5px solid;}

div#contentPolAffects4 {border:#4C353B 5px solid;}

div#contentPolAffects5 {border:#A11D1B 5px solid;}

div#contentPolAffects6 {border:#999900 5px solid;}

div#contentStarted {border:#006666 4px solid;}

div#contentVoting {border:#993399 5px solid;}
	
div#contentCampaign {border:#421e5a 5px solid;}

div#contentYourPol {border:#4E85AE 5px solid;}
	
div#contentPolParties {border:#5f4700 5px solid;}

div#contentElection {border:#AD2533 5px solid;}

div#contentWorks {border:5px solid #390;}

/* ---------- */

#header, #content, #footer	{
	width:778px;
	margin:0 auto;
	text-align:left;
}

#contentSite,#contentPress{
	margin:0 auto;
	padding-top:0;
	padding-right:0;
	float:left;
	text-align:left;
	background:#fff;
	display:block;
}

#contentSite {width:61%;}

/*----*/

body#evcHome #wrapper, body#evc #wrapper{
	width:778px;
	padding:40px 20px;
	margin:0 auto;
	text-align:left;
	background-color:#fff;
	border:2px solid #999;
}

body#evc #contentMain, body#evc #contentMain {
	clear:left;
	display:block;
	float:left;
	text-align:left;
	width:100%;
}

/* ----- footer and header ----- */
	
/* footer*/
	
#footer {
 	clear:both;
 	padding-top:10px;
 	padding-bottom:7px;
	padding-right:0;
	border:0;
 	display:block;
	height:85px;
}

#footer div#logos	{display:none;}
	
#footer p {font-size:90%}

#footer p a:link, #footer p a:visited {color:#000; font-weight:normal;}

#footer p a:hover, #footer p a:focus {color:#990066; border-bottom:1px solid #000; font-weight:normal;}

#footer div#logos a:link, #footer div#logos a:visited {border:none;}

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

#footer ul li {
	float:left;
	font-size:95%;
}   

/* header */

#header {
 	margin-top:10px;
 	min-height:82px;
 }
 
#header img.logo{
 	width:288px;
 	height:92px;
 	border-width:0;
 	position:absolute;
 	top:8px;
 	margin-left:-7px;
 }
  
div#urlogo {float:left; width:30%}

div#packTopNav {
	float:right; 
	padding-top:5px;
	padding-bottom:5px; 
	text-align:right;
}

div#packTopNav ul {
	list-style:none; 
	padding:0; 
	float:right; 
	padding-bottom:0; 
	margin-bottom:0;
}

div#packTopNav li {float:left; font-size:1em;}

div#packTopNav li a:link, div#packTopNav li a:visited, div#siteInfo p a:link, div#siteInfo p a:visited  {
	font-size:1em;
	font-weight:normal;
	color:#222222;
}
	
div#packTopNav li.packHome a:link, div#packTopNav li.packHome a:visited, div#packTopNav li.packHome a:hover, div#packTopNav li.packHome a:focus {
	padding-left:28px;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
	background:transparent url(../pack-content/images/icons/pawn-small-red-top.gif) left no-repeat;
}

div#packTopNav li.infoPack a:link, div#packTopNav li.infoPack a:visited, div#packTopNav li.infoPack a:hover, div#packTopNav li.infoPack a:focus {
	margin-left:6px;
	padding-left:40px;
	padding-top:10px;
	padding-bottom:10px;
	height:auto;
	display:block;
	background:transparent url(../pack-content/images/icons/pawn-small-red-top-info.gif) left no-repeat;
}

div#packTopNav li.wordList a:link, div#packTopNav li.wordList a:visited, div#packTopNav li.wordList a:hover, div#packTopNav li.wordList a:focus {
	padding-left:36px;
	margin-left:6px;
	padding-top:10px;
	padding-bottom:10px;
	height:auto;
	display:block;
	background:transparent url(../images/icons/icon-list.gif) left no-repeat;
}

/* header site */

div#packTopNav li.info a:link, div#packTopNav li.info a:visited, div#packTopNav li.info a:hover, div#packTopNav li.info a:focus{
	padding-left:36px;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:6px;
	height:auto;
	display:block;
	background:transparent url(/pack-content/images/icons/icon-information.gif) left no-repeat;
}

div#packTopNav li.contact a:link, div#packTopNav li.contact a:visited, div#packTopNav li.contact a:hover, div#packTopNav li.contact a:focus{
	padding-left:36px;
	margin-left:6px;
	padding-top:10px;
	padding-bottom:10px;
	height:auto;
	display:block;
	background:transparent url(/pack-content/images/icons/icon-contact.gif) left no-repeat;
}

#header p 	{
	margin:0 0 0 330px;
	padding-top:10px;
	padding-bottom:0;
	text-align:right;
	line-height:2.5em;
	font-size:1em;
	display:inline;
 	float:right;
}

#header p a:link, #header p a:visited 	{
	padding:10px 18px 10px 37px;
	white-space:nowrap;
	font-size:1.1em;
	font-weight:normal;
	color:#222222;
}

#header a.packAffects:link, #header a.packAffects:visited{
	background:transparent url(/pack-content/images/icons/pawn-small-yellow-top.gif) left no-repeat;
	font-size:1em;
	padding-bottom:5px;
}

#header a.packWorks:link, #header a.packWorks:visited{
	background:transparent url(/pack-content/images/icons/pawn-small-green-top.gif) left no-repeat;
	font-size:1em;
	padding-bottom:5px;
}

#header a.packInvolved:link, #header a.packInvolved:visited{
	background:transparent url(/pack-content/images/icons/pawn-small-blue-top.gif) left no-repeat;
	font-size:1em;
	padding-bottom:5px;
}

#header a.packHow:link, #header a.packHow:visited {background:transparent url(/pack-content/images/icons/pawn-small-yellow.gif) left no-repeat;}

#header a.project:link, #header a.project:visited {background:transparent url(/images/icons/icon-project.gif) left no-repeat;}
	
/*---------*/

h1.project span.date	{color:#009;}

h1.involved	{ background-image:url(/images/icons/pawn-small-blue.gif);}

h1.pack	{ background-image:url(/images/icons/pawn-small-yellow.gif);}
	
h1.whatIsPol, h1.supporters{ background-image:url(/images/icons/pawn-small-red.gif);}

h1.help { background-image:url(/images/icons/pawn-small-red-info.gif); }
	
h1.affects { background-image:url(/images/icons/pawn-small-yellow.gif);}
	
h1.works { background-image:url(/images/icons/pawn-small-green.gif);}

h2.affects { 
	background-image:url(/images/icons/star-yellow.gif);
	margin-top:20px;
}
	
h2.project	{ background-image:url(/images/icons/star-blue.gif);}

h2.involved	{
	background-image:url(/images/icons/star-blue.gif);
	margin-top:0;
}
	
h2.works { 
	background-image:url(/pack-content/images/icons/star-green.gif);
	margin-top:0;
}

/* ---------- */

ul.projectList	{
	list-style:url(/images/icons/dot-blue.gif);
	margin-top:0;
	padding-top:0;
}

ul.surveyList {list-style:none;}

ul.surveyList li {margin-bottom:50px !important;}

ul.whatList	{list-style:url(/images/icons/dot-red.gif);}	

ul.whatList li	{
	line-height:1.5em;
	padding-bottom:20px;
}	

ul.questionList	{
	list-style:none;
	margin-top:0 !important;
	padding-top:0 !important;
}

/* ---------- */

p.highlight, span.highlight	{font-weight:bold;}

span.separator	{display:none;}

/* ---------- */
	
body#evc #content, body#evcHome #content {
	background-color:#fff;
	border:2px solid #999;
	height:auto;
	clear:both;
}

name#content {border-width:0;}
	
/*---------*/

div.clearAll {clear:left;}
	
span.evc {font-weight:bold;}	
	
div.announcement, div.stat	{
	font-size:90%;
	border-width:4px;
	border-style:solid;
	border-color:#999;
	text-align:center;
	padding-top:10px;
	background-color:#fff;
	margin-top:10px;
}	
	
div.announcement p, div.announcement h3, div.stat p, div.stat h3	{
	text-align:left;
	margin:10px 15px;
}	

/* ---------- */

.footnotes	{
	font-size:80%;
	border-top:1px dashed #ccc;
	margin-top:30px;
}	
	
.footnotes ol, .footnotes ol li 	{
	padding:0;
	border:1px solid #fff;
	margin:0;
}	

/* ---------- */

img.onLeft	{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	border-width:0;
}
	
h1.affects, h1.involved, h1.works, h1.whatIsPol, h1.supporters, object.onRight{
	float:left;
	margin-bottom:/*20px*/0;
	margin-left:18px;
	border-width:0;
	padding-bottom:16px;
	padding-top:2px;
}

h1.affects a img, h1.involved a img, h1.works a img, h1.whatIsPol a img, h1.supporters a img {border:none;}

object.onRight {
	padding-bottom:0;
	float:right;
}

/* ----- factsheets ----- */	

body#evc div.block	{
	clear:both;
	margin-left:30px;
	margin-right:30px;
	border-bottom:3px solid #fff;
	padding-bottom:5px;
}

body#evc div.blockSite {
	clear:both;
	width:100%;
	padding:0;
	margin:0;
}
	
div.blockAffects {
	margin:15px 40px 45px 40px;
	border:#CC0066 2px solid;
	min-height:150px;
	padding:5px;
}

div.blockNoPic{
	margin:15px 40px 5px 280px;
	border-bottom:3px solid #fff;
	padding-bottom:5px;
}

div.contentRight, div.contentRightClean {
	float:right;
	display:block;
	border:1px dotted #999999;
	width:65%;
	margin:0;
	padding:0;
}

div.contentRightClean {border:none;}

body#evc div.block div.image, div.blockAffects div.image, div.blockAffects div.imageClean, /*div.blockLeft div.image*/ div.contentRight div.image, div.contentRightClean div.image,div.blockSite div.image {
	border:1px solid #ccc;
	float:left;
	margin:0 0 10px 0;
	margin-right:20px;
	text-align:center;
	width:240px;
}

div.blockAffects div.imageClean {border:none;}

div.blockNoPic div.text p {margin-left:10px;}

body#evc div.block div.text p, div.blockAffects div.text p, div.blockNoPic div.text p, /*div.blockLeft div.text p*/ div.contentRight div.text p, div.blockSite div.text p {
font-size:125%;}

body#evc div.block div.text h3, body#evc div.block div.text h2 {
	margin-top:0; 
	padding-top:0;
	padding-bottom:0; 
	margin-bottom:0;
}


body#evc div.block div.text h3, div.blockSite div.text h3, div.blockAffects div.text h3, div.blockNoPic div.text h3, /*div.blockLeft div.text h3*/ div.contentRight div.text h3	{
	font-size:155%;
/*	margin-bottom:4px;
*/}

body#evc div.block div.text a:link, body#evc div.block div.text a:visited, div.blockAffects div.text a:link, div.blockAffects div.text a:visited, div.contentRight div.text a:link, div.contentRight div.text a:visited, div.blockSite div.text a:link, div.blockSite div.text a:visited	{
	padding-left:0.1em;
	padding-right:0.1em;
}	

div.text p a:link.small, div.text p a:visited.small {font-size:90%;}

div.block div.text p span.download a:link {padding-left:45px;}

body#evc div.block div.image img, div.blockAffects div.image img, div.contentRight div.image img, div.blockSite div.image img	{
	margin:2px;
	border-width:0;
}
	
div.letter	{
	border-top:1px solid #ccc;
	margin:0 20px;
}	

div.letter div.block {margin:10px 20px 20px 15px;}

div.letter h2	{
	margin-left:0;
	padding-left:15px;
	background-image:none;
	color:#333;
}
	
div.block div.word	{
	font-size:125%;
	font-weight:bold;
}

div.block div.definition	{
	border:1px solid #fff;
	margin-bottom:-10px;
}	

div.otherFactsheets	{
	margin:0 40px 20px 40px;
	border:1px solid #ccc;
}

div.otherFactsheets ul	{
	margin:0;
	border:1px solid #ccc;
}

div.otherFactsheets ul li	{
	margin:0;
	border:1px solid #ccc;
}
	
/* ----- factsheet downloads ----- */

p.download	{
	margin:10px 10px 25px 43px;
	padding:10px 0 10px 40px;
	background:transparent url(/images/icons/icon-info.gif);
}
	
p.download a:link, p.download a:visited, span.download a:link, span.download a:visited	{
	padding:10px 0 10px 36px;
	min-height:35px;
}

p.download, p.download a.pdf:link, p.download a.pdf:visited, p.download a.msWord:link, p.download a.msWord:visited, span.download a.pdf:link, span.download a.pdf:visited, span.download a.msWord:link, span.download a.msWord:visited	{
	background:left no-repeat;
}

p.download a.pdf:link, p.download a.pdf:visited, span.download a.pdf:link, span.download a.pdf:visited	{background-image:url(/images/icons/icon-pdf.jpg);}

p.download a.msWord:link, p.download a.msWord:visited, span.download a.msWord:link, span.download a.msWord:visited	{background-image:url(/images/icons/icon-word.jpg);}
	
/* ----- definitions ----- */
	
div.meaning	{	
	width:75%;
	border:2px dotted #390;
	margin:20px 20px 60px 40px;
	padding:10px;
}
	
/*.offscreen */
.js div.meaning {
	position:absolute;
	left:-4000px;
}

/* the bit of code that brings the meaning in is inline in the javascript */

div.block div.definition, div.blockSite div.definition	{	
	position:relative;
	width:auto;
	border-color:#fff;
	border-bottom:2px dotted #390;
	margin:0;
	padding:0;
}
		
div.meaning span.term, div.definition span.term	{	
	font-size:200%;
	padding-left:30px;
	color:#390;
}
	
div.meaning span.term:focus, div.definition span.term:focus	{outline:none;}

/* back up to word */

.upToWord   {
	background:transparent url(/images/icons/arrow-green-up.gif) left center no-repeat;
	padding:30px 0 30px 28px;
}
	
/* go to top */

span.link, span.linkSmall, span.linkSmallInfo, div.goTop span {
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:left center;
	clear:left;
	margin:5px 0;
	padding:7px 0 7px 40px;
	display:block;
}

div.goTop {display:none;}

div.meaning p, div.definition p	{margin-left:30px;}	
	
#breadcrumb img	{border-width:0;}		
	
object.sound	{
	border:10px solid #c00;
	height:20px;
}	
	
/* ---- sitemap ---- */

#content ul.sitemap {
	margin:0;
	padding-top:2px;
}

#content ul.sitemap li, #content ul.sitemap ul li, #content ul.sitemap ul li ul, #content ul.sitemap ul li ul li {
	margin-left:10px;
	font-size:1em;
	padding-bottom:2px;
}

#content ul.sitemap li, #content ul.sitemap ul li ul li {
	padding-top:0;
	padding-bottom:0;
	margin-bottom:0;
}

#content ul.sitemap ul li ul {
	margin:20px;
	padding:0;
}

#content ul.sitemap ul li ul li {
	padding-top:0;
	padding-bottom:2px;
	margin-top:0;
}

li.affects {color:#FF9900;}

li.involved {color:#000066;}

li.works {color:#390;}

li.whatis {color:#CC0000;}

/* --- buttons ---- */

.skiplink a {
	position: absolute;
	left: -1000px;
}

#heading {
	float:left;
	margin:0;
	padding:0;
}

.buttons {display:none;}