.accordion_toggle {
	display: block;
	height:45px;
	max-height:45px;
	background: blue url('../images/PanelGradient.jpg') repeat fixed left;
	padding: 0 10px 0 10px;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	outline: none;
	font-size: x-small;
	color: #ffffff;
	cursor: pointer;
	margin: 0 0 0 0;
}
.accordion_toggle_active {
	background: silver url('../images/PanelGradient2.jpg') repeat fixed left;
	color: #000000;
	border-top:1px black solid;
}
.accordion_content {
	background-color: #ffffff;
	color: #444444;
	font-size:xx-small;
	overflow: hidden;
}
.accordion_content h2 {
	margin: 15px 0 5px 10px;
	font-size:xx-small;
	color: #0099FF;
}
.accordion_content p {
	font-size:xx-small;
	padding: 5px 10px 15px 10px;
}
.bigpic {
	max-width: 333px; 
  	max-height: 250px; 
  	width:  expression(this.width  > 333 ? 333 : true); 
  	height: expression(this.height > 250 ? 250 : true);

}
.copyright A:visited { color: #445289; text-decoration: none }
.copyright A:link { color: #445289; text-decoration: none }
.fpthumbs {
	max-width: 100px; 
  	max-height: 75px; 
  	width:  expression(this.width  > 100 ? 100 : true); 
  	height: expression(this.height > 75 ? 75 : true);


	
}
.green	{font-size: 11px;
		color: #006600}
.horizontal_accordion_toggle {
	/* REQUIRED */
	float: left; /* This make sure it stays horizontal */ /* REQUIRED */;
	display: block;
	background: url(../images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	border-right: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}
.horizontal_accordion_toggle_active {
	background: url(../images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
	border-right: 1px solid #f68263;
}
.horizontal_accordion_content {
	/* REQUIRED */
	height: 100px; /* We need to define a height for the accordion as it stretches the width */;
	float: left; /* This make sure it stays horizontal */ /* REQUIRED */;
	overflow: hidden;
	background-color: #ffffff;
	color: #444444;
}
.horizontal_accordion_content p {
	padding: 5px 10px 15px 10px;
}
.menu { font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica }
	.menu A:visited { color: #445289; text-decoration: none }
	.menu A:link { color: #445289; text-decoration: none }
	.menu A:hover { color: #E0A33F; text-decoration: none }
	
	.menu A:active { color: #E0A33F; text-decoration: none }
	
.divider { background: #DCDCDC }
	
.mainrow { background: #DCDCDC }
.oneColFixCtrHdr {
	background:transparent url('../11/BodyBackgroundfinal.jpg') repeat fixed left top ;
	text-align:center;
}
.oneColFixCtrHdr #container {
	margin: 0 auto ; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align:center;
	width:842px;
	/*text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #features {
	height:180px;
	background:white;
}
.oneColFixCtrHdr #topper {
	height:98px;
	width:842px;
	padding-top:2em;
	vertical-align:top;
}
.oneColFixCtrHdr #AboutUs {
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:xx-small;
	background:white;
	text-align:justify;
	padding: 10px 20px 10px 20px;
	margin:10px 10px 10px 10px;
}
.oneColFixCtrHdr #topleft {
	float:left;
	width:210px;
	vertical-align:top;
	text-align:left;
}
.oneColFixCtrHdr #topmiddle {
	float:left;
	width:422px;
	vertical-align:bottom;
	text-align:center;
}
.oneColFixCtrHdr #topright {
	float:right;
	width:210px;
	text-align:right;
	vertical-align:top;
}
.oneColFixCtrHdr #navigator {
	float:left;
	text-align:center;
	width:842px;
	}
.oneColFixCtrHdr #middletop {
	clear:both;
	width:842px
}
.oneColFixCtrHdr #midleft {
	float:left;
	background: white;
	width:140px;
}
.oneColFixCtrHdr #midlefta {
	float:left;
	background: white;
	width:140px;
}

.oneColFixCtrHdr #midmiddle {
	float:left;
	background: white;
	width:492px;
}
.oneColFixCtrHdr #midright {
	float:right;
	background: white;
	width:210px;
}
.oneColFixCtrHdr #middle {
	clear:both;
	float:left;
	width:842px;
}
.oneColFixCtrHdr #header {
	background: transparent; 
	padding: 0 0 0 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	text-align:center;
	padding: 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background:white;
	height:43em;
	width:842px;
}
.oneColFixCtrHdr #footer {
	float:left;
	padding: 0 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
	width:842px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:xx-small;

}
.oneColFixCtrHdr #footer p {
	float:left;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.red { font-style: italic;
			font-size: 10px;
			color: #990000 }
.shadowblue {
	font-family: Arial;
	font-size: 20pt;
	font-weight: bold;
	height:35px;
	background: blue url('../images/PanelGradient.jpg') repeat fixed left ;
	color:yellow;
}
.shadowblack {
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	color:yellow;
	background: black url('../images/blackgradient.jpg') repeat fixed left ;
	text-align:center;
}
.slide {
	font-family: Arial, Helvetica, sans-serif;
	background: white;
}
.style3 {
	border: 1px dotted #DCDCDC;background: white;
}
.style4 {
	border-left: 1px dotted #DCDCDC;
	border-right: 1px dotted #DCDCDC;
	border-top: 1px dotted #DCDCDC;
	background: white;
}
.style5 {
	border-width: 0px;
	background: white;
}

.style7 {
	font-size: medium;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: white;
}
.style8 {
	font-size: x-large;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: black;
	height:45px;
	background: white url('../images/PanelGradient2.jpg') repeat fixed left ;
	border-top:1px black solid;
}
.thumbs {
	max-width: 150px;
	max-height: 112px; 
 	width:  expression(this.width  > 150 ? 150 : true); 
  	height: expression(this.height > 112 ? 112 : true);


	
}
.title { background: #dcdcdc; font-weight: bold; color: #000000; font-size: 15px; font-family: Verdana, Arial, Helvetica }
.toptext { font-size: 11px; font-family: Verdana, Arial, Helvetica }
	.toptext A:visited { color: #445289; text-decoration: none }
	.toptext A:link { color: #445289; text-decoration: none }
	.toptext A:hover { color: #E0A33F; text-decoration: none }

	.toptext A:active { color: #E0A33F; text-decoration: none }

.vertical_accordion_toggle {
	display: block;
	padding: 5px 10px 15px 10px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	font-size: xx-small;
	color: #000000;
	cursor: pointer;
	margin: 0 0 0 0;
}
.vertical_accordion_toggle_active {
	background: url(../images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
	color: #ffffff;
	padding: 5px 10px 15px 10px;
}
.vertical_accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
	padding: 5px 10px 15px 10px;
}
.vertical_accordion_content h2 {
	margin: 15px 0 5px 10px;
	color: #0099FF;
	padding: 5px 10px 15px 10px;
}
.vertical_accordion_content p {
	padding: 5px 10px 15px 10px;
}

.catalog 
	{ color: #555555; font-size: 11px; font-family: Verdana, Arial, Helvetica }
	
.form 
	{ color: #555555; font-size: 11px; font-family: Verdana, Arial, Helvetica }
	
body {
	text-align:center;
}
blockquote 
	{ color: #555555; font-size: 11px; font-family: Verdana, Arial, Helvetica }
	
option 
	{ color: #555555; font-size: 11px; font-family: Verdana, Arial, Helvetica }
	
select 
	{ color: #555555; font-size: 11px; font-family: Verdana, Arial, Helvetica }
	
textarea 
	{ color: #555555; font-size: 11px; font-family: Verdana, Arial, Helvetica }
	
input 
	{ color: #555555; font-size: 11px; font-family: Verdana, Arial, Helvetica }
	
ol ol ol 
	{ color: #555555; font-size: 11px; font-family: Verdana, Arial, Helvetica }
	
ol ol 
	{ color: #555555; font-size: 11px; font-family: Verdana, Arial, Helvetica }
	
ol 
	{ color: #555555; font-size: 11px; font-family: Verdana, Arial, Helvetica }
	
ul ul ul 
	{ color: #555555; font-size: 11px; font-family: Verdana, Arial, Helvetica }
	
ul ul 
	{ color: #555555; font-size: 11px; font-family: Verdana, Arial, Helvetica }
	
ul 
	{ color: #555555; font-size: 11px; font-family: Verdana, Arial, Helvetica }
	
p 
	{ color: #555555; font-size: 11px; font-family: Verdana, Arial, Helvetica }
	
h1 { color: #000000; font-weight: bold; font-size: 15px; font-family: Verdana, Arial, Helvetica }
h2 { color: #000000; font-weight: bold; font-style: italic; /*padding: 1px; */background: #f6f6f6 url('images/menubg.gif'); border-left: solid 1px #dcdcdc; border-right: solid 1px #dcdcdc; border-bottom: solid 1px #dcdcdc; font-size: 14px; font-family: Verdana, Arial, Helvetica }
h3 { font-weight: bold; border-bottom: dotted 1px #dcdcdc; font-size: 15px; font-family: Verdana, Arial, Helvetica }
h4 { font-weight: bold; font-size: 14px; font-family: Verdana, Arial, Helvetica }
h5 { font-weight: bold; font-size: 13px; font-family: Verdana, Arial, Helvetica }
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
h6 { font-weight: bold; font-size: 12px; font-family: Verdana, Arial, Helvetica }
		
img {
	border:0px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

table {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
tbody {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
td {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
tr {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
A:link { color: #445289 }
A:visited { color: #7481B3 }
A:hover { color: #e0a33f }
 

A:active { color: #e0a33f }
strike { font-style: italic;
			font-size: 10px;
			color: #990000 }
#apDiv1 {
	position: absolute;
	width: 185px;
	height: 141px;
	z-index: 1;
	left: 1px;
	top: 5px;
	
}
/*
			Vertical Accordions
		*/
#vertical_container {
	border: 0px gray solid;
}
/*
			Horizontal Accordion
		*/
/* Container styling*/
#horizontal_container {
	margin: 20px auto 20px auto;
	
}
#vertical_nested_container {
	margin: 20px auto 20px auto;
	
}