/* CSS Document */

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}
body{
	font: 100%/1.2 "lucida sans", verdana, arial, helvetica, sans-serif;
	background-color:#0C3C5F;
	line-height: 110%;
}
#container {
	font-size: 0.8em;
		margin: 0 auto;
	
}
h1, h2, h3, h4, h5, h6 {
	padding-bottom: 0.8em;	
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.8em;	
}
h3 {
	font-size: 1.4em;	
}
h4 {
	font-size: 1.2em;	
}
h5 {
	font-size: 1em;	
}
h6 {
	font-size: 0.8em;	
}
p {
	padding-bottom: 1.2em;	
}

/* ~~~~~~~~~~ reusable class ~~~~~~~~~~ */



a:hover.wiggle, a:active.hover, a:focus.wiggle{ 
	position: relative; top: -5px; 
	}
	
	a:hover, a:active, a:focus {
text-decoration: none;
}



.error {
	color: #C00;
	font-weight: bold;	
}
.confirmation {
	color: #080;
	font-weight: bold;	
}

.floatLeft {
float: left;
}

.floatRight {
float: right;
}
/*div.fieldset {
	border: solid 1px #999;
	padding: 1em;
	margin: 1em 0;
}
legend span {
	display: block;
	font-weight: bold;
	font-size: 1.4em;
	color: #000;
}
*/
/* ~~~~~~~~~~ main layout divs ~~~~~~~~~~ */


#all {
	background: url(../media/footerBott.gif) repeat-x bottom;
	padding-bottom: 88px;
	}
#container {
	/*width:95%;*/
	min-width:990px;
	}
	/*#container { min-width: 1000px; }*/
	
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

#access_menu {
	background-color: #66CC33 ;
	border-bottom: 8px solid #EE529A;
	margin-top: 10px;
	height: 3em;
	text-align: left;
	font-size: 1.2em;
	padding-top: 4px;
	
	}

#leftCol {
	float:left;
	min-width:: 340px;
	width: 325px;
	margin-left:2%;
	margin-right:2%;
	}
	
	
	
#rightCol {
	float: left;
	width: 63%;
	padding-top: 15px;
	}
#mainContent {
	width: 93.5%;
	border-top: 10px solid #2093D3;
	background-color:#fff;
	margin-top:13px;
	position:relative;
	
	}
#mainContent.section {
	margin-top: 64px;
	}
	
#footer {
 	border-top: #FDB813 9px solid;
	background-color: white;
	color:#00476E;
	background-color:#fff;
	margin: 0 1.7%;
	height:10em;
	}
ul {
list-style: none;
}
/* Lists */

#mainContent ul {
padding-left: 20px;
}

/* ~~~~~~~~~~ navs ~~~~~~~~~~ */

#access_menu #cont {
	border-bottom: 8px solid #2093D3;
	height:2.5em;
	padding-left:370px;
	}
#access_menu .colorScheme img {
	position: relative;
	top:5px;
	}

#access_menu ul li, #access_menu p, #access_menu ul  {
	display: inline;
	margin-right: 5px;
	}
ul#mainMenu {
	/*display: inline;*/
	width: 600px;
	/*position:relative;*/
	
}
ul#mainMenu li {
	list-style: none;
	display: inline;
	margin-right: 5px;
	
	}
ul#mainMenu li a {
	color: #fff;
	}
	
ul#mainMenu.section li {
	position: relative;
	top: -16px;
	left: -4px;
	
	}
	
ul#mainMenu.section li.first {
	top: 0px;
	left: 0px;

	}
ul#mainMenu ul#subMenu {
	padding-right: 15px;
	background:url(../media/rightPinkCurve.jpg) 100% 0 no-repeat; 
		}	
ul#mainMenu li ul#subMenu {
	position: absolute;
	top: 0px;
	left:0px;
	width:577px;
	background-color: #EC2F91;
	height: 70px;
	
	}
ul#mainMenu.section li ul#subMenu  li{
	list-style:none;
	display: inline;
	left: 5px;
	position: relative;
	top: 10px;
	margin-right: 18px;
	}
	
/* ~~~~~~~~~~ content ~~~~~~~~~~ */

img#textlogo {
	position:relative;
	top: -50px;
	left:65px;
	}


img.leftTop {
	position: absolute;
	left:0;
	top:-10px;
	}
img.rightTop {
	position: absolute;
	right:0;
	top:-10px;
	
	}
#mainContent {
	padding: 1em;
	overflow:hidden;
	margin-bottom:10px;
	}
#mainContent h2 {	
	color: #00466D;
	margin: 0 0.5em 0.5em 0.5em;
	padding:0;
	}
	
#mainContent h3 {
	margin: 0 0.5em 0.5em 0.5em;
	padding:0;
	}
	
#mainContent  p {
	margin: 0.4em 1em ;
	}
#mttVidPlayer {
	position: relative;
	top: -65px;
	}
	
	
/* ~~~~~~~~~~ forms  ~~~~~~~~~~ */

/* FORM ELEMENTS */

label {
	font-weight:bold;
	font-size: 0.8em;
}
label.required {
	background: url('/media/req.gif') right top no-repeat;
	padding-right: 6px;
	}
fieldset {
	padding:1em;
	margin:0 0 1em 0;
	border:1px solid #ccc;
	color: #426fc8;
	position: relative;
	width: 80%;
	
}
fieldset.antispam input.text {
	position: relative;
	left: 1em;
}
legend {
	font-size:1.2em;
	color: #666;
}
input, input.text, input.title, textarea, select {
	margin: 0;
	border:1px solid #bbb;
	background-color:#fff;
}
textarea {
	position:relative;
	left: -0.5em;
	}
input.text:focus, input.title:focus, textarea:focus, select:focus {
	border:1px solid #666;
}
input.text, input.title {
	width:300px;
	padding:5px;
}
input.title {
	font-size:1.5em;
}
input.text {
	position: absolute;
	left: 100px;
	width: 40%;

}
textarea {
	width: 60%;
	height:250px;
	margin-left: 39px;
}
.error, .notice, .success {
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}
.error {
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}
.notice {

	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}
.success {
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}
.error a {
	color:#8a1f11;
}
.notice a {
	color:#514721;
}
.success a {
	color:#264409;
}
.error ul {
	margin: 0;
	padding-left: 20px;
}





/* ~~~~~~~~~~ footer ~~~~~~~~~~ */

#speakUp {
	padding: 10px 30px 10px 30px;
	}
#footer p {
	float:right;
	width: 40%;
	color: #00476E;
	font-size: 0.9em;
	margin: 35px 20px 0 0;
	position: relative;
	}
#easy a{
	font-size:0.7em;
	color: #0C3C5F;
	position: absolute;
	top: -40px;
	right: 20px;
	}

/* ~~~~~~~~~~ classes for wysiwyg ~~~~~~~~~~ */
.rightImage {
	float: right;
	padding-left: 10px;
	}
.leftImage {
	float: left;
	padding-right: 10px;
	}

/* ~~~~~~~~~~ image rollovers ~~~~~~~~~~ */
.how_number a img {
position: relative;
top: 35px;
left: 41px;
}

.how_number a {
text-decoration:none;
}

.how_number a:hover span.linkText, .how_number a:active span.linkText, .how_number a:focus span.linkText {
	text-decoration: none;
	}
.HowToVote1 a {
    display: block;
    background:  url(/media/navs/HowToVote1Roll.png) no-repeat left top;
    /*width: 64px;*/
    height: 64px;
	
    }	

.HowToVote1 a:hover, .HowToVote1 a:active, .HowToVote1 a:focus {   
    background:  url(/media/navs/HowToVote1Roll.png) no-repeat left bottom;   
    }
	

	
.HowToVote2 a {
    display: block;
    background:  url(/media/navs/HowToVote2Roll.png) no-repeat left top;
    /*width: 64px;*/
    height: 64px;
    }

.HowToVote2 a:hover, .HowToVote2 a:active, .HowToVote2 a:focus {   
    background:  url(/media/navs/HowToVote2Roll.png) no-repeat left bottom;   
    }

.HowToVote3 a {
    display: block;
    background:  url(/media/navs/HowToVote3Roll.png) no-repeat left top;
   /* width: 64px;*/
    height: 64px;
    }

.HowToVote3 a:hover, .HowToVote3 a:active, .HowToVote3 a:focus {   
    background:  url(/media/navs/HowToVote3Roll.png) no-repeat left bottom;   
    }

.HowToVote4 a {
    display: block;
    background:  url(/media/navs/HowToVote4Roll.png) no-repeat left top;
    /*width: 64px;*/
    height: 64px;
    }

.HowToVote4 a:hover, .HowToVote4 a:active, .HowToVote4 a:focus {   
    background:  url(/media/navs/HowToVote4Roll.png) no-repeat left bottom;   
    }


.HowToVote5 a {
    display: block;
    background:  url(/media/navs/HowToVote5Roll.png) no-repeat left top;
    /*width: 64px;*/
    height: 64px;
    }

.HowToVote5 a:hover, .HowToVote5 a:active, .HowToVote5 a:focus {   
    background:  url(/media/navs/HowToVote5Roll.png) no-repeat left bottom;   
    }

.HowToVote6 a {
    display: block;
    background:  url(/media/navs/HowToVote6Roll.png) no-repeat left top;
   /* width: 64px;*/
    height: 64px;
    }

.HowToVote6 a:hover, .HowToVote6 a:active, .HowToVote6 a:focus {   
    background:  url(/media/navs/HowToVote6Roll.png) no-repeat left bottom;   
    }

.HowToVote7 a {
    display: block;
    background:  url(/media/navs/HowToVote7Roll.png) no-repeat left top;
   /* width: 64px;*/
    height: 64px;
    }

.HowToVote7 a:hover, .HowToVote7 a:active, .HowToVote7 a:focus {   
    background:  url(/media/navs/HowToVote7Roll.png) no-repeat left bottom;   
    }

.HowToVote8 a {
    display: block;
    background:  url(/media/navs/HowToVote8Roll.png) no-repeat left top;
    /*width: 64px;*/
    height: 64px;
    }

.HowToVote8 a:hover, .HowToVote8 a:active, .HowToVote8 a:focus {   
    background:  url(/media/navs/HowToVote8Roll.png) no-repeat left bottom;   
    }

.HowToVote9 a {
    display: block;
    background:  url(/media/navs/HowToVote9Roll.png) no-repeat left top;
   /* width: 64px;*/
    height: 64px;
    }

.HowToVote9 a:hover, .HowToVote9 a:active, .HowToVote9 a:focus {   
    background:  url(/media/navs/HowToVote9Roll.png) no-repeat left bottom;   
    }
/* Michelle workings 'how to vote' postbox button stylings*/	
.postbox a {
    display: block;
    /*width: 63px;*/
    height: 63px;
	background:  url(/images/rollovers/postbox_63x63.jpg) no-repeat left;
	text-decoration:none;
    }
	
.postbox a:hover, .postbox a:active, .postbox a:focus {
	
	background:  url(/images/rollovers/postbox_63x63_r.jpg) no-repeat;  
	    
}

.postbox a:hover span.linkText, .postbox a:focus span.linkText, .postbox a:active span.linkText {
text-decoration:  none;
}



.padListItems li {
 padding-bottom: 5px;
 }
 
ol.padListItems li span {
 position:relative;
top: 0px;
}
/*end michelle workings*/

/*michelle grid ul styles*/
#mainContent ul.grid {
float: left;
width: 400px; 
margin: 0 0 20px 13px;
}

#mainContent ul.grid2 li {
margin-bottom: 20px;
}

#mainContent ul.grid2 {
margin-left: -1em;
}

.clearFloat {
clear: both;
}

#mainContent ul.grid li {
float: left;
margin-right: 1px;
list-style: none;
text-align: center;
}

#mainContent ul.grid li img {
	position: relative;
	top: 6px;
}


.block {
    display: block;
    width: 100px;
    height: 100px;
	position: relative;
	top: -6px;
    }

/*end*/
#EducationRoll a {
    display: block;
    background:  url(/media/navs/EducationRoll.png) top;
    width: 100px;
    height: 100px;
    }

#EducationRoll a:hover {   
    background:  url(/media/navs/EducationRoll.png) no-repeat left bottom;   
    }

#CommunityRelationsRoll a {
    display: block;
    background:  url(/media/navs/CommunityRelationsRoll.png) top;
    width: 100px;
    height: 100px;
    }

#CommunityRelationsRoll a:hover {   
    background:  url(/media/navs/CommunityRelationsRoll.png) no-repeat left bottom;  
    }


#HealthcareRoll a {
    display: block;
    background:  url(/media/navs/HealthcareRoll.png) top;
    width: 100px;
    height: 100px;
    }

#HealthcareRoll a:hover {   
    background:  url(/media/navs/HealthcareRoll.png) no-repeat left bottom;  
    }

#DefenceRoll a {
    display: block;
    background:  url(/media/navs/DefenceRoll.png) top;
    width: 100px;
    height: 100px;
    }

#DefenceRoll a:hover {   
    background:  url(/media/navs/DefenceRoll.png) no-repeat left bottom;  
    }

#DisabilityIssuesRoll a {
    display: block;
    background:  url(/media/navs/DisabilityIssuesRoll.png) top;
    width: 100px;
    height: 100px;
    }

#DisabilityIssuesRoll a:hover {   
    background:  url(/media/navs/DisabilityIssuesRoll.png) no-repeat left bottom;  
    }


#HousingRoll a {
    display: block;
    background:  url(/media/navs/HousingRoll.png) top;
    width: 100px;
    height: 100px;
    }

#HousingRoll a:hover {   
    background:  url(/media/navs/HousingRoll.png) no-repeat left bottom;  
    }


#ArtsRoll a {
    display: block;
    background:  url(/media/navs/ArtsRoll.png) top;
    width: 100px;
    height: 100px;
    }

#ArtsRoll a:hover {   
    background:  url(/media/navs/ArtsRoll.png) no-repeat left bottom;  
    }


#TaxRoll a {
    display: block;
    background:  url(/media/navs/TaxRoll.png) top;
    width: 100px;
    height: 100px;
    }

#TaxRoll a:hover {   
    background:  url(/media/navs/TaxRoll.png) no-repeat left bottom;  
    }


#BenefitsRoll a {
    display: block;
    background:  url(/media/navs/BenefitsRoll.png) top;
    width: 100px;
    height: 100px;
    }

#BenefitsRoll a:hover {   
    background:  url(/media/navs/BenefitsRoll.png) no-repeat left bottom;  
    }


#streetRoll a {
    display: block;
    background:  url(/media/navs/streetRoll.png) no-repeat left top;
    /*width: 50px;*/
    height: 60px;
	text-decoration:none;
    }

#streetRoll a:hover, #streetRoll a:active, #streetRoll a:focus {   
    background:  url(/media/navs/streetRoll.png) no-repeat left bottom;   
	text-decoration: none;
    }

#streetRoll a:hover span.linkText, #streetRoll a:active span.linkText, #streetRoll a:focus span.linkText  {
text-decoration: none;
}

        
/*#streetRoll {
padding-top: 40px;
padding-bottom: 100px;
}*/

#greypartyRoll a {
    display: block;
    background:  url(/media/navs/greypartyRoll.png) no-repeat left top;
    height: 60px;
	text-decoration: none;
    }
	
  
#greypartyRoll a:hover, #greypartyRoll a:active, #greypartyRoll a:focus {   
    background:  url(/media/navs/greypartyRoll.png) no-repeat left bottom;   
	text-decoration: none;
    }

#greypartyRoll a:hover span.linkText, #greypartyRoll a:active span.linkText, #greypartyRoll a:focus span.linkText  {
text-decoration: none;
}
  

        


.linkText { 
margin-left: 80px; 
text-decoration: underline;
position:relative;
top: 16px;
display: block;
}

.linkTextBig {
/*width: 600px;*/
display: block;
text-decoration:underline;
margin-left: 110px;
position:relative;
top: 36px; 
}

.nameText {
text-decoration: underline;
display: block;
position: relative;
top: 100px;
}

.nameTextY {
display: block;
position: relative;
top: 3px;
}

.linkTextVBig {
/*width: 600px;*/
display: block;
text-decoration:underline;
margin-left: 130px;
position:relative;
top: 20px; 
}

p span.text {
display: block;
margin-left: 130px;
margin-top: -70px;
}

.midAlign {
position: relative;
top: 10px;

}

   /*End michelle workings*/

#mainContent ul.img a:hover span.linkTextBig { 
text-decoration: none;
}

#DavidHowarthRoll a {
    display: block;
    background:  url(/media/navs/DavidHowarthRoll.png) no-repeat left top;
    /*width: 100px;*/
    height: 100px;
	text-decoration: none;
    }

#DavidHowarthRoll a:hover, #DavidHowarthRoll a:active, #DavidHowarthRoll a:focus {   
    background:  url(/media/navs/DavidHowarthRoll.png) no-repeat left bottom;   
    }



#BelindaRoll a {
    display: block;
    background:  url(/media/navs/BelindaRoll.png) no-repeat left top;
    /*width: 100px;*/
    height: 100px;
	text-decoration: none;
    }

#BelindaRoll a:hover, #BelindaRoll a:active, #BelindaRoll a:focus {   
    background:  url(/media/navs/BelindaRoll.png) no-repeat left bottom;   
    }


#CouncillorKevinRoll a {
    display: block;
    background:  url(/media/navs/CouncillorKevinRoll.png) no-repeat left top;
    /*width: 100px;*/
    height: 100px;
	text-decoration: none;
    }

#CouncillorKevinRoll a:hover, #CouncillorKevinRoll a:active, #CouncillorKevinRoll a:focus {   
    background:  url(/media/navs/CouncillorKevinRoll.png) no-repeat left bottom;   
    }


#CraigRoll a {
    display: block;
    background:  url(/media/navs/CraigRoll.png) no-repeat left top;
   /* width: 100px;*/
    height: 100px;
	text-decoration: none;
    }

#CraigRoll a:hover, #CraigRoll a:active, #CraigRoll a:focus {   
    background:  url(/media/navs/CraigRoll.png) no-repeat left bottom;   
    }


#TariqRoll a {
    display: block;
    background:  url(/images/rollovers/TariqRoll.png) no-repeat left top;
    /*width: 100px;*/
    height: 100px;
	text-decoration: none;
    }

#TariqRoll a:hover, #TariqRoll a:active, #TariqRoll a:focus {   
    background:  url(/images/rollovers/TariqRoll.png) no-repeat left bottom;   
    }

#HealthButtonRoll a {
    display: block;
    background:  url(/media/navs/HealthButtonRoll.png) no-repeat left top;
    /*width: 120px;*/
    height: 120px;
	text-decoration: none;
    }
	

#HealthButtonRoll a:hover {   
    background:  url(/media/navs/HealthButtonRoll.png) no-repeat left bottom;   
    }

#EducationButtonRoll a {
    display: block;
    background:  url(/media/navs/EducationButtonRoll.png) left top;
    /*width: 120px;*/
    height: 120px;
	text-decoration: none;
    }

#EducationButtonRoll a:hover {   
    background:  url(/media/navs/EducationButtonRoll.png) no-repeat left bottom;  
    }


#TransportButtonRoll a {
    display: block;
    background:  url(/media/navs/TransportButtonRoll.png) top;
    width: 120px;
    height: 120px;
    }

#TransportButtonRoll a:hover {   
    background:  url(/media/navs/TransportButtonRoll.png) no-repeat left bottom;  
    }


#MoneyButtonRoll a {
    display: block;
    background:  url(/media/navs/MoneyButtonRoll.png) top;
    width: 120px;
    height: 120px;
    }

#MoneyButtonRoll a:hover {   
    background:  url(/media/navs/MoneyButtonRoll.png) no-repeat left bottom;  
    }


#TheWorldButtonRoll a {
    display: block;
    background:  url(/media/navs/TheWorldButtonRoll.png) top;
    width: 120px;
    height: 120px;
    }

#TheWorldButtonRoll a:hover {   
    background:  url(/media/navs/TheWorldButtonRoll.png) no-repeat left bottom;  
    }


#JobsButtonRoll a {
    display: block;
    background:  url(/media/navs/JobsButtonRoll.png) top;
    width: 120px;
    height: 120px;
    }

#JobsButtonRoll a:hover {   
    background:  url(/media/navs/JobsButtonRoll.png) no-repeat left bottom;  
    }

#GreyParty2Roll a {
    display: block;
    background:  url(/media/navs/GreyParty2Roll.png) no-repeat left top;
   /* width: 120px;*/
    height: 120px;
    }

#GreyParty2Roll a:hover {   
    background:  url(/media/navs/GreyParty2Roll.png) no-repeat left bottom;  
    }


#PurplePartyRoll a {
    display: block;
    background:  url(/media/navs/PurplePartyRoll.png) no-repeat left top;
   /* width: 120px;*/
    height: 120px;
    }

#PurplePartyRoll a:hover {   
    background:  url(/media/navs/PurplePartyRoll.png) no-repeat left bottom;  
    }


#TurquoisePartyRoll a {
    display: block;
    background:  url(/media/navs/TurquoisePartyRoll.png) no-repeat left top;
    /*width: 120px;*/
    height: 120px;
    }

#TurquoisePartyRoll a:hover {   
    background:  url(/media/navs/TurquoisePartyRoll.png) no-repeat left bottom;  
    }

#BallotBoxsRoll a {
    display: block;
    background:  url(/images/rollovers/BallotBoxsRoll.png) no-repeat left top;
    /*width: 100px;*/
    height: 60px;
	text-decoration: none;
    }


#BigBallotBoxsRoll a:hover, #BigBallotBoxsRoll a:active, #BigBallotBoxsRoll a:focus {   
    background:  url(/images/rollovers/bigBallotBoxsRoll.jpg) no-repeat left bottom;   
    }

#BigBallotBoxsRoll a {
    display: block;
    background:  url(/images/rollovers/bigBallotBoxsRoll.jpg) no-repeat left top;
    /*width: 100px;*/
    height: 100px;
	text-decoration: none;
    }


#BallotBoxsRoll a:hover, #BallotBoxsRoll a:active, #BallotBoxsRoll a:focus {   
    background:  url(/images/rollovers/BallotBoxsRoll.png) no-repeat left bottom;   
    }

#BigBenRoll a {
    display: block;
    background:  url(/media/navs/BigBenRoll.png) no-repeat left top;
    /*width: 60px;*/
    height: 60px; 
text-decoration: none;
    }

#BigBenRoll a:hover {   
    background:  url(/media/navs/BigBenRoll.png) no-repeat left bottom; 
    }

.ToolsRoll a, .ToolsRoll4 a {
    display: block;
    background:  url(/media/numbers/ToolsRoll.jpg) no-repeat left top;
    /*width: 60px;*/
    height: 60px; 
text-decoration: none;
    }
	
.ToolsRoll a:hover, .ToolsRoll4 a:hover {   
    background:  url(/media/numbers/ToolsRoll.jpg) no-repeat left bottom;  
    }

.ToolsRoll a img {
position: relative;
left: 15px;
top: 10px;
}

.ToolsRoll4 a img {
position: relative;
left: 5px;
top: 10px;
}



#RabbitRoll a {
    display: block;
    background:  url(/media/navs/RabbitRoll.png) no-repeat left top;
    /*width: 60px;*/
    height: 60px;
	text-decoration: none;
    }

#RabbitRoll a:hover {   
    background:  url(/media/navs/RabbitRoll.png) no-repeat left bottom; 
	text-decoration: none;  
    } 
	
#RabbitRoll a:hover span.linkText, #RabbitRoll a:active span.linkText, #RabbitRoll a:focus span.linkText  {
text-decoration: none;
}

#MagicianshatRoll a {
    display: block;
    background:  url(/media/navs/MagicianshatRoll.png) no-repeat left top;
  /*  width: 60px;*/
    height: 60px;
	text-decoration:none;
    }

#MagicianshatRoll a:hover {   
    background:  url(/media/navs/MagicianshatRoll.png) no-repeat left bottom;   
	text-decoration: none;
    } 
#MagicianshatRoll a:hover span.linkText, #MagicianshatRoll a:active span.linkText, #MagicianshatRoll a:focus span.linkText  {
text-decoration: none;
}

#ThumbsupRoll a {
    display: block;
    background:  url(/media/navs/ThumbsupRoll.png) no-repeat left top;
    /*width: 60px;*/
    height: 60px;
	text-decoration:none;
    }


#ThumbsupRoll a:hover {   
    background:  url(/media/navs/ThumbsupRoll.png) no-repeat left bottom;   
    } 

#ThumbsupRoll a:hover span.linkText, #ThumbsupRoll a:active span.linkText, #ThumbsupRoll a:focus span.linkText  {
text-decoration: none;
}

#QuestionmarkRoll a {
    display: block;
    background:  url(/media/navs/QuestionmarkRoll.png) no-repeat left top;
    /*width: 60px;*/
    height: 60px;
	text-decoration:none;
    }

#QuestionmarkRoll a:hover {   
    background:  url(/media/navs/QuestionmarkRoll.png) no-repeat left bottom;   
    } 

#QuestionmarkRoll a:hover span.linkText, #QuestionmarkRoll a:active span.linkText, #QuestionmarkRoll a:focus span.linkText  {
text-decoration: none;
}

#BusButtonRoll a {
    display: block;
    background:  url(/media/navs/BusButtonRoll.png) no-repeat left top;
    /*width: 60px;*/
    height: 60px;
	text-decoration: none;
    }

#BusButtonRoll a:hover {   
    background:  url(/media/navs/BusButtonRoll.png) no-repeat left bottom;   
    } 


#RubbishButtonRoll a {
    display: block;
    background:  url(/media/navs/RubbishButtonRoll.png) no-repeat left top;
    /*width: 60px;*/
    height: 60px; 
text-decoration: none;
    }

#RubbishButtonRoll a:hover {   
    background:  url(/media/navs/RubbishButtonRoll.png) no-repeat left bottom;  
    } 

#PostmanRoll a {
    display: block;
    background:  url(/media/navs/PostmanRoll.png) no-repeat left top;
    /*width: 60px;*/
    height: 60px; 
text-decoration: none;
    }

#PostmanRoll a:hover {   
    background:  url(/media/navs/PostmanRoll.png) no-repeat left bottom;  
    } 

#RegisterToVoteButtonRoll a {
    display: block;
    background:  url(/media/navs/RegisterToVoteButtonRoll.png) no-repeat left top;
    /*width: 60px;*/
    height: 60px; 
text-decoration: none;
    }

#RegisterToVoteButtonRoll a:hover {   
    background:  url(/media/navs/RegisterToVoteButtonRoll.png) no-repeat left bottom;  
    } 

#HowToVote2PollingCardRoll a {
    display: block;
    background:  url(/media/navs/HowToVote2PollingCardRoll.png) no-repeat left top;
    /*width: 60px;*/
    height: 60px; 
text-decoration: none;
    }

#HowToVote2PollingCardRoll a:hover {   
    background:  url(/media/navs/HowToVote2PollingCardRoll.png) no-repeat left bottom;  
    } 


#PollingBoothButtonRoll a {
    display: block;
    background:  url(/media/navs/PollingBoothButtonRoll.png) no-repeat left top;
    /*width: 60px;*/
    height: 60px; 
text-decoration: none;
    }

#PollingBoothButtonRoll a:hover {   
    background:  url(/media/navs/PollingBoothButtonRoll.png) no-repeat left bottom;  
    } 

#BallotPaperButtonRoll a {
    display: block;
    background:  url(/media/navs/BallotPaperButtonRoll.png) no-repeat left top;
    /*width: 60px;*/
    height: 60px; 
text-decoration: none;
    }

#BallotPaperButtonRoll a:hover {   
    background:  url(/media/navs/BallotPaperButtonRoll.png) no-repeat left bottom;  
    } 


#DemocracyRoll a {
    display: block;
    background:  url(/media/navs/DemocracyRoll.png) no-repeat left top;
    /*width: 60px;*/
    height: 60px; 
text-decoration: none;
    }

#DemocracyRoll a:hover {   
    background:  url(/media/navs/DemocracyRoll.png) no-repeat left bottom;  
    } 

#RegistertovoteformRoll a {
    display: block;
    background:  url(/media/navs/RegistertovoteformRoll.png) no-repeat left top;
    /*width: 60px;*/
    height: 60px; 
text-decoration: none;
    }

#RegistertovoteformRoll a:hover {   
    background:  url(/media/navs/RegistertovoteformRoll.png) no-repeat left bottom;   
    } 

#NotebookButtonRoll a {
    display: block;
    background:  url(/media/navs/NotebookButtonRoll.png) no-repeat left top;
    /*width: 60px;*/
    height: 60px; 
text-decoration: none;
    }

#NotebookButtonRoll a:hover, #NotebookButtonRoll a:active, #NotebookButtonRoll a:focus {   
    background:  url(/media/navs/NotebookButtonRoll.png) no-repeat left bottom; 
	text-decoration: none;  
    } 

#NotebookButtonRoll a:hover span.linkText, #NotebookButtonRoll a:active span.linkText, #NotebookButtonRoll a:focus span.linkText  {
text-decoration: none;
}
  

#TheatreButtonRoll a {
    display: block;
    background:  url(/media/navs/TheatreButtonRoll.png) no-repeat left top;
    /*width: 60px;*/
    height: 60px; 
text-decoration: none;
    }

#TheatreButtonRoll a:hover, #TheatreButtonRoll a:active, #TheatreButtonRoll a:focus {   
    background:  url(/media/navs/TheatreButtonRoll.png) no-repeat left bottom; 
	text-decoration: none;  
    } 
	
	#TheatreButtonRoll a:hover span.linkText, #TheatreButtonRoll a:active span.linkText, #TheatreButtonRoll a:focus span.linkText  {
text-decoration: none;
}

#EnvelopeButtonRoll a {
    display: block;
    background:  url(/media/navs/EnvelopeButtonRoll.png) no-repeat left top;
    /*width: 60px;*/
    height: 60px; 
text-decoration: none;
    }

#EnvelopeButtonRoll a:hover {   
    background:  url(/media/navs/EnvelopeButtonRoll.png) no-repeat left bottom;   
    } 


#TVButtonRoll a {
    display: block;
    background:  url(/media/navs/TVButtonRoll.png) no-repeat left top;
    /*width: 60px;*/
    height: 60px; 
text-decoration: none;
    }

#TVButtonRoll a:hover {   
    background:  url(/media/navs/TVButtonRoll.png) no-repeat left bottom;   
    } 


#CardboardBoxButtonRoll a {
    display: block;
    background:  url(/media/navs/CardboardBoxButtonRoll.png) no-repeat left top;
    /*width: 60px;*/
    height: 60px; 
text-decoration: none;
    }

#CardboardBoxButtonRoll a:hover {   
    background:  url(/media/navs/CardboardBoxButtonRoll.png) no-repeat left bottom;   
    } 

#SmileyButtonRoll a {
    display: block;
    background:  url(/media/navs/SmileyButtonRoll.png) no-repeat left top;
    /*width: 60px;*/
    height: 60px; 
text-decoration: none;
    }

#SmileyButtonRoll a:hover {   
    background:  url(/media/navs/SmileyButtonRoll.png) no-repeat left bottom;   
    } 

a:hover span.nameText, a:active span.nameText, a:focus span.nameText  {
text-decoration: none;
} 

#AndrewRoll a {
    display: block;
    background:  url(/media/navs/AndrewRoll.png) no-repeat left top;
    width: 100px;
    height: 100px;
	text-decoration: none;
    }

#AndrewRoll a:hover, #AndrewRoll a:active, #AndrewRoll a:focus {   
    background:  url(/media/navs/AndrewRoll.png) no-repeat left bottom;  
	text-decoration: none; 
    }


#HeatherRoll a {
    display: block;
    background:  url(/media/navs/HeatherRoll.png) no-repeat left top;
    width: 100px;
    height: 100px;
	text-decoration: none;
    }

#HeatherRoll a:hover, #HeatherRoll a:active, #HeatherRoll a:focus {   
    background:  url(/media/navs/HeatherRoll.png) no-repeat left bottom;   
	text-decoration: none;
    } 



#NeilRoll a {
    display: block;
    background:  url(/media/navs/NeilRoll.png) no-repeat left top;
    width: 100px;
    height: 100px;
	text-decoration: none;
    }

#NeilRoll a:hover, #NeilRoll a:active, #NeilRoll a:focus {   
    background:  url(/media/navs/NeilRoll.png) no-repeat left bottom;   
	text-decoration: none;
    } 


#RyanRoll a {
    display: block;
    background:  url(/media/navs/RyanRoll.png) no-repeat left top;
    width: 100px;
    height: 100px;
	text-decoration: none;
    }

#RyanRoll a:hover, #RyanRoll a:active, #RyanRoll a:focus {   
    background:  url(/media/navs/RyanRoll.png) no-repeat left bottom;
	text-decoration: none;   
    } 


#SeanRoll a {
    display: block;
    background:  url(/media/navs/SeanRoll.png) no-repeat left top;
    width: 100px;
    height: 100px;
	text-decoration: none;
    }

#SeanRoll a:hover, #SeanRoll a:active, #SeanRoll a:focus {   
    background:  url(/media/navs/SeanRoll.png) no-repeat left bottom;   
	text-decoration: none;
    } 

#TracieRoll a {
    display: block;
    background:  url(/media/navs/TracieRoll.png) no-repeat left top;
    width: 100px;
    height: 100px;
	text-decoration: none;
    }

#TracieRoll a:hover, #TracieRoll a:active, #TracieRoll a:focus {   
	text-decoration: none;
    background:  url(/media/navs/TracieRoll.png) no-repeat left bottom;   
    } 

#JamesRoll a {
    display: block;
    background:  url(/media/navs/JamesRoll.png) no-repeat left top;
    width: 100px;
    height: 100px;
	text-decoration: none;
    }

#JamesRoll a:hover, #JamesRoll a:active, #JamesRoll a:focus {   
    background:  url(/media/navs/JamesRoll.png) no-repeat left bottom; 
	text-decoration: none;  
    } 

/*/media/5096/james.gif*/

#IanRoll a {
    display: block;
    background:  url(/media/navs/IanRoll.png) no-repeat left top;
    width: 100px;
    height: 100px;
	text-decoration: none;
    }

#IanRoll a:hover, #IanRoll a:active, #IanRoll a:focus {   
    background:  url(/media/navs/IanRoll.png) no-repeat left bottom;  
	text-decoration: none; 
    } 
	
	/*/media/5221/ianbutton.gif*/
	
	#DarrenRoll a {
    display: block;
    background:  url(/images/rollovers/darrenbutton.gif) no-repeat left top;
    width: 100px;
    height: 100px;
	text-decoration: none;
    }

#DarrenRoll a:hover, #DarrenRoll a:active, #DarrenRoll a:focus {   
    background:  url(/images/rollovers/darrenbutton.gif) no-repeat left bottom;  
	text-decoration: none; 
    } 

#cameraRoll a {
    display: block;
    background:  url(/images/rollovers/camerabutton.gif) no-repeat left top;
   /* width: 100px;*/
    height: 100px;
	text-decoration: none;
    }

#cameraRoll a:hover, #cameraRoll a:active, #cameraRoll a:focus {   
    background:  url(/images/rollovers/camerabutton.gif) no-repeat left bottom;  
	text-decoration: none; 
    } 
	
	a:hover span.linkText, a:active span.linkText, a:focus span.linkText  {
text-decoration: none;
} 

	a:hover span.linkTextBig, a:active span.linkTextBig, a:focus span.linkTextBig  {
text-decoration: none;
} 
	
#ElectoralRoll a {
    display: block;
    background:  url(/media/navs/ElectoralRoll.png) no-repeat left top;
    width: 100px;
    height: 100px;
    }

#ElectoralRoll a:hover {   
    background:  url(/media/navs/ElectoralRoll.png) no-repeat left bottom;   
    } 

#mainContent ul li a {
text-decoration:none;
}

#mainContent ul li a:hover span.linkText, #mainContent ul li a:active span.linkText, #mainContent ul li a:focus span.linkText {
	text-decoration: none;
	}
.workshop a {
    display: block;
    background:  url(/images/rollovers/listbutton_64x64.jpg) no-repeat left top;
    /*width: 64px;*/
    height: 64px;
	text-decoration: none;
    }	

.workshop a:hover, .workshop a:active, .workshop a:focus {   
    background:  url(/images/rollovers/listbutton_64x64.jpg) no-repeat left bottom;   
    }
	
.workshop2 a {
    display: block;
    background:  url(/images/rollovers/clipboard_64x64.jpg) no-repeat left top;
    /*width: 64px;*/
    height: 64px;
	text-decoration: none;
    }	

.workshop2 a:hover, .workshop2 a:active, .workshop2 a:focus {   
    background:  url(/images/rollovers/clipboard_64x64.jpg) no-repeat left bottom;   
    }

.workshop3 a {
    display: block;
    background:  url(/images/rollovers/flipchart_63x63.jpg) no-repeat left top;
    /*width: 64px;*/
    height: 64px;
	text-decoration: none;
    }	

.workshop3 a:hover, .workshop3 a:active, .workshop3 a:focus {   
    background:  url(/images/rollovers/flipchart_63x63.jpg) no-repeat left bottom;   
    }
	
	.workshop4 a {
    display: block;
    background:  url(/images/rollovers/projector_64x64.jpg) no-repeat left top;
    /*width: 64px;*/
    height: 64px;
	text-decoration: none;
    }	

.workshop4 a:hover, .workshop4 a:active, .workshop4 a:focus {   
    background:  url(/images/rollovers/projector_64x64.jpg) no-repeat left bottom;   
    }

.workshop5 a {
    display: block;
    background:  url(/images/rollovers/arrow_64x64.jpg) no-repeat left top;
    /*width: 64px;*/
    height: 64px;
	text-decoration: none;
    }	

.workshop5 a:hover, .workshop5 a:active, .workshop5 a:focus {   
    background:  url(/images/rollovers/arrow_64x64.jpg) no-repeat left bottom;   
    }

ul.bullet {
list-style: disc;
margin-left: 0.8em;
}

/* List styles for Ordered Lists */

#mainContent ol {
list-style-type: none;
}

#mainContent ol.float {
float: left;
width: 100%; /* pushes text onto new line */
margin: 0 0 20px 13px;

}

#mainContent ol.float a{
width: 60px;
    height: 60px;
	}

#mainContent ol.float-horiz a {
width: 64px;
height: 64px;
}





#mainContent ol.float li {
float: left;
margin-right: 1px;
}

#mainContent ol li p {
margin: 0;
position: relative;
top: -30px;
left: 80px;
}


#mainContent ol {
margin-left: 13px;
}



#mainContent ul.img li a img {
margin-right: 10px;
position: relative;
/*top: 15px;*/
}

#mainContent ul.img li {
list-style-type: none;
margin-left: -0.8em;
}


#mainContent ul.img {
margin-bottom: 20px;

}

#mainContent ul.img li {
clear: left;
}

#mainContent ul.img img {
margin-bottom: 10px;
}

#mainContent ul.img li span { text-decoration: underline; } 

#mainContent ul.img a:hover span, #mainContent ul.img a:active span, #mainContent ul.img a:focus span { 
text-decoration: none;
}

/* Classes for rollovers */



/*li.dh {
width: 100px;
height: 100px;
}

li.dh span {
width: 100%;
height: 100%;
position: absolute;
background: url(../media/navs/new_rollovers/DavidHowarth.jpg) no-repeat;
}

li.dh span:hover, li.dh span:focus, li.dh span:active {
background: url(../media/navs/new_rollovers/DavidHowarth_r.jpg) no-repeat;
}

li.dh p {
position: relative;
left: 110px;
top: 55px;
width: 373px;
}
*/





/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
.centreImage {
display: block;
margin-left: auto;
margin-right: auto;
}


/*
experimenting for who to vote for bottom links

#labourRoll a {
    display: block;
    background:  url(/media/7339/the labour party.jpg) no-repeat left center;
    
    height: 48px;
	text-decoration: none;
    }


#labourRoll a:hover, #labourRoll a:active, #labourRoll a:focus {   
    background:  url(/media/7339/the labour party.jpg) no-repeat left center;   
    }*/