@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../_images/cloth.gif);
	margin: 0; 
	padding: 0;
	text-align: center;
	font-size: small;
}

#container {
	
	width: 64.8em;  
	background: #FFFFFF;
	margin: 0 auto; 
	border: 1px solid #000000;
	text-align: left; 
	border-radius: 10px;
	box-shadow: 2px 2px 8px #333;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 2px 2px 8px #333;
	-moz-border-radius: 10px;
	-moz-box-shadow: 2px 2px 8px #333;
	padding: .9em;
	margin-top: .5em;
}


#header {

	background: #6184B4; 
	color: #E1C599;	
	
	height: 6.8em; 
	border-top-left-radius: 10px; border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;
}

#header-logo {
	position: relative; 
	float: left;
	width: 9em;
	padding-top: .5em;
	margin-left: auto; margin-right: auto; text-align: center;
}

#header img {
	border: none;
}

header-text {
	margin-left: 10em;
	
}

#header-text h1 {

	text-shadow:  2px 2px 3px #111;
	font-size: 24px;
	letter-spacing: .3em;
	margin-top: .1em; 
	padding-top: .5em; 
	margin-bottom: 0;
	text-align: center;
}

#header-text h2 {

	text-shadow:  2px 2px 3px #111;
	font-size: 20px;
	letter-spacing: .25em;
	margin-top: .3em; 

	text-align: center;
}



#nav {
	position: relative;
	float: left;
	width: 9em;
	padding-top: 3px;;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	margin: 0;
	background: none;
	
}

#nav li
{
	list-style: none;
	margin: 0;
	border-top: 2px solid #fff;
	text-align: left;
}

#nav li a
{
	display: block;
	padding: 0.25em 0.5em 0.25em 0.75em;
	border-left: 1em solid #6184B4;
	color: #7E571A;
	background: #e5efea;
	text-decoration: none;
	
}

#nav a:hover { color: white; background: #d5dfda; }

/* show current page */
/* show current page */
#page01 #menu01  a { border-color: #FFC93E; }
#page02 #menu02  a { border-color: #FFC93E; }
#page03 #menu03  a { border-color: #FFC93E; }
#page04 #menu04  a { border-color: #FFC93E; }
#page05 #menu05  a { border-color: #FFC93E; }
#page06 #menu06  a { border-color: #FFC93E; }
#page07 #menu07  a { border-color: #FFC93E; }
#page08 #menu08  a { border-color: #FFC93E; }
#page09 #menu09  a { border-color: #FFC93E; }

#pageXX .CollapsiblePanelTab {background-color: white;}




#mainContent {
	
	margin-left: 10em;
	padding-top: 5px;
	background: #FFFFFF;
	color: #7E571A;
}

#blank {height: 360px; width: 600px; margin-left: 3.7em;}

/* Remove outline around flash object */
object:active, div:active {outline: none;}
object:focus, div:focus {-moz-outline-style: none;}


#footer {
	clear: both;
	background: #6184B4; 
	color: #E1C599;	

	margin-top: 5px;
	border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px;
}

#footer p {
	padding: .2em; 
	margin: 0 auto;
	text-align: center;
	text-shadow:  1px 1px 2px #111;
	letter-spacing: .4em;
	color: #FFC93E;	
}

#footer a {
	
	/* text-shadow: -1px -1px #fff, 0.03em 0.03em 0.1em black; */
	font-size: 15px; font-weight: bold;
	letter-spacing: .3em;
	margin: .1em; 
	padding: .1em; 
	text-align: center;
	

	color: #E1C599;	
	border: none;
	text-decoration: none;
}

#footer a:hover { color: white;}