html,body { height: 100%; margin: 0; padding: 0; background: #fff URL("/_common/images/backgrounds/site.png"); }
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; }
img,a { outline: none; border: none; }
a { color: #0e4788; }

header { background: URL("/_common/images/backgrounds/header.png") repeat-x; width: 100%; height: 125px; overflow: hidden; }
header hgroup { margin: 0 auto; width: 950px; overflow: hidden; }
	header hgroup h1 { float: left; display: inline; width: 442px; height: 104px; margin: 20px 0 0 0; }
	header hgroup h1 a { display: block; width: inherit; height: 104px; background: URL("/_common/images/logo.png") no-repeat; text-indent: -9999px; }
header nav { float: right; display: inline; width: 350px; margin: 8px 0 0 0; }
	header nav ul { list-style: none; margin: 0; padding: 0; overflow: hidden; font: 14px "Times New Roman", Times, serif; }
	header nav ul li { float: left; display: inline; background: URL("/_common/images/backgrounds/nav-bg.png") repeat-x; height: 27px; padding: 2px 8px 0 8px; }
	header nav ul li.start { background: URL("/_common/images/backgrounds/nav-start.png") no-repeat; width: 21px; height: 27px; margin: 0; padding: 0; }
	header nav ul li.end { background: URL("/_common/images/backgrounds/nav-end.png") no-repeat; width: 21px; height: 27px; margin: 0; padding: 0; }
	header nav a { text-transform: uppercase; color: #fff; text-decoration: none; }
	header nav p { text-transform: uppercase; color: #555; text-align: center; margin: 0; padding: 5px 0; font-size: 13px; }
	header nav a:hover { color: #a7d9ff; }
	
footer { margin: 20px auto; width: 950px; overflow: hidden; }
footer nav { float: right; display: inline; width: 282px; margin: 8px 0 0 0; }
	footer nav ul { list-style: none; margin: 0; padding: 0; overflow: hidden; }
	footer nav ul li { display: inline; margin: 0 5px; font: 12px Helvetica, Arial, sans-serif; color: #000 }
	footer nav ul li a { text-transform: uppercase; color: #000; text-decoration: none; font-weight: bold; }
	footer nav p { font: 11px Helvetica, Arial, sans-serif; text-align: right; margin: 5px 10px; padding: 0 18px; color: #555; }
	footer img { float: left; }
	
#wrapper { margin: 0 auto; width: 950px; font: 12px Helvetica, Arial, sans-serif; }

.main-welcome { float: left; display: inline; width: 256px; height: 367px; overflow: hidden; background: URL("/_common/images/backgrounds/main-welcome.png") bottom left no-repeat; margin-top: 90px; }
	.main-welcome h1 { color: #0e4788; font-size: 24px; line-height: 24px; }
	.main-welcome p { color: #555; line-height: 16px; margin: 5px 0; }
.main-girl { float: right; display: inline; width: 217px; height: 457px; background: URL("/_common/images/backgrounds/main-girl.png") -74px 0 no-repeat; overflow: hidden; }
.main-info { clear: both; display: block; width: 950px; height: 142px; background: URL("/_common/images/backgrounds/main-info.png") no-repeat; }
	.main-info p { margin: 0; padding: 0; color: #fff; line-height: 18px; }
	.main-info strong { color: #a7d9ff; }
	.main-info ul { color: #f2f4f4; line-height: 18px; }
	.main-info .member-info   { float: left; display: inline; margin: 10px; width: 240px; height: 120px; }
	.main-info .info-hours    { float: left; display: inline; margin: 44px 0 0 0; width: 184px; height: 81px; text-align: center; }
	.main-info .info-events   { float: left; display: inline; margin: 44px 0 0 104px; width: 184px; height: 81px; text-align: center; }
	.main-info .member-slogan { float: left; display: inline; margin: 44px 0 0 11px; width: 195px; height: 81px; line-height: 18px; font-size: 12px; }
.main-video { position: absolute; margin: 76px 0 0 241px; width: 510px; height: 425px; background: URL("/_common/images/backgrounds/main-video.png") no-repeat; }

.sub-content { float: left; display: inline; width: 463px; margin: 20px 0; line-height: 18px; }
	.sub-content h1 { color: #0e4788; font-size: 36px; line-height: 34px; }
.sub-photo { float: right; display: inline; width: 471px; height: 650px; text-align: center; margin: -50px 0 0 0; }
	.sub-photo aside { position: absolute; width: 471px; height: 97px; background: URL("/_common/images/backgrounds/sub-box.png") no-repeat; margin: 525px 0 20px 0; color: #fff; }
	
iframe { border: 1px solid #ddd; padding: 8px; background: #fff; }

ul.contactInfo { margin: 0; padding: 10px; list-style: none; border: 1px solid #ddd; background: #f2f4f4; }
ul.contactInfo li { display: block; overflow: hidden; margin: 2px 0; }
ul.contactInfo li span { float: left; display: inline; width: 100px; padding: 5px 10px; font-weight: bold; background: #0e4788; color: #fff; }
ul.contactInfo li div { float: left; display: inline; width: 100px; padding: 5px 10px; }

#contactForm { margin: 0; padding: 10px; list-style: none; border: 1px solid #ddd; background: #f2f4f4; }
#contactForm label { display: block; width: 100%; padding: 5px 10px; font-weight: bold; background: #0e4788; color: #fff; }
#contactForm input { padding: 8px; margin: 5px 10px; width: 400px }
#contactForm textarea { padding: 8px; margin: 5px 10px; width: 400px; }
#contactForm button { margin: 0 10px; }

ul.galleryList { list-style: none; margin: 5px -4px; padding: 0; overflow: hidden; }
ul.galleryList li { float: left; display: inline; width: 120px; height: 120px; border: 3px solid #fff; margin: 4px; padding: 2px; background: #fff; border: 1px dotted #ccc; }
.galleryBlock { display: block; width: 100%; }