@charset "UTF-8";
/* CSS Document */


	body {
	padding:0 20px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width:780px;
		}

	#header {
	margin:0;
	padding:0;
	height: 95px;
	background-color: #003399;
		}
			#header2 {
	margin:0;
	padding:0;
	height: 20px;
	background-color: #004CCC;
	border: thin solid white;
		}

	#main1 {
	margin:0;
	padding:0;
	background-color: #FFFFFF;
		}
	#main2 {
	margin:0;
	padding:0;
	background-color: #FFEDB3;
		}
	#left {
	float:left;
	width:190px;
	margin:0;
	padding:0;
	display: inline;
		}
	#right {
		float:right;
		width:190px;
		margin:0; padding:0;
		display: inline;
		}
	#middle2 {
	margin:0px 0px 0px 190px;
	background:white;
		}
		#middle {
	margin:0 190px;
	background:white;
		}
	.column-in {
	margin:0;
	font-size:12px;
	padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
		}
		.column-out {
	margin:0;
	font-size:12px;
	padding: 1em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
		}
			.column-out-tit {
	margin:0;
	font-size:14px;
	color: #003399;
	font-weight:bold;
	padding: 0 1em 0 1em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
		}
		.pie {
	margin:0;
	font-size:10px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
		}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}
		
	h1,h2,h3,h4 {
	margin: 0.2em 0;
	font-size: 20px;
}
	p { margin: 0.5em 0 }
	a { color:black }
	
	.subtit {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}
	
	.copy { text-align:center; font-size:80% }
	
	#navlistH li {
	display:inline;
	padding:0 .9em;
	border-right:1px solid #009;
}
#navlistH li.last {
	border:none;
}
#navlistH {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	text-align:center;
margin: 0;
	padding: 0;
}
#navlistH a {
	color:#009;
	text-decoration:none;
}
#navlistH a:hover {
	color:#39F;
	text-decoration:underline;
}

#navcontainer
{
	background: transparent;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
	display: block;
	width: 100%;
	padding: 1em;
	border-width: 1px;
	border-color: #FFFFCC #999966 #999966 #FFFFCC;
	border-style: solid;
	color: #000000;
	text-decoration: none;
	background: transparent;}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #FFFFFF;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
	color: #800000;
	background: transparent;
	border-color: #ccc #fff #ffe #aaab9c;
	border-width: 2px;
	background-color: #FFCC33;
}
ul#navlist2
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
}

ul#navlist2 li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist2 li a
{
	display: block;
	width: 100%;
	padding: 1em;
	border-width: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	color: #333333;
	text-decoration: none;
	background: #CCCCCC;
}

#navcontainer>ul#navlist2 li a { width: auto; }

ul#navlist2 li#active a
{
background: #FFFFFF;
color: #800000;
}

ul#navlist2 li a:hover, ul#navlist2 li#active a:hover
{
	color: #000000;
	background: transparent;
	border-color: #ccc #fff #ffe #aaab9c;
	border-width: 2px;
	background-color: #CCCC33;
}

.cssfly {
	font-family: arial, sans-serif;
	width:190px;
	position:relative;
	font-size:12px;
	margin:0, 0;
	z-index: 200;
}
.cssfly ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	color:#000;
	width:188px;
	text-align:center;
	border:1px solid #fff;
	border-width:1px 1px 0 0;
	background: #003399;
	color:#FFFFFF;
	line-height:19px;
	font-size:12px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.cssfly ul {padding:0; margin:0;list-style-type: none; }
.cssfly ul li {float:left; margin-right:1px; position:relative;}
.cssfly ul li ul {display: none;}

.cssfly ul li:hover a {color:#fff; background:#000;}
.cssfly ul li:hover ul {
display:block; position:absolute; top:0;
left:189px; width:189px;
}
.cssfly ul li:hover ul li a.hide {
background:#ccc; color:#000;
}
.cssfly ul li:hover ul li:hover a.hide {width:200px;}
.cssfly ul li:hover ul li ul {display: none;}
.cssfly ul li:hover ul li a {
display:block; background:#ccc; color:#000; width:200px;
}
.cssfly ul li:hover ul li a:hover {
	background:black;
	color:#FFFFFF;
}
.cssfly ul li:hover ul li:hover ul {
display:block; position:absolute; left:151px; top:0; color:#000;
}
.cssfly ul li:hover ul li:hover ul li a {
display:block; width:200px; background:#dfc184; color:#000;
}
.cssfly ul li:hover ul li:hover ul li a:hover {background:#bd8d5e;
color:#fff;
}


a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#000;}

/* slides styling */

.photo {width:635px; text-align:left; position:relative; margin:0 auto;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:105px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#bbb;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:20px 20px; border:20px solid #bbb; z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:20px 20px; border:20px solid #aaa; z-index:100;}

.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_wall.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */

/* set up the overall width of the menu div, the background image and the margins */
.menu {
	font-family: verdana, arial, sans-serif;
	width:190px;
	height:290px;
	margin:0px 0px;
	background:#fff url(map/map.jpg);
	position:relative;
	z-index: 200;
}
/* remove the bullets and set the margin and padding to zero for the unordered list and position it over the menu background image */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
position:absolute;
left:0px;
top:38px;
width:190px;
height:200px;
}
/* float the list so that the items are vertical with no gaps and their position relative so that the drop down list will appear in the right place to the right of each list item */
.menu ul li {
float:left; 
position:relative;
width:190px;
}
/* style the links to be 150px wide by 50px high. place the text off screen. */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-indent:-1000px; 
width:190px; 
height:63px;
text-decoration:none;
}

/* set up the background list/link images relative to this css file */
li:hover.map1 {background:transparent url(map/map1.jpg);}
li:hover.map2 {
	background:transparent url(map/map2.jpg);
	margin-top: 2px;
}
li:hover.map3 {background:transparent url(map/map3.jpg);}
li:hover.map4 {
	background:transparent url(map/map4.jpg);
	margin-top: 1px;
}
ul.sub1 {background:transparent url(map/sub1.jpg);}
ul.sub2 {background:transparent url(map/sub2.jpg);}
ul.sub3 {background:transparent url(map/sub3.jpg);}
ul.sub4 {background:transparent url(map/sub4.jpg);}
a.sub3a:hover {background:transparent url(map/sub3a.jpg);}
a.sub3b:hover {background:transparent url(map/sub3b.jpg);}
a.sub3c:hover {background:transparent url(map/sub3c.jpg);}
a.sub3d:hover {background:transparent url(map/sub3d.jpg);}
a.sub3e:hover {background:transparent url(map/sub3e.jpg);}
a.sub3f:hover {background:transparent url(map/sub3f.jpg);}
a.sub3g:hover {background:transparent url(map/sub3g.jpg);}


/* make the dropdown ul invisible */
.menu ul li ul {
visibility:hidden;
}

/* specific to non IE browsers */

/* make the sub menu ul visible and position it to the right of the main menu list item */
.menu ul li:hover ul {
	visibility:visible;
	;
	position:absolute;
	top:0;
	left:150px;
	width:190px;
	height:280px;
	margin-left: 30px;
}

/* style the size of the submenu links */
.menu ul li:hover ul li a {
display:block; 
width:190px;
height:40px;
}