/***************************************
General content
***************************************/
.intranet_hide
{
	display:none;
}

div.col-center  {
font-size: 0.75em;
}

div.col-center h1 {
margin: 0px 0px 20px 35px;
padding: 0px;
font-size: 1.8em;
font-weight: bold;
color: #693;
}





/* Articles */
div.content {
width: 452px;
margin: 0px 0px 20px 35px !important;
padding: 0px !important;
}

/* main article image */
div.content span.mainImage {
float: right;
width: 200px;
margin: 0 0px 5px 10px !important;
/*matt commented this out because on the live site it was giving a green bottom border
i replaced it with the #ffffff;
background-color: #055;*/
background-color: #FFFFFF;
}
	div.content span.mainImage img {
	width: 200px;
	margin: 0;
	border: none;
	}
	
div.content .intro {
margin: 0px 0px 20px 0px !important;
padding: 0px;
color: #609;
}


/* Article headings */
div.content h1 {
margin: 0px 0px 10px 0px !important;
padding: 0px;
font-size: 1.8em;
font-weight: bold;
color: #693;
}
div.content h2 {
margin: 0px 0px 10px 0px;
padding: 0px;
font-size: 1.0em;
font-weight: bold;
color: #609;
}

div.content h3,
div.content h4 {
margin: 10px 0px 0px 0px;
padding: 0px;
font-size: 1.0em;
font-weight: bold;
color: #609 !important;
}

 

/* in body text images */
/*div.content img {
margin: 0 10px 5px 0;
border: none;
}

div.content p {
margin: 0px 0px 20px 0px !important;
padding: 0px;
}

/* indented text */
div.content blockquote {
margin: 0px 0px 20px 20px !important;
padding: 0px;
}

div.content a, 
div.content a:visited {
color: #693 !important;
font-weight: bold;
text-decoration: none;
}
	div.content a:hover, 
	div.content a:active {
	text-decoration: underline;
	}

div.content a.anchor, 
div.content a.anchor:visited {
color: #000 !important;
}


div.content ul {
margin: 10px 0px 10px 25px;
padding: 0px;
list-style-type: disc !important;
list-style-position: outside;
font-size: 1em;
}
	div.content ul li {
	margin: 0px;
	padding: 0px;
	}


/* News date */
div.content .newsDate {
margin: 0px 0px 10px 0px !important;
padding: 0px;
font-size: 0.9em;
font-weight: normal;
color: #609;
}


/* achive forms */
div.content ul.formList {
margin: 10px 0px 10px 0px;
padding: 0px;
list-style-type: none !important;
list-style-position: outside;
font-size: 1em;
}
	div.content ul.formList li {
	margin: 0px;
	padding: 0px;
	}
		div.content ul.formList li img {
		margin: 2px 5px 0 0 !important;
		vertical-align: middle;
		}

				
				
div.content ol {
margin: 10px 0px 10px 33px;
padding: 0px;
list-style-type: decimal !important;
list-style-position: outside;
font-size: 1em;
}
	div.content ol li {
	margin: 0px;
	padding: 0px;
	}
	
	
	
	



/* Generic table */
div.col-center table {
clear: both;
width: 99%;
font-size: 1em;
}
	div.col-center table th  {
	color: #FFF;
	text-align: left !important;
	padding: 1px  2px !important;
	vertical-align: top !important;
	background-color: #609;
	border: 1px solid #FFF !important;
	}
		div.col-center table th  p {
		margin: 0px;
		color: #FFF;
		text-align: left !important;
		}
	div.col-center table td  {
	padding: 1px 2px !important;
	vertical-align: top !important;
	border: 1px solid #FFF !important;
	background-color: #EEE;
	color: #000;
	}
		div.col-center table td p {
		margin: 0px;
		}
		div.col-center table td img {
		margin: 0 0px 0px 0 !important;
		}




/* Unstyled table */
div.col-center table.nostyle {
clear: both;
width: 99%;
font-size: 1em;
}
	div.col-center table.nostyle th  {
	color: #000;
	padding: 0px  0px !important;
	vertical-align: top !important;
	background-color: #FFF;
	border: 1px solid #FFF !important;
	}
		div.col-center table.nostyle p {
		margin: 0px;
		color: #FFF;
		text-align: left !important;
		}
	div.col-center table.nostyle td  {
	padding: 0px 0px !important;
	vertical-align: top !important;
	border: 1px solid #FFF !important;
	background-color: #FFF;
	}
		div.col-center table.nostyle p {
		margin: 0px;
		}
		div.col-center table.nostyle img {
		margin: 0 0px 0px 0 !important;
		}


























/***************************************
Print & top
***************************************/
div.actionbar {
margin:0 0 10px 0;
background-position: left top;
background-image: url('../../../images/std/dot-grey.gif');
background-repeat: repeat-x;
}	

div.backtop {
margin: 10px 0 0 0;
/*border-top: 1px solid #ccc;*/
}
div.emailprint {
/*border-top: 1px solid #ccc;*/
}
	div.actionbar div.newsdate {
	float:left;
	width: 200px;
	padding: 0px 0px 0 0px !important;
	margin: 1px 0 0 0px !important;
	font-size: 0.9em;
	}
	div.backtop ul {
	float:left;
	width: 250px;
	list-style:none;
	padding: 0px 0px 0 0px !important;
	margin: 0px 0 0 0px !important;
	}
	div.emailprint ul {
	float:right;
	width: 250px;
	list-style:none;
	padding: 0px 0px 0 0px !important;
	margin: 0px 0 0 0px !important;
	}
		div.emailprint ul li {
		float:right;
		display:inline;
		margin:0 0 0 15px !important;
		padding: 2px 0px 0px 15px !important;
		font-size: 0.9em;
		background-position: left 4px;
		background-repeat: no-repeat;
		}
		div.emailprint ul li.email {
		background-image: url('../../../images/std/actionbar-email.gif');
		}
		div.emailprint ul li.print {
		background-image: url('../../../images/std/actionbar-print.gif');
		}
		div.emailprint ul li.rsslink {
		background-image: url('/hikicontrols/images/icons/gif/rss.gif');
		background-position: left 0px;
		padding: 2px 0px 0px 20px !important;
		}
		/*TK edit start: changed link color to add more contrast*/
		div.emailprint a {
		color: #63009C !important;
		}
		/*TK edit end*/		
		
		div.backtop ul li {
		float:left;
		display:inline;
		margin:0 0 0 0px !important;
		padding: 5px 0px 3px 15px !important;
		font-size: 0.9em;
		}
		div.backtop ul li {
		background-position: -4px 4px;
		background-repeat: no-repeat;
		background-image: url('/HikiControls/Images/Icons/Gif/Arrow_Up.gif');
		}
		/*TK edit start: changed link color to add more contrast*/
		div.backtop a {
		color: #63009C !important;
		}
		/*TK edit end*/
		
			div.actionbar ul li a,
			div.actionbar ul li a:visited {
			color:#004084;
			font-weight:normal;
			text-decoration:none;
			}
				div.actionbar ul li a:hover {
				color: #666;
				text-decoration:underline;
				}
		


			
			
/***************************************
Pagination
***************************************/
div.col-center div.pag {
width: 100% !important;
margin: 10px 0px 0px 0px;
padding: 0px;
text-align: left;
}

div.col-center div.pag ul {
display:inline;
list-style:none;
font-size: 1em;
}	

	div.col-center div.pag ul li {
	float: left;
	display:inline;
	padding: 3px 0px;
	font-weight: bold;
	background-position: 0px 0px;
	background-image: url('../images/pag-left.gif');
	background-repeat: no-repeat;
	}
		div.col-center div.pag ul li.last {
		float: right;
		background-image: url('../images/pag-right.gif');
		}
		div.col-center div.pag ul li a {
		padding: 0px 0px 0px 25px;
		font-weight: normal;
		color:#666;
		text-decoration: none;
		}
		div.col-center div.pag ul li a:hover {
		text-decoration: underline;
		}











/***************************************
Rate page
***************************************/

div.rate {
clear:both;
margin: 20px 0px 20px 15px;
min-height: 70px;
height: auto !important;
height: 70px;
width: 492px;
padding: 0 0 20px 0;
background-position: 0px top;
background-image: url(../../../Images/std/YoungMayor/rate-bg.jpg);
background-repeat: no-repeat !important;
background-color: #fff;
}

	div.rate h2 {
	color: #693;
	font-weight: bold;
	font-size:1.3em;
	padding: 0 !important;
	margin: 20px 20px 5px 20px !important;
	}
	div.rate p {
	margin: 10px 20px 0px 20px;
	font-size: 1em;
	color: #609;
	}
			

	div.rate ul {
	margin: 0px 20px 15px 20px;
	padding: 5px 0 0 0;
	list-style-type: none !important;
	list-style-position: outside;
	background-image: none;
	}
		div.rate ul li {
		display:inline;
		float:left;
		margin: 0px 0 2px 0px !important;
		padding: 0 8px 0 0px;
		background-image: none;
		}
			div.rate ul li a img {
			border:0px;
			}