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

body { 
	margin: 0; padding: 0; background-color: #ddd;
	font-family: sans-serif; font-size: medium;
	color: #717f97; text-align: center; overflow: hidden;
}
h1 { color: #343596; font-weight: normal; font-size: large; position: relative; }
h1 span { 
	margin-top: -15px; margin-right: -30px; 
	position: absolute; width: 70px; height: 50px; 
	background: url('../img/bullet.jpg') no-repeat; 
	padding-right: 70px; 
}
h2 { color: #343596; font-weight: normal; font-size: large; z-index: 50; padding-left: 70px; position: relative; }
h2 span {
	margin-top: -15px; margin-left: -70px;
	position: absolute; width: 70px; height: 50px; z-index: 5;
	background: url('../img/bullet.jpg') no-repeat;
}
i { font-style: normal; color: red; }
p em { font-weight: bold; font-style: italics; }

#window { 
	width: 100%; height: 570px; 
	position: absolute; left: 0; top: 50%; 
	margin-top: -305px; overflow: hidden;
	border-top: 5px solid #999; border-bottom: 4px solid #999; 
	background-color: white;
}

#banner { 
	width: 900px; height: 570px;
	padding: 0; margin: 0 auto; position: relative;
	display: block; float: none; clear: both; overflow: hidden; text-align: left;
}

#header { width: 250px; height: 570px; float: left; background: url('../img/banner.jpg') no-repeat; }
#content { width: 650px; height: 435px; overflow: hidden; float: left; position: relative; }
#content .text { padding: 10px; }
.scrollbar-vert{
	background-color: #DDE0EC; /* #d2e8ff; */
	height: 435px;
	width: 20px;
	float:left;
}
.handle-vert{
	height: 42px;
	width: 20px;
	background: url('../img/handle.gif') no-repeat;
			}
.motto { float: right; color: #343596; }

/* Menu Styles */
#menu { 
	position: absolute; top: 100%; left: 0%; 
	margin-top: -115px; 
	width: 100%; height: 115px; z-index: 500;
	background: url('../img/menu.gif') 0px 30px repeat-x; 
}
#menu ul { margin: 0 auto; width: 1005px; padding: 0; height: 115px; overflow: hidden; list-style-type: none; list-style-image: none }
#menu li { float: left; margin: 0 0px; padding: 0; }
#menu a
{
	text-decoration: none; font-weight: bold;
	display: block; text-align: center; overflow: hidden;
	cursor: pointer; color: white; font-size: 15px;
	width: 125px; height: 115px; 
	background: center top no-repeat url('../img/button.png');
}
#menu a:link, #menu a:visited { background-position: 0px 30px; padding-top: 50px} 
#menu a:hover, #menu a:active { padding-top: 14px; background-position: 0px 0px; }
#menu a.on:link, #menu a.on:visited { padding-top: 14px; background-position: 0px 0px; }


#footer { 
	height: 20px; width: 900px; overflow: hidden; z-index: 50; 
	position: absolute; top: 50%; left: 50%; 
	margin-top: 275px; margin-left: -450px; 
	font-size: 12px;
}
#footer .left { text-align: left; float: left; width: 600px; }
#footer .right { text-align: right; float: left; width: 300px; }
#footer a { color: #779; text-decoration: none; }
#footer a span { color: #343596; }
#footer a:hover { text-decoration: underline; }