/* CSS Document */
/************* EDITING #01  July 10-13 2008 Walter Matyas */
body  {
	font: 100% "Trebuchet MS", Arial, sans-serif;
	background: #fbf0d6 url(images/bg_mainstrip.jpg) center top;
	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: #333333;
}
 #container { 
text-align:center;
	background: transparent url(images/bg_main.jpg) repeat-x  top;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	
	text-align: left; /* this overrides the text-align: center on the body element. */
	vertical-align:top
} 

 #container table#mainTable {border-collapse:collapse; width:800px;  margin:0 auto; background:url(images/bg_contentPages.jpg) center top;  border-left:1px white solid; border-right:1px white solid; border-bottom:1px #ddd solid}
 #container table#mainTable td { text-align:left; vertical-align:top; padding:0; margin:0}
 #container table#mainTable td img {border:none}

 #container table#mainTable td#menu {background:url(images/bg_menu2.jpg) bottom left no-repeat; padding:0; margin:0}

 #container table#mainTable td#menu ul {
	list-style:none;
	margin:10px 0;
	padding:0;
	font-size: 100%;
	font-weight:bold; 
	width:399px;
}
 #container table#mainTable td#menu li {border-bottom:1px #99f dotted;}
 #container table#mainTable td#menu li a:link,  #menu li a:visited {display:block; color:#023C82; margin:3px 30px; text-decoration:none}
 #container table#mainTable td#menu li a:hover {color:#b77d43; background:transparent url(images/arrow.png) no-repeat)}
 #container table#mainTable td#menu li a:active {color:navy; padding-left:2px}



 #container table#mainTable td#header {background-position:bottom; background-repeat:no-repeat; width:403px !important}
#container #mainTable td.titleTd {
	padding: 0px;
	margin: 0;
	height: 132px;
}

 #container table#mainTable td#cellLeft {width:370px; background-image:url(images/bg_contentPagesL.jpg)}
 #container table#mainTable td#cellLeft a:link,  #container table#mainTable td#cellLeft a:visited {color:#000066; border-bottom:1px #000066 solid; text-decoration:none}
 #container table#mainTable td#cellLeft a:hover {color:#b77d43; border-bottom:1px #000066 solid;}

 #container table#mainTable td#cellRight { width:370px; background-image:url(images/bg_contentPagesR.jpg)}
 #container table#mainTable td#cellRight a:link,  #container table#mainTable td#cellRight a:visited {color:#000066; border-bottom:1px #000066 solid; text-decoration:none}
 #container table#mainTable td#cellRight a:hover {color:#b77d43; text-decoration:underline; border-bottom:1px #000066 solid;}


 #container table#mainTable td#cellOneColumn { background:transparent url(images/bg_contentPages.jpg) center top; width:770px}
 #container table#mainTable td#cellOneColumn a:link,  #container table#mainTable td#cellOneColumn a:visited {color:#000066; border-bottom:1px #000066 solid; text-decoration:none}
 #container table#mainTable td#cellOneColumn a:hover {color:#b77d43; border-bottom:1px #000066 solid;text-decoration:none;}


  h1 {color:#000066; font-size:130%}
  h2 {color:#000066; font-size:110%}
		  h2.contact {text-indent: 85px; color:000066; font-size:110%}
  p	{font-size:90%; line-height:18px}
		  p.contact	{text-indent: 85px; font-size:90%; line-height:18px}
		p.testimonial {font-size:90%; font-style:italic; color:#0000FF; line-height:18px; text-indent:20px; margin-left:40px;}
		p.name{margin-left:40px;}
		p.testimonialcontent {font-size:90%; font-style:italic; color:#0000FF; line-height:18px; text-indent:20px; margin-left:40px; margin-right:20px;}
		p.namecontent{margin-left:40px; margin-right:20px;}
  p.firstletter:first-letter {font:normal 150% Arial, Helvetica, sans-serif;}
  ol, ul {font-size:90%}
		  ol.upperalpha {font-size:90%; color:#333333; list-style-type: upper-alpha;}
				ol.lowalpha {font-size:90%; color:#333333; list-style-type: lower-alpha;}
 
/* #container table#mainTable td#cellOneColumn div ul li {font-size:90%}*/

 /*form { background-color:transparent; text-align:center; font:normal 90% "Trebuchet MS", Arial, sans-serif}
  #container table#mainTable td #cellOneColumn div form input {margin:3px}	
 #container table#mainTable td #cellOneColumn div form .formtable {margin:0 auto; width:100%; background-: transarent url(images/bg_contentPages.jpg) center top;  border:none}
 #container table#mainTable td #cellOneColumn div form .formtable td {width:50%; padding:15px}*/
/*input, textarea {float:right}
label {float:left}*/
 #container table#mainTable td #cellOneColumn  div form .submitBut { float:none}


/**** footer****/
 #container table#mainTable  td div#footer {font-size:80%; width:782px; text-align:center; background:url(images/bg_footerPages.jpg) center no-repeat; color:#333333; padding: 10px}
 #container  table#mainTable td div#footer a:link,  #container table#mainTable  td div#footer a:visited	{color:#002277; text-decoration:none } 
 #container  table#mainTable td div#footer a:hover	{  color:#FFFFFF; text-decoration:none } 

  #shadow {background:transparent url(images/shadow_bottom.jpg) center no-repeat; height:50px; }


/* Miscellaneous classes for reuse */

#container table#mainTable  td table#subTable {border-collapse:collapse; width:100%; font-size:90%; border:1px solid white; background:#c8b690 0 35px repeat-x}
#container table#mainTable  td table#subTable caption {font-size:130%; margin-bottom:5px}
#container table#mainTable  td table#subTable td {padding:5px;  border:1px solid white}
#container table#mainTable  td table#subTable tr.TrHeader td  {border:none; background:#bba375 url(images/bg_tr.jpg) repeat-x; height:38px; color:#000000; text-align:center; vertical-align:middle; font:bold 100% inherit }

/****** IMAGES ******/


#container table#mainTable  td img#leftSmallImage	{float:left; border:1px solid white; margin-left:0; margin:10px} 
#container table#mainTable  td img#rightSmallImage	{float:right; border:1px solid white; margin-right:0; margin:10px}
#container table#mainTable  td img#BigImage {margin:10px; border:1px solid white}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

hr {border:none; height:1px; background-color:#000066; color:#000066; margin:auto 20px}
/************** END OF EDITING #01 */
[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
 #menu { padding-top: 30px; }
/* #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it may need to avoid several bugs */
</style>
[endif] 
#container #mainTable td.titleTd img {
}
a.goback {font-family:Verdana; font-size:11px; background-color:none; border:2px solid navy!important;  margin:0px 20px 0px 0px; padding:3px 5px 3px 5px; font-weight:bold}