body {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

a, a:link, a:visited {
	text-decoration: none;
	border-bottom: 1px dotted rgb(91,149,185);
	color: #303030;
}

a:hover {
	text-decoration: none;
	border-bottom: 1px solid rgb(91,149,185);
	color: Navy;
}

h1, h2, h3, h4, h5 {
	font-family: Tahoma, serif, sans-serif;
	margin: 0px;
	padding: 0px;
}

li {
	margin: 0px;
}

ul {
	padding:0px 0px 0px 10px; 
	margin:0px 0px 0px 10px;
}

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

form fieldset {
	border: 1px solid #dcdcdc;
	padding: 6px;
}

form legend {
	padding: 1px 15px 1px 15px;
	height: 22px;
	font-size: 15px;
	font-weight: bold;
	color: #003366;
	text-align: left;
	background-color: #F5F5F5;
	border: 1px solid #dcdcdc;
}

input, textarea, button, select {
	font-size: 11px;
	font-family: Verdana, Tahoma, Arial, sans-serif, serif;
	border: 1px solid gray;
}

/* LAYOUT */
#container {
	position: absolute;
	left: 50%;
	width: 760px;
	margin: 0px 0px 0px -380px;
}

#head {
	height: 200px;
	background-image: url(../images/head.jpg);
	background-repeat: no-repeat;
}

#interactive {
	position: relative;
	float: right;
	background-image: url(../images/boxInteractive.jpg);
	width: 200px;
	height: 40px;
	padding: 10px 10px 10px 15px;
}

#menutop {
	position: relative;
	left: 25px;
	top: 110px;
	float: left;
}

#whereyouare {
	padding: 5px 5px 5px 15px;
	margin: 0px 10px 0px 10px;
	font-size: 11px;
	font-weight: bold;
	color: gray;
	border-bottom: 2px dotted gray;
	background-image: url(../images/grey2-r.gif);
	background-repeat: no-repeat;
	background-position: 0px 12px;
}

#body {
	min-height: 350px;
	height: auto !important;
	height: 350px;
	margin-top: 10px;
}

#bodyNews {
	background-image:url(../images/boxNews.jpg);
	background-repeat:no-repeat;
	height: 260px;
}

#bodyNews .head {
	height: 35px;
	display: block;
}

#bodyNews .internal {
	overflow: auto;
	height: 200px;
	padding: 0px 5px 0px 10px;
	margin: 0px 15px 0px 0px;
}

#bodyNews .archive {
	height: 35px;
	padding: 0px 20px 0px 0px;
	margin: 0px 15px 0px 0px;
	text-align: right;
}

#footer {
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	text-align: center;
	font-size: 11px;
	height: 45px;
	padding-top: 8px;
}

#overFooter {
	padding: 5px;
	margin: 5px 5px 15px 5px;
	font-size: 10px;
	color: gray;
	text-align: center;
	background-color: #F5F5F5;
}

/*****************************/
/* #lightbox */

#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox a img {
	border: none;
}
#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer {
	padding: 10px;
}
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav {
	left: 0;
}
#hoverNav a {
	outline: none;
}
#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
}
#imageData {	padding:0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }	
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }			
#imageData #bottomNavClose { width: 66px; float: right; overflow: hidden  padding-bottom: 0.7em; }
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/******************/
/* CLASS */

.txtSizeXXS { font-size: 8px; }
.txtSizeXS { font-size: 9px; }
.txtSizeS { font-size: 10px; }
.txtSizeM { font-size: 11px; }
.txtSizeL { font-size: 12px; }
.txtSizeXL { font-size: 13px; }
.txtSizeXXL { font-size: 14px; }

.width100perc { width: 100%; }
.width99perc { width: 99%; }
.width98perc { width: 98%; }
.widthDate { width: 80px; }
.widthDateTime { width: 100px; }
.width20px { width: 20px; }
.width30px { width: 30px; }
.width40px { width: 40px; }
.width50px { width: 50px; }
.width60px { width: 60px; }
.width70px { width: 70px; }
.width80px { width: 80px; }
.width100px { width: 100px; }
.width110px { width: 110px; }
.width120px { width: 120px; }
.width130px { width: 130px; }
.width140px { width: 140px; }
.width150px { width: 150px; }
.width155px { width: 155px; }
.width160px { width: 160px; }
.width170px { width: 170px; }
.width175px { width: 174px; }
.width180px { width: 180px; }
.width185px { width: 185px; }
.width190px { width: 190px; }
.width195px { width: 195px; }
.width200px { width: 200px; }
.width205px { width: 205px; }
.width210px { width: 210px; }
.width220px { width: 220px; }
.width230px { width: 230px; }
.width240px { width: 240px; }
.width250px { width: 250px; }
.width255px { width: 255px; }
.width300px { width: 300px; }
.width305px { width: 305px; }
.width400px { width: 400px; }
.width405px { width: 405px; }
.width450px { width: 450px; }
.width455px { width: 455px; }
.width500px { width: 500px; }
.width520px { width: 520px; }
.width530px { width: 530px; }
.width540px { width: 540px; }
.width550px { width: 550px; }
.width560px { width: 560px; }
.width565px { width: 565px; }
.width600px { width: 600px; }

.borderNone { border: none; }
.borderAll { border: 1px solid black; }
.borderRX { border-right: 1px solid black; }
.borderSX { border-left: 1px solid black; }
.borderTP { border-top: 1px solid black; }
.borderBT { border-bottom: 1px solid black; }

/* BOX */

.boxListSearch {
	border: 2px solid #6495ED;
	background-color: #f5f5f5;
	margin: 5px;
	padding: 3px;
}

.boxListSearch .title {
	font-size: 9px;
	font-weight: bold;
	color: gray;
}

.boxGeneral {
	background-color: #ebebeb;
	border: 1px solid #005682;
}

.boxContent {
	margin: 10px 0px 0px 20px;
}

.boxContent .bodysx {
	float: left;
	width: 65%;
	margin-left: 10px;
	text-align: justify;
}

.boxContent .bodydx {
	float: right;
	width: 33%;
	border-left: 1px dotted silver;
	text-align: center;
}

.boxContent .bodysep {
	clear: both;
}

.boxMessage {
	border: 1px solid gray;
	padding: 5px;
	margin: 5px;
	width: 250px;
}

.boxMessage div {
	margin-left: 70px;
	width: 180px;
}

.boxListResource {
}

.boxListResource .head {
	border-bottom: 2px solid #354600;
	color: #354600;
	margin: 0px 2px 2px 0px;
	font-size: 13px;
	font-weight: bold;
	padding: 4px;
}

.boxListResource .address {
	float: left;
	color: gray;
	font-weight: bold;
	padding: 3px;
	margin: 0px 0px 5px 5px;
}

.boxListResource .readall {
	float: right;
	border: 1px solid #a4d21a;
	padding: 3px;
	margin: 0px 5px 5px 0px;
}

.boxListResource .icon {
	float: left;
	width: 50px;
	padding-left: 10px;
}

.boxListResource .datainfo {
	float: right;
	width: 420px;
}

.boxListResource .description {
	clear: both;
	color: gray;
	padding-left: 10px;
	margin: 0px 5px 2px 0px;
	text-align: justify;
}

.boxListResource .separator {
	clear: both;
	height: 15px;
	border-top: 1px dotted gray;
}


.boxDetailResource {
}

.boxDetailResource .bodysx {
	float: left;
	width: 65%;
	margin-left: 10px;
}

.boxDetailResource .menudx {
	float: right;
	width: 24%;
	border-left: 5px solid #ffd700;
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	background-color: #f5f5f5;
	padding: 10px;
	margin-right: 10px;
}

.boxDetailResource .menudx2 {
	float: right;
	width: 24%;
	border-left: 5px solid #5B94B9;
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	background-color: #f5f5f5;
	padding: 10px;
	margin: 10px 10px 0px 0px;
}

.boxDetailResource .info {
	border-left: 5px solid #a4d21a;
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	background-color: #f5f5f5;
	margin: 5px 5px 15px 15px;
	padding: 10px;
}
.boxDetailResource .request div {
	border-left: 5px solid #8b0000;
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	background-color: #f5f5f5;
	margin: 5px 5px 0px 15px;
	padding: 10px;
}
.boxDetailResource .request table {
	border-left: 5px solid #8b0000;
	margin: 0px 5px 15px 15px;
	padding: 10px;
}

.boxDetailResource h3 {
	font-size: 14px;
}

.boxDetailResource p {
	margin: 0px 5px 15px 15px;
	text-align: justify;
}

.boxListPhotogallery {
}

.boxListPhotogallery .head {
	border-bottom: 2px solid #354600;
	color: #354600;
	margin: 0px 2px 2px 0px;
	font-size: 13px;
	font-weight: bold;
	padding: 4px;
}

.boxListPhotogallery .icon {
	float: left;
	width: 50px;
	padding-right: 10px;
}

.boxListPhotogallery .description {
	margin: 5px 0px 0px 30px;
}

.boxListPhotogallery .otherdata {
	margin-left: 30px;
	margin-left: 30px;
	font-size: 10px;
	color: Gray;
}

.boxListPhotogallery .viewphoto {
	text-align: center;
	border: 1px solid gray;
	margin: 5px 2px 2px 2px;
	padding: 2px;
	width: 100px;
	float: right;
}

.boxPhotoGallery {
	margin: 0px 0px 0px -25px;
}

.boxPhotoGallery ul {
	float: left;
	width: 500px;
	list-style: none;
}

.boxPhotoGallery li {
	width: 98%;
	background-color: #f5f5f5;
	float: left;
	border: 1px solid #a9a9a9;
	margin: 4px;
	width: 110px;
	height: 110px;
	text-align: center;
}

.boxPhotoGallery .h {
	padding: 15px 0px 0px 0px;
}

.boxPhotoGallery .v {
	padding: 3px 0px 0px 0px;
}

.boxPhotoGallery img {
	border: 1px solid #696969;
}

.boxPhotoGallery a {
	text-decoration: none;
	border: none;
}

.boxPhotoGallery a img {
	border: 2px solid #a9a9a9;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
}

.boxPhotoGallery a:hover img {
	border: 2px solid #a4d21a;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}



.boxNewsletter {
	margin: 10px 0px 0px 0px;
}

.boxNewsletter .bodysx {
	float: left;
	width: 65%;
	margin-left: 10px;
	text-align: justify;
}

.boxNewsletter .bodysep {
	clear: both;
}


.boxCellCalendar {
	height: 19px;
	line-height: 19px;
	text-align: center;
}



.borderAll2pxBlue { border: 2px solid #5b95b9; }
.borderAll2pxWhite { border: 2px solid white; }
.borderNone { border: none; }
.borderAll { border: 1px solid black; }
.borderAllGray { border: 1px solid gray; }

.bkgWhiteSmoke { background-color: #f5f5f5; }



/*- Menu Tabs 4--------------------------- */

#tabs4 {
	float: right;
	width: 100%;
	font-size: 93%;
	line-height: normal;
	border-bottom: 1px solid #6B78A9;
}
#tabs4 ul {
	margin: 0px;
	padding: 0px 10px 0px 0px;
	list-style: none;
}
#tabs4 li {
  display:inline;
  margin:0px;
  padding:0px;
  }
#tabs4 a {
	float: right;
	background: url("../images/tableft4.gif") no-repeat left top;
	margin: 0px;
	padding: 0px 0px 0px 7px;
	text-decoration: none;
}
#tabs4 a.active {
	float: right;
	background: url("../images/tableft4.gif") no-repeat left top;
	margin: 0px;
	padding: 0px 0px 0px 7px;
	text-decoration: none;
	border: 0px;
	background-position: 0% -84px;
}
#tabs4 a span {
	float: right;
	display: block;
	background: url("../images/tabright4.gif") no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: Navy;
}
#tabs4 a.active span {
	float: right;
	display: block;
	background: url("../images/tabright4.gif") no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: #666666;
	background-position: 100% -84px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs4 a span {
	float: none;
}
#tabs4 a.active span {
	float: none;
	cursor: default;
}

/* End IE5-Mac hack */
#tabs4 a:hover span {
	color: Navy;
}
#tabs4 a.active:hover span {
	color: #666666;
	cursor: default;
}
#tabs4 a:hover {
	background-position: 0% -42px;
}
#tabs4 a:hover span {
	background-position: 100% -42px;
}  
#tabs4 a.active:hover {
	background-position: 0% -84px;
}
#tabs4 a.active:hover span {
	background-position: 100% -84px;
}