/* 
	Plant Management Company SITE-WIDE STYLESHEET
////////////////////////////////////////////////////////////////////////////////////
 
Site Colors: White: #FFFFFF;, Black: #000000;, Light Grey: #CCCCCC;
 
This document contains all the necessary styles for the <<SITENAME>> site.
The document is split into numerous style sections:
 
/// SS01: Override styles - styles that override base xhtml elements.
/// SS02: Unique Styles - styles for unique ID objects
 
	// ss02.1: Form Styles For Bigger sites, a list of the "subsections" in the stylesheet, to make it easier to find the styles you want in the stylesheet
 
/// SS03: Combination Styles - styles that combine to make reflexive classes
/// SS04: Anchor & Link Styles - styles that redesign links, anchors etc.
 
 
////////////////////////////////////////////////////////////////////////////////////
*/
 
/* 
SS01: OVERRIDE STYLES
///////////////////////////////////////////
*/

body
{
	background:url(images/background.jpg) no-repeat top center;	
}

h1
{
	overflow:hidden;	
}

/* 
SS02: UNIQUE STYLES
///////////////////////////////////////////
*/
img.bg {
	display:none;
}

#CT_Body 
{	
	height:100%;
}

#CT_Header
{
	background:url(images/menu-rpt.png) 0 103px repeat-x;
}
		
	.Logo
	{
		background:url(images/ie6-logo.gif) no-repeat top left;
	}

	.TagLine
	{
		background:url(images/ie6-tag-line.gif) no-repeat top left;
	}

	.BT_Home
	{
		background:url(images/ie6-bt_home.gif) no-repeat top left; width:76px;
	}
	
	.BT_AboutUs
	{
		background:url(images/ie6-bt_aboutus.gif) no-repeat top left; width:93px;
	}
	
	.BT_WhereWeWork
	{
		background:url(images/ie6-bt_wherewework.gif) no-repeat top left; width:141px;
	}

	.BT_WhatWeDo
	{
		background:url(images/ie6-bt_whatwedo.gif) no-repeat top left; width:114px;
	}
	
	.BT_ContactUs
	{
		background:url(images/ie6-bt_contactus.gif) no-repeat top left; width:110px;
	}
	
	.BT_WhatsNew
	{
		background:url(images/ie6-bt_whatsnew.gif) no-repeat top left; width:114px;
	}
	
	.BT_MajorClients
	{
		background:url(images/ie6-bt_majorclients.gif) no-repeat top left; width:135px;
	}

 	/*//////////////////////// Home Page ///////////////////////////////*/

		.HomePanel h1
		{
			background:url(images/ie6-home-panel-title.gif) no-repeat top left;
		}
		
		.HomePanelMid
		{
			background:url(images/home-panel-rpt.png) repeat-y top left; text-align:left;
		}

		.HomePanelBtm
		{
			background:url(images/home-panel-btm.png) no-repeat top left;	
		}
		
	.HomeSubPanel
	{
		display:inline;
	}
	
		.HomeSubPanel h1
		{
			background:url(images/ie6-home-sub-panel-title.gif) no-repeat top left;
		}
		
		.HomeSubPanelMid
		{
			background:url(images/home-sub-panel-rpt.png) repeat-y top left;
		}
		
		.HomeSubPanelBtm
		{
			background:url(images/home-sub-panel-btm.png) no-repeat top left;	
		}
 
 	/*//////////////////////// Sub Page ///////////////////////////////*/

	.SidePanel
	{
		display:inline; margin:0;
	} 
	
		.SidePanel h1
		{
			background:url(images/ie6-side-panel-title.gif) no-repeat top left; 
		}
		
		.SidePanelMid
		{
			background:url(images/side-panel-rpt.png) repeat-y top left;
		}

		.SidePanelBtm
		{
			background:url(images/side-panel-btm.png) no-repeat top left;	
		}
	
	.MainPanel
	{
		display:inline;
	}
	
		.MainPanel h1
		{
			background:url(images/ie6-main-panel-title.gif) no-repeat top left; 
		}
		
		.MainPanelMid
		{
			background:url(images/main-panel-rpt.png) repeat-y top left;
		}

		.MainPanelBtm
		{
			background:url(images/main-panel-btm.png) no-repeat top left;	
		}
 
/*SS02.1: Form Styles*/

.validForm
{
	margin:0;
}

.formfields
{
	margin-bottom:3px;
}

	.formlabel
	{
		display:inline;
	}
	
.textInput2
{
	display:inline;	
}

/* 
SS03: COMBINATION STYLES
///////////////////////////////////////////
*/

.ViewCorpVideo
{
	background:url(images/ie6-view-corp-video.gif) no-repeat top left; 
}

.ImgFloatRight
{
	display:inline;
}

/* 
SS04: ANCHOR AND LINK STYLES
///////////////////////////////////////////
*/

/* 
SS05: DROPDWON STYLES
///////////////////////////////////////////
*/

.flyoutMenuLarge
{
	width:259px;	
}

/* This rule is applied to nodes in the DOM by Javascript as onMouseOver and MouseOut events */
.IEOver .flyoutMenu
{
	clear:both;
	display:block;
	top:38px;
	left:0px;
	overflow:visible;
}