html, body {
height: 100%;
background-color: #0000CC;
}
#header {
border-radius: 10px;
padding: 1%;
width: 90%;
height: 80px;
margin-right: auto;
margin-left: auto;
background-color: #000080;
font-family: "Blade Runner Movie Font";
font-size: 48pt;
color: #FFFFFF;
text-align: center;
clear: both;
}
#container {
width: 90%;
margin-right: auto;
margin-left: auto;
min-height: 100%;
margin-right: auto;
margin-left: auto;
text-align: center;
}
#container_left {
border-radius: 10px;
padding: 1%;
float: left;
width: 15%;
background-color: #006666;
margin-right: 1%;
margin-left: auto;
height: 1000px;
}
#container_left_communication {
border-radius: 10px;
padding: 1%;
float: left;
width: 8%;
background-color: #006666;
margin-right: 1%;
margin-left: auto;
height: auto;
text-align: center;
}
#container_left_multi {
border-radius: 10px;
padding: 1%;
float: left;
width: 10%;
background-color: #006666;
margin-right: 1%;
margin-left: auto;
height: 6400px;
}
#container_left_artie {
border-radius: 10px;
padding: 1%;
float: left;
width: 23%;
margin-right: 10px;
height: auto;
text-align: center;
margin-right: 1%;
margin-left: auto;
}
#container_left_skiing {
border-radius: 10px;
padding: 1%;
float: left;
width: 8%;
margin-right: 1%;
margin-left: auto;
height: auto;
}
#container_left_okemo {
border-radius: 10px;
padding: 15px;
float: left;
width: 120px;
margin-right: 10px;
height: auto;
}
#container_left_fishing {
border-radius: 10px;
padding: 1%;
float: left;
width: 8%;
background-color: #003300;
margin-right: 1%;
margin-left: auto;
height: auto;
}
#container_left_gallery {
border-radius: 10px;
padding: 1%;
float: left;
width: 13%;
background-color: #006666;
margin-right: 1%;
margin-left: auto;
height: 600px;
}
#container_middle {
border-radius: 10px;
padding: 1%;
background: #000000;
width: 62%;
float: left;
color: #FFFFFF;
height: 1000px;
text-align: center;
margin-right: auto;
margin-left: auto;
}
#container_communication {
border-radius: 10px;
padding: 1%;
width: 76%;
float: left;
color: #FFFFFF;
height: auto;
min-height: 1000px;
margin-right: auto;
margin-left: auto;
}
#container_multi {
border-radius: 10px;
padding: 1%;
width: 82%;
float: left;
color: #FFFFFF;
height: 6400px;
margin-right: auto;
margin-left: auto;
}
#container_pastimes {
border-radius: 10px;
padding: 1%;
width: 98%;
float: left;
color: #FFFFFF;
height: 1000px;
margin-right: auto;
margin-left: auto;
}
#container_artie {
border-radius: 10px;
padding: 1%;
width: 46%;
float: left;
color: #FFFFFF;
height: auto;
}
#container_skiing {
border-radius: 10px;
padding: 1%;
width: 86%;
float: left;
color: #FFFFFF;
height: auto;
}
#container_benchwarmers {
border-radius: 10px;
padding: 1%;
width: 98%;
float: left;
color: #FFFFFF;
height: auto;
}
#container_okemo {
border-radius: 10px;
padding: 15px;
width: 850px;
float: left;
color: #FFFFFF;
height: auto;
}
#container_fishing {
border-radius: 10px;
padding: 1%;
background: #66CCFF;
width: 87%;
float: left;
color: #FFFFFF;
height: auto;
min-height: 600px;
}
#container_gallery {
border-radius: 10px;
padding: 1%;
background: #660033;
width: 82%;
float: left;
color: #FFFFFF;
height: auto;
min-height: 600px;
}
#container_harley {
border-radius: 10px;
padding: 1%;
width: 98%;
float: left;
color: #FFFFFF;
height: auto;
margin-right: auto;
margin-left: auto;
background-color: #000000;
}
#container_oyama {
border-radius: 10px;
padding: 1%;
width: 98%;
float: left;
color: #FFFFFF;
height: auto;
background-color: #000000;
text-align: center;
}
#container_ryanwed {
border-radius: 10px;
padding: 1%;
width: 98%;
float: left;
color: #008080;
height: auto;
text-align: center;
}
#container_right {
border-radius: 10px;
padding:1%;
background: #006666;
width: 15%;
float: right;
margin-right: auto;
margin-left: 1%;
height: 1000px;
}
#container_right_communication {
border-radius: 10px;
padding: 1%;
width: 8%;
float: right;
margin-right: auto;
margin-left: 1%;
height: 600px;
min-height: 1000px;
}
#container_right_multi {
border-radius: 10px;
padding: 1%;
background: #006666;
width: 13%;
float: right;
height: 6400px;
margin-right: auto;
margin-left: 1%;
}
#container_right_pastimes {
border-radius: 10px;
padding: 1%;
width: 13%;
float: right;
height: 1000px;
margin-right: auto;
margin-left: 1%;
}
#container_right_artie {
border-radius: 10px;
padding: 1%;
width: 23%;
float: right;
height: auto;
margin-right: auto;
margin-left: 1%;
}
#container_right_okemo {
border-radius: 10px;
padding: 15px;
width: 120px;
float: right;
height: auto;
}
#footer {
margin-right: auto;
margin-left: auto;
width: 90%;
height: 20px;
text-align: center;
margin-top: -20px;
position: relative;
clear: both;
color: #FFFFFF;
}
#navigation {
border-radius: 10px;
margin: 10px auto 10px auto;
width: 90%;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
background-color: #800000;
font-family: Georgia, "Times New Roman", Times, serif;
}
#top_button {
padding: 10px;
border-radius: 10px;
background-color: #006666;
position: fixed;
width: 20px;
height: 20px;
margin-left: 150px;
text-align: center;
}
#google {
}
#link_table {
}
a:hover {
background-color: #FF6600;
}
a {
text-decoration: none;
color: #FFFFFF;
}
a:active {
color:fuchsia;
background-color:#FFCC99;
}
.header-style1 {
}
.auto-style-home1 {
font-size: large;
color: #FF6600;
}
.auto-style-home3 {
color: #FFFFFF;
font-size: medium;
text-decoration: none;
target: blank;
}
.auto-style-home4 {
font-size: xx-small;
}
.auto-style-home5 {
text-align: center;
}
.auto-style-gallery1 {
font-size: xx-large;
color: #FF9933;
padding: 15px;
text-align: center;
}
.auto-style-gallery2 {
font-size: x-large;
color: #FFFF00;
}
.auto-style-gallery3 {
font-size: x-large;
color: #FFFF00;
font-weight: bold;
}
.auto-style1 {
font-size: x-large;
color: #FF0000;
padding: 15px;
}
.auto-style3 {
font-size: medium;
}
.auto-style4 {
color: #FFFFFF;
}
.auto-style5 {
color: #FFFFFF;
}
.auto-style6 {
font-size: x-large;
color: #FF0000;
padding: 15px;
text-align: center;
}
.auto-style-comm1 {
color: #99CCFF;
padding: 15px;
font-family: "Times New Roman";
font-size: 18pt;
}
.auto-style-comm3 {
font-size: xx-large;
}
.auto-style-comm4 {
text-align: right;
}
.auto-style-comm5 {
font-weight: bold;
text-align: right;
}
.auto-style-comm6 {
text-align: left;
}
.auto-style-comm8 {
font-family: Arial;
font-style: italic;
font-weight: bold;
text-align: center;
color: #FFFFFF;
}
.auto-style-multi1 {
text-align: center;
}
.auto-style-multi-frame1 {
text-align: center;
}
.auto-style-multifull-frame1 {
text-align: center;
}
.auto-style-multi2 {
text-align: center;
color: #660033;
font-size: xx-large;
}
.auto-style-multi3 {
font-size: x-large;
border-left-color: #A0A0A0;
border-right-color: #C0C0C0;
border-top-color: #A0A0A0;
border-bottom-color: #C0C0C0;
}
.auto-style-multi4 {
text-align: center;
font-size: medium;
}
.auto-style-multi6 {
font-size: x-large;
}
.auto-style-multi7 {
color: #00FFFF;
}
.auto-style-multi8 {
font-size: x-small;
color: #CC3300;
}
.auto-style-multi10 {
border-radius: 10px;
padding: 10px;
font-size: medium;
background-color: #000080;
}
.auto-style-multi11 {
font-size: xx-large;
font-family: Harrington;
color: #FFFF00;
}
.auto-style-multi12 {
border-radius: 10px;
padding: 10px;
font-size: medium;
background-color: #808000;
}
.auto-style-multi13 {
font-size: large;
color: #CCFFFF;
}
.auto-style-multi14 {
font-size: xx-large;
color: #FFFF00;
}
.auto-style-multi15 {
font-size: small;
}
.auto-style-multi16 {
border-width: 0px;
}
.auto-style-multi17 {
border-radius: 10px;
padding: 10px;
font-size: large;
background-color: #000066;
}
.auto-style-multi17_frame1 {
border-radius: 10px;
padding: 10px;
font-size: large;
background-color: #000066;
}
.auto-style-multi18 {
border-radius: 10px;
padding: 10px;
font-size: large;
background-color: #003300;
}
.auto-style-multi19 {
border-radius: 10px;
padding: 10px;
font-size: large;
background-color: #CCFFFF;
color: #000066;
}
.auto-style-pastimes1 {
color: #00FFFF;
font-size: 48pt;
text-align: center;
font-family: "Rockwell Extra Bold";
}
.auto-style-pastimes2 {
color: #FFFFFF;
font-size: xx-large;
text-align: left;
}
.auto-style-pastimes3 {
padding: 20px;
color: #FFFFFF;
font-size: xx-large;
text-align: right;
}
.auto-style-pastimes4 {
background-color: #FFFF00;
color: #000000;
padding: 10px;
border-radius: 10px;
}
.auto-style-pastimes5 {
border-radius: 10px;
padding: 10px;
background-color: #FF3300;
color: #000000;
}
.auto-style-pastimes6 {
border-radius: 10px;
padding: 10px;
background-color: #FFFFFF;
color: #008080;
}
.auto-style-pastimes7 {
color: #FFFFFF;
font-size: xx-large;
text-align: center;
}
.auto-style-pastimes8 {
border-radius: 10px;
padding: 10px;
background-color: #003300;
color: #FFFFFF;
}
.auto-style-pastimes9 {
border-radius: 10px;
padding: 10px;
background-color: #000066;
color: #FFFFFF;
}
.auto-style-pastimes10 {
border-radius: 10px;
padding: 10px;
background-color: #6600CC;
color: #FFFFFF;
}
.auto-style-pastimes11 {
border-radius: 10px;
padding: 10px;
background-color: #00FF00;
color: #000000;
}
.auto-style-harley1 {
color: #FFFFFF;
font-size: xx-large;
text-align: center;
}
.auto-style-harley2 {
color: #FF6600;
background-color: #000000;
}
.auto-style-harley3 {
}
.auto-style-harley4 {
color: #FF6600;
}
.auto-style-harley4 {
}
.auto-style-harley5 {
text-align: center;
}
.auto-style-artie1 {
color: #FFFF00;
font-size: x-large;
text-align: center;
}
.auto-style-artie3 {
border-radius: 10px;
padding: 10px;
color: #FFFFFF;
text-align: center;
background-color: #808000;
font-family: Rockwell;
}
.auto-style-artie4 {
color: #FFFFFF;
text-align: center;
}
.auto-style-artie5 {
border-radius: 10px;
padding: 10px;
color: #FFFFFF;
background-color: #006699;
width: 180px;
}
.auto-style-skiing1 {
color: #FFFFFF;
font-size: xx-large;
text-align: center;
}
.auto-style-skiing2 {
color: #FFFFFF;
font-size: small;
text-align: center;
}
.auto-style-skiing3 {
color: #FFFF00;
font-size: large;
text-align: center;
font-weight: bold;
}
.auto-style-skiing4 {
color: #FF3399;
font-size: large;
text-align: center;
font-weight: bold;
}
.auto-style-skiing5 {
color: #00FFFF;
font-size: large;
text-align: center;
font-weight: bold;
}
.auto-style-benchwarmers1 {
color: #FFFFFF;
font-size: xx-large;
text-align: center;
}
.auto-style-benchwarmers2 {
color: #FFFFFF;
font-size: small;
text-align: center;
}
.auto-style-benchwarmers3 {
color: #FFFF00;
font-size: large;
text-align: center;
font-weight: bold;
}
.auto-style-benchwarmers4 {
color: #FF3399;
font-size: large;
text-align: center;
font-weight: bold;
}
.auto-style-benchwarmers5 {
color: #00FFFF;
font-size: large;
text-align: center;
font-weight: bold;
}
.auto-style-fishing1 {
font-size: xx-large;
color: #660066;
padding: 15px;
text-align: center;
}
.auto-style-oyama1 {
color: #FFFFFF;
font-size: xx-large;
text-align: center;
}
.auto-style-oyama2 {
color: #6600FF;
background-color: #000000;
}
.auto-style-ryanwed1 {
font-size: xx-large;
text-align: center;
}
.auto-style-ryanwed2 {
color: #FFFF66;
}