/*****************************
Homepage
*****************************/

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

	
		div.homeNews ul {
		margin: 0px 20px 0px 20px !important;
		padding: 0;
		list-style: none;
		list-style-position: outside;
		}
				div.homeNews li {
				margin: 0px 0px 10px 0px;
				color:#000;
				min-height: 80px !important;
				height: auto !important;
				height: 80px !important;
				font-size: 0.95em;
				}
					div.homeNews li h2 {
					color:#000;
					font-size: 1.3em;
					font-weight:bold;
					margin: -3px 0px 0px 150px !important;
					padding-top: 0px;
					}
						div.homeNews li h2 a,
						div.homeNews li h2 a:visited {
						color: #693;
						text-decoration: none;
						}
							div.homeNews li h2 a:hover {
							text-decoration: underline;
							}
							
					div.homeNews li img {
					float: left;
					border: none;
					width: 140px !important;
					height: 80px !important;
					}
						* html div.homeNews li img { 
						display:inline; 
						margin-left: -3px;
						}
					div.homeNews li p {
					color:#333;
					margin: 0px 5px 0px 150px;
					line-height: 1.2em;
					}		


				
/* Other News list */
div.homeNewsList {
clear:both;
margin: 0px 0px 0px 15px;
min-height: 70px;
height: auto !important;
height: 70px;
width: 492px;
padding: 0 0 20px 0;
background-color: #fff;
}

	
		div.homeNewsList h2 {
		color: #333;
		font-weight: bold;
		font-size: 1em;
		padding: 2px 5px 2px 0 !important;
		margin: 0px  0 0 15px !important;
		border-bottom: 1px solid #ddd;
		}
		div.homeNewsList ul {
		margin: 10px 0px 0px 15px !important;
		padding: 0;
		list-style: none;
		list-style-position: outside;
		}
				div.homeNewsList ul li {
				font-size: 1em;
				padding: 4px 5px 2px 16px !important;
				margin: 0px !important;
				background-position: 0px 6px;
				background-image: url('../../../Images/std/YoungMayor/arrow-sml-w.gif');
				background-repeat: no-repeat;
				}
				*html div.homeNewsList ul li {
				padding: 3px 5px 2px 16px !important;
				background-position: 0px 4px;
				}
					div.homeNewsList ul li a {
					color: #609 !important;
					text-decoration: none;
					}
						div.homeNewsList ul li a:hover {
						text-decoration: underline;
						}
				div.homeNewsList ul li.more  {
				margin: 4px 0 0 0px !important;
				border-top: 1px solid #ddd;
				background-position: 0px 6px;
				}
				*html div.homeNewsList ul li.more  {
				padding: 3px 5px 2px 16px !important;
				background-position: 0px 5px;
				}	
		
		
		
		
		
		
		
		
		
		
		
		


/*****************************
Topics
*****************************/
/* Promo  */
div.promo {
clear:both;
width: 450px;
margin: 0px 0px 20px 0px !important;
background-color: #fff;
}

	div.promo h1 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 1.8em;
	font-weight: bold;
	color: #693;
	}
	*html div.promo h1  {
	margin: -3px 0px 10px 0px;
	}
	div.promo img {
	float: left;
	width: 200px;
	margin: 0 10px 5px 0;
	border: none;
	}
	div.promo p {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: #000;
	/*color: #609; color changed by TK*/
	}
		
	div.promo  a {
	/*color: #693; color changed by TK*/
	color: #609 !important;
	text-decoration: none;
	font-weight:Normal !important;
	}
	
	div.promo  a:hover {
	text-decoration: underline !important;
	}
	div.promo ul {
	margin: 10px 0px 10px 25px;
	padding: 0px;
	list-style-type: none !important;
	list-style-position: outside;
	font-size: 1em;
	}










/* Spots */
div.spotsBox {
clear:both;
width: 460px;
margin: 0px 0px 20px 0px !important;
background-color: #fff;
}

	div.spotsBox h2 {
	/*margin: 7px 10px 18px 10px !important;
	color: #004084;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 !important;
	text-transform: capitalize;*/
	display:none;
	}
	
	div.spotsBox ul {
	margin: 0px 10px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	list-style:none;
	list-style-position: outside;
	}
		div.spotsBox ul li {
		float: left;
		display: inline;
		width: 140px !important;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px !important;
		min-height: 160px !important;
		height: auto !important;
		height: 160px !important;
		font-size: 0.95em;
		}
		div.spotsBox ul li.pos_1,
		div.spotsBox ul li.pos_2,
		div.spotsBox ul li.pos_4,
		div.spotsBox ul li.pos_5  {
		margin: 0px 15px 10px 0px;
		}
		div.spotsBox ul li.pos_0,
		div.spotsBox ul li.pos_3 {
		margin: 0px 0px 10px 0px;
		}
			div.spotsBox ul li img {
			border: none;
			width: 140px !important;
			height: 80px !important;
			}
				* html div.spotsBox li img { 
				display:inline; 
				margin-left: 0px;
				}
			div.spotsBox ul li h3 {
			margin: 0px 0px 0px 0px !important;
			font-size: 1em;
			padding: 0px 0px 0px 16px !important;
			background-position: 0px 1px;
			background-image: url('../../../Images/std/YoungMayor/arrow-sml-w.gif');
			background-repeat: no-repeat;
			}
				div.spotsBox ul li h3 a,
				div.spotsBox ul li h3 a:visited {
				color: #333 !important;
				text-decoration: none !important;
				}
					div.spotsBox ul li h3 a:hover {
					color: #609 !important;
					text-decoration:underline;
					}
					
			div.spotsBox ul li p {
			margin: 0px 0px 0px 0px;
			color: #666;
			}
			
			
			
			
			
		



/* Pages */
div.pages {
clear:both;
width: 460px;
margin: 0px 0px 20px 35px !important;
}
	div.pages .top {
	margin: 0 0 0 0;
	padding: 0px 0 0 0px;
	color: #693;
	font-weight: bold;
	font-size: 1em;
	border-bottom: 1px solid #ddd;
	}
		div.pages span {
		margin: 0  !important;
		padding: 0px 0px 0 0px !important;
		background-color: #fff;
		}

	div.pages .body {
	margin: 0 0 0 0;
	padding: 0px 0 12px 0;
	}
		div.pages .body ul {
		width: 260px;
		padding: 5px 0px 0px 0px !important;
		list-style:none;
		list-style-position: outside;
		}
		div.pages .body ul.pagesL {
		float: left;
		margin: 0px 10px 0px 0px !important;
		background-color: #fff;
		}
		div.pages .body ul.pagesR {
		float: right;
		margin: 0px 10px 0px 10px !important;
		background-color: #fff;
		}
			div.pages .body ul li {
			list-style: none;
			font-size: 0.95em;
			margin: 0px 0px 0px 0px !important;
			font-size: 1em;
			padding: 0px 0px 0px 16px !important;
			background-position: 0px 1px;
			background-image: url('../../../Images/std/YoungMayor/arrow-sml-w.gif');
			background-repeat: no-repeat;
			background-color: #fff;
			}
				div.pages .body ul li a,
				div.pages .body ul li a:visited {
				color: #609;
				text-decoration: none !important;
				}
					div.pages .body ul li a:hover {
					color: #693 !important;
					}
					



/***************************************
Media
***************************************/ 
div.content_box_1 {
margin: 20px 0 0 0 !important;
}



/***************************************
Photo Gallery
***************************************/ 
ul.photoGaleryList {
margin: 40px 20px 0px 0px !important;
padding: 0;
list-style: none;
list-style-position: outside;
}
		/* Top 3 spots with images */
		ul.photoGaleryList li {
		display: inline;
		float: left;
		width: 140px !important;
		margin: 0px 10px 20px 0px !important;
		padding: 0 0 0 0 !important;
		min-height: 140px !important;
		height: auto !important;
		height: 140px !important;
		background-color: #eee;
		}
			ul.photoGaleryList li a {
			display: block;
			width: 140px !important;
			min-height: 140px !important;
			height: auto !important;
			height: 140px !important;
			padding: 10px 0 0 0 !important;
			border: 1px solid #ccc;
			}
				ul.photoGaleryList li a:hover {
				border: 1px solid #931a38;
				}
			ul.photoGaleryList li a img {
			margin: 0;
			vertical-align: middle !important;
			border: 0px;
			}


ul.galleryPag {
margin: 40px 20px 0px 0px !important;
padding: 0;
list-style: none;
list-style-position: outside;
}
	ul.galleryPag li {
	display: inline;
	float: left;
	margin: 0px 5px 0px 0px !important;
	color: #000;
	font-size: 1.0em;
	font-weight: normal;
	}
	ul.galleryPag li.sel {
	color: #000;
	font-weight: bold;
	}
		ul.galleryPag li a {
		color: #931a38;
		font-weight: normal !important;
		}












/***************************************
News
***************************************/
/* News Listing page */
div.col-center ul.newsList {
width: 450px;
margin: 0px 0px 20px 35px !important;
padding:0px !important;
list-style-type:none;
font-size: 1em !important;
}	
	div.col-center ul.newsList li {
	margin:0px 0px 10px 0px;
	padding:0px 0px 2px 0px ;
	background-position: left top;
	background-image: url('../images/2dot-grey.gif');
	background-repeat: repeat-x;
	border-top: 1px solid #ddd;
	}
		div.col-center ul.newsList li h2 {
		float:left;
		width:280px;
		margin: 0px;
		padding: 0px;
		font-size: 1.2em;
		}
			div.col-center ul.newsList li h2 a {
			color:#693;
			text-decoration: none;
			}

		div.col-center ul.newsList li span.date {
		float:right;
		width:100px;
		text-align: right;
		font-size: 0.85em;
		padding: 0px 0px 0px 0px;
		color: #693;
		}

		div.col-center ul.newsList li p {
		clear: both;
		padding:0px !important;
		margin:0px !important;
		font-size: 1em;
		}








/***************************************
FAQs
***************************************/ 
div.col-center ul.faq_links {
margin: 0px 0px 50px 16px;
padding: 0px;
list-style-type: square !important;
list-style-position: outside;
font-size: 1em;
color: #693;
}
	div.col-center ul.faq_links li {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	}



div.col-center dl.faqList {
margin: 0px 0px 10px 0px;
padding: 0px;
list-style-type: none;
list-style-position: outside;
font-size: 1em;
}	
		div.col-center dl.faqList dt {
		padding:0px;
		margin:0px 0px 0px 0px;
		font-weight: bold;
		color: #609;
		}
		div.col-center dl.faqList dd {
		padding:0px;
		margin:0px 0px 10px 0px;
		}
		div.col-center dl.faqList dd a {
		padding-left:10px;
		color: #693;
		font-weight: normal !important;
		}











/***************************************
Gallery
***************************************/ 





*{
/*font-size: 10pt;*/
font-family: Arial;
}




.PhotoGallery {
margin:20px 0 20px 0;
width:450px;
border-bottom: 20px solid #fff !important;
}




/* Thumbnail view */
.PhotoGallery a img {
border:1px solid #666;
}



/* Control Bar */
.PhotoGallery .ControlBar {
padding:2px 0 0 0;
background-color: white;
font-size:0.9em;
color: #666;
text-align: right;
border-top: 1px solid #609;
background-position: left bottom;
background-image: url('../../images/std/dot-grey.gif');
background-repeat: repeat-x;
}
.PhotoGallery .ControlBar Img
{
	display:inline;
	padding-top:5px;
}

	.PhotoGallery .ControlBar a,
	.PhotoGallery .ControlBar a:visited {
	display:inline;
	top:-2px;
	position:relative;
	padding: 0 0 0 3px;
	color: #666;
	font-weight:normal;
	text-decoration:none !important;
	}
			.PhotoGallery .ControlBar a:hover {
			color: #666;
			text-decoration:underline;
			}
		

/* Main image */
.PhotoGallery .MainImageArea
{
	background-color: #fff;
}

/* Film strip */
.PhotoGallery .FilmStrip {
margin:0 0  0 !important;
background-color: #fff;
width: 100%;
padding-bottom: 0px;
padding-top: 5px;
}
	.PhotoGallery .FilmStrip .HikiScrollButton {
	width: 20px;
	height: 110px;
	color: #fff;
	background-color: #609;
	border: 1px solid #666;
	}

	.PhotoGallery .FilmStrip .HikiFilmStrip {
	margin:0;
	padding: 0;
	float: left;
	width: 410px;
	height: 110px;
	overflow: auto;
	overflow: hidden;
	overflow-y: hidden;
	background-color: #fff;
	border-bottom: 1px solid #666;
	}

		.PhotoGallery .FilmStrip img {
		border-right: white solid;
		border-top: white solid;
		border-left: white solid;
		border-bottom: white solid;
		}
		.PhotoGallery .FilmStrip table {
		border-collapse: collapse;
		background-color: #cf3;
		border-top: 1px solid #666;
		}
			.PhotoGallery .FilmStrip td {
			padding:0;
			background-color: #fff;
			border:0px;
			}

/* Photo Details */
.PhotoGallery .PhotoDetails {
margin:0 0 20px 0;
background-color: #fff;
border-top: 1px solid #609;
background-position: left bottom;
background-image: url('../images/std/dot-grey.gif');
background-repeat: repeat-x;
}
	.PhotoGallery .PhotoDetails td {
	vertical-align:top;
	text-align:left;
	color:#000;
	background-color: #fff;
	}
		.PhotoGallery .PhotoDetails td b {
		color:#000;
		}
		

/*
.Thumbnails
{ 
	height:100px;
	width:1100px;
	background-color: #00ffcc; 
 }

.FilmStrip, .LeftButton, .RightButton
{
	float:left;
}

*/

/* Sorted hacks etc */

.MainImageArea
{
	position: relative;
	width: 450px !important;
	height: 490px;
	background:lightgray;
}

.LargeImage
{
	text-align:center;
	display: table; 
	width:450px !important;
	height: 490px; 
	#position: relative; 
	overflow: hidden;
	
}
.LargeImage img {
width:450px !important;
/*max-height: 470px; */
}

.LargeImage .VerticalCenter
{
	#position: absolute; 
	#top: 50%;
	#left:50%;
	display: table-cell; 
	vertical-align: middle;
	text-align:center;
}

.LargeImage .VerticalCenter .TheImage
{
	text-align:center;	
	#position: relative; 
	#top: -50%; 
	#left: -50%;
}