@charset "utf-8";
/* CSS Document */
		
		
		body {
		margin: 0px; 
		font: 11px Arial, Helvetica, sans-serif;
		line-height: 14px;
		color: #1a727a;
		background: #f5f6eb;
		
		}
		h1 {
		font-size:20px;
		padding: 0 12px; /* for IE7 put: padding: 0.6em 10px; */
		line-height: 0.6em;
		}
		
		h2 {
		font-size:11px;
		}
		
		h3 {
		font-size:11px;
		margin-bottom:-1em;
		}
		
		html, body { height: 100%; }
		#wrapper { min-height: 100%; }
		#privacywrapper { min-height: 100%; }
		#VIEWSwrapper { min-height: 100%; }
		/* Hide from IE5-mac. Only IE-win sees this. \*/
		html, * html #wrapper, * html #privacywrapper, * html #VIEWSwrapper, * html body  { height: 100%;  }
		/* * html #content { height:700px; } */
		/* End hide from IE5/mac */
		
		#wrapper {
		position: relative;
		margin: 0 auto; 
		width: 778px;
		padding: 0, 18px;
		background-image: url(../images/shadow.gif);
		background-repeat: repeat-y;
		}
		
		#privacywrapper {
		position: relative;
		margin: 0 auto; 
		width: 778px;
		padding: 0, 18px;
		background-image: url(../images/privacy_shadow.gif);
		background-repeat: repeat-y;
		}
		
		#VIEWSwrapper {
		position: relative;
		margin: 0 auto; 
		width: 778px;
		padding: 0, 18px;
		background-image: url(../images/VIEWS_shadow.gif);
		background-repeat: repeat-y;
		}
		
		#content { 
		margin: 0 auto; 
		width: 736px; 
		padding: 8px 8px 0 8px;
		background:#fff;
		}
		
		#logo{
		float:right;
		padding-top:20px;
		}
		
		#copyright{	
		padding-left: 10px;
		font-size: 10px;
		color:#a8b09f;
		}
		
		#privacy{
		padding: 8px 0 0 10px;
		font-size: 11px;
		color: #a8b09f;
		}
		
		#privacy a {
		text-decoration: underline;
		color: #a8b09f; 
		}
		
		#privacy a:hover {
		text-decoration: none;
		color: #a8b09f; 
		}
		
		#privacyArea {
		width:736px;
		background-color:#e8f7f9;
		margin-top:-11px;
		padding-bottom: 4em;
		}
		
		#privacyArea p{
		width:480px;
		padding: 12px 0 0 12px;
		margin-bottom: -1em;
		}
		
		#privacyArea h2 {
		padding: 12px 0 0 12px;
		margin-bottom: -2em;
		}
		
		#header {
		background-image:url(../images/header_bar.jpg);
		height: 40px;
		border-bottom: 3px solid #fff;
		border-top:3px solid #fff;
		} 
		
		#contentArea {
		background-image:url(../images/common_content_area.gif);
		background-repeat:repeat-y;
		width: 736px;
		}
		
		#VIEWSArea {
		background-image:url(../images/VIEWS_content_area.gif);
		background-repeat:repeat-y;
		width: 736px;
		}
		
		#copyArea {
		width: 240px;
		text-align:left;
		padding: 12px;
		line-height: 14px;
		/*IE7 may need this: margin-top:-460px;*/
		}
		
		#copyArea ul {
		list-style: disc;
		/*margin-left: 17px; This will work for IE7*/
		padding-left: 12px;
		}
		
		#copyArea ul li {
		margin-top: 6px;
		}
		
		#copyArea ul li.first {
		margin-top: -10px;
		}
		
		#copyArea p.help {
		margin-top:-1em; /* use -1.8em when doing the IE7 version */
		color:#52989e;
		}
		
		#copyArea p.first {
		margin-top:0;
		}
		
		#copyArea p.images {
		margin-top:-0.8em;
		}
		
		#copyArea a {
		text-decoration:underline;
		color:#36888f;
		}
		
		#copyArea a:hover {
		text-decoration: none;
		}
		
		#thumbnailArea {
		width:246px;
		margin: 0 10px;
		background-color:#fff;
		border-top: 8px solid #d1eef3;
		}
		
		#thumbnailArea ul{
		list-style:none;
		margin:0;
		padding:4px 7px;
		}
		
		#thumbnailArea ul li {
		display:inline;
		}
		
		#thumbnailArea ul li img{
		border: 3px solid #fff;
		}
		
		#flashcontent {
		float: right;
		}

		#flashcontent p{
		text-align:right;
		margin: -0.2em 6px 10px 0; /* put this for IE7 -0.5em 6px 10px 0; */
		color:#52989e;
		}
		
		#flashcontent a {
		text-decoration:underline;
		color:#36888f;
		}
		
		#flashcontent a:hover {
		text-decoration: none;
		}
		
		#mapcontent {
		float:right;
		padding:10px 8px 0 0;
		}
		
		#mapcontent p{
		text-align:right;
		margin: 0.4em 0 10px 0; /* put this for IE7 -0.5em 6px 10px 0; */
		color:#52989e;
		}
		
		#mapcontent a {
		text-decoration:underline;
		color:#36888f;
		}
		
		#mapcontent a:hover {
		text-decoration:none;
		}
		
		#formArea {
		float: left;
		width:300px;
		margin: -115px 0 0 282px;
		}
		
		#formArea p {
		text-align: left;
		margin-bottom: 0.3em;
		}
		
		input {
		background-color:#d1eef3;
		border-color:#d1eef3;
		/* IE7 use this margin-left:-282px; */
		}
		
		input.submit {
		background-color: #1ecbe6;
		cursor:pointer;
		font-weight:bold;
		color:#fff;
		}
		
		textarea {
		background-color:#d1eef3;
		border-color:#d1eef3;
		
		}
		
		.menu1 {
      	font-size:12px;
		font-weight:bold;
		text-align:left;
		line-height:2.2em;
		background-image:url(../images/nav_bar.jpg);
		background-repeat:no-repeat;
		margin-top:108px;
		height:28px;
    	}

	
/*.menu1 {
	float:left;
	width:100%;
	font-size:12px;
	background-image:url(resources/images/nav_bar.jpg);
	background-repeat:no-repeat;
	margin:0 0 20px 0; /* for this demo only */

	.menu1 ul {
	padding:0;
	margin-top:-2px;
	list-style-type:none;
	}
	
	.menu1 ul li {
	float:left;
	position:relative;
	background:url(../images/nav_divide.gif) no-repeat top right;
	}
	
	.menu1 ul li.thispage {
	color:#fff;
	text-decoration:underline;
	}

	.menu1 ul li.last {
	background:none;
	}
	
	.menu1 ul li.thispageLast {
	color:#fff;
	text-decoration:underline;
	background:none;
	}
	
	.menul ul li {

	}

	.menu1 ul li a, .menu1 ul li a:visited {
	float:left;
	display:block;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	padding:0 16px;
	line-height:25px;
	height:30px;
	
	}
	.menu1 ul li:hover {
	width:auto;
	}

	.menu1 ul li a:hover {
	text-decoration:underline;
	}

	.menu1 ul li ul {
	display: none;
	}
	
	.menu1 table {
	margin:0;
	border-collapse:collapse;
	font-size:11px;
	position:absolute;
	top:0;
	left:0;
	}

/* specific to non IE browsers */

	.menu1 ul li:hover ul {
	display:block;
	position:absolute;
	top:28px;
	margin-top:1px;
	left:0;
	width:154px;
	}
	
	.menu1 ul li:hover ul.endstop {
	left:-92px;
	}
	
	.menu1 ul li:hover ul li ul {
	display: none;
	}

	.menu1 ul li:hover ul li a {
	display:block;
	background:#1ecbe6;
	color:#fff;
	height:auto;
	line-height:15px;
	padding:4px 16px;
	width:130px;
	border-bottom:1px solid #fff;
	}
	
	.menu1 ul li:hover ul li a.drop {
	background:#39daf3;
	}

	.menu1 ul li:hover ul li a:hover {
	color:#fff;
	background: #39daf3;
	text-decoration:underline;
	}
	
	.menu1 ul li:hover ul li a:hover.drop {
	background: #39daf3;
	}
	
 	.menu1 ul li:hover ul li:hover ul {
	display:block;
	position:absolute;
	left:153px;
	top:-1px;
	}
	
	.menu1 ul li:hover ul li:hover ul.left {
	left:-153px;
	}
	
/* specific to IE5.5 and IE6 browsers */

	.menu1 ul li a:hover ul {
	display:block;
	position:absolute;
	top:30px;
	t\op:33px;
	background:#fff;
	left:0;
	border-bottom:1px solid #fff;
	}
	
	.menu1 ul li a:hover ul.endstop {
	left: -92px;
	}
	
	.menu1 ul li a:hover ul li a {
	display:block;
	background:#1ecbe6;
	color:#fff;
	height:1px;
	line-height:15px;
	padding:4px 16px;
	width:154px;
	w\idth:120px;
	border:1px solid #fff;
	border-bottom:0;
	}
	
	.menu1 ul li a:hover ul li a:hover {
	color:#fff;
	background: #39daf3;
	}
	
	.menu1 ul li a:hover ul li a:hover.drop {
	background: #39daf3;
	}
	
	.menu1 ul li a:hover ul li a:hover ul {
	visibility:visible;
	position:absolute;
	top:0;
	color:#fff;
	left:153px;
	}
	
	.menu1 ul li a:hover ul li a:hover ul.left {
	left:-153px;
	}