body,table{font-size:14px;}
body{margin:0;}
a:hover{color:#ff0000;}
.body {
	background-color:#0B72AE;
	}
.back {
	width:800;
	background-color:#B2DBEF;
	}
.main {
	padding-top:6px;
	padding-left:18px;
	padding-right:18px;
	}
.left {
	width:160;
	margin-left:2px;
	margin-right:10px;
	float:left;
	}
.right {
	width:580px;
	}
.title {
	width:550;
	height:57;
	margin-bottom:18px;
	background-image:url(wp_beach2.jpg);
	}
.top-image {
	width:580;
	height:450;
	margin-bottom:0px;
	background-image:url(top.jpg);
	font-size:50px;
	font-style: italic;
	font-weight:bold;
	font-family:Arial;
	color:#ffffff;
	padding-right:20px;
	}
.title-text {
	font-size:38px;
	font-style: italic;
	font-weight:Bold;
	font-family:Arial;
	color:#ffffff;
	padding-left:15px;
	padding-top:10px;
	}
.title-sub {
	font-size:23px;
	font-weight:bold;
	font-family:Arial;
	color:#ffffff;
	text-align:right;
	padding-right:20px;
	}
.menu {
	margin-top:6px;
	margin-bottom:4px;
	text-align:center;
	border:solid 1px #888888;
	background-image:url(menu.gif);
	}
.menu a {
	width:100%;
	padding:5px;
	}
.menu a:link {color:#000000;} 
.menu a:visited {color: #000000;} 
.menu a:hover {color:#ee0000;background-color:#ffff44;} 
.area {
	width:100%;border-style:none;
	scrollbar-base-color:#eeeeee;
	color:#444444;
	}

.mini-text {
	font-size:10px;
	font-weight:lighter;
	font-family:Arial;
	color:#ffffff;
	text-align:center;
	}
.sub {
	margin-top:10px;
	background-image:url(bg.gif);
	border:solid 1px #888888;
	padding:5px;
	margin-bottom:10px;
	text-align:center;
	width:96%;
	}
.sub-text {
	margin-left:20px;
	line-height:130%;
	width:96%;
	}
.sub-text dt {
	padding-left:2px;
	border:solid 1px #aaaaaa;
	border-width:1px 0px 0px 0px;
	background-color:#eeeeee;
	}
.sub-text dd {
	padding:3px;
	}
.sub-text-letter {
	line-height:130%;
	margin-left:12%;
	margin-right:12%;
	}
.prof {
	background-color:#eeeeee;
	text-align:center;
	}
.maru1-left {
	font-size:9px;
	width:12;
	height:12;
	display:inline;
	background-image:url(maru01.jpg);
	float: center; width: 12px;
	}
.maru1-center {
	font-size:9px;
	width:778;
	height:12;
	background-color:#B2DBEF;
	display:inline;
	float: center; width: 774px;
	}	
.maru1-right {
	font-size:9px;
	width:12;
	height:12;
	display:inline;
	background-image:url(maru02.jpg);
	float: center; width: 12px;
	}
.maru2-left {
	font-size:9px;
	width:12;
	height:12;
	display:inline;
	background-image:url(maru03.jpg);
	float: center; width: 12px;
	}
.maru2-right {
	font-size:9px;
	width:12;
	height:12;
	display:inline;
	background-image:url(maru04.jpg);
	float: center; width: 12px;
	}
.image-profile {
	width:120;
	height:180;
	float: right;
	margin-top:30px;
	margin-left:20px;
	margin-right:20px;
	}
.image-left {
	float: left;
	margin-left:6px;
	margin-right:8px;
	}
.image-right {
	float: right;
	margin-left:8px;
	margin-right:8px;
	}
.image-letter {
	float: right;
	margin-top:8px;
	margin-left:8px;
	margin-right:8px;
	margin-down:8px;
	}