/*
	Filename         :	content.css
	Created by       :	Peter Hammans
	Last modified by :	Stef Robinson
	Created          :	24 August 2004 17:17
	Last Updated     :	06 January 2006 09:00
	Comments         :	
*/


@import url(global_jobs.css);

div#content {
	padding-bottom:2.5em;
}

/* Align = left if outside "wrapper" class e.g. for ASP pages outside Trdion- Glenn */
div#appleft {
	text-align:left;
}

div#content p.summary {
	margin-top: 1em;	
	padding:0;	
}

div#content p img {
	float:right;
	padding-bottom:1em;	
}

div#paragraph {
		margin-top: 1em;
}

div#content h3 {
	/**clear:both;**/
}

div.mainNav li.current {
	/*background: #f58c56   url(../images/layout/bg_nav_list_current_new.gif) no-repeat left bottom;*/
	background: #CB561A url(http://www.derbyshire.gov.uk/images/layout/bg_nav_list_current_new.gif) no-repeat left bottom;	
}

div.mainNav li.parent {
	background: #f58c56 url(http://www.derbyshire.gov.uk/images/layout/bg_nav_list_parent.gif) no-repeat left top;
	text-align: right;	
}

div.mainNav li.servicesTop {
	background: #f58c56 url(http://www.derbyshire.gov.uk/images/layout/bg_nav_list_services_top.gif) no-repeat left top;
}
div.mainNav li.services {
	background-color: #f58c56;
}
div.mainNav li.servicesBottom {
	background: #f58c56 url(http://www.derbyshire.gov.uk/images/layout/bg_nav_list_services_bottom.gif) no-repeat left bottom;
}
div.mainNav li.servicesTop,
div.mainNav li.services,
div.mainNav li.servicesBottom {
	text-align:center;
}

div.mainNav li.servicesTop p a,
div.mainNav li.services p a,
div.mainNav li.servicesBottom p a {
	margin:0;
	display: inline;
	width: auto;
	padding: 0 0.5em;
}

div.mainNav li.servicesTop p a:hover,
div.mainNav li.services p a:hover,
div.mainNav li.servicesBottom p a:hover {
	background-color: #f56820;
}

div#pageTitle {
	width: 520px;
	color:#FFFFFF;
	background:#52136b url(http://www.derbyshire.gov.uk/images/layout/bg_title_bottom.gif) no-repeat left bottom;
	padding-bottom: 8px;
}


div#pageTitle h2 {
	color:#FFFFFF;
	background:#52136b url(http://www.derbyshire.gov.uk/images/layout/bg_title_top.gif) no-repeat left top;	
	padding: 8px .5em 0 .5em;	
	margin:0;
	font-size: 1.4em;
}

div#pageTitle p {
	color:#FFFFFF;
	padding: .8em;	
	margin: 0;
	font-weight: bold;
}

div#pageTitle p a {
	color:#FFFFFF;
}

div#pageTitleWide {
	width: 720px;
	color:#FFFFFF;
	background:#52136b url(http://www.derbyshire.gov.uk/images/layout/bg_title_wide_bottom.gif) no-repeat left bottom;
	padding-bottom: 8px;
}

div#pageTitleWide h2 {
	color:#FFFFFF;
	background:#52136b url(http://www.derbyshire.gov.uk/images/layout/bg_title_wide_top.gif) no-repeat left top;	
	padding: 8px .5em 0 .5em;	
	margin:0;
	font-size: 1.4em;
}

div#pageTitleWide p {
	color:#FFFFFF;
	padding: .8em;	
	margin: 0;
	font-weight: bold;
}

div#pageTitleWide p a {
	color:#FFFFFF;
}

div.table {
	margin-top: 1.5em;
}


div.tableHead {
	background:#e8deeb url(http://www.derbyshire.gov.uk/images/layout/bg_table_head_bottom.gif) no-repeat left bottom;	
	width: 520px;
	padding-bottom:.1em;
	height: 20px;	
}

div.tableHead h2 {
	font-size: 100%;
	color: #52136b;
	background:#e8deeb url(http://www.derbyshire.gov.uk/images/layout/bg_table_head_top.gif) no-repeat left top;
	padding:.3em .3em 0 .5em;
	margin:0;
}

div.table {
	color: #52136b;
}

div.table ul {
	padding: 0;
	margin: 0;
}

div.table ul li {
	list-style-type:none;
	border-bottom: 1px solid #e6e6e6;
	padding: .3em .5em .3em .5em;
}

div.table ul li a {
	text-decoration: none;
	color: #52136b;
}

table {
	border: none;
	padding:0;
	margin:0;
	width:520px;
	border-collapse: collapse;		
}

table table { width: auto; }

table td.group {
	border-bottom: 1px solid #e6e6e6;
}

table td.col1 {
	width:150px;
}

table td {
	color: #52136b;
	padding: .3em 0 .3em .5em;	
}

table a {
	/* Glenns mod 3/2/05 */
	/* text-decoration: none; */
	color: #52136b;	
}

#fRate {
	float: right;
	padding-bottom:1.5em;
	font-size: 90%;
	text-align:right;
	margin:0;
	width:520px;
}

#fRate a {
	text-decoration: none;
	color: #52136b;
	font-size: 110%;
	font-weight: bold;
	margin-left:.5em;
}

#fRate a:hover {
	text-decoration:  underline;
}

div.printable  {
	float: right;
	padding-bottom:1.5em;
	font-size: 90%;
	text-align:right;
	margin:0;
	width:520px;
}
div.printable a {
	text-decoration: none;
	color: #52136b;
	font-size: 110%;
	font-weight: bold;
	margin-left:.5em;
	height: 100%;
	vertical-align: middle;
}

div.printable a:hover {
	text-decoration:  underline;
}

div.table li.more {
	border:0;
}

li.more a {
	font-weight:bold;
}

li.more a:hover {
	text-decoration: underline;
}

.sitemapcolumn {
	width: 47%;
	margin: 0 2% 2em 0;
	float: left;
}

.sitemapcolumn ul {
	list-style: none;
	margin: 0;
	padding: 0 0 1em 20px;
}

.sitemapcolumn ul ul {
	padding: 0 0 0 20px;
}

.sitemapcolumn ul li {
	margin: 0;
	padding: 0;
}

.sitemapcolumn a {
	text-decoration: none;
}

.sitemapcolumn a:hover {
	text-decoration: underline;
}

div#content img {
		float: right;
}

.photo {
	margin: 10px 0 10px 10px;
	/*float: right;*/
	text-align: left;
}

.photo img {
	border:1px solid #808080;
	margin-bottom: 5px;
}



div#content .thumbnail {
	width: 124px;
	padding: 0 5px 5px 0;
	margin: 0;
	float: left;
}

div#content .thumbnail h3 {
	color: #FFFFFF;
	background-color:#52136b;
	text-decoration: none;
	padding: 0.2em 5px;
	margin: 0;
}

div#content .thumbnail h3 a {
	display: block;
	color: white;
	text-decoration: none;
}

div#content .thumbnail .image {
	position: relative;
	width: 124px;
	height: 124px;
	background-color: #666;
	padding: 0;
	margin: 0;
	text-align:center;
	line-height:121px;
	font-size:0.3px;
	overflow: hidden;
}
* html div#content .thumbnail .image {
	font-size: 110px;
}

div#content .thumbnail .image img {
	vertical-align:middle;
}

div#content .thumbnail .description {
	background-color: #E6E6E6;
	padding: 0 5px;
	min-height: 4em;
}
* html div#content .thumbnail .description {
	height: 4em;
}

* html>body div#content .thumbnail .description {
	height: auto;
}

div#content .thumbnail .description p {
	padding: 0.4em 0;
	margin: 0;
}