/* --- CSS document for background on Every Vote Counts! --- */

/* default stylesheet */

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;*/
	letter-spacing:0.04em;
	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;
}

a:hover, a:focus, ul li a:hover, ul li a:focus, ol li a:hover, ol li a:focus {border-bottom:1px solid;}

a:active, ul li a:active, ul li a:active {color:#007F7B;}

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

.skiplink a:focus, .skiplink a:active{
	right:auto;
	left:auto;
	top:100px;
	background-color:#ccdddd;
	color:#000000;
	padding:2px;
}

#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;
	border:1px solid;
	border-color:#666 #575656 #575656 #666;
	box-shadow:2px 2px 5px #ccc;
	-webkit-box-shadow: 2px 2px 5px #ccc;
	-moz-box-shadow: 2px 2px 5px #ccc;
}

#content, #contentLeaflet, #contentQuest {
	float:left;
	width:/*70%*/ 68%;
	padding:10px 5px 10px 15px; 
	margin:0;
	margin-left:/*20px*/35px; /* move this to the live site once you have tested it */
}

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

#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;
	/*margin-left:12px;*/ /*THIS REMOVED FOR PRESS NOTES UL BUT WILL NEED TO BE CHECKED ELSEWHERE */
	padding:3px 3px 3px 0;
	font-size:115%;
	margin-bottom:5px;
}

#contentMain ol {
	font-size:115%;
	list-style:decimal outside;
/*	margin-left:22px; /*THIS REMOVED FOR THE PRESS NOTES BUT WILL NEED TO BE CHECKED ELSEWHERE */
}
	
#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 ---- live EVC --*/

/*#nav {
	float:left;
	width:21%;
	padding:0;
	margin:0;
	margin:10px 0 10px 20px; 
	border:2px solid #990066;
}

#nav ul {
	background-color:#ccdddd;
	border:1px solid #575656;
	padding-top:5px;
	padding-bottom:15px;
	padding-left:10px;
	padding-right:10px;
}

#nav ul li   {
	padding-left:5px;
	padding-bottom:7px;
	padding-top: 3px;
	border:1px solid #ccdddd;
	border-bottom:3px solid #fff;
}

#nav ul li a:link, #nav ul li a:visited  {color:#242e35; }

#nav ul li a:hover, #nav ul li a:focus {
	color:#242e35; 
	border-bottom:1px solid #990066; 
}

/* on */

/*#nav ul li.on, #nav ul li ul li.on, #nav ul li#lastOn, #nav ul li ul li#lastOn {
	background-color:#fff;
	border-bottom:2px solid #990066;
}

#nav ul li ul li.on {border-bottom:none;}

#nav ul li.on a, #nav ul li.on a:link, #nav ul li.on a:visited, #nav ul li ul li.on a:link, #nav ul li ul li.on a:visited, #nav ul li ul li ul li.on a:link, #nav ul li ul li ul li.on a:visited, #nav ul li#lastOn a, #nav ul li#lastOn a:link, #nav ul li#lastOn a:visited {
	color:#242e35; 
	border-bottom:1px solid #990066;
}

#nav ul li#last, #nav ul li#lastOn {margin-bottom:0;}

/* off */

/*#nav ul li.off a, #nav ul li.off a:link, #nav ul li.off a:visited, #nav ul li ul li.off a:link, #nav ul li ul li.off a:visited, #nav ul li ul li ul li.off a:link, #nav ul li ul li ul li.off a:visited {
	color:#242e35; 
	border-bottom:1px dotted #575656;
}

#nav ul li.off a, #nav ul li.off a:hover, #nav ul li.off a:focus, #nav ul li ul li.off a:hover, #nav ul li ul li.off a:focus, #nav ul li ul li ul li.off a:focus, #nav ul li ul li ul li.off a:hover {
	color:#242e35; 
	border-bottom:1px solid #990066;
}

#nav ul li ul {
	background-color:#fff; 
	border:1px solid #fff;
	padding-bottom:0;
	padding-left:3px;

}

#nav ul li ul li  {
	color:#000; 
	border:none;
}

#nav ul li ul li ul {
	padding-right:0;
}

#nav ul.info {margin-left:0;}

/* ---- ul li ul li ul li ----*/

/*#nav ul li ul li ul li {
	padding-left:0;
	padding-bottom:0;
}

/* --- five point guide navigation --- */

/*ol#navFive {margin-top:5px; padding-left:0;}

ol#navFive li {padding-bottom:0;}

ol#navFive li a {padding-left:15px;}

ol#navFive li#inform a, ol#navFive li#informOn a {
	border-bottom:1px dotted #1D99C4;
	background:transparent url(../images/icons/nav-one-blue.png) no-repeat 0 4px; 
}

ol#navFive li#involve a, ol#navFive li#involveOn a {
	border-bottom:1px dotted #F40003;
	background:transparent url(../images/icons/nav-two-red.png) no-repeat 0 4px; 
}
 
ol#navFive li#aware a, ol#navFive li#awareOn a {
	border-bottom:1px dotted #81409c; 
	background:transparent url(../images/icons/nav-three-purple.png) no-repeat 0 4px; 
}

ol#navFive li#others a, ol#navFive li#othersOn a {
	border-bottom:1px dotted #FF6D00;
	background:transparent url(../images/icons/nav-four-orange.png) no-repeat 0 4px; 
}
		
ol#navFive li#started a, ol#navFive li#startedOn a {
	border-bottom:1px dotted #4DAC27;
	background:transparent url(../images/icons/nav-five-green.png) no-repeat 0 4px; 
}

/*-----*/

/*ol#navFive li#inform a:hover, ol#navFive li#inform a:focus, ol#navFive li#informOn a:link, ol#navFive li#informOn a:visited {border-bottom:2px solid #1D99C4;}

ol#navFive li#involve a:hover, ol#navFive li#involve a:focus, ol#navFive li#involveOn a:link, ol#navFive li#involveOn a:visited  {border-bottom:2px solid #F40003;}

ol#navFive li#aware a:hover, ol#navFive li#aware a:focus, ol#navFive li#awareOn a:link, ol#navFive li#awareOn a:visited {border-bottom:2px solid #81409c;}

ol#navFive li#others a:hover, ol#navFive li#others a:focus, ol#navFive li#othersOn a:link, ol#navFive li#othersOn a:visited {border-bottom:2px solid #FF6D00;}

ol#navFive li#started a:hover, ol#navFive li#started a:focus, ol#navFive li#startedOn a:link, ol#navFive li#startedOn a:visited {border-bottom:2px solid #4DAC27;}

/* this the nav for within the 5 point guide accessible information */

/*ol#navFive ul#inform {padding-left:9px;}

ol#navFive ul#inform li a {padding-left:30px; padding-bottom:2px;}

ol#navFive ul#inform li a:link, ol#navFive ul#inform li a:visited  {border-bottom:1px dotted #1D99C4;}

ol#navFive ul#inform li a:focus, ol#navFive ul#inform li a:hover {border-bottom:2px solid #1D99C4;}

ol#navFive ul#inform li#layoutOn a, ol#navFive ul#inform li#picturesOn a, ol#navFive ul#inform li#formatOn a, ol#navFive ul#inform li#wordsOn a, ol#navFive ul#inform li#websitesOn a, ol#navFive ul#inform li#picturesOn a {border-bottom:2px solid #1D99C4;}

li#layout a, li#layoutOn a {background:transparent url(../five-point-guide/images/icons/layout-small.gif) no-repeat 0 -1px !important;}

li#pictures a, li#picturesOn a {background:transparent url(../five-point-guide/images/icons/info-pictures-small.gif) no-repeat  0 -1px !important;}

li#format a, li#formatOn a {background:transparent url(../five-point-guide/images/icons/format-small.gif) no-repeat  0 -1px !important;}

li#words a, li#wordsOn a {background:transparent url(../five-point-guide/images/icons/words-small.gif) no-repeat 0 -1px !important;}

li#layout a, li#layoutOn a {background:transparent url(../five-point-guide/images/icons/layout-small.gif) no-repeat 0 -1px!important;}

li#websites a, li#websitesOn a{background:transparent url(../five-point-guide/images/icons/website-small.gif) no-repeat  0 -1px !important;}

li#layoutOn a, li#picturesOn a, li#formatOn a, li#wordsOn a, li#layoutOn a, li#websitesOn a {border-bottom:2px solid #1D99C4;}

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

/*brought over */

#nav { float:left;width:21%;padding:0;margin:0;margin:10px 0 10px 20px; border:2px solid #990066; }

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

#nav ul li { padding-left:5px;padding-bottom:7px;padding-top: 3px;border:1px solid #ccdddd;border-bottom:3px solid #fff; }

/*#nav ul li {display:inline;}*/

#nav ul li ul { /*	padding-left:10px; border:none;*/	background-color:#fff; border:1px solid #fff;padding-bottom:0;padding-left:3px; }
	
#nav ul li ul li  { color:#000; border:none; }

#nav ul a, #nav ul li ul a { display:block;color:#242e35;text-decoration:none;border-bottom:none; }

#nav ul a:hover, #nav ul a:focus { color:#242e35; border-bottom:none; }

#nav ul a:link span, #nav ul a:visited span { border-bottom:1px dotted #555; }

#nav ul a:hover span, #nav ul a:focus span { border-bottom:1px solid #990066; }

#nav ul li#last, #nav ul li#lastOn{ margin-bottom:0; } 

/* on */

#nav ul li ul li.on { border-bottom:none; }

#nav ul li#last, #nav ul li#lastOn {margin-bottom:0;} /*brought over*/

#nav ul li.on, #nav ul li#lastOn, #nav ul li ul li#lastOn { border-bottom:2px solid #990066; background-color:#fff; }

#nav ul li.on span, #nav ul li ul li.on span, #nav ul li#lastOn span, #nav ul li ul li#lastOn span { border-bottom:1px solid #990066; }

/* off */

#nav ul li.off a span, #nav ul li.off a:link span, #nav ul li.off a:visited span, #nav ul li ul li.off a:link span, #nav ul li ul li.off a:visited span, #nav ul li ul li ul li.off a:link span, #nav ul li ul li ul li.off a:visited  span { border-bottom:1px dotted #575656; }

#nav ul li.off a:hover span, #nav ul li.off a:focus span, #nav ul li ul li.off a:hover span { border-bottom:1px solid #990066; }

/*moved over */

/*#nav ul li ul li ul li {
	padding-left:0;
	padding-bottom:0;
	
}*/

/* five point guide navigation */

ol#navFive { margin-top:5px; padding-left:0; }

ol#navFive li{ padding-bottom:0; /*padding-top:0;*/ }

ol#navFive li a { padding-left:15px; }

ol#navFive li#inform a, ol#navFive li#informOn a { background:transparent url(../images/icons/nav-one-blue.png) no-repeat 0 4px;  }

ol#navFive li#inform a span, ol#navFive li#informOn a span { border-bottom:1px dotted #1D99C4; }

ol#navFive li#involve a, ol#navFive li#involveOn a { background:transparent url(../images/icons/nav-two-red.png) no-repeat 0 4px; }

ol#navFive li#involve a span, ol#navFive li#involveOn a span { border-bottom:1px dotted #F40003; }
 
ol#navFive li#aware a, ol#navFive li#awareOn a { background:transparent url(../images/icons/nav-three-purple.png) no-repeat 0 4px; }

ol#navFive li#aware a span, ol#navFive li#awareOn a span { border-bottom:1px dotted #81409c; } 

ol#navFive li#others a, ol#navFive li#othersOn a { background:transparent url(../images/icons/nav-four-orange.png) no-repeat 0 4px; }

ol#navFive li#others a span, ol#navFive li#othersOn a span { border-bottom:1px dotted #FF6D00; }
		
ol#navFive li#started a, ol#navFive li#startedOn a { background:transparent url(../images/icons/nav-five-green.png) no-repeat 0 4px; }

ol#navFive li#started a span, ol#navFive li#startedOn a span { border-bottom:1px dotted #4DAC27; }

/*-----*/

ol#navFive li#inform a:hover span, ol#navFive li#inform a:focus span, ol#navFive li#informOn a:link span, ol#navFive li#informOn a:visited span { border-bottom:2px solid #1D99C4; }

ol#navFive li#involve a:hover span, ol#navFive li#involve a:focus span, ol#navFive li#involveOn a:link span, ol#navFive li#involveOn a:visited span  { border-bottom:2px solid #F40003; }

ol#navFive li#aware a:hover span, ol#navFive li#aware a:focus span, ol#navFive li#awareOn a:link span, ol#navFive li#awareOn a:visited span { border-bottom:2px solid #81409c; }

ol#navFive li#others a:hover span, ol#navFive li#others a:focus span, ol#navFive li#othersOn a:link span, ol#navFive li#othersOn a:visited span { border-bottom:2px solid #FF6D00; }

ol#navFive li#started a:hover span, ol#navFive li#started a:focus span, ol#navFive li#startedOn a:link span, ol#navFive li#startedOn a:visited span { border-bottom:2px solid #4DAC27; }

/* this the nav for within the 5 point guide accessible information */

ol#navFive ul#inform { padding-left:9px; /*padding-top:2px;*/ } /*HERE*/

ol#navFive ul#inform li a { padding-left:30px; padding-bottom:2px; }

ol#navFive ul#inform li a:link span, ol#navFive ul#inform li a:visited span { border-bottom:1px dotted #1D99C4; }

ol#navFive ul#inform li a:focus span, ol#navFive ul#inform li a:hover span { border-bottom:2px solid #1D99C4; }

ol#navFive ul#inform li#layoutOn a span, ol#navFive ul#inform li#picturesOn a span, ol#navFive ul#inform li#formatOn a span, ol#navFive ul#inform li#wordsOn a span, ol#navFive ul#inform li#websitesOn a span, ol#navFive ul#inform li#picturesOn a span { border-bottom:2px solid #1D99C4; }

li#layout a, li#layoutOn a { background:transparent url(../five-point-guide/images/icons/layout-small.gif) no-repeat 0 2px !important; }

li#pictures a, li#picturesOn a { background:transparent url(../five-point-guide/images/icons/info-pictures-small.gif) no-repeat  0 2px !important; }

li#format a, li#formatOn a { background:transparent url(../five-point-guide/images/icons/format-small.gif) no-repeat  0 2px !important; }

li#words a, li#wordsOn a { background:transparent url(../five-point-guide/images/icons/words-small.gif) no-repeat 0 2px !important; }

li#layout a, li#layoutOn a { background:transparent url(../five-point-guide/images/icons/layout-small.gif) no-repeat 0 2px!important; }

li#websites a, li#websitesOn a{ background:transparent url(../five-point-guide/images/icons/website-small.gif) no-repeat  0 2px !important; }

/*li#layoutOn a, li#picturesOn a, li#formatOn a, li#wordsOn a, li#layoutOn a, li#websitesOn a {border-bottom:2px solid #1D99C4;}
*/



/* ---- 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 {
	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 a:hover, div#topNav li a:focus {text-decoration:underline;}

div#topNav li.packHome a:link, div#topNav li.packHome a:visited, div#topNav li.packHome a:hover, div#topNav li.packHome a:focus {
	padding-left:30px;
	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, div#topNav li.info a:hover, div#topNav li.info a:focus {
	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, div#topNav li.contact a:hover, div#topNav li.contact a:focus {
	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	{
	float:right;
	margin:0;
	padding:0;
	margin-left:20px;
	display:block;
}
	
#footer div#logos img	{
	margin-left:15px; 
	border:none; 
	margin-right:-2px;
}

#footer img	{ border-width:0;} 

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

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

#footer p a:hover, #footer p a:focus {color:#990066; border-bottom:1px solid #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{
	clear:left;
	/*float:left;*/
	text-align:left;
	width:100%;
	margin-bottom:10px;
	margin-top:10px;
}

div.goTop span {
	background:url(../images/icons/top-arrow.gif) no-repeat left center transparent;
	display:block;
	padding-left:0px;
}

div.goTop span a {
	padding-bottom:3px; 
	padding-left:22px;
	color:#575656;
	font-size:90%;
}

div.goTop span a:link, div.goTop span a:visited{ border-bottom:1px dotted #575656;}

div.goTop span a:hover, div.goTop span a:focus {border-bottom:1px solid #575656; }

/* ---- 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 dotted #ccc; 
	padding:12px;
	/*width:60%;*/
}

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 li span {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; 
}

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;
	border-radius:5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px;
}

#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.inform:hover, #fivePic ul li.inform:focus, #fivePic ul li.informOn {border:1px solid #1D99C4; padding-top:0;}

#fivePic ul li.involve:hover, #fivePic ul li.involve:focus, #fivePic ul li.involveOn {border:1px solid #F40003;}

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

#fivePic ul li.others:hover, #fivePic ul li.others:focus, #fivePic ul li.othersOn {border:1px solid #FF6D00;}

#fivePic ul li.started:hover, #fivePic ul li.started:focus, #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%;*/47%;
	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%;*/	
	display:block; /* took off the width and added this - move over if no knock on effect */
	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;
	/*padding-left:30px;*/
	margin:0 0 5px 0;
	display:block;
	/*padding-top:3px;*/
	/*padding-bottom:3px;*/
}

.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.follow, #exampleLeaflet img.follow  {
	padding-top:7px; 
	display:inline; 
	margin-bottom:-8px;
}

#exampleLeaflet img.follow {
	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;}