/* 
Project: London Heat Map website
Author: Rade New Media
Date: 30 September, 2009
*/
body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	padding: 0;
	margin: 0;
	text-align:justify;
}

/* Heading styles
------------------------- */
h1 {
	color: #d98d0a;
	font-size: 18px;
}

h2 {
	color: #b8101c;
	padding: 5px 0;
	font-size: 14px; 
	font-weight: bold;
}

h3
{
	color: #b8101c;
	padding: 5px 0;
	font-size: 12px; 
	font-weight: bold;
}

h4
{
	color: #b8101c;
	padding: 5px 0;
	font-size: 12px; 
	font-weight: bold;
	font-style: italic;
}

h5
{
	color: #666;
	padding: 2px 0;
	font-size: 12px;
	font-weight: bold;
}

h6
{
	color: #666;
	padding: 2px 0;
	font-size: 12px;
	font-style: italic;
}

a 
{
	color: #b8101c;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

/* General / form styles
------------------------- */
div#wrapper {
	width: 1005px;
	margin: 0 auto;
}

.loginInput {
	margin: 2px 5px; 
	border: #8e8e8e 1px solid;
	padding: 2px;
}		.loginSubmit { margin: 5px; }

.readmore { background: url('../images/readmore.jpg') left no-repeat; color: #999; text-decoration: none; font-weight: bold; padding: 0 0 0 10px; }
.hr { background: #fff url('../images/hr.jpg') no-repeat; width: 496px; height: 8px; border: 0; margin: 10px 0; clear: both; float: left; }
.clear { clear: both; }

		/* Contact page form styles
		------------------------- */
		.radioField { margin-top: 15px; }
		.radioButton { margin: 1px 5px 5px 0; float: left; }
		.formWrap { margin: 10px 0 0  0; clear: both; float: left; width: 490px; }
			.label { width: 130px; float: left; padding: 4px 0 0 0; } 
			.input { width: 360px; float: right; }
			.textField { border: #cecece 1px solid; padding: 2px; color: #666; width: 335px; margin-right:3px; }
				* html .textField { width: 325px; }
			.dropDown { border: #cecece 1px solid; padding: 2px; color: #666; width: 340px; }
				* html .dropDown { width: 330px; }
		.buttonHolder { float: left; margin-top: 15px; }
			.button { background: #cc6600; padding: 3px 8px; color: #fff; border: 0; }
				.button:hover { background: #cc6600 url('../images/button-hover.jpg') left no-repeat; }
		* html .buttonHolder { clear: both; float: none; }

/* Header styles
------------------------- */
div#header {
	background: url('../images/header.jpg') no-repeat;
	width: 1003px;
	height: 120px;
}		div#logo { background: url('../images/logo.jpg') no-repeat; width: 252px; height: 67px; margin: 28px 0 0 25px; float: left; }
			#logo a { display: block; width: 252px; height: 67px; }
			#logo span { display: none; }
div#mapbannerHeader {
	background: url('../images/header.jpg') no-repeat;
	height: 120px;
	padding: 20px;
}		div#ldaLogo { float: right; width: 160px; }
		div#navMapbanner { clear: both; text-align: center; padding: 5px 0; }
			div#navMapbanner a { border-right: #333 1px solid; padding: 0 10px; color: #333; text-decoration: none; }
				div#navMapbanner a:hover { text-decoration: underline; }
				div#navMapbanner a.last { border-right: 0; }
			
		/* Navigation styles
		------------------------- */
		div#navContainer {
			background: url('../images/navigation-bg.jpg') no-repeat; 
			height: 55px; 
		}		ul#nav { list-style: none; margin: 0 30px; padding: 0; }
					#nav li { background: url('../images/li-bg.jpg') top right no-repeat; float: left; }
						#nav li a { 
							color: #fff; 
							font-weight: bold; 
							font-size: 13px; 
							text-decoration: none; 
							display: block; 
							padding: 24px 15px 14px 15px; 
						}		#nav li a:hover { background: url('../images/a-hover.jpg') top no-repeat; text-decoration: underline; }
								#nav li a.active { background: url('../images/a-hover.jpg') top no-repeat; }
		
/* Content styles
------------------------- */
div#innerContainer {
	background: url('../images/content-bg.jpg') no-repeat;
	padding: 10px 35px 0 35px;
	overflow: hidden;
}		* html #innerContainer { min-height: 500px; height: 100%; }		
		
		/* Left panel styles
		------------------------- */
		div#left {
			float: left;
			width: 210px;
			padding: 5px;
		}		#left p { color: #999; }
				#left a:hover { text-decoration: underline; }
				div#loginHeader { background: #cc6600; width: 180px; padding: 5px 10px; color: #fff; }
				div#loginBox { background: #f7e2d5; width: 190px; padding: 5px; }
					/* Left sub nav styles
					------------------------- */
					#navLeft { margin-bottom: 30px; }
					#navLeft ul { 
						list-style: none; 
						margin: 0;
						padding: 0;
					}		#navLeft ul li {  }
							#navLeft ul li a { 
								background: #cc6700; 
								display: block; 
								height: 32px;
								width: 185px;
								padding: 0 0 0 15px;
								line-height: 30px;
								color: #fff;
								text-decoration: none;
								border-bottom: #fff 1px solid;
							}		#navLeft ul li a:hover { background: #cc6700 url('../images/accordion_toggle_active.jpg') left no-repeat; text-decoration: none; }
							#navLeft ul li li a { background: #f7e2d5; color: #333; }
								#navLeft ul li li a:hover { background: #edd3c3; text-decoration: underline; }
							#navLeft ul li a.subnavActive { background: #cc6700 url('../images/accordion_toggle_active.jpg') left no-repeat; }
		div#middle {
			float: left;
			padding: 5px;
			display: inline;
			width: 490px;
		}		#content { margin: 0 0 10px 0; float: left; }
				#contactPage { margin: 0 0 10px 0; float: left; color: #d37a22; font-weight: bold; }
					#contactPage p { color: #666; font-weight: normal; }
					#contactPage h1 { margin: 0 0 10px 0; }
					#contactPage h2 { margin: 0; }
						* html #contactPage h2 { clear: both; }
				#middle p { margin: 0 0 20px 0; }
				div#imageChanger {
					display: block;
				}		#imageChanger img { position: relative; }
						#imageChangerNavHolder { background: url('../images/image-changer-bg.jpg') repeat-x; height: 70px;margin:-28px 0 10px 20px; width: 460px; float: right; }
							ul#imageChangerNav { list-style: none; padding: 0; margin: 0; float: left; }
								#imageChangerNav li { background: url('../images/image-changer-li.jpg') right bottom no-repeat; float: left; }
								#imageChangerNav li a { display: block; color: #fff; text-decoration: none; padding: 41px 13px 15px 13px; }
									#imageChangerNav li a:hover { background: url('../images/image-changer-li-hover.jpg') repeat-x; }
									#imageChangerNav li.last { background: none; }
									#imageChangerNav li a.final { padding-right: 40px; }
		div#right {
			float: right;
			width: 195px;
			padding: 5px;
		}		#right p { color: #666; }
				#right h2 {	width: 200px; border-bottom: #c2c2c2 1px solid; }
		div#rightHome {
			float: right;
			width: 195px;
			padding: 5px;
		}		#rightHome p { color: #cc6600; }
				 a.interactiveMap { 
					background: url('../images/interactive-map-a.jpg') repeat-x; 
					color: #fff; 
					padding: 13px 0 15px 20px; 
					width: 179px; 
					display: block; 
					font-weight: bold; 
					text-decoration: none;
				}		a:hover.interactiveMap  { background: url('../images/interactive-map-ahover.jpg') no-repeat; }
		
/* News page styles
------------------------- */
.newsItem {
	border-bottom: #ccc 1px solid;
	width: 490px;
	padding: 10px 0;
}		.newsItem h2 { background: url('../images/news-header-bg.jpg') left no-repeat; padding-left: 15px; font-size: 16px; font-weight: bold; float: left; margin: 0 0 10px 0; width: auto; border-bottom: 0; }
		.newsItem p { clear: both; margin: 5px 0 !important; padding-left: 15px; }
		.newsItem h2 a { text-decoration: none; color: #b8101c; }
			.newsItem h2 a:hover { text-decoration: underline; }
		span.newsDate { color: #dd9955; font-size: 14px; font-weight: bold; float: right; padding-top: 5px; }
			.newsStory h2 { color: #b8101c; font-size: 16px; font-weight: bold; float: left; margin: 0 0 10px 0; width: auto; border-bottom: 0; }
			.newsStory p { clear: both; font-size: 14px; line-height: 18px; }
			.newsStory a { color: #d98d0a; text-decoration: none; }
				.newsStory a:hover { color: #333; }

/* Events page styles
------------------------- */
.eventItem {
	border-bottom: #ccc 1px solid;
	width: 490px;
	padding: 10px 0;
}		.eventItem h2 { padding-left: 15px; font-size: 16px; font-weight: bold; margin: 0; border-bottom: 0; width: auto; }
		.eventItem h3 { background: url('../images/news-header-bg.jpg') left no-repeat; padding-left: 15px; font-size: 16px; font-weight: bold; margin: 0; }
		.eventItem p { clear: both; margin: 5px 0 !important; padding-left: 15px; }
		.eventItem h2 a { text-decoration: none; color: #d98d0a; }
			.eventItem h2 a:hover { text-decoration: underline; }
		.eventItem h3 a { text-decoration: none; color: #b8101c; }
			.eventItem h3 a:hover { text-decoration: underline; }
		.eventStory h2 { color: #b8101c; font-size: 16px; font-weight: bold; margin: 0; width: auto; border-bottom: 0; }
		.eventStory h3 { color: #d98d0a; font-size: 16px; font-weight: bold; margin: 0; border-bottom: 0; width: auto; }
		.eventStory p { clear: both; font-size: 14px; line-height: 18px; }
		.eventStory a { color: #d98d0a; text-decoration: none; }
			.eventStory a:hover { color: #333; }

/* Footer styles
------------------------- */
div#footer {
	clear: both;
	padding: 10px 35px;
}		#footer img { float: right; }
		ul#footerNav {
			background: #f2f2f2;
			margin: 58px 0 0 0;
			padding: 0 0 0 20px;
			width: 543px;
			height: 37px;
			list-style: none;
		}		#footerNav li { float: left; padding: 12px 0; }
					#footerNav li a { color: #848484; text-decoration: none; border-right: #848484 1px solid; padding: 0 5px; }
					#footerNav li a.last { border-right: 0; }
						#footerNav li a:hover { color: #333; }
				* html #footerNav li { padding: 11px 0; }

.tableMain
{
    background-color:#cccccc;
    border:#cccccc thin solid;
}

.tableHeader
{
     background-color:#cccccc;
     color:Black;
}

.oddRow 
{
    background-color: #FFFFCC;
}

.evenRow
{
    background-color:White;
}