/** 
 * 
 * 	Nelson City Council Main Layout Stylesheet
 *
 */
 
/*  Misc Styles and defaults 
-------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
body {
 	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif; 
}
.Layout {
	margin-bottom: 30px;
}
html {
	background: #0d235f;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
.clear{
	clear:both;
}
a {
	text-decoration: none;
	color: #0158A7;
	/* display: inline-block; */
	outline: none;
}
	a:hover {
		text-decoration: underline;
	}
#ContentContainer .typography ul, #ContentContainer .typography ol, #CDHomePage #News ul, #CDHomePage #News ol {
	color: #333;
}

#ContentContainer div div div.thumbnail {
	width: 202px;
	height: 112px;
	background: url(../images/thumbnail_frame.gif) no-repeat;
	padding: 20px 0px 0px 17px;
}

/* CONTAINER
----------------------------------------- */
#BgContainer {
	width: 960px;  
	margin: 0 auto; 
}
#Container { 
	
}
.Layout {
	background: #fff;
	clear: both;
	overflow: hidden;
}
#ContentContainer {
	float: left;
	position: relative;
	overflow: hidden;
}

#BodyContent {
	padding-top: 0;
	width: 100%;
}
#BodyContent.withSidebar {
	float: left;
	width: 515px;
}

#ContentContainer .typography #sidebar {
	width: 22.5%;
	float: right;
	padding-top: 5px;
	margin-left: 15px;
	margin-right: 0;
}
	#ContentContainer .typography #sidebar .sidebarBox {
		margin-bottom: 0;
	}
	#ContentContainer .typography #sidebar ul {
		margin: 5px;
	}

/* HEADER
----------------------------------------- */
#Header { 
 	margin: 0 auto;
	overflow: hidden;
	height: 92px;
	position: relative;
	background: url('../images/cd-header-bg.png') top left no-repeat;
}
 	#Header h1 { 
		float: left;
	  	color: #fff; 
		font-size: 1.6em; 
		font-family: Helvetica, Arial, sans-serif;
		padding-top: 10px;
	}
	#HomeLink {
		display: block;
		width: 310px;
		height: 80px;
		text-indent: -9999em;
	}
	#HomeLink:hover {
		background-color: transparent;
	}
	#Header p {
		font-size: 1.4em;
		color: #fff;
		clear: left;
		margin: 0 0 0 100px;
	}
#SearchContainer {
	float: right;
	width: 245px;

}	

/* LAYOUT FRAMEWORK
----------------------------------------- */	
.Layout {
	position: relative;
	overflow: visible;
}
.col2 {
	width: 50%;
	float: left;
}
.col3 {
	overflow: hidden;
	float: left;
	width: 33%;
}
.col4 {
	width: 25%;
}
.hidden {
	display: none;
}

/* GENERAL PAGE STYLING 
------------------------------------------*/
.typography h2.pageTitle {
	margin: 0 0 10px 0;
}



/* RADIO STATIONS
----------------------------------------- */
#Right #RadioStations {
	padding: 5px;
	border: 1px solid #fcf226;
	border-bottom: none;
	line-height: 1.4em;
	letter-spacing: 0.1em;
	background: white url('../images/cd-radio-bg.gif') repeat-y;
	width: 218px;
	margin: 5px 0 0 0;
}
#Right #RadioStations h3.top {
	background: none;
	text-indent: 0;
	color: #0d235f;
	line-height: 110%;
	padding: 2px 0 5px 3px;
}
#RadioStations dl {
	margin-bottom: 0.7em;
}
#RadioStations dl.last {
	margin-bottom: 0;
}
#RadioStations dt {
	background: #fcf226;
	font-weight: bold;
	padding-left: 4px;
	margin-bottom: 0.2em;
}
#RadioStations dd {
	padding-left: 4px;	
	overflow: hidden;
}
#RadioStations .station {
	float: left;
}
#RadioStations .freq {
	float: right;
	margin-left: 15px;
}
#RadioBottom {
	width: 230px;
	height: 17px;
	background: #fcf226 url('../images/cd-radiobottom-bg.gif') bottom right repeat-y;
	margin-bottom: 0.7em;
}
	
/* HOMEPAGE 
----------------------------------------- */	
#CivilDefenceStatus {
	margin: 0 0 0 8px;
	width: 700px;
	height: 275px;
	background: #0D235F url('../images/status-bg.gif') bottom left no-repeat;
}
#CivilDefenceStatus.Preparedness {
	background: #0D235F url('../images/status-bg.gif') bottom left no-repeat;
}
#CivilDefenceStatus.Alert {
	height: 53px;
	background: orange url('../images/status-bg-alert.gif') bottom left no-repeat;
}
#CivilDefenceStatus.Emergency {
	height: 53px;
	background: red url('../images/status-bg-emergency.gif') bottom left no-repeat;
}
#CivilDefenceStatus img.status-indicator {
	margin: -8px 0 0 10px;
	vertical-align: middle;
}
#CivilDefenceStatus h2 {
	color: #fff;
	margin: 12px 0 0 4px;
	display: inline-block;
}

/* TEMP FOR HOMEPAGE PROTOTYPE
----------------------------------------- */

#Featured {
	position: relative;
}
	#HomePage #FeaturedContent{
		position: relative;
	}
		#Featured #FeaturedContent .featuredText {
			position: absolute;
			bottom: 0;
			background: url('../images/featured_text_background.png') repeat;
			height: 100%;
			width: 260px;
			right: 0px;
			color: #fff;
			padding-left: 20px;
		}
			#Featured #FeaturedContent .featuredText h3 {
				font-size: 1.8em;
				margin-left: 12px;
				margin-top: 20px;
			}
				#Featured #FeaturedContent .featuredText h3 a {
					color: #fff;
				}
		#Featured #FeaturedControls {
			position: absolute;
			width: 280px;
			bottom: 0;
			right: 8px;
			padding: 15px 0;
			background: #656363;
		}
		#Featured #FeaturedControls a {
			color: #ffcb05;;
		}
			#Featured #FeaturedControls span {
				font-size: 1.2em;
			}
			#Featured #FeaturedControls #SlidePager {
				margin-left: 50px;
				float: left;
				color: #fff;
				padding-top: 3px;
			}
		#Featured #FeaturedControls .prev {
			float: left;
			margin-left: 15px;
			padding-left: 18px;
			padding-top: 3px;
			background: url(../images/slide_prev.gif) no-repeat;
		}
		#Featured #FeaturedControls .next {
			float: right;
			margin-right: 15px;
			padding-right: 18px;
			padding-top: 3px;
			background: url(../images/slide_next.gif) no-repeat 100% 0;
		}
	
.widthswitch {
	background: #fafafa;
	border: 3px solid #666;
	padding: 5px;
	width: 60px;
	position: absolute;
	right: 0;
	top: 50px;
}
.widthswitch a {
	display: inline;
}
.widee #ContentContainer, .widee #Content {
	overflow: visible !important;
}
.widee #Right {
	margin-top: 250px !important;
}
.widee #Featured {
	width: 900px;
}

/* TEMP to get nav lists looking nice */
* ul, * p {
	list-style: none;
	padding: 10px;
	line-height: 150%; 
}
.col3 ul, .col3 ul li, .col3 p, .col2 ul, .col2 ul li, .col2 p {
	padding: 0;
}

/* CHECK UP POSSIBLE ORPHANS?
----------------------------------------- */
#SubHeader {
	float: left;
}
#ReplaceMe {
	float: left;
	width: 75%;
}

/* RIGHT
----------------------------------------- */	
#Right {
	clear: right;
	float: right;
}    
#Right div {
	float: left;
	overflow: visible;
	color: #0d235f;
}
#Right div div {
	border: 0;
}
#Right div.widget {
	width: 230px;
	margin-bottom: 5px;
}
#Right .widget .top {
	text-indent: 10px;
	line-height: 0.9em;
}
#Right .widget .top, #Right .widget .body {
	width: 100%;
}
	#Right .widget .top {
		color: #fff;
		background-color: #0158A7;
		font-size: 16px;
	}
		#Right .widget .top a {
			display: block;
			text-indent: -9999em;
			height: 30px;
		}

#Events div {
	border: 0;
}

#Right h3 {
	display: block;
	float: left;
	width: 90%;
	padding: 10px 0 10px 0;
}
#Right #CivilDefenceStatus {
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	border-left: 1px solid #efefef;
	min-height: 36px;
	float: left;
	margin-bottom: 0;
}
	#Right #CivilDefenceStatus .top {
		line-height: 0;
		height: 10px;
		width: 100%;
	}
		#Right #CivilDefenceStatus .top a {
			display: block;
			width: 230px;
			height: 27px;
			text-indent: -9999em;
		}
		#Right #CivilDefenceStatus div.body {
			width: 100%;
		}
	#Right #CivilDefenceStatus .body {
		text-transform: uppercase;
	}
		#Right #CivilDefenceStatus .body p {
			padding-left: 15px;
		}
	#Right #CivilDefenceStatus.normal .top {
		background: #cfecf8 url(../images/defense_status_top_green.gif) no-repeat;
	}
	#Right #CivilDefenceStatus.normal div.body {
		color: #b10000;
		background: #cfecf8 url(../images/defense_status_green.gif) no-repeat 98% 5px;
	}
	#Right #CivilDefenceStatus.critical .top {
		background: #af1f23 url(../images/defense_status_top_red.gif) no-repeat;
	}
	#Right #CivilDefenceStatus.critical div.body {
		color: #ffcd00;
		background: #af1f23 url(../images/defense_status_red.gif) no-repeat 98% 5px;
	}

#Right #Utils {
	
}
#Right #Utils div {
	float: left;
	margin: 4px 4px 4px 0px;
	padding: 0px 4px 4px 4px;
	width: 68px;
	height: 30px;
	line-height: 32px;
}
	#Right #Utils div a {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	#Right #Utils #email a {
		padding-left: 35px;
		background: url(../images/icons/email.gif) no-repeat 0 50%;
	}
	#Right #Utils #rss {
		width: 58px;
		margin-left: 10px;
	}
	#Right #Utils #rss a {
		padding-left: 25px;
		background: url(../images/icons/feed.gif) no-repeat 0 50%;
	}
	#Right #Utils #print a {
		padding-left: 35px;
		background: url(../images/icons/print.gif) no-repeat 0 50%;
	}


#Right #ContactWidget {
	border-top: 1px dotted #91e6fd;
	border-bottom: 1px dotted #91e6fd;
	color: ;
}
#Right #ContactWidget h3.top {
	background: none;
	padding-bottom: 0;
}
	#Right #ContactWidget h3.top a {
		text-indent: 0;
		height: auto;
	}
	#Right #ContactWidget ul {
		padding: 0;
	}
	#Right #ContactWidget .body li {
		padding: 10px;
		border-bottom: 1px dotted #91e6fd;
	}
	#Right #ContactWidget .body li.last {
		border-bottom: none;
	}
	#Right #ContactWidget .body li.email {
		background: url(../images/contact_email.gif) no-repeat 0 50%;
	}
	#Right #ContactWidget .body li.phone {
		background: url(../images/contact_phone.gif) no-repeat 0 50%;
	}
#Right #Login {
	padding-bottom: 5px;
	border-bottom: 1px dotted #91e6fd;
}

#Right #HaveYourSayWidget .top {
	padding: 0;
	background: url(../images/have_your_say_top.gif) no-repeat 0 50%;
}
#Right #HaveYourSayWidget .body {
	background: #CFECF8 url(../images/have_your_say_bottom.gif) no-repeat 0 100%;
	padding-bottom: 15px;
}
#Right #HaveYourSayWidget .body ul li {
	float: left;
	margin-right: 10px;
}

#Right #ServicesWidget .top {
	text-indent: -9999em;
	background: url(../images/services_top.gif) no-repeat 0 50%;
}
#Right #ServicesWidget .bottom {
	width: 100%;
	height: 39px;
	padding: 0;
	text-indent: -9999em;
	background: #FEFAE8 url(../images/services_bottom.gif) no-repeat 0 100%;
}
#Right #ServicesWidget .body {
	background: #FEFAE8;
}

#Right div.Calendar .top {
	background: #CFECF8 url(../images/calendar_top.gif) no-repeat 0 100%;
	text-indent: -9999em;
	
}
#Right div.Calendar .body {
	width: 80%;
	padding: 10px 10% 10% 10%;
	background: #efedf6 url(../images/calendar_bottom.gif) no-repeat 0 100%;
	color: #6c427b;
}
	#Right div.Calendar table {
		padding-left: 10px;
		width: 100%;
	}
	#EventCalendar .body div {
		width: 100%;
	}
		#EventCalendar .body .monthYear {
			text-align: center;
			margin-bottom: -24px;
			padding: 0;
			text-transform: uppercase;
		}
		#EventCalendar .body span a {			
			width: 9px;
			height: 10px;
			margin-bottom: 20px;
			text-indent: -9999em;
		}
		#EventCalendar .body span.prev a {
			float: left;
			background: url(../images/left_arrow.gif) no-repeat;
		}
		#EventCalendar .body span.next a {
			float: right;
			background: url(../images/right_arrow.gif) no-repeat;
		}

#News {
	margin: 20px 0 20px 20px;
	overflow: hidden;
}
#CDNewsHolder #News {
	margin: 0;
}

	#News .news-item {
		border-bottom: 1px solid lightblue;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
		#News .news-item p {
			padding: 0;
			margin: 10px 0;
		}
	#LatestNews .news-date {
		color: #0D235F;
	}
	#LatestNews h4 {
		border: none;
	}
		#News .news-date span {
			text-transform: uppercase;
		}
#News p.archivelink {
}
#BlogEntry .blogEntry {
	margin: 0;
	width: 100%;
}
.blogEntry {
	float: left;
	margin: 0 15px;
	padding-top: 20px;
}
.blogEntry p {
	padding: 0 0 10px 0;
}
.typography h2.postTitle {
	margin: 0;
}
.typography #News .news-item p {
}

.typography #News .blogSummary p.summary {
	margin: 10px 0 0 0;
}

.typography #News .blogSummary .readmore {
	margin: 10px 0 0 0;
	text-decoration: underline;
}
	
#EmergencyNews, #LatestNews {
	width: 475px;
	float: left;
	margin-right: 20px;
}
#EmergencyNews h4, #EmergencyNews h3, #EmergencyNews .news-date  {
	color: #9e0101;
	border: none;
}
#EmergencyNews h4 a {
	color: #9e0101;
	font-size: 120%;
	font-weight: bold;
}
#EmergencySideBar h4, #LatestNewsSideBar h4 {
	border-top: 1px solid lightblue;
	border-bottom: none;
	padding-top: 12px;
	margin-bottom: 8px;
	margin-top: 8px;
}
 #EmergencySideBar p, #LatestNewsSideBar p {
	padding: 0;
	margin-bottom: 8px;
}
#EmergencySideBar, #LatestNewsSideBar  {
	width: 200px;
	float: left;
}


#Events {
	margin-top: 10px;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	height: 235px;
}

#EventCalendar table tr td {
	width: 30px;
	height: 20px;
}

#Middle .col3 #HomePageAddInfo {
	padding: 0;
	margin: 0 0 10px 0;
}



.col3 {
	width: 33%;
	height: 350px;
	_height: 290px;
}
.section {
	clear: left;
	overflow: hidden;
	float: left;
}
	.section .col3 {
		float: left;
	}
	.section h2 {
		text-align: left;
	}
		.section h2 a {
			width: 100%;
			height: 25px;
			_height: auto;
			padding: 12px 0 6px 0;
		}

#Bottom ul li {
	padding: 2px 0;
	display: block;
	width: 50%;
	float: left;
}
#Middle {
	width: 100%;
}
#Middle .col3 div, #Middle .col2 div {
	padding: 10px;
}

#Middle .quicklinkslist, #Listing .detail-inner {
	width: 250px;
	padding-top:0;
	margin: 10px 0;
}
#Middle .col2 .quicklinkslist, #Listing .col2 .quicklinkslist {
	width: 95%;
}
	#Middle .quicklinkslist li, #Listing .detail-inner li {
		padding: 3px 0;
		border-bottom: 1px solid #ddd;
	}
		#Middle .quicklinkslist li a {
			text-decoration: none;
		}
#HomePage #Services, #HomePage #Services h2 {
	border: 0 !important;
}
#Services {
	border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	background: #fff;
}
#ServicesInner {
	padding: 5px;
}
#Services h2 {
	border-bottom: 1px solid #EFEFEF;
	border-left: 1px solid #EFEFEF;
	border-right: 1px solid #EFEFEF;
}
#Content div a {
	float: left;
}
#Content div p a {
	display: inline;
	float: none;
}
#SectionHomePage #ContentContainer, #PortalPage #ContentContainer {
	height: auto;
}
#HomePage #Services {
	height: 200px;
	border: 1px solid #efefef !important;
}
#HomePage #ContentContainer {
	width: 75%;
	height: auto;
}
#ContentContainer {
	width: 75%;
}
#ContentContainer .detail {
	width: 33%;
	padding: 0;
	overflow: hidden;
}
#ContentContainer .detail-inner {
	padding: 10px;
}
#ContentContainer .detail-inner p {
	padding: 0 0 0 3px;
}
#SectionHomePage #SubHeader {
	padding: 0px;
	width: 540px;
	_width: 534px;
	height: 45px;
	margin: 0;
	float: left;
}
.detail {
	width: 248px;
	_width: 246px;
	background: #fff;
	float: left;
	border: 1px solid #EFEFEF;
	height: 275px;
	padding: 10px;
	font-size: .9em;
}

#PortalPage, #SectionHomePage, #Page, #ServicesAZPage {
	background: #fff;
	height: 100%;
}

#PortalPage #SubHeader {
	width: 100%;
	float: left;
}
#PortalPage .linklist {
	height: 250px;
}
.detail h3 {
	font-size: 1.25em;
	margin-bottom: 4px;
}
.detail ul {
	margin-top: 8px;
	padding: 0;
}
.detail li {
	/* margin-bottom: 8px; */
}
.detail a {
	padding: 3px;
	display: block;
	margin-bottom: 2px;
	font-size: 1.1em;
}

/* MAIN NAVIGATION (NEEDS A PRUNE)
----------------------------------------- */
#NavContainer {
	overflow: hidden;
	width: 100%;
	float: left;
	height: 48px;
}
#Navigation {
	width: 100%;
	overflow: hidden;
}

#Navigation #Home a:hover {
	color: darkblue !important;
}
#Navigation #NavList li a {
	font-size: 1.15em;
	color: #fff;
}
	#Navigation ul { 
 		float: left; 
		width: 100%;
		padding: 0;
		background: #fff;
	}
		#Navigation ul li { 
			overflow: visible;
	 		list-style: none; 
			float: left;
			line-height: 92px;
			text-align: center;
		}
  			#Navigation ul li a { 
				display: block;
				text-decoration: underline;
				width: 100%; 
				height: 42px;
				font-size: 1.2em;
				line-height: 1.1em; 
				margin: 0;
				float: none;
				overflow: visible;
				padding: 5px 0;
				text-indent: -9999em;
			}
			#Navigation #NavList {
				padding: 0 8px;
			}
			#Navigation ul#NavList li#home, 
			#Navigation ul#NavList li a#home {
				width: 77px;
				background: url(../images/nav-buttons/home_button.gif) no-repeat;
			}
				#Navigation ul#NavList li#home:hover {
					background: url(../images/nav-buttons/home_button_hover.gif) no-repeat;
				}
				#Navigation ul#NavList li#home.section {
					background: url(../images/nav-buttons/home_button_selected.gif) no-repeat !important;
				}
			#Navigation ul#NavList li#getting-prepared, 
			#Navigation ul#NavList li a#getting-prepared {
				width: 144px;
				background: url(../images/nav-buttons/getting-prepared.gif) no-repeat;
			}
				#Navigation ul#NavList li#getting-prepared:hover {
					background: url(../images/nav-buttons/getting-prepared-hover.gif) no-repeat;
				}
				#Navigation ul#NavList li#getting-prepared.section {
					background: url(../images/nav-buttons/getting-prepared-selected.gif) no-repeat;
				}
			#Navigation ul#NavList li#plans-publications, 
			#Navigation ul#NavList li a#plans-publications {
				width: 171px;
				background: url(../images/nav-buttons/plans-publications.gif) no-repeat;
			}
				#Navigation ul#NavList li#plans-publications:hover {
					background: url(../images/nav-buttons/plans-publications-hover.gif) no-repeat;
				}
				#Navigation ul#NavList li#plans-publications.section {
					background: url(../images/nav-buttons/plans-publications-selected.gif) no-repeat;
				}
			#Navigation ul#NavList li#about-civil-defence-in-nelson-tasman, 
			#Navigation ul#NavList li a#about-civil-defence-in-nelson-tasman {
				width: 286px;
				background: url(../images/nav-buttons/about-civil-defence-in-nelson-tasman.gif) no-repeat;
			}
				#Navigation ul#NavList li#about-civil-defence-in-nelson-tasman:hover {
					background: url(../images/nav-buttons/about-civil-defence-in-nelson-tasman-hover.gif) no-repeat;
				}
				#Navigation ul#NavList li#about-civil-defence-in-nelson-tasman.section {
					background: url(../images/nav-buttons/about-civil-defence-in-nelson-tasman-selected.gif) no-repeat;
				}
			#Navigation ul#NavList li#media, 
			#Navigation ul#NavList li a#media {
				width: 77px;
				background: url(../images/nav-buttons/media.gif) no-repeat;
			}
				#Navigation ul#NavList li#media:hover {
					background: url(../images/nav-buttons/media-hover.gif) no-repeat;
				}
				#Navigation ul#NavList li#media.section {
					background: url(../images/nav-buttons/media-selected.gif) no-repeat;
				}
			#Navigation ul#NavList li#partners, 
			#Navigation ul#NavList li a#partners {
				width: 92px;
				background: url(../images/nav-buttons/partners.gif) no-repeat;
			}
				#Navigation ul#NavList li#partners:hover {
					background: url(../images/nav-buttons/partners-hover.gif) no-repeat;
				}
				#Navigation ul#NavList li#partners.section {
					background: url(../images/nav-buttons/partners-selected.gif) no-repeat;
				}																
			#Navigation ul#NavList li#contacts, 
			#Navigation ul#NavList li a#contacts {
				width: 95px;
				background: url(../images/nav-buttons/contact.gif) repeat-x;
			}
				#Navigation ul#NavList li#contacts:hover {
					background: url(../images/nav-buttons/contact-hover.gif) repeat-x;
				}
				#Navigation ul#NavList li#contacts.section {
					background: url(../images/nav-buttons/contact-selected.gif) repeat-x;
				}				

					#Navigation ul li a:hover { 
/*			 			background: #93C7E7; 
*/						color: darkblue;
						cursor: pointer;
					}
					#SubNavList {
						width: inherit;
						float: left;
					}
					#SubNavigation, #SubSubNav {
						width: 100%;
						float: left;
						margin: 0;
						background: #fff;
					}
					#SubSubSubNav {
						margin-bottom: 1px solid #efefef;
						background: #EFEFEF;
					}
					#SubSubSubNav .SubSubSubNavList {
						margin: 0;
						padding: 0;
						list-style-type: none !important;
					}
					ul.SubSubSubNavList li {
						margin: 0;
						border-bottom: 1px solid #bedbe7;
						padding: 5px 0;
						width: 100%;
						display: block;
					}
						ul.SubSubSubNavList li ul {
							margin-left: 2px;
							padding-bottom: 0;
							clear: both;
						}
						ul.SubSubSubNavList li ul li  {
							border: none;
							list-style: none !important;
						}
					#NavContainer .section a {
						color: #333 !important;
						font-weight: bold !important;
						text-decoration: none !important;
					}
					#NavContainer .section, #NavContainer .section a:hover {
						clear: none !important;
					}
					#SubNavList, #SubSubNavList {
						width: 944px;
						background: #387bbf url(../images/subnav_background.gif) repeat-x;
						padding: 0px;
						margin: 0 8px;
						float: left;
						overflow: hidden;
					}
					#SubNavigation ul li {
						display: block;
						float: left;
					}
					#SubNavList a, #SubSubNavList .section a, #SubSubSubNav {
						color: #fff;
						text-decoration: none;
					}
						#SubNavList .section a {
							
						}
					#SubSubNavList .section a, #SubSubSubNav {
						background: #dbedfd !important;
					}
					#SubSubNav ul li {
						display: block;
						float: left;
					}
					#SubSubNavList {
						background: #e7faff;
					}
					#SubNavigation ul li a, #SubSubNav ul li a {
						text-decoration: none;
						padding: 8px 19px;
					}
					
					#Document {
						padding:10px 5px 10px 10px;
					}

/* CONTENT PAGE SPECIFIC
-------------------------------------------- */

#AddInfoContainer {
	float: right;
	width: 22.5%;
	margin-left: 15px;
}
	#AddInfoContainer.noPageSidebar {
		display: none;
	}
.addInfo, #SubSubSubNav {
	border-bottom: 1px solid #efefef;
	padding: 10px 5px 10px 10px;
	overflow: hidden;
}
	.addInfo div {
		margin-bottom: 10px;
	}
	#ContentContainer .typography .addInfo div div p {
		color: #333;
		padding: 0;
	}
	#AddInfoContainer h5 {
		font-size: 14pt;
		color: #666;
		font-weight: normal;
	}
	
/* SERVICE HOLDER PAGE A-Z 
---------------------------------------------*/
#ServiceAZList {
	margin-top: 30px;
	margin-left: 10px;
}
#ServiceAZList li {
	list-style: none;
	padding-left: 0;
	margin-left: 0px;
	font-size: 1.5em;
	line-height: 1.3em;
}
	
/* FORUM 
---------------------------------------------*/
html #ForumHolder, #Forum {
	padding: 0 10px;
}
html #ForumContent {
	width: 100%;
}

/* BREADCRUMBS
-------------------------------------------- */
#Breadcrumbs {
 	color: #333;
	text-align: left;
	font-size: 14px; 
	margin: 0;
	height: 30px;
}
#Breadcrumbs p {
	font-size: 0.8em;
	color: #333;
}
#Breadcrumbs a {
	text-decoration: none;
}

/* LINK COLLECTION 
-----------------------------------------*/
.typography .linkCollection ul {
	margin: 0;
	margin-left: 10px;
	padding: 0;
}
.typography .linkCollection ul li { 
	margin-left: 0;

}
.typography .linkCollection ul li a {
	display: inline;
}

/* COMMENTS
---------------------------------------- */
#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}
#PageComments li {
	margin: 5px 0;
	padding: 1px;
	width: 88%;
}
	#PageComments li.odd {
		background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;
		padding-left: 40px;
		padding-right: 10px;
		border-bottom: 2px solid #BCE4FE;
	}
	#PageComments li.even {
		background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;
		padding-right: 40px;
		padding-left: 10px;
	}
		#PageComments li.odd p.info {
			color: #3AA0C3;
		}
		.actionLinks li {
		   display: inline;
		   border-right: 1px solid;
		}
			.actionLinks li a {
				padding-right: 3px;
				font-size: 10px;
			}
   			.actionLinks li.last {
      			border-right: none;
   			}

.commentrss {
	background: transparent url(../images/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.6em;
}
#PageCommentsPagination p {
	text-align: center;
	font-size: 1.2em;
}
#PageComments p {
	font-size: 1em;
}
	#PageComments p.info {
		color: #EFEFEF;
		margin: 0px;
		padding: 0;
		line-height: 1em;
		font-size: 0.9em;
	}
	
/* SITE INDEX 
--------------------------------------------*/
#SiteIndexPage ul.siteindex-list {
	margin-left: 0;
	padding-left: 0;
	width: 45%;
	float: left;
}
#SiteIndexPage ul.siteindex-list li {
	list-style: none;
	margin-bottom: 10px;
}
	#SiteIndexPage ul.siteindex-list li.indexLetter {
		font-size: 15px;
		font-weight: bold;
		margin-top: 20px;
		margin-bottom: 5px;
	}
#SiteIndexPage ul.column2 {
	float: right;
}

/* SEARCH RESULTS STYLES
------------------------------------------------ */
#SearchResultsContainer {
	padding: 18px 8px 8px 12px;
	overflow: hidden;
	width: 700px;
	float: left;
}
#SearchResultsContainer h2 {
	margin-left: 10px;
}
ul#SearchResults {
	margin: 10px 0;
	border-bottom: 1px solid lightblue;
}
	ul#SearchResults li {
		list-style: none;
		margin: 5px 0 12px 0;
		font-size: 1em;
		border-top: 1px solid lightblue;
		padding: 24px 0;
	}
	ul#SearchResults li h3 {
		margin-bottom: 6px;
	}
	ul#SearchResults li p {
		padding: 0;
		margin-bottom: 6px;
	}
	.typography p.searchQuery {
		font-size: 1.5em;
	}

/* SEARCH FORM 
-----------------------------------------------*/
#SphinxSearchForm_SearchForm {
	float: left;
	width: 233px;
	padding: 46px 5px 5px 0;
}
	#SphinxSearchForm_SearchForm fieldset {
		width: 233px;
	}
	#SphinxSearchForm_SearchForm #Search {
		width: 180px;
		padding: none;
		margin: none;
		float: left;
	}
	#SphinxSearchForm_SearchForm .middleColumn {
		float: left;
		width: 180px;
		background: transparent;
		margin: 0;
		padding: 0;
	}
	#SphinxSearchForm_SearchForm .middleColumn input {
		float: left;
		padding: 3px;
		
	}	
	#SphinxSearchForm_SearchForm input.text {
		width: 180px;
		height: 18px;
		border: none;
		padding: 5px 0px 0px 3px;
	}
		#SphinxSearchForm_SearchForm input.init { 
			color: #888;
		}
	#SphinxSearchForm_SearchForm input.action {
		float: right;
		height:27px;
		margin-left:6px;
		width:44px;
		background: transparent;
		display: block;
		text-indent: -9999em;
		font-size: 0;
		color: #fff;
		border: 0;
		margin-top: -3px;
	}
html #SearchBox.init {
	color: #888;
}

/* MESSAGEBOXS
--------------------------------------------- */
.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	border: 4px solid #FF7373;
	background: #FED0D0;
}
#ContentContainer .typography {
	float: left;
	width: 96%;
	padding-top: 20px;
	margin: 0 15px;
}
#ContentContainer .typography ul, #CDHomePage #News ul {
	padding-top: 0;
	list-style-type: square;
	font-size: 12px;
	margin-bottom: 0;
}
#ContentContainer .typography h3 {
	margin-bottom: 5px;
}
#ContentContainer .typography p {
	padding-left: 0px;	
	padding: 0;
	margin-bottom: 15px;
}
.entry {
	border-bottom: 1px solid #eee;
}

.typography #Content p.authorDate {
	color: #444;
	margin-top: -15px;
	}
	
	
/* UNSUBSCRIBE NEWSLETTER
------------------------------------------------ */
#Unsubscribe_MailingListForm_MailingListForm {
	min-height:100px;
}
	#Unsubscribe_MailingListForm_MailingListForm p {
		margin:0 !important;
		padding:10px;
	}
		#Unsubscribe_MailingListForm_MailingListForm p label {
			display: inline;
		}
	#Unsubscribe_MailingListForm_MailingListForm label {
		margin:0;
	}


/* FOOTER
----------------------------------------------- */
#Footer { 
	background: white url('../images/cd-footer-bg.png') bottom left no-repeat;
	height: 30px;
	padding: 30px 15px 0 15px;
}
	#Footer .left {
		float: left;
	}
		#Footer .left p {
			display: inline;
		}
	#Footer .right {
		float: right;
	}
		#Footer .right p {
			display: inline;
		}
			
/* Tabs UI styling */
html #Right #tabs {
	width: 100%;
	background: #ffe166;
	padding-bottom: 3px;
}
html #Right div.tabs-container ul {
	width: 100%;
	margin: 0;
	padding: 0;
}
html #Right div.tabs-container {
	width: 100%;
	padding: 0;
}
html #Right div.tabs-container ul li {
	width: 100%;
	padding: 0;
	margin: 0;
}
	html #Right div.tabs-container ul li a {
		display: block;
		padding: 5px 0 5px 5px;
		border-bottom: 1px solid #ffcd00;
	}
#Right .tabs-nav {
	padding: 0;
	padding-bottom: 1px;
	overflow: hidden;
	background: #ffe166;
}
	#Right .tabs-nav li {
		margin: 0;
		background: #ffe166;
		width: 76px;
		overflow: hidden;
		min-width: 30px;
	}
		#Right .tabs-nav li#i-want-to {
			width: 50px;
		}
		#Right .tabs-nav li#online-services {
			width: 83px;
		}
		#Right .tabs-nav li#common-services {
			width: 97px;
		}
	#Right .tabs-nav a {
		padding: 8px 5px;
		background: #ffe166;
		overflow: hidden;
		font-size: 9px;
	}
	#Right .tabs-nav a:hover {
		background: #ffec9a;
	}
	#Right .tabs-nav li.tabs-selected a {
		background: #fff;
	}