@charset "utf-8";
/* CSS Document */
body {
			margin: 0;
			padding: 0;
			
			font-size: 62.5%;
			}

body #topMost {
			width: 100%;
			height: 20px;
			/*
			background-color: #00547E;
			background-color: #003B34;
			background-color: #007CBA;*/
			background-color: #003B34;
			
			}
body #content {
			background-image: url(img/topBg.jpg);
			background-position: top left;
			background-repeat: repeat-x;
			}
			
body #footer {
			clear: both;
			width: 100%;
			height: 10em;
			margin: 0;
			padding: 0;
			padding-top: 2em;
			background-image: url(img/footerBg.jpg);
			background-position: bottom left;
			background-repeat: repeat-x;
			position: relative;
			bottom: 0;
			text-align: center;
			font-family: Geneva, Arial, Helvetica, sans-serif;
			color: #555555;
			line-height: 1.3em;
			}
			
#headerTop {
			/*width: 92em;
			height: 6em;
			background-color: transparent;*/
			font-family: Arial, Helvetica, sans-serif;
			}
			
#headerTop .title {
			width: 46em;
			height: 6em;
			float: left;
			}
#headerTop .title img {
			border: none;
			}
#headerTop .title a:link {
			text-decoration: none;
			}
#headerTop .title a:visited {
			text-decoration: none;
			}
#headerTop .title a:hover {
			text-decoration: none;
			}
#headerTop .title a:active {
			text-decoration: none;
			}
			
#headerTop .departments {
			/*/width: 45em;
			height: 2em;
			margin-top: 1em;*/
			float: right;
			text-align: right;
			color: #00547E;
			font-weight: bold;
			}
#headerTop .departments a:link {
			text-decoration: none;
			color: #890029;
			}
#headerTop .departments a:visited {
			text-decoration: none;
			color: #890029;
			}
#headerTop .departments a:hover {
			text-decoration: none;
			color: #998900;
			font-weight: bolder;
			background-color: #DBE1E4;
			}
#headerTop .departments a:active {
			text-decoration: none;
			color: #890029;
			}
			
#headerTop .searchForm {
	width: 30em;
	height: 15px;
	text-align: left;
	position: relative;
	bottom: 0.3em;
			}
#headerTop input.searchBox {
			width: 10em;
			height: 15px;
			border: solid 0.1em #666666;
			padding-left: 0.3em;
			position: relative;
			top: 1px;
			}
#headerTop input.searchSubmit {
	/*width: 7em;*/
			height: 23px;
	border: solid 0.1em #666666;
	color: #00547E;
	position: relative;
	border: solid 1px #00547E;
	top: 1px;
			}
			
#headerMenu {
			/*width: 92em;
			height: 3em;*/
			}
#headerMenu .leftEdge {
			width: 1em;
			height: 3em;
			float: left;
			}
#headerMenu .leftEdge img {
			width: 1em;
			height: 3em;
			}
#headerMenu .menuAddress {
			/*width: 60em;
			height: 2.2em;*/
			padding-top: 0.8em;
			float: left;
			background-color: #00547E;
			color: #FFFFFF;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bolder;
			}
#headerMenu .menuAddress a:link {
			text-decoration: none;
			color: #FFFFFF;
			}
#headerMenu .menuAddress a:visited {
			text-decoration: none;
			color: #FFFFFF;
			}
#headerMenu .menuAddress a:hover {
			text-decoration: none;
			color: #998900;
			}
#headerMenu .menuAddress a:active {
			text-decoration: none;
			color: #FFFFFF;
			}
#headerMenu .menuLanguages {
			/*width: 30em;
			height: 2.2em;*/
			padding-top: 0.8em;
			float: right;
			/*old color
			background-color: #00547E;
			
			background-color: #007CBA;*/
			
			background-color: #003B34;
			color: #FFFFFF;
			font-family: Arial, Helvetica, sans-serif;
			text-align: right;
			font-weight: bolder;
			}
#headerMenu .menuLanguages a:link {
			text-decoration: none;
			color: #FFFFFF;
			}
#headerMenu .menuLanguages a:visited {
			text-decoration: none;
			color: #FFFFFF;
			}
#headerMenu .menuLanguages a:hover {
			text-decoration: none;
			color: #998900;
			}
#headerMenu .menuLanguages a:active {
			text-decoration: none;
			color: #FFFFFF;
			}
#headerMenu .rightEdge {
			width: 1em;
			height: 3em;
			float: right;
			}
#headerMenu .rightEdge img {
			width: 1em;
			height: 3em;
			}
/*==================THIS IS THE END OF HEADER.PHP PORTION===============*/

#mainLeft {
			width: 200px;
			/*height: 100em;
			margin: 0;
			padding: 0;*/
			background-color: transparent;
			float: left;
			font-family: Arial, Helvetica, sans-serif;
			}
#mainLeft .mainNavtop {
			/*width: 19.5em;
			height: 29em;*/
			margin: 0;
			padding: 0;
			border-left: dotted 1px #B8C2C8;
			padding-top: 1em;
			background-color: transparent;
			
			}
			
#mainLeft .mainNav {
			width: 195px;
			height: 271px;
			margin: 0;
			padding: 0;
			border-left: dotted 1px #B8C2C8;
			padding-top: 1em;
			background-color: transparent;
			background-image: url(img/logoPlay.jpg);
			background-position: bottom right;
			background-repeat: no-repeat;
			text-align: center;
			}
#mainLeft .mainNav ul{
			/*font-size: 1.4em;*/
			font-size: 14px;
			font-family: Arial, Helvetica, sans-serif;
			margin: 0;
			padding: 0;
			padding-top: 0em;
			padding-left: 30px;
			height: 1.2em;
			line-height: 1.5em;
			text-align: left;
			font-family: Arial, Helvetica, sans-serif;
			
			}
#mainLeft .mainNav li {
			border-bottom: dotted 1px #777777;
			list-style: none;
			}
#mainLeft .mainNav li a:link {
			text-decoration: none;
			color: #666666;
			}
#mainLeft .mainNav li a:visited {
			text-decoration: none;
			color: #666666;
			}
#mainLeft .mainNav li a:hover {
			text-decoration: none;
			color: #00547E;
			font-size: 1.1em;
			font-weight: bolder;
			list-style-image: url(img/icon.png);
			}
#mainLeft .mainNav li a:active {
			text-decoration: none;
			color: #666666;
			}

/*==================THIS IS THE END OF NAVIGATION.PHP PORTION===========*/
/*==================FROM HERE IS THE LIBRARY MODULE PORTION  ==========*/
#mainLeft .newupdate {
			/*height: 15em;*/
			background-color: transparent;
			color: #FFFFFF;
			}
#mainLeft .insideContentU {
			height: 220px;
			background-image: url(img/btmnewup.gif);
			/* old color 
			background-color: #007CBA;
			background-color: #88988f;		
			background-color: #29abe2;*/	
			background-color: #23A491;
			background-position: top right;
			background-repeat: no-repeat;
			}
#mainLeft .insideContentU ul {
			list-style: square;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			}
#mainLeft li a:link {
			color: #FFFFFF;
			text-decoration: none;
			}
#mainLeft li a:visited {
			color: #FFFFFF;
			text-decoration: none;
			
			}
#mainLeft li a:hover {
			color: #FFFFFF;
			padding-left: 12px;
			text-decoration: none;
			font-size: 12px;
			font-weight: bolder;
			}
#mainLeft li a:active{
			color: #FFFFFF;
			text-decoration: none;
			
			}
/*==================THIS IS THE END OF  PORTION===========================*/
/*==================FROM HERE IS THE LIBRARY MODULE PORTION  ==========*/
#mainLeft .library {
			/*height: 15em;*/
			background-color: transparent;
			color: #FFFFFF;
			}
#mainLeft .insideContentL {
			height: 120px;
			background-image: url(img/btmLibrary.gif);
			/* old color 
			background-color: #007CBA;
			background-color: #88988f;		
			background-color: #29abe2;*/	
			background-color: #23A491;
			background-position: top right;
			background-repeat: no-repeat;
			}
#mainLeft .insideContentL ul {
			list-style: square;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			}
#mainLeft li a:link {
			color: #FFFFFF;
			text-decoration: none;
			}
#mainLeft li a:visited {
			color: #FFFFFF;
			text-decoration: none;
			
			}
#mainLeft li a:hover {
			color: #FFFFFF;
			padding-left: 12px;
			text-decoration: none;
			font-size: 12px;
			font-weight: bolder;
			}
#mainLeft li a:active{
			color: #FFFFFF;
			text-decoration: none;
			
			}
/*==================THIS IS THE END OF  PORTION===========================*/

/*==================FROM HERE IS THE NEWSLETTERS MODULE PORTION ====*/
#mainLeft .newsletters {
			/*height: 15em;
			margin-top: 1em;*/
			background-color: transparent;
			color: #FFFFFF;
			text-align: center;
			}
#mainLeft .topBarN {
			/*height: 3em;*/
			background-color: #000000;
			background-image: url(img/topBarN.gif);
			background-color: transparent;
			background-position: right;
			background-repeat: no-repeat;
			}
#mainLeft .insideContentN {
			height: 155px;
			background-image: url(img/btmNewsletters.gif);
			/* old color 
			background-color: #007CBA;
			background-color: #88988f;			
			background-color: #29abe2;*/
			
			background-color: #23A491;
			background-position: top right;
			background-repeat: no-repeat;
			}
#mainLeft .insideContentN p {
			margin: 0;
			padding: 0;
			font-size: 11px;
			}
#mainLeft .insideContentN form {
			margin: 0;
			padding: 0;
			}
#mainLeft p a:link {
			color: #FFFFFF;
			text-decoration: none;
			}
#mainLeft p a:visited {
			color: #FFFFFF;
			text-decoration: none;
			}
#mainLeft p a:hover {
			color: #FFFFFF;
			text-decoration: none;
			font-size: 12px;
			font-weight: bolder;
			}
#mainLeft p a:active{
			color: #FFFFFF;
			text-decoration: none;
			}
/*==================THIS IS THE END OF NEWSLETTERS MODULE PORTION====*/
/*==================FROM HERE IS FISHRY LINKS MODULE PORTION  ==========*/
#mainLeft .fishlink {
			/*height: 15em;*/
			background-color: transparent;
			color: #FFFFFF;
			}
#mainLeft .insideContentf {
			height: 600px;
			background-image: url(img/btmtorbarlink.gif);
			/* old color 
			background-color: #007CBA;
			background-color: #88988f;			
			background-color: #29abe2;*/
			
			background-color: #23A491;
			background-position: top right;
			background-repeat: no-repeat;
			}
#mainLeft .insideContentf ul {
			list-style: square;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			}
#mainLeft li a:link {
			color: #FFFFFF;
			text-decoration: none;
			}
#mainLeft li a:visited {
			color: #FFFFFF;
			text-decoration: none;
			
			}
#mainLeft li a:hover {
			color: #FFFFFF;
			padding-left: 12px;
			text-decoration: none;
			font-size: 11px;
			font-weight: bolder;
			}
#mainLeft li a:active{
			color: #FFFFFF;
			text-decoration: none;
			
			}
/*==================THIS IS THE END OF  PORTION===========================*/

/*==================FROM HERE IS OTHER LINKS MODULE PORTION  ==========*/
#mainLeft .otherlink {
			/*height: 15em;*/
			background-color: transparent;
			color: #FFFFFF;
			}
#mainLeft .insideContento {
			height: 70px;
			background-image: url(img/btmVisitor.gif);
			/* old color 
			background-color: #007CBA;
			background-color: #88988f;			
			
			background-color: #c3cec6;
			background-color: #29abe2;*/
			
			background-color: #23A491;
			background-position: top right;
			background-repeat: no-repeat;
			}
#mainLeft .insideContento ul {
			list-style: square;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			}
#mainLeft li a:link {
			color: #FFFFFF;
			text-decoration: none;
			}
#mainLeft li a:visited {
			color: #FFFFFF;
			text-decoration: none;
			
			}
#mainLeft li a:hover {
			color: #FFFFFF;
			padding-left: 12px;
			text-decoration: none;
			font-size: 11px;
			font-weight: bolder;
			}
#mainLeft li a:active{
			color: #FFFFFF;
			text-decoration: none;
			
			}
/*==================THIS IS THE END OF  PORTION===========================*/

/*==================FROM HERE IS THE  HILIGHT.PHP PORTION ===============*/
#mainRight {
			
			background-color: transparent;
			/*float: left;*/
			font-family: Arial, Helvetica, sans-serif;
			}
#mainRight .news {
			margin: 0px;
			margin-top: 0px;
			
			padding: 0;
			}
#mainRight .hilight {
			height: 280px;
			margin: 0;
			padding: 0;
			padding-top: 0em;
			}
#mainRight .hilightBr {
			width: 230px;
			height: 280px;
			float: left;
			}
#mainRight .hilightBr img {
			width: 500px;
			height: 280px;
			border: 0;
			margin: 0;
			padding: 0;
			}
#mainRight .hilightCap {
			width: 210px;
			height: 280px;
			float: right;
			/*background-color: #46AEF7;
			 old color
			background-color: #007CBA;
			
			background-color: #29abe2;
			*/
			/* green */
			background-color: #23A491;
			
			}
#mainRight .hilightHl {
			 height: 105px; 
			/*height: 10em;*/
			}
#mainRight .hilightHl p {
			 font-size: 14px; 
			/* font-size: 1.1em;*/
			font-weight: bolder;
			text-transform: uppercase;
			padding: 0;
			margin: 0;
			padding-top: 10px;
			padding-right: 10px;
			padding-left: 10px;
			color: #FFFFFF;
			}
#mainRight .hilightDt {
			height: 18px;
			}
#mainRight .hilightDt p {
			/* font-size: 1.1em; */
			font-size: 12px;
			padding: 0;
			margin: 0;
			border-top: dotted 1px;
			padding-top: 10px;
			padding-right: 10px;
			padding-left: 10px;
			color: #FFFFFF;
			
			}
#mainRight .hilightDt a:link {
			text-decoration: none;
			color: #FFFFFF;
			}
/*==================THIS IS THE END OF  HILIGHT.PHP PORTION ==============*/

/*==================FROM HERE IS THE INDEX.PHP PORTION=================*/
/*==================FROM HERE IS THE class="mainIndex" PORTION ===========*/
#mainRight .mainIndex {
			width: 480px;
			
			margin: 0;
			padding: 0;
			padding-top: 10px;
			padding-left: 10px;
			/*float: left;*/
			background-color: transparent;
			}
#mainRight .sltLeft {
			width: 240px;
			height: 150px;
			margin: 0;
			padding: 0;
			float: left;
			}
/* // Add */
#mainRight .sltLeftmt {
			width: 240px;
			/*height: 20em;*/
			height: 230px;
			margin: 0;
			padding: 0;
			float: left;
			}
/* ------- */
#mainRight .sltRight {
			width: 240px;
			height: 150px;
			margin: 0;
			padding: 0;
			float: right;
			}
		
			
#mainRight .labelNE {
			clear: both;
			width: 490px;
			height: 30px;
			background-color: transparent;
			}
#mainRight .labelNE img {
			border: 0;
			}
#mainRight .labelMT {
			clear: both;
			width: 490px;
			height: 30px;
			background-color: transparent;
			border-top: dotted 1px #B8C2C8;
			}
#mainRight .labelMT img {
			border: 0;
			}
#mainRight .labelGV {
			clear: both;
			width: 490px;
			height: 30px;
			border-top: dotted 1px #B8C2C8;
			background-color: transparent;
			}
#mainRight .labelGV img {
			border: 0;
			}
#mainRight .pic {
			width: 95px;
			height: 150px;
			/*margin: 0;
			float: middle;*/
			padding-left: 10px;
			background-color: transparent;
			}
/*#mainRight .pic img {
			width: 100px;
			border: 0;
			margin: 0;
			padding: 0;
			
			}*/
#mainRight .dt {
			width: 210px;
			float: right;
			padding-right: 7px;
			}
#mainRight .dt p.h {
			font-size: 11px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: bolder;
			/*line-height: 14px;*/
			color: #333333;
			text-transform: uppercase;
			padding: 0;
			margin: 0;
			}
#mainRight .dt p.d{
			font-size: 12px;
			font-family: Arial, Helvetica, sans-serif;
			/*line-height: 12px;*/
			color: #003B58;
			padding: 0;
			margin: 0;
			}
#mainRight .dt a:link {
			font-size: 11px;
			color: #890029;
			text-decoration: none;
			padding: 0;
			margin: 0;
			}
#mainRight .dt a:visited {
			font-size: 11px;
			color: #890029;
			text-decoration: none;
			padding: 0;
			margin: 0;
			}
#mainRight .dt a:hover {
			font-size: 11px;
			color: #00547E;
			text-decoration: none;
			font-weight: bolder;
			padding: 0;
			margin: 0;
			}
#mainRight .dt a:active {
			font-size: 11px;
			color: #890029;
			text-decoration: none;
			padding: 0;
			margin: 0;
			}

#mainRight .media {
			
			padding-right: 7px;
			height:30px;
			}
#mainRight .media p.h {
			font-size: 12px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: bolder;
			line-height: 10px;
			color: #333333;
			text-transform: uppercase;
			padding: 0;
			margin: 0;
			}
#mainRight .media p.d{
			font-size: 12px;
			font-family: Arial, Helvetica, sans-serif;
			line-height: 10px;
			color: #003B58;
			padding: 0;
			margin: 0;
			}
#mainRight .media a:link {
			font-size: 12px;
			color: #890029;
			text-decoration: none;
			padding: 0;
			margin: 0;
			}
#mainRight .media a:visited {
			font-size: 12px;
			color: #890029;
			text-decoration: none;
			padding: 0;
			margin: 0;
			}
#mainRight .media a:hover {
			font-size: 13px;
			color: #00547E;
			text-decoration: none;
			font-weight: bolder;
			padding: 0;
			margin: 0;
			}
#mainRight .media a:active {
			font-size: 12px;
			color: #890029;
			text-decoration: none;
			padding: 0;
			margin: 0;
			}


#mainRight .fMedia {
			width: 160px;
			height: 150px;
			background-color: transparent;
			float: left;
			text-align: center;
			}
/*==================THIS IS THE END OF  PORTION===========================*/
#mainRight .ev {
			
			/*float: left;
			padding-left: 12px;*/
			}
#mainRight .ev p.h {
			font-size: 12px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: bolder;
			
			color: #333333;
			text-transform: uppercase;
			
			}
#mainRight .ev p.d{
			font-size: 12px;
			font-family: Arial, Helvetica, sans-serif;
			
			color: #003B58;
			
			}
#mainRight .ev p.d ul{
			font-size: 12px;
			font-family: Arial, Helvetica, sans-serif;
			
			color: #003B58;
			
			}
			
#mainRight .ev ul {
			list-style: square;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			}
#mainRight .ev li a:link {
			color: #890029;
			text-decoration: none;
			}
#mainRight .ev li a:visited {
			color: #003B58;
			text-decoration: none;
			
			}
#mainRight .ev li a:hover {
			color: #003B58;
			padding-left: 12px;
			text-decoration: none;
			font-size: 12px;
			font-weight: bolder;
			}
#mainRight .ev li a:active{
			color: #003B58;
			text-decoration: none;
			
			}
/*==================FROM HERE IS THE class="rightNav" PORTION =================*/
#mainRight .rightNav {
			width: 200px;
			height: 1100px;
			margin: 0;
			padding: 0;
			padding-top: 0em;
			
			background-color: transparent;
			}

#mainRight .topBr {
			width: 200px;
			height: 20px;
			}
#mainRight .topBr img {
			width: 200px;
			height: 20px;
			}


#mainRight .rightContent {
			width: 200px;
			height: 700px;
			/*height: 73.5em;*/
			padding-top: 10px;
			padding-left: 5px;
			
			border-left: solid 2.5px #007CBA;
			border-right: solid 2.5px #007CBA;
			border-bottom: solid 2.5px #007CBA;
			
			/*
			old color dark blue
			border-left: solid 2.5px #00557B;
			border-right: solid 2.5px #00557B;
			border-bottom: solid 2.5px #00557B;*/
			background-color: #FFFFFF;			}
#mainRight .rightNav p {
			font-size: 12px;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bolder;
			color: #000000;
			text-transform: uppercase;
			margin: 0;
			padding: 0;
			}
#mainRight .quickAccess {
			width: 21em;
			height: 8.3em;
			}
#mainRight .quickAccess img {
			border: none;
			margin: 0;
			padding: 0;
			}
#mainRight .quickAccess a:link {
			border: none;
			text-decoration: none;
			}
#mainRight .quickAccess a:visited {
			border: none;
			text-decoration: none;
			}
#mainRight .quickAccess a:hover {
			border: none;
			text-decoration: none;
			}
#mainRight .quickAccess a:active {
			border: none;
			text-decoration: none;
			}
			
			
#mainRight .rightNav ul {
			list-style: none;
			margin: 0;
			padding: 0;
			padding-left: 5px;
			}
#mainRight .rightNav li a:link {
			text-decoration: none;
			color: #666666;
			}
#mainRight .rightNav li a:visited {
			text-decoration: none;
			color: #666666;
			}
#mainRight .rightNav li a:hover {
			text-decoration: none;
			font-size: 13px;
			font-weight: bolder;
			color: #0071BC;
			}
#mainRight .rightNav li a:active {
			text-decoration: none;
			color: #666666;
			}
/*==================THIS IS THE END OF class="rightNav"  PORTION================*/