HTML	{
	height: 100%; 
	margin-bottom: 1px;}


BODY {
	background: #fff;
	font: .8em Verdana, Arial, Helvetica, sans-serif;
	color: #222;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	}
.table1 { }
#container {
	width: 760px;
	height: auto;	}
	
#logo {
	background: #fff;
	height: 40px;
	padding: 0px;
	width: 760px;	}

P, TR, TD, Table {
	text-align: justify;
	line-height: 160%;}

ul, ul ul, ul ul ul, li, li li, li li li {
	line-height: 140%;	}

A:LINK {
	color: #555;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;	}

A:VISITED {	
	color: #555;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;	}

A:ACTIVE, A:HOVER {	
	color: #434542;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;	}

h1 { font: 27pt "lucida sans", verdana, sans-serif; color: #262c38; }
h2 { 
	font: 150% lucida sans, verdana, sans-serif; 
	color: #000;	}

h3, h4, h5{
	font: 140% "lucida sans", verdana, sans-serif; 
	color: navy;}
h8 { color: #8192ac; font: 140% "lucida sans", verdana, sans-serif; width: 120%; border-bottom-width: 1px; border-left-color: #eee; border-left-style: solid; }
h7 { color: #8192ac; font: 105% verdana; padding-left: 20px; }
h6 {background: #f8f8f8; padding: 2px 2px 2px 2px; font: 130% lucida sans, verdana, sans-serif; color: #262C38;	}

/* formatting for index page*/

.service_list { color: navy; font-size: 110%; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(images/buttons/service_list_bg_1.gif); background-repeat: no-repeat; text-align: right; vertical-align: middle; height: 38px; width: 255px; border-right: 10px solid #fff; padding-right: 10px; border-top: 2px solid white; border-bottom: 2px solid white; cursor: pointer; }
.service_list:hover { background-image: url(images/buttons/service_list_bg_2.gif); background-repeat: no-repeat; text-align: left; padding-left: 10px; }
.service_list2 { background-image: url(images/buttons/service_list_bg_3.gif); background-repeat: no-repeat; width: 255px; height: 28px; }
.rightside1 { padding-right: 20px; padding-left: 20px; width: 324px; margin-bottom: 0; border-left: 2px solid #eee; }
.gallery { width: 216px; border-left: 2px solid #eee; padding: 0 15px;}


/* formatting for top image and text area */

.imagearea { padding: 0 0 0 5px; font: 90% Verdana, Arial, Helvetica, sans-serif; text-align: left; border-right: 4px solid #fff; }
.imagearea3 { text-align: left; padding: 0 0 0 1px}
.imagearea2 { font: 90% Verdana, Arial, Helvetica, sans-serif; text-align: left; padding: 0 0 0 5px; border-right: 0 solid #fff; };border-top-width: 0;border-bottom-width: 0;border-left-width: 0;
.imagebox  /* Used within inline box */ { font-size: 100%; text-align: center; width: 156px; padding-top: 10px; }
.imagearea_text { width: 90%; font: 100%/180% Verdana, Arial, Helvetica, sans-serif; color: #222; background: #eef1f8; text-align: center; vertical-align: middle; padding-top: 5px; padding-bottom: 5px; }

.imagearea_text3 { color: #fff; font-size: 110%; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; line-height: 180%; background-image: url(images/Button12.jpg); background-repeat: no-repeat; background-position: 0 0; text-align: right; width: 265px; vertical-align: middle; height: 43px; padding: 0 0 0 25px; border-right-color: #000; border-left-color: #000; cursor: pointer;}
.imagearea_text3:hover { color: #eee; background-image: url(images/button11.jpg); background-repeat: no-repeat; text-align: left; }

.imagearea_text4 { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; line-height: 180%; background-image: url(images/bgimagearea4.gif); background-repeat: no-repeat; background-position: 0 0; text-align: left; vertical-align: middle; height: 43px; padding: 0, 0, 0, 25px; border-right-color: #000; border-left-color: #000;}
.imagearea_text2 { color: #222; font: 100%/180% Verdana, Arial, Helvetica, sans-serif; background: #eef1f8; text-align: center; padding-top: 5px; padding-bottom: 5px; width: 60%; vertical-align: middle; }
.textarea {
	padding: 15px 10px 10px 10px;  
	line-height: 180%;
	width: 560px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;	
	list-style-padding: 5px }
.textarea3  /* header for box */ { color: white; font: 13pt Verdana, Arial, Helvetica, sans-serif; background-image: url(images/Header.jpg); background-repeat: repeat-x; background-attachment: scroll; text-align: center; vertical-align: middle; width: 183.33px; height: 57px; padding-right: 10px; padding-left: 10px; border-right: 2px solid white; }
.textarea4 { font: 100% Verdana, Arial, Helvetica, sans-serif; background-color: #eef1f8; text-align: left; width: 183.33px; padding-top: 10px; padding-right: 3px; padding-left: 5px; border-right: 2px solid white; list-style: none; }
.textarea5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: normal; background-color: #eef1f8; text-align: right; padding: 10px 3px 10px 5px; width: 186px; height: 20px; border-right: 2px solid white; }
/* used for 3 column layout */

.textarea2 {
	padding: 15px 10px 10px 10px;  
	line-height: 180%;
	width: 230px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;	}
.textarea6 { font: 100% Verdana, Arial, Helvetica, sans-serif; padding: 5px 5px 10px; width: 750px; margin: 0 5px 5px; border-left: 1px solid #eee; }
.textarea7 { font: 100% Verdana, Arial, Helvetica, sans-serif; text-align: left; vertical-align: baseline; margin: 40px 5px 5px; padding: 20px 5px 0; width: 550px; border-left: 1px solid #eee; }
.textarea8 { padding-top: 10px; padding-bottom: 10px; padding-left: 55px;}
.textarea9 { padding-top: 10px; padding-bottom: 10px; padding-left: 5px;}
.contactbox{border-left: 2px solid #eee}
#righttable {
	width: 230px;	}
.leftside {
	padding: 0;
	width: 200px;
	border-right: 1px solid #eee;}
.rightside {
	padding: 10px 3px 3px 10px;
	width: 330px;	}
.leftside2 { margin-top: 15; width: 210px; padding-top: 15; padding-right: 10px; padding-bottom: 10px; border-top-color: #eee; vertical-align: top}
.rightside2 { padding: 10px 10px 20px; width: 260px; margin-top: 0; margin-bottom: 0; border-top: 2px dotted #eee; border-left: 2px solid #eee; }
.rightside3 { margin-top: 0; padding: 0 10px 10px; width: 220px; border-left: 2px solid #eee; border-top-color: #eee; }
.rightside_box { padding: 10px 3px 3px 10px; width: 183px; }
/* upper navigation bar css */

#upper {
	width: 100%;}
	
.upperbar { color: navy; font: 11px Verdana, Arial, Helvetica, sans-serif; height: 28px; text-align: right; vertical-align: middle; border-bottom: 10px solid #fff; }

.upperbar a:link, .upperbar a:visited {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 5px;
	text-decoration: none;
	color: navy;}
.upperbar a:hover, .upperbar a:active {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;	}
/* top navigation bar css */

#top {
	width: 100%;}
.topbar {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background:url(images/navback.jpg) repeat-x;
	height: 28px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 10px solid #fff;
	}
.topbar a:link, .topbar a:visited {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 5px;
	text-decoration: none;
	color: #fff;}

.topbar a:hover, .topbar a:active {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;	}

/* side navigation bar css */

#submenu { font: 93% Verdana, Arial, Helvetica, sans-serif; margin:0; list-style: none; text-align:center}
#submenu li { color: #8192ac; background-color: #eef1f8; margin-bottom: 1px; height: 20px}
#submenu a:link, #submenu a:visited, #submenu a:hover { font: 100% Verdana, Arial, Helvetica, sans-serif; text-align:left; text-decoration: none; color: #222; display: block; width: 200px; height: 20px; background:#fff; voice-family: "\"}\""; voice-family:inherit; width: 198px; height: 16px; padding: 4px 0 2px 5px; }
html>body #submenu a:link, html>body #submenu a:visited, html>body #submenu a:hover { width: 198px; height: 16px; }
html>body #submenu2 a:link, html>body #submenu2 a:visited, html>body #submenu2 a:hover { width: 100%; height: 16px; }
#submenu a:hover {background: #eef1f8;}


#submenu2 { font: 100% Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
#submenu2 li { margin: 0 0 1px 0; }
#submenu2 a:link, #submenu2 a:visited, #submenu2 a:hover { color: #222; text-decoration: none; display: block; width: 100%; height: 16px; voice-family: inherit; voice-family: "\"";font-style:normal; font-variant:normal; font-weight:normal; font-size:100%; font-family:Verdana, Arial, Helvetica, sans-serif }
#submenu2 a:hover { background: #eef1f8; }


/* Misc formatting */


.address {
	font: normal 85% Verdana, Arial, Helvetica, sans-serif;
	line-height: 160%;
	text-align: right;
	padding: 0px 5px 0px 0px;	} 

.logo {
	font: 175% lucida sans, verdana, sans-serif; 
	color: #262C38;
	line-height: 100%;	
	padding: 0px 0px 0px 5px;	}

.headertag {
	font: 115% lucida sans, verdana, sans-serif; 
	color: #8192AC;
	line-height: 100%;	
	padding: 0px 0px 5px 25px;	}
	
.note {
	font: 85% Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background: #f8f8f8;
	border-left: 2px solid #222;
	padding: 4px 4px 4px 8px;
	line-height: 140%;	}

/* Info Box Classes */
	
.info, p.info, td.info{
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	color: #8192ac;
	padding: 5px 1px 5px 15px;
	line-height: 140%;
	width: 200px;
	border-top: 2px solid #eee;
	border-bottom: 2px solid #eee;
	border-left: 2px solid #eee;
	text-align: center;}
	
/* footer formatting */

#copyright {
	width: 760px;
	border-top: 1px solid #eee;
	margin-top: 5px;	}

.copyright {
	text-align: center;
	font: 87% Verdana, Arial, Helvetica, sans-serif;
	color: #9CA2A2;
	padding: 3px 3px 3px 3px;	}
table { }
Learn More { font-size: 100%; font-family: verdana; vertical-align: bottom;}

#footer { width: 100%; border-top: 1px solid #eee; margin-top: 5px;}
.footer { padding-top:40px; text-align: center; font: 8.5pt Verdana, Arial, Helvetica, sans-serif; color: #9CA2A2; background: #262c38; text-align: left; vertical-align: top; list-style: none;}
.footer a:link, .footer a:visited { font: 8.5pt Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
.footer a:hover, a:active {font: 8.5pt Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-color: white;}
.footer ul {list-style: none;
margin-left: 0;
padding-left: 1em;
text-indent: -1em}

#footer_location { width: 100%; border-top: 1px solid #eee; margin-top: 5px;}
.footer_location { padding-top:40px; text-align: center; font: 87% Verdana, Arial, Helvetica, sans-serif; color: #9CA2A2; background: #262c38; text-align: left; vertical-align: top; list-style: none;}
.footer_location a:link, .footer a:visited { font: 87% Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
.footer_location a:hover, a:active {font: 87% Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-color: white;}
.footer_location ul {list-style: none;}


/* Thumbnail Code */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 100;
left: -150px; /*position where enlarged image should offset horizontally */

}

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(images/SideBox/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(images/SideBox/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(images/SideBox/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 10px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(images/SideBox/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

#dropmenudiv{
position:absolute;
border:1px solid white;
border-bottom-width: 0;
font:normal 12px Verdana;

line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid white;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color: #262c38
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #8192ac;}
.textarea_left1 { padding-left: 20px; padding-top: 10px; border-right-color: 2px solid #eee; border-top-color: 2px solid #eee;margin-left: 10px;}

.textarea_header {text-align: center; padding-top: 20px; background-color: #eef1f8; border-right: 4px solid white; margin-left: 15px}