@CHARSET "ISO-8859-1";

*{margin: 0; padding: 0;}

body{
	font-family:Verdana, Geneva, sans-serif;
	text-align: center;
}

#wrapper {

}

/*----- BANNER STYLES -----------------------------------------------------------------------*/

		#bannerWrapper{
			height:122px;
			background-color: rgba(51,87,121,1);
			z-index: 2;
		}

		#banner{
			margin: 0 auto;
			width: 874px;
			z-index: 2;
		}

		#bannerCanvas{
			display: block;
			width: 874px;
			left: 0px;
			z-index: 2;
		}

/*----- WEBSITE NAV STYLES -----------------------------------------------------------------------*/
#navSite {
	list-style-type:none;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	position:relative;
	background-color:#0072bc;
	border-left:solid 1px #0092be;
	border-right:solid 2px #0092be;
	border-bottom:solid 2px #000;
	border-radius: 0 0 0 0;
	box-shadow: 0px -12px 12px #001326;
	width: 872px;
	height: 22px;
	}

li#ns_1 { position:absolute; top:2px; left:5px; width:90px; height:20px; }
li#ns_2 { position:absolute; top:2px; left:100px; width:90px; height:20px; }
li#ns_3 { position:absolute; top:2px; left:194px; width:90px; height:20px; }
li#ns_4 { position:absolute; top:2px; left:676px; width:112px; height:20px; }
li#ns_5 { position:absolute; top:2px; left:794px; width:80px; height:20px; }
li#ns_6 { position:absolute; top:2px; left:596px; width:80px; height:20px; }

.siteNavLinks{display: block; color:#FFF; text-decoration:none; letter-spacing: 1px; height: 20px;}

li#ns_1 a {width: 90px;}
li#ns_2 a {width: 90px;}
li#ns_3 a {width: 90px;}
li#ns_4 a {width: 112px;}
li#ns_5 a {width: 80px;}
li#ns_6 a {width: 80px;}

.siteNavLinks:hover{text-decoration:underline}


/*------ PAGE NAV STYLES ------------------------------------------ */
ul#nav2d {
	list-style-type:none;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	position:relative;
	background-color:#4D4D4D;
	box-shadow: 0px 2px 3px #4D4D4D;
	width:874px;
	height:24px;
	margin:0 auto;


	/* CSS3 Animation --------------*/
	animation:navFlash 1s;
	-moz-animation:navFlash 1s; /* Firefox */
	-webkit-animation:navFlash 1s; /* Safari and Chrome */
}

	@keyframes navFlash
	{from {background: #7E7E7E;} to {background:#4D4D4D;}}
	@-moz-keyframes navFlash /* Firefox */
	{from {background:#7E7E7E;} to {background:#4D4D4D;}}
	@-webkit-keyframes navFlash /* Safari and Chrome */
	{from {background: #7E7E7E;} to {background:#4D4D4D;}}
	/* End CSS3 Animation --------------*/

.pageNavLinks{position:absolute; top:0px; height:24px;}

#n2d_1 {left:0px; width:140px;}
#n2d_2 {left:144px; width:196px;}
#n2d_3 {left:344px; width:90px;}
#n2d_4 {left:438px; width:176px;}
#n2d_5 {left:618px; width:64px;}
#n2d_6 {left:700px; width:130px;}

.pageNavLinks span{cursor: pointer; display:block; color:#999; text-decoration:none;  padding: 0 0 0 0 ;  height:24px;}

#n2d_1 span {width:140px;}
#n2d_1 span {width:140px;}
#n2d_2 span {width:196px;}
#n2d_3 span {width:90px;}
#n2d_4 span {width:176px;}
#n2d_5 span {width:64px;}
#n2d_6 span {width:130px;}

.pageNavLinks span:hover {background-color:#FFF; border-right:solid; border-right-color:#665; font-weight:bold; color:#4A688C; border-radius: 8px 0 0 0;}


/*----- CONTENT STYLES -----------------------------------------------------------------------*/

#content {

	position:relative;
	height:auto;
	width:874px;
	margin:0 auto ;
	top: 0px;
	z-index: 0;
}

/*------ Content Head ------*/

			#contentheader {
				background-color:#FFF;
				margin:0 0 4px 0;
				height: 104px;
				width: 876px;
			}

			#contentheaderLeft {
				float: left;
				height: 92px;
				width: 690px;
				text-align: left;
			}

			#contentheaderRight {
				float: left;
				height: 92px;
				width: 186px;
				text-align: right;
			}

			#canvasPreviousArrow{
			border: 1px dashed white;
				cursor: pointer;
				margin-top: 4px;
				margin-right:10px
			}

				#canvasPreviousArrow:hover{
					border-left: 1px solid blue;
					border-radius: 40px 40px 40px 40px;
				}

			#canvasNextArrow{
			border: 1px dashed white;
				cursor: pointer;
				margin-top: 4px;

			}

				#canvasNextArrow:hover{
					border-right: 1px solid blue;
					border-radius: 40px 40px 40px 40px;
				}


			#contentheader h3 {
				top:0px;
				left:0px;
				display:block;
				font-size:42px;
				color:#0072BB;
				text-decoration:none;
				font-weight:normal;
				height:30px;
				margin:0;
				padding:26px 0 0 6px;
			}

/*------ Content Display -------*/

#contentdisplay {
	position: relative;
	left: 0px;
	background-color:#FFF;
	height:auto
}

#contentdisplay h4 {
	font-size: 18px;
	text-align: left;

}

#contentdisplay p {
	display: block;
	font-size:16px;
	text-align: left;
	width:600px;
	height:auto;
	margin:0 0 24px 0;
	padding:6px;
}

div#contentdisplay ul {
	display:block;
	text-align: left;
	list-style-type:none;
	font-size:16px;
	width:500px;
	height:auto;
	margin:0;
	padding:6px;
	padding-left: 16;}

li#cd_1{display:block; margin:0 0 10px 0}

li#cd_1{display:block; margin:0 0 10px 0}

/*----- FOOTER STYLES -----------------------------------------------------------------------*/

#footerWrapper{
/* 	border: 1px dashed red; */
	position: fixed;
	bottom: 0px;
	width: 100%;
}

div#site_info {
	box-shadow: 0px -2px 3px #4D4D4D;
	border-radius: 6px 6px 0 0;
	background-color:#0072bc;
	color:#FFF;
	text-align:center;
	width:874px;
	margin: 0 auto;
}

div#site_info h4 {
	font-size:12px;
	text-decoration:none;
	text-align:center;
	font-weight: normal;
	margin:0px 0px 0px 0px;
	padding:2px 0px;
}

div#site_info p {
	font-size:10px;
}