/* ####################
WE NEED THIS html STYLE TO ADD A SCROLLBAR TO FIREFOX SO AS TO GET RID OF THE 20 PIXEL SHIFT THAT THEY SO LOVINGLY ADD TO LONG PAGES
############################## */
html {
     overflow: -moz-scrollbars-vertical;
}
#mainJoint
	{
	margin:0px 0px 0px -351px;
	width:703px;
	position:absolute;
	left:50%;
	}
#homePage
	{
	background-image: url(images/homeBg.gif);
	background-repeat:repeat-x;
	background-color: #f9f9f2;
	margin:0px 0px 0px 0px;
	}
#subPage
	{
	background-image: url(images/subBg.gif);
	background-repeat:repeat-x;
	background-color: #f9f9f2;
	margin:0px 0px 0px 0px;
	}
body, p, li
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	height:100%;
	margin: 0; padding: 0;
	}	
.red
	{
	color:#c22127;
	}
h1
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color:#660000;
	}	
h3
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#c22127;
	}
h6
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#c22127;
	text-decoration: none;
	}
hr
	{
	border: 0;
	color: #f0efeb;
	background-color: #f0efeb;
	height: 1px;
	margin:0px 20px 0px 0px;
	}
/*#############################################
DIV ID's BELOW
#############################################*/
#topNav
	{
	margin:0px 0px 0px 0px;
	}
#flashContent
	{
	margin:0px 0px 0px 0px;
	}	
#homePageBodyhdrContact
	{
	margin:0px 0px 0px 0px;
	}	
#homeBodyContent
	{
	margin: 11px 5px 0px 0px;
	}		
#homePage #footer
	{
	position:absolute;
	top:744px;
	}	
#homePage #footer #footerTxtBlk
	{
	width:340px;
	float:left;
	display:inline;
	}
#homePage #footer #footerTxtBlk #footerTxtBlkInner
	{
	margin:25px 0px 0px 0px;
	font-family: arial;
	font-size: 10px;
	color:#666666;
	}
#homePage #footer #footerLogosBlk
	{
	width:359px;
	float:left;
	}

.flashcontent
	{
	margin:0px 0px 0px 0px;
	}		
/*#############################################
SUBPAGE DIV's BELOW
#############################################*/
#subPageMain
	{
	background-color: #fefefb;
	border:4px solid #580000;
	width:695px;
	}
/*take out the height attribute 75% above before developing any pages that are deep*/
	#subPageMain #topHat
		{
		margin:0px 0px 0px 0px;
		}
		#subPageMain #topHat #leftSide
			{
			float:left;
			display:inline;
			}
		#subPageMain #topHat #rightSide
			{
			float:left;
			}
#subPageMain #subPageBodyTxtBlk
	{
	margin:10px 20px 40px 10px;
	}
	#subPageMain #subPageBodyTxtBlk li
		{
		list-style-image: url(images/plusBullet.gif);
		list-style-type:none;
		}
	#subPageMain #subPageBodyTxtBlk ul
		{
		margin:10px 0px 0px 20px;
		}
	
#subPage #footer
	{
	margin:0px 0px 0px 0px;
	}
#subPage #footer #footerTxtBlk
	{
	width:340px;
	float:left;
	display:inline;
	}
#subPage #footer #footerTxtBlk #footerTxtBlkInner
	{
	margin:25px 0px 0px 0px;
	font-family: arial;
	font-size: 10px;
	color:#666666;
	}
#subPage #footer #footerLogosBlk
	{
	width:359px;
	float:left;
	}
/*#############################################
LINK STYLES BELOW
#############################################*/
	
#footer #footerTxtBlk #footerTxtBlkInner a:link
	{
	font-family: Tahoma;
	font-size: 10px;
	line-height: 17px;
	text-decoration:none;
	color:#666666;
	}	
#footer #footerTxtBlk #footerTxtBlkInner a:visited
	{
	font-family: Tahoma;
	font-size: 10px;
	line-height: 17px;
	text-decoration:none;
	color:#666666;
	}	
#footer #footerTxtBlk #footerTxtBlkInner a:hover
	{
	font-family: Tahoma;
	font-size: 10px;
	line-height: 17px;
	text-decoration:underline;
	color:#666666;
	}		
	
a:link .red 
	{
	font-family: Tahoma;
	font-size: 12px;
	line-height: 17px;
	text-decoration:underline;
	color:#666666;
	}		

#subPageBodyTxtBlk a {
	font-family: Tahoma;
	font-size: 12px;
	line-height: 17px;
	text-decoration:underline;
	color: #000000;
}
	


	
a:link
	{
	font-family: Tahoma;
	font-size: 12px;
	line-height: 17px;
	text-decoration:underline;
	color:#666666;
	}	
a:visited
	{
	font-family: Tahoma;
	font-size: 12px;
	line-height: 17px;
	text-decoration:underline;
	color:#666666;
	}	
a:hover
	{
	font-family: Tahoma;
	font-size: 12px;
	line-height: 17px;
	text-decoration:none;
	color:#B9E1F7;
	}	
/*#############################################
FORM STYLES BELOW
#############################################*/

.formTxt {
	font-family: Verdana, Helvetica;
	font-size: 10px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}

.formTitle {
	font-family: Verdana, Helvetica;
	font-size: 11px;
	font-style: normal;
	line-height: 17px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required, select.required {
	border: 1px solid #00A8E6;
}
input, textarea, select {
	font-family: Verdana, Helvetica;
	font-size: 11px;
	font-style: normal;
	line-height: 11px;
	font-weight: bold;
	color: #999999;
	border: 1px solid #00A8E6;
	background-color:#c7eafc;
	width: 150px;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
}

.validation-advice {
	font-family: Verdana, Helvetica;
	font-size: 11px;
	margin: 5px 0;
	padding: 5px;
	background-color: #99ccff;
	color : #ff3333;
	font-weight: bold;
	width: 200px;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
	width:450px;
	border:1px solid #00A8E6
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}
.button {
	font-family: Helvetica, Verdana;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #641d00;
	text-decoration: none;
	background-color: #c7eafc;
	width:100px;
	}
legend {
	font-family: Verdana, Helvetica;
	font-size: 10px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ff3333;
	text-decoration: none;
}		

/*#############################################
lightbox STYLES BELOW

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png);}

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
#############################################*/