@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 }
	
	.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: 80%;
	margin: 0 auto;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	margin-left: 0px;
}

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:545px; text-align:left; position:relative; margin:0 auto;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:545px; 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:104px; 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:10px 10px; 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:10px 10px; 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.
=================================================================== */

/* styling specific to Internet Explorer IE5.5 and IE6. Yet to see if IE7 handles li:hover */

/* Get rid of any default table style */
table {
border-collapse:collapse;
margin:0; 
padding:0;
}
/* ignore the link used by 'other browsers' */
.menu ul li a.hide, .menu ul li a:visited.hide {
display:none;
}

/* set the border to zero to make the main menu hover work */
.menu ul li a:hover {
border:0;
}

a:hover.map1 {background:transparent url(map/map1.jpg);}
a:hover.map2 {background:transparent url(map/map2.jpg);}
a:hover.map3 {background:transparent url(map/map3.jpg);}
a:hover.map4 {background:transparent url(map/map4.jpg);}
a:hover.map1 em {display:block; width:50px; height:50px; background:transparent url(map/face2.gif); position:absolute; top:250px; left:50px;}
a:hover.map2 em {display:block; width:50px; height:50px; background:transparent url(map/face3.gif); position:absolute; top:200px; left:50px;}
a:hover.map3 em {display:block; width:50px; height:50px; background:transparent url(map/face4.gif); position:absolute; top:150px; left:50px;}
a:hover.map4 em {display:block; width:50px; height:50px; background:transparent url(map/face1.gif); position:absolute; top:100px; left:50px;}


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

/* make the list items vertical with no gaps */
.menu ul li a:hover ul li {
float:left;
width:100px;
}

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

/* set the border to zero to make the sub menu hover work */
.menu ul li a:hover ul li a:hover {
border:0;
}