body {margin:0px; padding:0px 0px 40px 0px; background:#FFF url(images/interior_bg.gif) top left repeat-x;}
img {border:0px; margin:0px; padding:0px;}

#container {width:760px; height:auto; margin:0px auto;}

.topContainer { width:760px; height:80px;}
.topContainer .left {width:130px; height:70px; float:left; padding: 10px 0px 0px 0px;}
.topContainer .right {width:610px; height:80px; float:right; padding:0px; margin: 0px;}
.topContainer h1 { width:600px; height:20px; font:normal bold 12px Arial, Helvetica, sans-serif; color:#333; margin: 10px 10px 0px 0px; padding:0px; float:right; text-align:right;}
.topContainer h1 a {color:#333; text-decoration:none;}
.topContainer h1 a:link {color:#333; text-decoration:none;}
.topContainer h1 a:active {color:#333; text-decoration:none;}
.topContainer h1 a:visited {color:#333; text-decoration:none;}

.topContainer ul {list-style-image:none;}
.topContainer ul li{list-style-image:none;}
.topContainer li {list-style-image:none;}
.topContainer .menu { margin-top: 20px; width:600px; height:30px; float:right; }
.topContainer .menu ul {margin:0px; padding:0px; list-style-image:none;}
.topContainer .menu ul li {display:block; width:120px; height: 30px; padding:0px 0px 0px 0px; float:left; font:normal bold 16px Arial, Helvetica, sans-serif; text-align:center;}
.topContainer .menu ul li a, a:link, a:active, a:visited {color:#0889c4; text-decoration:none;}
.topContainer .menu ul li a:hover { height: 30px; display:block; color:#469215; background:url(images/hm_over.gif) center bottom no-repeat;}


.banner {width:760px; height:180px; text-align:center;}

.mainSection {width:760px; height:auto; font:normal normal 12px Arial, Helvetica, sans-serif; color:#000; margin: 10px 0px 10px 0px;}

.mainSection a {color:#0889c4; text-decoration: none;}
.mainSection a:link {color:#0889c4; text-decoration: none;}
.mainSection a:active {color:#0889c4; text-decoration: none;}
.mainSection a:visited {color:#0889c4; text-decoration: none;}
.mainSection a:hover {color:#469215; text-decoration:underline;}

.alarm{color: #d00; text-align:center; padding: 5px; margin: 0px;}
.mainSection h1 { font:normal normal 24px Arial, Helvetica, sans-serif; color:#333; text-align:center; padding:0px; margin:0px;}
.mainSection h2 { font:normal normal 24px Arial, Helvetica, sans-serif; color:#333; text-align:center; padding:0px; margin:20px 0px 0px 0px;}

.mainSection h3 { font:normal normal 20px Arial, Helvetica, sans-serif; color:#333; padding:0px; margin:20px 0px 0px 0px;}

.mainSection .left { width:215px; height:auto; margin:0px 0px 0px 5px; float:left;}

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

.formbox {
	/*margin: 0 auto;  center for now */
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	width: 210px; /* ems so it will grow */
	background: url(images/sb_br.gif) no-repeat bottom right;
	font-size: 100%;
	font:normal normal 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
.formhead {
	background: #fff url(images/sb_hr.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.formhead h2 {
	background: url(images/sb_hl.jpg) no-repeat top left;
	margin: 0;
	padding: 10px 0px 0px 0px;
	color: white; 
	font-weight: bold; 
	font-size: 14px; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.formbody {
	background: url(images/sb_bl.jpg) no-repeat bottom left;
	margin: 0;
	padding: 5px;
}

.formbody a:link { color:#fff; text-decoration:underline;}
.formbody a:active { color:#fff; text-decoration:underline;}
.formbody a:visited {color:#fff; text-decoration:none;}
.formbody a:hover { color:#fff; text-decoration:underline;}

.tableLogin {
width:200;
text-align:left;
padding: 0px 10px 10px 10px;
font: normal normal 12px Arial, Helvetica, sans-serif; color:#fff;
border: 0px;
}

.tableLogin .label {padding: 5px 0px 0px 0px}

.userMenu {
list-style-type: none;
margin:0;
padding: 0px 0px 0px 0px;
border: 1px solid #6CAF00;
}
.userMenu li{
	line-height: 20px;
	background-color: #80df20;
	border-top: 2px solid #DAFF9F;
	border-bottom: 2px solid #6CAF00;
	padding: 0 10px;
	font-weight: bold;
	color: #fff;
	cursor:pointer;
}
.userMenu a:link {text-decoration:none;}
.userMenu a:visited {text-decoration:none;}
.userMenu a:active {text-decoration:none;}

.userMenu li:hover a:hover {
background-color: #6CAF00;
text-decoration: none;
}
.userMenu li:hover {
background-color: #6CAF00;
text-decoration: none;
}

.myAccordion{
	width: 213px;
	border: 1px solid #6CAF00;
	/*position: absolute;
	left: 10px;
	top: 10px;*/
}
.myAccordion dt{
	line-height: 20px;
	background-color: #80df20;
	border-top: 2px solid #DAFF9F;
	border-bottom: 2px solid #6CAF00;
	padding: 0 10px;
	font-weight: bold;
	color: #fff;
	cursor:pointer;
}
.myAccordion dd{
	overflow: auto;
	height: 200px;
	margin:0px;
}
.myAccordion p{
	margin: 16px 10px;
}
.myAccordion dt.myAccordionHover
{
	background-color: #90ef30;
}
.myAccordion dt.myAccordionActive
{
	background-color: #6CAF00;
	border-top: 2px solid #80df20;
	border-bottom: 2px solid #000;
}

.mainSection .right { background-color:#fff; width:520px; height:auto; margin:0px 0px 0px 0px; float:right;}

.tableInput {
background:#fff;
text-align:left;
font: normal normal 12px Arial, Helvetica, sans-serif; color:#000;
border: solid 1px #9c0;
margin-left: auto;
margin-right: auto;
}

.tableList {
background:#fff;
text-align:left;
width: 100%;
font: normal normal 12px Arial, Helvetica, sans-serif; color:#000;
border: solid 1px #9c0;
}
.h { font-size:150%; font-weight: bold; background-color:#99cc00; color:#FFFFFF; text-align:center; padding: 5px 0px 5px 0px;}
.hh { font-size:125%; font-weight: bold; background-color:#99cc00; color:#FFFFFF; text-align:center; padding: 5px 0px 5px 0px;}
.e {font-weight: bold; padding-left: 10px}
.list1 {background-color:#FFFFFF;}
.list2 {background-color:#FDEDD5;}

.tableCount {
background:#fff;
text-align:left;
padding: 10px 10px 10px 10px;
font: normal normal 14px Arial, Helvetica, sans-serif; color:#000;
border: 0px;
margin: 0px auto 0px auto;
}

.contact_header {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	width: 100%;
	border-bottom: solid 1px #999;
}

.right .contact_left {
	margin: 0;
	padding: 0px 0px 0px 0px;
	width: 200px;
	border-right: solid 1px #999;
	float:left;
}

.right .contact_right {
	margin: 0;
	padding: 0px 0px 0px 0px;
	width: 300px;
	float:right;
}

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

.footer {clear:both; width:760px; height:auto; padding:15px 0px 0px 0px;}
.footerbox {
	/*margin: 0 auto;  center for now */
	margin: 0px 5px 0px 5px;
	width: 750px; /* ems so it will grow */
	background: url(images/footerb_br.gif) no-repeat bottom right;
	font:normal normal 12px Arial, Helvetica, sans-serif;
}
.footerhead {
	background: url(images/footerb_hr.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.footerhead h2 {
	background: url(images/footerb_hl.gif) no-repeat top left;
	margin: 0;
	padding: 10px 0px 0px 0px;
	color: white; 
	font-weight: bold; 
	font-size: 14px; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.footerbody {
	background: url(images/footerb_bl.gif) no-repeat bottom left;
	margin: 0;
	padding: 0px;
}

.footer .footerbox .footerhead h2 a {color:#fff; text-decoration:none;}
.footer .footerbox .footerhead h2 a:link {color:#fff; text-decoration:none;}
.footer .footerbox .footerhead h2 a:active {color:#fff; text-decoration:none;}
.footer .footerbox .footerhead h2 a:visited {color:#fff; text-decoration:none;}
.footer .footerbox .footerhead h2 a:hover { color:#ddf;}

.copyright {padding: 10px; font:normal normal 10px Arial, Helvetica, sans-serif;}

a {color:#0889c4; text-decoration:none;}
a:link {color:#0889c4; text-decoration:none;}
a:active {color:#0889c4; text-decoration:none;}
a:visited {color:#0889c4; text-decoration:none;}
a:hover { color:#469215;text-decoration: underline;}