/* !!! THIS img CSS IS REQUIRED TO MAKE PNG-TRANSPARENCY WORK IN MSIE !!! */
/* !!! REQUIRES pngFix.htc FILE TO BE LOCATED IN THE WEBSITE ROOT !!! */
/* !!! pngFix.htc SOURCE FROM http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html */
img
{	behavior: url("pngFix.htc");}

body
{
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

body, table, td
{
	font-family: Arial, Helvetica, Geneva, sans-serif;
	/* font-family: Georgia, "Times New Roman", Times, serif; */
	color: #000000;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
}

table, td
{
	border: 0px none black;
	border-collapse: collapse;
}

h1
{
	margin: 0;
	padding: 0;
	border: none;
	color: #CC0000;
	font-size: 14pt;
	font-weight: bold;
}

h2
{
	margin: 25px 0 0;
	border: none;
	padding: 0;
	text-align: center;
	color: #CC0000;
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
}

h3
{
	margin: 20px 0 0;
	border: none;
	padding: 0;
	color: #000000;
	font-size: 11pt;
	font-weight: bold;
}

p
{
	margin: 0 0 12px 0;
}



/* *** a:focus? */
/*	**********************************************************************
	******************** LINK PSEUDO-CLASSES *****************************
	**********************************************************************
	Notes:
	A)	There are two ways to build a:link (& related) values if you're going to use in a class.
		1) If you'll be using the class directly in the <A HREF> tag, use this format:
			a.ClassName:link, a.ClassName:visited
			{	color: #000000; text-decoration: underline;}
		2) If you'll be using the class in a bounding object (e.g. - <td> or <div>),
			and not directly in the <A HREF> tag, use this format:
			.ClassName a:link, .ClassName a:visited
			{	color: #000000; text-decoration: underline;}
	B)	If you combine the pclass definitions (e.g. - "a:link, a:visited {}"),
		some browsers will only apply the definition to the first pclass or the last pclass in the list;
		for that reason, always set each pclass definition in its own code block
	C)	Some (usually older) browsers are very picky about the order that the pclasses are listed,
		so always remember to "LoVe/HAte your links";
		i.e. - list the pclasses in this order: link, visited, hover, active
	D)	If you don't use the :link as a preface to the :hover & :active pclasses,
		then some browsers will also apply the style to non-href <a> tags (i.e. - anchors - <a name="">);
		Note that this chaining of pclasses is only supported in CSS2, not CSS1.
	Example list:
	- USE:			a:link, a:visited, a:link:focus, a:visited:focus, a:link:hover, a:visited:hover, a:link:active, a:visited:active
	- DON'T USE:	a:hover, a:active 
*/
a{}		/* *** NOTE: We cannot use the generic "a" object here, because it will also be applied to <A NAME=""> tags. */
a:link
{
	text-decoration: none;
	color:	#CC0000;
}
a:visited
{
	text-decoration: none;
	color:	#CC0000;
}
a:link:hover, a:visited:hover
{
	text-decoration: underline;
	color: #000000;
}
a:link:active, a:visited:active
{
	text-decoration: underline;
	color: #CC0000;
}	


ul
{
	/* *** padding-left: 0; */
	/* *** margin-top: 0; */
	/* *** margin-left: 15px; */
	/*margin-left: 1.3em;*/
	/* border: 1px none black; */
}
li
{
/*
	margin-left: 0;
	padding-left: 0;
	border: 1px solid red;
*/
	margin-bottom: 10px;
}


/* **************************************************************** */
/* *** GENERAL CONTAINERS */
/* **************************************************************** */

/* *** This is a single container for the entire page *** */
#Page_Container{}	/* SEE BELOW */

/* *** The page header panel *** */
#Page_Header{}	/* SEE BELOW */

/* *** The main wrapper around the nav and content *** */
#Page_Main{} /* SEE BELOW */

/* *** The main content panel *** */
#Page_Content{}	/* SEE BELOW */

/* *** The main nav panel *** */
#Page_Nav{}	/* SEE BELOW */
#Page_NavList{}	/* SEE BELOW */

/* *** The page footer panel *** */
#Page_Footer{}	/* SEE BELOW */


/* **************************************************************** */
/* *** GENERAL LISTS */
/* **************************************************************** */
.GenList
{	/* *** UL *** */
    margin: 0 auto;
	border: 1px none white;
	border-top: 2px dashed #2E709F;
	padding: 0;
}
	.GenList_Item
	{	/* *** LI *** */
		margin: 0;
		border-bottom: 2px dashed #2E709F;
		padding: 5px 0 20px 0;
		padding-top: 5px;
		padding-bottom: 20px;
		list-style-type: none;
	}


/* **************************************************************** */
/* *** HOME PAGE ITEMS */
/* **************************************************************** */
#Home_Page_Container{}
#Home_Page_Header{}
#Home_Page_Nav{}
#Home_Page_Content{}
#Home_Page_Footer{}


/* **************************************************************** */
/* *** SITE-SPECIFIC ITEMS */
/* **************************************************************** */

#Page_HeaderCap
{
	width: 760px;
	height: 39px;
	margin: 10px auto 0;
	background: url(images/border_top.gif) center bottom no-repeat;
	padding: 0;
	font-size: 1px;
}
#Page_FooterCap
{
	width: 760px;
	height: 35px;
	margin: 0 auto;
	background: url(images/border_btm.gif) center top no-repeat;
	padding: 0;
	font-size: 1px;
}

#Page_Container
{
	position: relative;
	width: 732px;
	margin: 0 auto;
	border: 1px none red;
	padding: 0 13px 0 15px;	/* *** The left border is 10px wide; the right border is 8px wide **** */
	background: url(images/border_sides.gif) center repeat-y;
}

#Page_Header
{
	height: 100px;
	margin: 0;
	padding: 10px;
	background: #CC0000;
}
	#Page_Header_Text
	{
		float: right;
		width: 500px;
		margin: 15px 0 0 0;
		border: 1px none yellow;
		padding: 0;
		text-align: center;
		color: #FFFFFF;
		font-weight: bold;
		font-size: 36px;
		
	}

#Page_Main
{
	background: url(images/bg_black_left.gif) top left repeat-y;
}

#Page_Nav
{
	float: left;
	width: 202px;	/* 760px - (left padding @ 10px) - (right padding @ 10px) */
	/* height: 600px; */
	margin: 0 0 160px 0;	/* *** Bottom margin is to make sure we always have enough room for the content rotator *** */
	border: 1px none red;
	padding: 0 10px;
	background: #000000;
}
	#Page_NavList
	{
		margin: 0;
		border 1px solid blue;
		padding: 5px 0;
		list-style-type: none;
	}
		#Page_NavList li
		{
			margin: 5px 0;
			border: 1px solid black;
			padding: 0;
			background: #CC0000;
			color: #FFFFFF;
			text-align: center;
			font-weight: bold;
			font-size: 14pt;
		}
		#Page_NavList img
		{
			margin: 0 0 -3px 0;		/* QUICK HACK/FIX FOR UNKNOWN CAUSE OF 2-3px space between btm of img and btm of LI */
			border: 1px none orange; 
			padding: 0;
		}
		#Page_NavList a
		{
			color: #FFFFFF;
			text-decoration: none;
		}
		#Page_NavList a:link{}
		#Page_NavList a:visited{}
		#Page_NavList a:link:hover, #Page_NavList a:visited:hover
		{
			color: #000000;
		}
		#Page_NavList a:link:active, #Page_NavList a:visited:active
		{
			color: #FFFFFF;
		}

/* *** Place holder for Content Rotator
		#Page_Nav_Text
		{
			margin: 10px;
			border: 5px solid #CC0000;
			padding: 5px;
			background: #FFC600;
			color: #000000;
		}
*/

#Page_Content
{
	float: right;
	display: inline; /* fix MSIE6 double-margin bug */
	width: 498px;
	margin: 0 auto 25px;
	border: 1px none green;
	padding: 0;
}

#Page_ClearBreak
{
	clear: both;
	height: 1px;
}

#Home_Page_Content
{
	width: 100%;
	margin: 0;
	border: 1px none green;
	padding: 0;
}

#Page_Title
{
	margin: 20px auto 10px;
	padding: 0;
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
}

#DevTagline
{
	width: 760px;
	margin: 0 auto 10px auto;
	padding: 0 10px 0 0;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
}


/* **************************************************************** */
/* *** CONTENT ROTATOR */
/* **************************************************************** */

#slideHeaderDiv
{
	position: absolute;
	bottom: 110px;
	left: 34px;
	width: 165px;
	margin: 0;
	border: 5px solid #CC0000;
	padding: 5px;
	background: #FFC600;
	color: #000000;
}
#slideMainDiv
{
	position: relative;
	height: 75px;
	padding: 15px 0;
}
.slideDiv
{
	position: absolute;
	left: 0;
	width: 100%;
	height: 75px;	/* *** This needs to match the height of #slideMainDiv *** */
	background: #FFC600;
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
}
#slideNavDiv
{
	display: none; /* *** TURN THIS OFF IF YOU WANT THE SLIDESHOW NAV *** */
	background: #999999;
	height: 14px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1px;
}
	.slideNavImgBtn, .slideNavNumber_On, .slideNavNumber_Off
	{
		float: left;
		width: 20px;
		height: 14px;
		text-align: center;
		color: #ffffff;
		font-size: 10px;
	}
	.slideNavImgBtn
	{
		padding-top: 3px;
	}
	.slideNavNumber_On, .slideNavNumber_Off
	{
		border-left: 1px solid #efefef;
	}
	.slideNavNumber_On
	{
		background-color:#666666;
	}
	.slideNavNumber_Off
	{
		background-color:#999999;
	}
	/* a:link, a:visited, a:link:focus, a:visited:focus, a:link:hover, a:visited:hover, a:link:active, a:visited:active */
	.slideNavNumber_On a:link, .slideNavNumber_On a:visited,
	.slideNavNumber_Off a:link, .slideNavNumber_Off a:visited
	{
		padding: 0;
		color: #ffffff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-decoration: none;
	}
	
	

/* **************************************************************** */
/* *** FOOTER */
/* **************************************************************** */
#Page_Footer_Top, #Page_Footer_Btm
{
	width: 640px;
	text-align: center;
	font-weight: bold;
	margin: 0 auto;
	border: none;
	padding: 5px 10px;
}
#Page_Footer_Top
{
	clear: both;
	margin-top: 25px;
}
#Page_Footer_Btm
{
	border-top: 2px solid #8C282C;
	font-size: 8pt;
}

.TODO
{
	border: 1px solid black;
	margin: 10px;
	padding: 10px;
	background: yellow;
	color: red;
}
.TODO_CNF
{
	background: yellow;
	color: red;
}
.xmlprint
{
	width: 75%;
	border: 1px solid black;
	margin: 10px auto;
}



/* **************************************************************** */
/* *** ERROR-HANDLING DISPLAY ITEMS (cRESULT) */
/* **************************************************************** */
.ResultText
{
	margin: 0 0 15px 0;
	border: 2px solid #FFC600;
	padding: 5px;
	background: #CC0000;
	color: #000000;
	font-weight: bold;
}
	#ResultText_Fail
	{
		color: #000000;
	}
	#ResultText_Success{}
	#ResultText_All{}
	.ResultText ul
	{
		font-weight: normal;
	}

		#ResultText_Fail a
		{
			color: #000000;
			text-decoration: underline;
		}
		#ResultText_Fail a:link{}
		#ResultText_Fail a:visited{}
		#ResultText_Fail a:link:hover, #ResultText_Fail a:visited:hover
		{
			color: #000000;
		}
		#ResultText_Fail a:link:active, #ResultText_Fail a:visited:active
		{
			color: #000000;
		}



/* **************************************************************** */
/* *** CONTACT FORM */
/* **************************************************************** */

#Contact_Wrap
{
	width: 290px;
	margin: 0 auto;
	border: 1px solid #000000;
	padding: 5px;
}

#Contact_Form{}
.Contact_Fld_Txt, .Contact_Fld_TxtArea
{
	
	border: 2px solid #CC0000;
	color: #000000;
	width: 200px;
	
}
.Contact_Fld_TxtArea
{
	height: 10em;
}
.Contact_Fld_Submit{}

#Contact_tbl
{
	border: 1px none black;
	border-collapse: collapse;
}
	#Contact_tbl td
	{
	vertical-align: top;
	border: 2px none red;
	}
td.Contact_tbl_Lbl, .Contact_tbl_Lbl_Req
{
	padding-right: 10px;
	padding-left: 5px;
	text-align: right;
}
.Contact_tbl_Lbl_Req
{
	font-weight: bold;
}
.Contact_tbl_Fld
{
		padding-right: 5px;
}
.Contact_tbl_Fld_Note
{
	font-size: 8.0pt;
	margin: 0 0 5px;
	padding: 0;
}

#ContactFormSuccess
{
	margin: 0 0 15px 0;
	border: 2px solid #CC0000;
	padding: 5px;
	background: #000000;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
}

/* **************************************************************** */
/* *** CLIENT-SPECIFIC ITEMS */
/* **************************************************************** */

#Contact_Info
{
	margin: 0 auto;				/* Couldn't find cause of table being bumped down 15px, so forced it here */
	border: 1px none black;
	padding: 0;
	text-align: center;
}
	#Contact_Info h2
	{
		margin-bottom: 10px;
	}
	#Contact_EmailAddrsList
	{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		#Contact_EmailAddrsList li
		{
			margin-bottom: 5px;
		}

#KeyPlumber_Link
{
	width: 400px; 
	margin: 0 auto; 
	padding: 5px; 
	text-align: center; 
	background: #F26222; 
	color: #ffffff; 
	font-weight: bold; 
	font-size: 12pt; 
	text-decoration: underline;
}
	#KeyPlumber_Link a
	{
		color: #FFFFFF;
		text-decoration: underline;
	}
	#KeyPlumber_Link a:link{}
	#KeyPlumber_Link a:visited{}
	#KeyPlumber_Link a:link:hover, #KeyPlumber_Link a:visited:hover
	{
		color: #000000;
		text-decoration: underline;
	}
	#KeyPlumber_Link a:link:active, #KeyPlumber_Link a:visited:active
	{
		color: #000000;
		text-decoration: underline;
	}

.PhotoLeft
{
	float: left;
	margin: 0 10px 10px 0;
	border: none;
	padding: 0;
}

.PhotoRight
{
	float: right;
	margin: 0 0 10px 10px;
	border: none;
	padding: 0;
}