/* Global Styles Colour Scheme on PS swatch - blues*/


td {
	color:#2D6891;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
/* Global Styles */

body {
	margin:0px;
	}

	
a {
	color: #2D6891;
	text-decoration:none;
	font-weight:bold;
	}
	
a:hover {
	color: #2D6891;
	text-decoration:underline;
	}
	
/* ID Styles */

#navigation a {
	color: #2D6891;
	text-decoration:none;
	letter-spacing:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
#navigation a:hover {
	color: #FFFFFF;
	background-color: #0080C0;
	}

/* Class Styles */

.logo {
	font:24px times new roman;
	color: #66CCFF;
	letter-spacing:0.1em;
	font-weight:bold;
	line-height:24px;
	}

.tagline {
	font:11px times new roman;
	color: #70A0BF;
	letter-spacing:0.1em;
	}

.smallText {
	color: #2D6891;
	line-height:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	}
.taglineimage {
	color: #2D6891;
	letter-spacing:normal;
	font-family: "times new roman";
	font-size: 11px;
	font-style: italic;
	line-height: 18px;
}


.pageHeader {
	color: #003366;
	letter-spacing:0.1em;
	line-height:30px;
	font-family: "Times New Roman", Times, serif;
	font-size: 26px;
	font-weight: bold;
	}
	
.bodyText {
	color:#003366;
	line-height:14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
.pageName {
	color: #2D6891;
	letter-spacing:normal;
	line-height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	}
	
.subHeader {
	color: #003366;
	font-weight:bold;
	line-height:20px;
	letter-spacing:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
	
.navText {
	font:10px arial;
	color: #666699;
	letter-spacing:0.1em;
	}
	
.sub_sub_Header {
	color: #003366;
	font-weight:lighter;
	line-height:20px;
	letter-spacing:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
	
h1 {
	color: #FF6600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	}
h2 {
	color: #70A0BF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	word-spacing: 0.2em;
	letter-spacing: normal;
	font-weight: bold;
	line-height: 16px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #CCCCCC;
}
h4 {
	color: #425DA1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-transform: none;
	font-weight: bold;
	text-decoration: none;
}
h5 {
	color: #CC3366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	text-transform: none;
	font-weight: bold;
	text-decoration: blink;
}
.footer {
	color: #000033;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: normal;
	font-weight: bold;
}
.tableborder {
	border: thin inset #e1e6fa;
	background-color: #FFFFFF;
}
.underline {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: thin;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #99A3BC;
}
.tableborderinner {
	border: 1px solid #FFC59D;
}




.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.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: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.bodyTextKey {
	color:#375D81;
	line-height:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #e1e6fa;
}
#container {
	position:relative;
	width:750px;
	height:200px;
	border:1px solid #006699;
	margin:auto;
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	background-color: #81AFD3;
	background-position: center;
}
 
#container a.pics {
	float:left;
	display:inline;
	color:2d6891;
	text-decoration:none;
	width:100px;
	height:auto;
	cursor:default;
	padding-top: 7px;
	padding-right: 21px;
	padding-bottom: 7px;
	padding-left: 21px;
}
#container a.pics img.thumb {
	display:block;
	border:1px solid #FFFFFF;
	background-position: bottom;
	vertical-align: bottom;
}
 
#container a.pics span {
	display:none;
	border:0;
	width:400px;
	border:1px solid #fff;
	text-align:center;
	background-color: #f5eedc;
	background-position: center top;
	vertical-align: middle;
	height: 400px;
	margin-right: auto;
	margin-left: 175px;
}
#container a.pics span img {
	border:1px solid #FFFFFF;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
 
#container a.pics:hover {white-space:normal;}
#container a.pics:hover img.thumb {border:1px solid #fff;}
#container a.pics:hover span {
	display:block;
	position:absolute;
	left:9px;
	top:192px;
	z-index:10;
	height:400px;
}
 
#container a.pics:active img.thumb {
	border:1px solid #FF9900;
} 
#container a.pics:active span {
	display:block;
	position:absolute;
	left:9px;
	top:192px;
	z-index:5;
	height:480px;
}
 
#container a.pics:focus {
	outline:0;
}
#container a.pics:focus img.thumb {
	border:1px solid #FF9900
}
#container a.pics:focus span {
	display:block;
	position:absolute;
	left:9px;
	top:192px;
	z-index:5;
	outline:0;
	height:480px;
}
 
#container span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:200px 0 0 0; width:600px; text-align:center; color:#eee; z-index:1;}
#container span.info a {
	color:#003366;
}
#container span.info a:hover {text-decoration:none;}