/*----- HTML TAGS -----*/
* {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #555;
}

body {
	margin: 0px;
	padding: 0px;
	background: url(body-bg.jpg);
}

table {
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 100%;
	height: 100%;
}

form {
	margin: 0px;
	padding: 0px;
}

img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
a {
	color: #0461A4;
	text-decoration: none;
}
a:hover {
	color: #FF6600;
	text-decoration: none;
}

/*----- UNIQUE CLASSES -----*/
#body {
	position: relative;
	margin: 35px auto 10px auto;
	width: 760px;
}

#margin-top {
	float: left;
	width: 760px;
	height: 20px;
	background: url(margin-top.gif) no-repeat;
}

#main {
	float: left;
	width: 760px;
	background: url(body-bg.gif) repeat-y;
}

#navigation {
	float: left;
	width: 160px;
	padding-left: 7px;
}

#logo {
	float: left;
	padding-left: 5px;
}

#menu {
	float: left;
	width: 160px;
	height: 245px;
	background: url(menu-bg.gif) right no-repeat;
}

#content {
	float: left;
	width: 544px;
	padding-left: 20px;
	padding-right: 25px;
}

#content-body {
	float: left;
	width: 540px;
	padding-left: 2px;
	padding-right: 2px;
}

#header-rotator {
	float: left;
	width: 544px;
	height: 154px;
}

#header-search {
	float: left;
	width: 540px;
	height: 25px;
	padding: 2px;
	padding-top: 8px;
	background: url(header-search.gif) no-repeat;
}

#search-text {
	width: 130px;
	height: 13px;
	border: 1px solid #333;
	background: #e0e0e0;
}

#search-button {
	width: 50px;
	height: 17px;
	padding-top: 0px;
	padding-bottom: 2px;
	border: 1px solid #333;
	background: #e0e0e0;
}

#margin-bottom {
	float: left;
	width: 760px;
	height: 20px;
	background: url(margin-bottom.gif) no-repeat;
}

#copy-right {
	float: left;
	background: url(copy-right-bg.gif) no-repeat;
	text-align: left;
	padding-left: 30px;
	padding-top: 8px;
	padding-bottom: 5px;
	color: #ccc;
	width: 755px;
	height: 22px;
}

/*----- USER DEFINED CLASSES -----*/
.spacer {
	float: left;
}

.menu-item-out {
	float: right;
	width: 147px;
	height: 22px;
	background: url(menu-item-out.gif) right no-repeat;
	cursor: default;
}

.menu-item-over {
	float: right;
	width: 147px;
	height: 22px;
	background: url(menu-item-over.gif) right no-repeat;
	cursor: pointer;
}

.menu-arrow {
	float: left;
	width: 17px;
	height: 22px;
	background: url(menu-arrow.gif) left no-repeat;
}

.menu-text a {
	float: left;
	width: 130px;
	height: 17px;
	padding-top: 5px;
	color: #144D79;
	font-weight: bold;
	text-decoration: none;
}

.menu-text a:hover {
	color: #f60;
	text-decoration: none;
}

.menu-spacer {
	float: right;
	width: 147px;
	height: 1px;
}

.title {
	float: left;
	width: 538px;
	height: 25px;
	background: url(title-bg.gif) repeat-x;
}

.title-arrow {
	float: left;
	width: 15px;
	height: 25px;
	background: url(title-arrow.gif) no-repeat;
}

.title-text {
	float: left;
	height: 25px;
	padding-top: 4px;
	padding-right: 4px;
	background: #fff;
	font-weight: 600;
	color: #f60;
}

.sub {
	float: left;
	width: 530px;
	padding-left: 8px;
	padding-top: 10px;
	height: 25px;
}

.sub-arrow {
	float: left;
	width: 10px;
	height: 25px;
	background: url(sub-arrow.gif) no-repeat;
}

.sub-text {
	float: left;
	height: 25px;
	padding-top: 4px;
	padding-right: 4px;
	background: #fff;
	font-weight: 600;
	color: #0461A4;
}

.text {
	float: left;
	width: 530px;
	padding-left: 8px;
	text-align: justify;
	line-height: 175%;
}

.img-right {
	float: right;
	border: 1px solid #a0a0a0;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.img-left {
	float: left;
	border: 1px solid #a0a0a0;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.btnHome
{
	border: 1px solid #0461A4;
	border-left: 5px solid #0461A4;
	width: 100px;
	height: 19px;
	padding-bottom: 4px;
	padding-left: 5px;
	background: #FAFAFA;
}

.btnMain
{
	border: 1px solid #0461A4;
	border-left: 5px solid #0461A4;
	width: 150px;
	height: 19px;
	padding-bottom: 4px;
	padding-left: 5px;
	background: #FAFAFA;
}

.btnSub
{
	border: 1px solid #FF6600;
	border-left: 5px solid #FF6600;
	width: 150px;
	height: 19px;
	padding-bottom: 4px;
	padding-left: 5px;
	background: #FAFAFA;
}

.input{
 font-family: Tahoma, Verdana, Arial;
 font-size: 12px;
 color: #666666;
 width: 200px;
 height: 15px;
 border: 1px solid #999999;
 background-color: #F5F5F5;
}

.textarea{
 font-family: Tahoma, Verdana, Arial;
 font-size: 12px;
 color: #666666;
 border: 1px solid #999999;
 background-color: #F5F5F5;
}

.button{
 font-family: Tahoma, Verdana, Arial;
 font-size: 11px;
 color: #333333;
 border: 1px solid #999999;
 width: 70px;
 height: 20px;
 background-color: #F5F5F5;
}

.select{
 font-family: Tahoma, Verdana, Arial;
 font-size: 11px;
 color: #333333;
 border: 1px solid #999999;
 height: 18px;
 background-color: #F5F5F5;
}

.download {
	float: left;
	width: 25px;
	height: 25px;
	background: url(../../img/download-icon.gif) bottom left no-repeat;
}

.news-div {
	float: left;
	width: 530px;
	padding-left: 8px;
}

.title-news {
	float: left;
	width: 530px;
	height: 25px;
	background: url(titlenews-bg.gif) bottom repeat-x;
}

.title-news-text {
	float: left;
	padding-top: 9px;
	padding-right: 4px;
	padding-left: 4px;
	margin-left: 5px;
	background: #fff;
	font-weight: 600;
	color: #f60;
}

.title-td {
	border-left: 1px solid #FF6600;
	border-right: 1px solid #FF6600;
	border-bottom: 1px solid #FF6600;
	padding: 5px; text-align: justify;
	line-height: 200%;
	height: 150px;
	vertical-align: top;
}

.sub-menu-table {
	background: #fff;
	border: 1px solid #ccc;
	border-collapse: separate;
}

.sub-menu-out {
	background: #f0f0f0;
	cursor: default;
}

.sub-menu-over {
	background: #ccc;
	cursor: pointer;
}

.login table, .login td {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #666;
}

.login-input {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #333;
	width: 150px;
	height: 15px;
	border: 1px solid #B9CFD8;
}

.login-button {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #333;
	width: 100px;
	border: 1px solid #B9CFD8;
	background: #fafafa;
	padding-bottom: 2px;
	padding-top: 0px;
}

.group-div {
	float: left;
	width: 530px;
	padding-left: 8px;
}

.title-group {
	float: left;
	width: 530px;
	height: 25px;
	background: url(titlegroup-bg.gif) bottom repeat-x;
}
/*----- IMAGE SCROLLER CLASSES -----*/
#hold {
	float: left;
	position: relative;
	overflow: hidden;
	width: 499px;
	height: 90px;
	z-index: 100;
}

#wn {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 499px;
	height: 90px;
	clip: rect(0px, 512px, 90px, 0px);
	overflow: hidden;
	z-index: 1;
}

#lyr1 {
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	z-index: 1;
}

#slider-prev {
	float: left;
	width: 12px;
	height: 88px;
	border: 1px solid #eee;
	background: url(slider-prev-bg.gif) center no-repeat #fafafa;
	margin-right: 3px;
}

#slider-next {
	float: left;
	width: 12px;
	height: 88px;
	border: 1px solid #eee;
	background: url(slider-next-bg.gif) center no-repeat #fafafa;
}

.img-frame-slider {
	float: left;
	margin-right: 3px;
	border: 1px solid #eee;
}

.box-title {
	width: 100px;
	border: 1px solid #ccc;
	border-bottom: 0px;
	border-right: 0px;
	text-align: center;
	color: #FF6600
}
.box-td {
	border: 1px solid #ccc;
	border-bottom: 0px;
	border-right: 0px;
	text-align: center
}
.input {
	width: 300px;
	height: 16px;
	border: 1px solid #8394A5;
	color: #333;
}

.input2 {
	width: 250px;
	height: 16px;
	border: 1px solid #8394A5;
	color: #333;
}

.textarea {
	width: 300px;
	height: 75px;
	border: 1px solid #8394A5;
	color: #333;
}

.textarea2 {
	width: 250px;
	height: 50px;
	border: 1px solid #8394A5;
	color: #333;
}

.button {
	width: 100px;
	height: 20px;
	border: 1px solid #8394A5;
	color: #333;
	background: #fff;
	text-align: center;
}