@import url("misc.css");

/* ==================================================



================================================== */
div#main_middle_contents {
	float: left;

	padding-right: 10px;
	padding-left: 10px;
	width: 730px;
}

/* --------------------------------------------------

-------------------------------------------------- */
div#harbor_calendar {
	clear: both;
	width: 730px;
}

div#harbor_calendar .frame_top {
	width: 730px;
	height: 5px;
	background-image: url('../../images/frame/02/top.gif');
	background-repeat: no-repeat;
}

div#harbor_calendar .frame_title {
	padding: 0px 16px 0px 28px;
	width: 686px;
	height: 40px;
	line-height: 31px;
	background-image: url('../../images/frame/02/title_green.gif');
	background-repeat: no-repeat;
}

div#harbor_calendar .title {
	letter-spacing: 2px;
	font-size: 120%;
	font-weight: bold;
	color: #555555;
}

div#harbor_calendar .frame_contents {
	padding: 0px 29px 0px 29px;
	width: 672px;
	background-image: url('../../images/frame/02/middle.gif');
	background-repeat: repeat-y;
}

div#harbor_calendar .caption {
	float: left;

	margin: 0;
	padding: 0;
	width: 672px;
	line-height: 20px;
	letter-spacing: 2px;
	text-align: center;
	font-size: 140%;
	font-weight: bold;
	color: #555555;
}

div#harbor_calendar .print {
	float: left;

	margin: 0;
	padding: 0;
	width: 656px;
	line-height: 20px;
}

div#harbor_calendar .print ul {
	margin: 0;
	padding: 0;
	width: 200px;
	list-style-type: none;
}

div#harbor_calendar .print li {
	float: left;

	padding: 0px 0px 0px 24px;
	width: 176px;
	background-image: url('../../images/icon_printer.gif');
	background-position: left center;
	background-repeat: no-repeat;
}

div#harbor_calendar .menu {
	float: left;

	margin: 0;
	padding: 0;
	width: 672px;
	line-height: 16px;
}

div#harbor_calendar .menu_prev {
	float: left;

	text-align: center;
}

div#harbor_calendar .menu_base {
	float: left;

	width: 432px;
	text-align: center;
}

div#harbor_calendar .menu_next {
	float: left;

	text-align: center;
}

div#harbor_calendar .menu_prev a:link, 
div#harbor_calendar .menu_prev a:visited, 
div#harbor_calendar .menu_next a:link, 
div#harbor_calendar .menu_next a:visited {
	display: block;
	margin: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #ffffff #a2a2a2 #6b6b6b #ffffff;
	padding: 2px;
	width: 46px;
	background-color: #ffffff;
	text-decoration: none;
	color: #0000ff;
}

div#harbor_calendar .menu_prev a:hover, 
div#harbor_calendar .menu_prev a:active, 
div#harbor_calendar .menu_next a:hover, 
div#harbor_calendar .menu_next a:active {
	display: block;
	margin: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #ffe86c #a28900 #6b5a00 #ffdf35;
	padding: 2px;
	width: 46px;
	background: #ffd700;
	text-decoration: none;
	color: #333333;
}

div#harbor_calendar .month {
	float: left;

	margin: 0;
	padding: 0;
	width: 672px;
}

div#harbor_calendar .week_su {
	float: left;

	border-style: solid;
	border-width: 1px;
	border-color: #ff6c6c #a20000 #6b0000 #ff3535;
	padding: 0;
	width: 94px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background-color: #ff0000;
	color: #ffffff;
}

div#harbor_calendar .week_mo, 
div#harbor_calendar .week_tu, 
div#harbor_calendar .week_we, 
div#harbor_calendar .week_th, 
div#harbor_calendar .week_fr {
	float: left;

	border-style: solid;
	border-width: 1px;
	border-color: #f3f3f3 #959595 #636363 #efefef;
	padding: 0;
	width: 94px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background-color: #ebebeb;
}

div#harbor_calendar .week_sa {
	float: left;

	border-style: solid;
	border-width: 1px;
	border-color: #6cdaff #0079a2 #00506b #35ccff;
	padding: 0;
	width: 94px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background-color: #00bfff;
	color: #ffffff;
}

div#harbor_calendar .thumbnail {
	float: left;

	width: 96px;
	height: 136px;
	line-height: 20px;
}

div#harbor_calendar .thumbnail_month {
	float: left;

	width: 96px;
	height: 20px;
	text-align: left;
}

div#harbor_calendar .thumbnail_day {
	float: left;

	width: 37px;
	height: 20px;
	text-align: right;
}

div#harbor_calendar .thumbnail_tide {
	float: left;

	padding-left: 22px;
	width: 37px;
	height: 20px;
	text-align: left;
}

div#harbor_calendar .thumbnail_graph {
	float: left;

	width: 96px;
	height: 96px;
}

div#harbor_calendar .frame_bottom {
	width: 730px;
	height: 5px;
	background-image: url('../../images/frame/02/bottom.gif');
	background-repeat: no-repeat;
}