/******************************************************************
 * TITLE: Stylesheet for Trafford in Bloom Website Frontpage            * 
 * URI  : http://www.trafford.gov.uk/parks/tib/style/tibstyle.css 	   *
 ******************************************************************/

body	{
	 color: #000000;
	 font-size: 80%;
	 font-family: verdana, arial, sans;
	 margin: .5em 0 0 0;
	 text-align: center;
	 behavior: url(/scripts/csshover.htc);
 }
 
 
#pageWrapper	{
	 margin: 0em auto;
	 border: 1px #000 solid;
	 width: 800px;
 }
 
/* ###### Header Sections ###### */

#headerBar	{
	height: 1.4em;
	padding: .5ex;
	background: #C39;
}

#dateSection	{
	float: right;
	color: #000000;
	font-family: verdana, arial, sans-serif;
	font-size: small;
	color: #fff;
}

#bannerSection	{
	height: 130px;
	color: #000000;
	background: #45388A;
        border-top: 1px #fff solid;
	border-bottom: 1px #fff solid; 
	vertical-align: 50%;
}


/* ###### Navigation Panel ##### */

.navContainer {
	background: ghostwhite;
}

div#navigationPanel {
		width: 150px;
		float: left;
		clear: left;
		margin-top: .2em;
		line-height: 2em;
		font-family: Verdana, Ariel, sans-serif;
		font-size: 100%;
		font-weight: bold;
		font-variant: small-caps;
		text-align: left;
		vertical-align: middle;	
}

div#navigationPanel ul {
		margin: 0;
		padding: 0;
		width: 150px;
		background: ghostwhite;
}

div#navigationPanel ul ul {
		position: absolute;
		top: -1px;
		left: 150px;
		width: 250px;
		display: none;
		border: 1px solid #D3D3D3;
		font-size: 80%;
}

div#navigationPanel li {
		position: relative;
		list-style: none;
		margin: 0;
		height: 20px;
		background: transparent;
}

div#navigationPanel li a {
		display: block;
		text-decoration: none;
		margin: 0 0 0 0;
		color: #45388A;
		padding-left: 15px;
		width: 100%;
		voice-family: "\"}\" ";
		voice-family: inherit;
		width: 135px;
}

div#navigationPanel ul ul li a {
		width: 250px;
		padding-left: 15px;
		width: 250px;
}

div#navigationPanel a:hover {
		color: #FFF;
}

div#navigationPanel  li:hover {
		background: url('/images/nav/subactive.jpg');
		color: #FFF
} 

div#navigationPanel ul.level1 li.submenu:hover ul.level2 {
		display: block;
}


/* ###### Page Contents ###### */

.contentContainer {
	background: #fff;
	width: 100%;
}

#contentSection	{
	color: #333;
	text-align: left;
	font-size: small;
	font-family:  Arial, tahoma, verdana, sans-serif;
	margin: 0 5em 0 0em;
	padding: 1.5em;
	background: #fff;
	border-left: 1px #D3D3D3 solid;
	line-height: 1.7em;
}

.headerDiv {
	background: ghostwhite;
	border: 1px #D3D3D3 solid;
	padding: .2em;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: medium;
	font-style: none;
	font-weight: bold;
	color: #000;
}

img.contents {
	float: right;
	margin: 0 0 0 2em;
	border-top: 4px #C39 solid;
	border-bottom: 4px #C39 solid;
	border-left: 1px #999 solid;
	border-right: 1px #999 solid;
}

/* ###### Footer Section ##### */

#footerSection	{
	height: 1.6em;
	background: #C39;
	padding: .5ex;
	border-top: 1px #FFF solid; 
	text-align: left;
	color: #FFF;
	font-size: x-small;
}

#validateSection	 {
	color: #CCC;
	vertical-align: middle;
	width: 45em;
	text-align: right;
	line-height: 1.6em;
}

#validateSection	a {
	color: #CCC;
	text-decoration: none;
}

#validateSection a:hover {
	color: #FFF;
	/*border-bottom: 1px #FFF dashed;*/
}

.tibimage	{
	 border-bottom: .5em #45388A solid;
	 border-left: .3em #C39 solid;
}

.nwibAwardTable {
	background: transparent;
}

.nwibAwardTable td {
	vertical-align: top;
	width: 30%;
}

.nwibAwardTable img {
	margin: 0 0 0 2em;
	border-top: 2px #C39 solid;
	border-bottom: 2px #C39 solid;
	border-left: 1px #999 solid;
	border-right: 1px #999 solid;
}

.tibAwardTable {
	background: transparent;
}

.tibAwardTable td {
	vertical-align: top;
	width: 100%;
}

.tibAwardTable img {
	margin: 0 0 0 0;
	border-top: 2px #C39 solid;
	border-bottom: 2px #C39 solid;
	border-left: 1px #999 solid;
	border-right: 1px #999 solid;
	float: left;
}

div.category {
	border-top: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
	background: #C39;
	color: #fff;
	margin-top: 2em;
	padding-left: .1em;
	font-weight: bold;
}