/* CSS Document */

/*************************breadcrumb and navigation styles*********************/
a:link {
	text-decoration: none;
	color: #0099FF;
	}

a:visited {
	text-decoration: none;
	color: #FF6600;
	}
a:hover { 
	text-decoration: underline;
	color: #0066FF;
	}
a:active { 
	text-decoration: underline;
	color: #000000;
	}




a.new:link {
	color: #0033CC;
	text-decoration: none;
}
a.new:visited {
	color: #999999;
	text-decoration: none;
}
a.new:hover {
	color: #FF6600;
	text-decoration: underline;
}
a.new:active {
	color: #660066;
	text-decoration: none;
}
/*************************end breadcrumb and navigation styles*********************/

/******************** type  styles  ***********************/
/*clears all margins to allow page to be centered with a page "wrapper"*/
*{
	margin:0;
}



/*eliminates scroll bars in IE*/
html {
	overflow-y:scroll;
	overflow-x: hidden;
}




body {
	margin: 0;
	padding: 0;
	background: #F7F5EA;
	font: 80% verdana, arial, sans-serif;
	line-height: 140%;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	display:inline;
	visibility: visible;


}


/*gives consistant leading between paragraphs*/	
body p {
	margin-top:0;
	margin-bottom:.5em;
}

H1   {
   font-family: Times New Roman, Times, Caslon, serif;
   font-size: 30px;
   font-weight: bold;
   line-height: 24px;
   color: #333333;
}

H2   {
   font-family: Times New Roman, Times, Caslon, serif;
   font-size: 18px;
   font-weight: bold;
   line-height: 20px;
   color: #333333;
}

H3   {
	font-weight: bold;
	font-size: 16px;
	color: #003399;
	font-family: Times New Roman, Times, Caslon, serif;
	font-style: italic;
	line-height: normal;
}

H4   {
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
}

/********************classes***************************/

.caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	display: inline;
	background-position: right;
	float: none;
	color: #999999;
	}
	
.intro {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	display:inline;
	visibility: visible;
	z-index: auto;
	}
	

		
.menu{
	style-position:absolute;
	width:260px; 
	border: 1px none #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: small; 
	font-style: normal; 
	line-height: normal; 
	font-weight: normal; 
	color: #000000;
	padding-top: 5px;
	padding-left: 0px;

}	
.nav {
	font-size: 10px;
	font-style: normal;
	line-height: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF3300;
	text-align: center;
	}
	
	

.navDelimiters {
	font-size: 11px;
	font-style: normal;
	line-height: 120%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	font-weight: bold;
	}
					
.pagelinks {
	font-size: 10px;
	font-style: normal;
	line-height: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	}
	
.pagelinks_currentpage {
	color: #003399;
	font-weight: bold;
	text-align: left;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 110%;
}		
		
.redformtext {
	font-size: 10px;
	color: #FF0000;
	font-weight: bold;
	}		

.smalltext_black {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height:12px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	display: inline;
	text-align: left;
	}	
		
.smalltext_reverse   {
   font-family: Verdana, Arial, sans-serif;
   font-size: 10px;
   line-height: 18px;
   color: #FFFFFF;
}
.subHead_TR{
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: #003399;
	FONT-FAMILY: Times New Roman, Times, serif;
	font-style: italic;
	line-height: normal;
	}
	
.textbold {
	width:auto;
	border: 1px none #000000;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	font-weight: bold;
	}	
	
.commentTxt {
	font-family: Times New Roman, Times, serif;
	font-size: 16px;
	color: #000000;
	font-style: italic;
	text-indent: -10px;
	padding-left: 10px;
	display: block;
	text-align: left;
	line-height: 130%;
}
.commentRule {
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #003399;
	height: 15px;
}
.commentSig {
	font-family: Times New Roman, Times, serif;
	font-size: 16px;
	color: #000000;
	font-style: italic;
	display: block;
	text-align: right;
	border-bottom-style: solid;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-color: #003399;
	text-indent: 10px;
	padding-right: 10px;
	height: 26px;
}

.listingsText {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #000000;
	text-align: left;
	text-indent: 0.5em;
	display: block;
	list-style-type: inherit;
}	

.leftImage1{
	padding-top: 10px;
	display: inline;
	padding-bottom: 5px;
	float: left;
	clear: none;
	padding-right: 3px;
	position: relative;
	left: -10;
	
 }
 
.left_inset{
	display: inline;
	float: left;
	clear: none;
	position: relative;
	left: -9px;
	
 } 
 
.right_inset{
	display: inline;
	float: right;
	clear: none;
	position: relative;
	
 } 

 
 .leftImage2{
	padding-top: 10px;
	padding-right: 10px;
	display: inline;
	padding-left: 0px;
	padding-bottom: 5px;
	float: left;
	width: 120px;
	clear: none;
	
 }
 
 .leftImage3{
	display: inline;
	padding-bottom: 3px;
	float: left;
	clear: none;
	padding-right: 3px;
	top: 10px;
	
 }
.leftImage4{
	display: inline;
	padding-bottom: 3px;
	float: left;
	clear: none;
	paddint-left: 10px;
	top: 10px;
	padding-left: 10px;
	padding-top: 10px;
	
 } 

.rightImage1{
	padding-top: 10px;
	display: inline;
	padding-bottom: 5px;
	float: right;
	clear: none;
	padding-right: 3px;
	
 }
 .popupImage{
	padding-top: 10px;
	display: inline;
	padding-bottom: 5px;
	float: right;
	clear: none;
	padding-left:5px;
	padding-right:10px;
 }
.footer_address {
	position:absolute;
	left:-775px;
	top:29px;
	width:756px;
	height:24px;
	z-index:1;
	background-color: #F3DDE0;
	text-align: center;
}
.legal {
	align: center;
	left:0px;
	width:562px;
	height:auto;
	z-index:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	line-height: normal;
	text-align: center;
}


.caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-align: center;
	line-height: normal;
	float: left;
	clear: both;
	display: inline;
	width: 125px;
}

.imageCaptions {
	font-size: 9px;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-align: center;
	position: relative;
	width: 125px;
	height: auto;
	display: inline;
}

.popupHeads {
	font-weight: bold;
	font-size: 21px;
	color: #003366;
	font-family: Times New Roman, Times, serif;
	font-style: normal;
	line-height: normal;
	
}

.clearfix {display:inline-table;}
	/*backslash hack hides from IE mac\*/
*html.clearfix{height:0%;}
.clearfix{display: block;}
	/*end backslash hack*/

.clearfix:after{
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.clearfloats{clear:both;}
/* this style is needed to contain content items so that the footer will 
position up to the longest and reposition when the content items change lengths
can be used in conjuction with the .clearfix:after and .clearfix classes - 
seems to work with EI and FF*/


/*end of page format styles*/


.list {

	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 1.5em;
	color: #000000;
	text-align: left;
}

/**********************pop up styles**********************/


.popupHeader {
	color: #003399;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	font-size: 21px;
	line-height: 34px;
	display: inline;
	padding-left: 10px;
	clear: none;
	float: left;
	text-transform: capitalize;
	font-style: normal;
	
}
.popupImageLeft {
	display: inline;
	padding-bottom: 5px;
	float: left;
	clear: left;
	padding-right: 3px;
}		

			
/****************end classes**********************/



/********************page layout div's************************/	

/*important that total width of layout fits the width size of wrapper*/
div#wrapper_popup {	
	width: 602px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	z-index: 105;
	padding-top:15px;
}

div#wrapper {	
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	z-index: 105;
}
div#wrapperLeft {	
	width: 740px;
	height:auto;
	text-align:left;
	z-index: 1;
}

div#container_popup {
	width:575;
	z-index:100;
	margin-left:auto;
	margin-right:auto;
	display: inline;
	background-image:url(../images/BlueNavRuleBG_1.gif);
	background-repeat:repeat-y;
	float: left;
}


div#header {
	position:relative;
	top: 0px;
	left:8px;
	width: 575px;
	height:73px;
	background-image:url(../../images/headerExtention.gif);
	background-repeat:repeat-x;
	float: left;
	visibility: visible;
	z-index:103;
}  

div#breadcrumbs {
	position:relative;
	top: 0px;
	left:8px;
	width: 950px;
	height:12px;
	margin-left: auto;
	margin-right:auto;
	_float:left;
	clear: none;
	z-index: 101;
	padding-left: 16px;
	float: left;
	background-image: url(../../images/BlueLineVertical.gif);
	background-repeat: repeat-y;
	
}


div#corner {
	position:absolute;
	width:22px;
	height:36px;
	z-index:105;
	visibility: visible;
	float: left;
	clear: none;
	background-color: #F7F5EA;
	display: inline;
	top: 0px;
	left: 216px;
}
			


div#pageheader {
	position:absolute;
	float:left;
	width:500px;
	z-index:3;
	visibility: visible;
	display: inline;
	clear: none;
	padding-bottom: 15px;
	top: 00px;
	left: 240px;
}

div#commentsText {
	position:relative;
	display: inline;
	float:left;
	clear: none;
	width:580px;
	z-index:10;
}	

div#commentsText2 {
	position:relative;
	display: inline;
	float:left;
	clear: none;
	width:550px;

}
	
div#row1 p .intro, div#row2 p, .intro, div#row1_text p, .intro {
	margin-top:0;
	margin-bottom:.5em;
	
}

div#row2{
	position: relative;
	display: inline;
	float: left;
	clear: none;
	width: 550px;
	padding-bottom: 25px;
	z-index:7;
	top: 10px;
							
}
			


div#leftImage1{
	position: relative;
	display: inline;
	float: left;
	clear: none;
	padding: 3px;
	width: 125px;
	
 }

div#leftImage2{
	position: relative;
	display: inline;
	float: left;
	clear: none;
	padding: 3px;
	width: 125px;
	
 }
div#leftImage3{
	position: relative;
	display: inline;
	float: left;
	clear: none;
	padding: 3px;
	width: 125px;
	
 }
 div#leftImage4{
	position: relative;
	display: inline;
	float: left;
	clear: none;
	padding: 3px;
	width: 125px;
	
 }
 
 div#content_left2 {
	position:relative;
	display: inline;
	float:left;
	clear:none;
	width:500px;
	z-index:2;
	margin-bottom: 20px;
	padding-bottom:15px;
	top: 10px;
	left: 30px;
}

	   
 div#footer {
	position: relative;
	left:11px;
	height:26px;
	margin-left: auto;
	margin-right:auto;
	visibility: visible;
	float: left;
	width: 800px;
	display: inline;
	z-index: 1;
	overflow: visible;
}

div#column3{
	position:relative;
	display:block;
	float:left;
	clear: none;
	width:150px;
	height:auto;
	z-index: auto;
	top: 10;
	padding-left: 30px;
	left: 60;
}   
div#column2{
	position:relative;
	display:inline;
	float:left;
	clear: none;
	width:350px;
	height:auto;
	z-index: auto;
	top: 12;
	padding-right: 10px;
}
 
div#column1{
	position:relative;
	margin:10px -15px 0 15px;
	display: block;
	float:left;
	clear: none;
	width:160px;
	visibility: visible;
	padding: 15px 0px 15px 15px;
	height: 100%;
	z-index:2;
	top: -20px;
}	

div#container_popup {
	position:relative;
	height:auto;
	width:575;
	z-index:100;
	visibility: visible;
	display: inline;
	background-image:url(../images/BlueNavRuleBG_1.gif);
	background-repeat:repeat-y;
	clear: none;
	float: left;
	top: 0;
}

div#popupheader {
	position:relative;
	float:left;
	z-index:auto;
	visibility: visible;
	display: inline;
	clear: none;
	padding-bottom: 15px;
	left: 15px;
}

div#footer {
	position: relative;
	left:11px;
	height:26px;
	margin-left: auto;
	margin-right:auto;
	visibility: visible;
	float: left;
	width: 575;
	display: block;
	z-index: 1;
	top: 0px;
}

						div#mainContent {
							position:relative;	
							display: block;
							float:left;
							clear:none;
							width:575px;
							z-index:2;
							top: 30px;
							left: 40px;
							margin: 20px 0 30px 20px;				
							}




div#contentMain {

	position:relative;
	display: inline;
	float:left;
	clear:none;
	width:600px;
	z-index:2;
	margin-bottom: 20px;
	padding-bottom:15px;
	top: 10px;
	left: 30px;
}
 
/***********************************************************/
	/*when used with expanding / collapse menu 
	this needs a .clearfix class designation in the source code 
	on the html page and a reference to this div style sheet 
	for the container properties.  Use this for container for 
	expanding and collapse menus*/
/************************************************************/
div#container {
	position:relative;
	display:inline;
	float: left;
	clear: none;
	margin:50px  0px 25px 40px;
	visibility: visible;
	left: 20px;
	width:auto;
	height:auto;
	z-index: auto;
}



/*use this for page container to contain page div's*/
 div#container2 {
	position:relative;
	width:800px;
	height:auto;
	z-index:2;
	visibility: visible;
	display:inline;
	background-image:url(../images/BlueNavRuleBG.gif);
	background-repeat:repeat-y;
	clear: none;
	float: left;
	top: 0;
	left: 0;
	padding-bottom: 20px;
}




div#container_home {
	position:relative;
	width:800px;
	height:auto;
	z-index:100;
	visibility: visible;
	display: inline;
	background-image:url(../images/BlueNavRuleBG_1.gif);
	background-repeat:repeat-y;
	clear: none;
	float: left;
	top: 0;
	left: 0;
}


div#content {
	position:relative;
	display: inline;
	float:right;
	clear:none;
	width:550px;
	z-index:2;
	margin-bottom: 20px;
	padding-bottom:15px;
	top: 40px;

}



				/* used for old layout frames version, delete after new site is posted*/
				div#content_left {
					position:relative;
					display: inline;
					float:left;
					clear:none;
					width:500px;
					z-index:2;
					margin-bottom: 20px;
					padding-bottom:15px;
					top: 10px;
				
				}
div#frames_content {
	position:relative;
	display: inline;
	float:left;
	clear:none;
	width:560px;
	z-index:2;
	margin-bottom: 20px;
	padding-bottom:15px;
	top: 10px;
	left: 20;
	padding-left: 30px;
				
	}
	
div#frames_row1 {
	position:relative;
	display: inline;
	float:left;
	clear:none;
	width:560px;
	z-index:2;
	top: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-left: 20px;
	left: 19px;
				
	}
div#frames_col2 {
	position:relative;
	display: inline;
	float:left;
	clear:none;
	width:540px;
	z-index:2;
	margin-bottom: 20px;
	padding-bottom:15px;
	top: -5;
	left: 12;
	padding-left: 8px;
				
				}
				
/* end div's for frames version*/




/********************end page style sheet***********************/



div#row2homepage{
	position: relative;
	display: inline;
	float: right;
	clear: none;
	margin: 20px 0 0 250px;
	padding-bottom: 10px;
	width: auto;
	z-index:auto;
	padding-top: 25px;

}
					
/*-------------------styles to sort-------------------------*/
/*page format styles*/

.boldBlueheading {
	font-weight: bold;
	font-size: 24px;
	color: #003366;
	font-family: Times New Roman, Times, serif;
	font-style: normal;
	line-height: normal;
	text-align: center;
	vertical-align: middle;
	top: 0px;
	position: relative;
	width: auto;
	left: 0;
}
.boldBlue_subheading {

	font-weight: normal;
	font-size: large;
	color: #003366;
	font-family: Times New Roman, Times, serif;
	font-style: normal;
	line-height: normal;
	padding-left: 10px;
	text-align: center;
}
.body_italics {

	font-family: Times New Roman, Times, serif;
	font-size: 16px;
	color: #000000;
	font-style: italic;
	padding-left: 10px;
	display: inline;
	text-align: center;
	line-height: 130%;
}
.disclaimerCopy {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #000000;
	text-align: left;
	display: block;
	width: auto;
	padding-left: 0px;
	padding-right: 10px;
	margin-left: 0px;
	text-indent: -9px;
}
.bulletCopy {
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	line-height: 1.5em;
	color: #000000;
	text-align: left;
	padding-left: 0em;
	list-style-position: inside;
	list-style-type: square;
	display: list-item;
	margin-left: 3em;
	text-indent: -1.2em;
}
.subHead_TR_blk_cntr {
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: #000000;
	FONT-FAMILY: Times New Roman, Times, serif;
	font-style: italic;
	line-height: 110%;
	text-align: center;
	top: 5px;
	position: relative;
	clear: both;
	float: none;
	width: auto;
	display: block;
	padding-bottom: 10px;
	left: 0;
}
.bulletListHeading {
	font-size: 12px;
	font-style: normal;
	line-height: 120%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	font-weight: bold;
	display: block;
	height: 1.5em;
	padding-top: 15px;
}
.bulletCopyHeading {

	font-size: 12px;
	font-style: normal;
	line-height: 120%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	font-weight: bold;
}
.menuTxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	font-style: normal;
	display: inline;
	text-align: center;
	line-height: 130%;
	padding: 0 10px;
	position: static;
	top: 100px;
	text-decoration: none;
}




div#pricelist{
	position:relative;
	display: block;
	float:left;
	clear:none;
	width:275px;
	z-index:2;
	margin-bottom: 20px;
	padding-bottom:15px;
	top: 0;
	left: 110;
}
#prices ul{border-top: 2px solid #99CC99;}
#prices li{border-top: 2px solid #99CC99;}


.pricelist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	line-height: 150%;
	font-weight: normal;
	color: #000000;
	text-align: left;
	vertical-align: middle;
	display: inline;
}
.rightInset {
	padding-top: 0px;
	display: inline;
	padding-bottom: 5px;
	float: right;
	clear: none;
	padding-right: 3px;
	padding-left: 20px;
	margin-top: -15px;
}

.rightInset_0top {
	padding-top: 0px;
	display: inline;
	padding-bottom: 5px;
	float: right;
	clear: none;
	padding-right: 3px;
	padding-left: 20px;
	margin-top: 0px;
}

.blockHeads {
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: #003399;
	FONT-FAMILY: "Times New Roman", Times, serif;
	font-style: italic;
	line-height: normal;
	display: block;
	clear: both;
	float: left;
	height: 110%;
	width: 190px;
	text-align: right;
	margin-right: 10px;
	margin-bottom: 0px;
	left: 10px;
}
.blockHeads_short {
	FONT-WEIGHT: bold;
	FONT-SIZE: 100%;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 130%;
	display: block;
	clear: both;
	float: left;
	height: 120%;
	width: 60px;
	padding: 0px;
	margin-right: 10px;
	text-align: right;
}