body { background: #ffffff; margin: 0; }
div { font-family: arial; }
img, form { margin: 0; padding: 0; }
img { display: block; }
.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }

#top .left .weather { behavior: url("/app/js/iepngfix.htc"); }

#bg_wrap{ background: #333366; }
#main { width: 1000px; text-align: left; margin: 0 auto 0 auto; }

#top { background: #333366; padding: 10px; text-align: center; }
#top .wrap { width: 1000px; text-align: left; margin: 0 auto 0 auto; }
#top .logo { width: 418px; height: 23px; margin: 0 0 0 20px; }
#top .top_form { float: right; width: 200px; text-align: left; vertical-align: top; }
#top .top_form.join_list { width: 100px; }
#top .top_form.request_vaca_guide { width: 141px; margin-right: 10px; }
#top .top_form * { vertical-align: top; }
#top input[type=text] { font-size: 11px; color: #343434; }
#top input[type=image] { }
#top .right { float: right; width: 210px; text-align: left;  }
#top .left { float: left; width: 745px; text-align: left;  }
#top .left .weather { clear: both; position: absolute; margin: 260px auto 0 0; padding: 8px 0 0 20px; z-index: 2; width: 220px; height: 71px; background: url(/app/gfx/ribbon.png) no-repeat; color: #333366; }
#top .left .weather h2 { font-size: 14px; font-weight: bold; padding: 3px 0 4px 0; margin: 0; letter-spacing: -1px; }
#top .left .weather h3 { font-size: 16px; font-weight: bold; padding: 0; margin: 0; }
#top .left .weather h3 b { font-size: 20px; }
#top .left .bigImage { left: 15px; position: relative; width: 745px; height: 381px; z-index: 1; }
#top .tiles { clear: both; padding: 0 0 0 10px; }
#top .tiles .tile { float: left; width: 300px; border: 4px solid #b9d0cd; margin: 8px; padding: 0; }

#sub_footer { font-family: helvetica; line-height: 150%; background: url(/app/gfx/sub-footer.gif) repeat-x; height: 112px; text-align: center; font-size: 12px; padding: 0 20px 0 20px; color: #666666; }
#sub_footer .inner { width: 900px; margin: 0 auto 0 auto; }
#sub_footer #footer_nav { margin: 30px 0 0 0; }
#sub_footer #footer_nav a { font-weight: bold; color: #333366; font-size: 13px; text-decoration: none; margin: 0 5px 0 5px; }

#footer { padding: 20px; width: 1000px; text-align: left; margin: 0 auto 0 auto; text-align: center; font-size: 12px; color: #343434; }
#footer p { text-align: center; }
#footer img { margin: auto; }
#footer a { color: #333366; }
#footer a:hover { color: #343434; text-decoration: none; }

.sc_networks { width: 170px; margin: 5px auto 5px auto; }
.sc_networks a { float: left; margin: 2px; width: 16px; height: 16px; }

@import url("hmt_cal.css");


#tweet {
	display: none;
	background: url(/app/gfx/twitter-bird.gif) no-repeat left #ffffff;
	width: 680px;
	padding: 8px 8px 8px 35px;
	position: absolute;
	font-size: 11px;
	margin: 328px 0 0 10px;
	z-index: 400;
	text-align: left;
	color: #000000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	line-height: 140%;
}
#tweet ul, #tweet ul li { padding: 0; margin: 0; list-style: none; list-style-image: none; }
#tweet * { font-size: 11px; font-weight: bold; }
#tweet * a { font-weight: normal; color: #333366; }

#tweet_btn { top: 80px; left: 760px; width: 16px; height: 16px; background: green; position: absolute; z-index: 400; }
.nav-btn { padding: 25px 0 0 0; }

.request-guide { text-decoration: center; width: 754px; margin: 0 auto 0 auto; }