body 
{
	background-color: #ffffff;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Arial, Verdana, Helvetica;
	font-size : 11px;		
	
	background-image: url('../Images/img_page_bg.gif');
	background-repeat: repeat;
	
	/* Colors Used in this Site */
	color: #003333; /* Very Dark Green :: Button Backgrounds*/
	color: #006400; /* Dark Green :: Price */
	color: #FF7F50; /* Tomato :: Titles, Link Hovers */
		
	/* Site Wide :: All Texts */ 
	color: #5F9EA0; /* Cadet Blue :: All Texts */
	color: #2F4F4F; /* Dark Slate Gray */

}

a img 
{
	border: none;
}

a { color: #2F4F4F; text-decoration: underline; } /* Dark Slate Gray */
a:hover { color: #FF7F50; text-decoration: underline;} /* Tomato */

.cssContainer
{
	width: 1000px;
	margin: 10px auto 10px auto;
	
	
	padding-top: 0px;	
	border: 1px solid #003333;
	background-color: #ffffff;
}

.cssContainer .cssHeader 
{
	width: 998px;
	height: 75px;
	
	margin: 0 auto 0 auto;			
	background-image: url('../Images/img_header_bg.gif');
	background-repeat: repeat;	
}

.cssContainer .cssHeader .cssCompanyLogo 
{
	float: left; 
	display: block; 
	width: 500px;	
}



.cssContainer .menuSpacer 
{
	height: 1px;
	width: 998px;
	
	margin:	0 auto 0 auto;			

	border-bottom: 2px solid #ffcc33;		
}

	
.content 
{
	width: 980px;
	margin: 10px auto 5px auto;
	background-color: #ffffff;	
	
	min-height: 600px;
	height: auto !important;
	height: 600px;

}

.footer 
{   
	width: 992px;
	margin: 2px auto 8 auto;
    color : #fff;
	line-height: 1.5;	
	background-color: #003333;	
	border-top: 3px solid #ffcc33;
	background-image: url('../Images/img_footerbarColorful.gif') ;
	background-repeat: repeat-y; 
	padding-left :8px;
}


/* Administration Menu Fieldset */

.fieldsetContainer
{
	
}

.fieldsetContent
{
	margin: 10px 0 5px 20px;
	
}

.fieldsetTitle
{
	font-size: 14pt;
	color: #003333;

}

.fieldsetContent a 
{
	color: #003333;
	text-decoration: underline;
}

.fieldsetContent a:hover 
{
	color: #ff8800;
	text-decoration: underline;
}

.fieldsetRow 
{
	width: 98%;
	display: block;
	
		
}

.fieldsetRowAlt 
{
	width: 98%;
	display: block;
	background-color: #f4f4f4;
		
}

.fieldsetField
{
	float: left;
	display: block;
}

/*
.fieldsetRowAlt .fieldsetEntry
{
	border-bottom: 1px solid #cccccc; 
	width: 150px;
}


.fieldsetRow .fieldsetEntry
{
	border-bottom: 1px solid #cccccc; 
	width: 150px;
}
*/

.fieldsetEntry
{
	float: left;
	display: block;
}


/* minimum height hack*/
/*
What this trick do?
Simple: IE doesn’t understand the !important thing so it parse an error 
and DO NOT apply anything of that line. Other browsers’ rendering engine, 
instead, skip the content of the "height" declaration and apply the one 
with "!important". Ie, then, apply the HEIGHT attribute that it use to 
treat just like a minimum height.

For the minimum width you have to trick it with the "expression" thing:

width: expression( this.clientWidth < 527 ? "527px" : "auto" );
*/

.MinHt400 
{
	min-height: 400px;
	height: auto !important;
	height: 400px;	
}

.treeVwDiv 
{
	float: left; 
	display: block; 
	
	width: 200px; 
	background: #f4f4f4 url('../Images/treeVwBg.gif') repeat-y;
}


/* Smart Tags Superscript */
.smartTag
{
	font-style: oblique;
	font-size: 8px; 
	vertical-align: top; 
	color: #003333;
	 
}