.body_table {
  margin-top:10px;
  border-top:1px solid #333333;
  border-bottom:1px solid #333333;
  width:300px;
  padding:5px;
  margin-left:auto;
  margin-right:auto;
}
ul.justify { margin-left:-2.25em; z-index:2;}
h1 { 
	margin: 0; 
	font-size:22px;
}
h2 {
	margin:0;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:22px;
	color:#3d3a88;
}
h3 {
	margin:0;
	font-size:22px;
	color:#3d3a88;
}
h4 {
	font-size:18px;
	color:#3d3a88;
}
h5 {
	font-size:14px;
	color:#3d3a88;
}
h6 {
	font-size:14px;
	color:#3d3a88;
	margin:0;
}
p {
	margin-top:0px;
	margin-bottom:0px;
}
p2{
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
}
a:link {
	color:#f17d00;
}
a.news:link {color:#605f5d; text-decoration: underline; }
a.news:visited {color:#605f5d; text-decoration: underline;}
a.news:hover {color:#f17d00; text-decoration: underline;}

img {
	border:none;
}
img.rounded {
	border:none;
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
}
img.floated {
	border:none;
	float: left;
	position: relative; /* fixes many nasty IE bugs */
	padding: 0em;
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
	}

.clearfloat {
	clear:both; height:0px;
	line-height:0px; visibility: hidden;
}


body {
	height:100%;
	background-color:#eff5f9;
	margin-top:0;
}
html{
	height:100%;
}
#wrap{
	min-height:100%;
}
#main2{
	width:940px;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	overflow: auto;
	padding-bottom:45px;
}
#main{
	width:940px;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
}
#header {
	width:940px;
	height:123px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	z-index:7;
}
#box{
	width:940px;
}
#box2{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:14px;
	background-color:#FFF;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 10px;
	padding:15px;
	margin-top:10px;
}
#content {
	width:940px;
	text-align:center;
	margin:auto;
}
#contentnoborder {
	width:900px;
	text-align:left;
	margin-top:0px;
	margin-left:0px;
	margin-right:auto;
	margin-bottom:-25px;
}
#contactbox {
	width:600px;
	text-align:left;
	margin-top:0px;
	margin-left:10px;
	margin-right:auto;
	margin-top:20px;
}
#contentnoborder2 {
	width:900px;
	height:auto;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
#content2 {
	width:900px;
	background-color:#7faa6d;
	text-align:center;
	margin-left:auto;
	margin-right:auto;	
}
#middle {
	width:625px;
	height:343px;
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
	padding-top:5px;
	margin-bottom:5px;
}
#roosters {
	margin-top:-15px;
	margin-left:70px;
	width:415px;
	height:546px;
	text-align:left;
	margin-bottom:0px;
}
#tandl {
	margin-top:-15px;
	float:right;
	text-align:left;
	width:450px;
}
#musabi{
	width:390px;
	float:right;
	text-align:left;
}
#map {
	width: 470px;
	height:346;
	text-align:left;
	margin-top:10px;
	margin-left:70px;
}
#middle2 {
	width:600px;
	margin-left: 80px;
	border:none;
	color:#fff;
	text-align:left;
	font-family:"Arial black", Geneva, sans-serif;
	padding-top:0px;
	padding-bottom:0px;
}
#sidebar {
	text-align:right;
	float:right;
	font-family:"Courier New", Courier, monospace;
	color:#FFF;
	font-size:14px;
	padding:30px 50px 0px 0px;
	padding-top:20px;
}
#sidebar2 {
	text-align:right;
	width:310px;
	height:343px;
	float:right;
	font-family:"Courier New", Courier, monospace;
	color:#3d3a88;
	font-size:14px;
	padding-top:5px;
	z-index:5;
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
}
#oceanbar {
	width:940px;
	height:30px;
	background-image:url(html_images/oceanbar.jpg);
	background-repeat:repeat-x;
	margin-bottom:5px;
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
}
#return {
	width:360px;
	height:195px;
	float:right;
	text-align:left;
	color:#FFF;
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	background-image:url(html_images/return.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:45px 20px 20px 20px;
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
	margin-right:0px;
}
#shipping {
	width:360px;
	height:195px;
	text-align:left;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	background-image:url(html_images/shipping.jpg);
	background-repeat:no-repeat;
	background-position:top;
	margin-left:0px;
	margin-top:5px;
	padding:45px 20px 20px 20px;
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
}
#shippingpic {
	width:135px;
	float:right;
}
#bodytext {
	width:800px;
  	color:#3d3a88;
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	margin-left:auto;
	margin-right:auto;
	padding-top:35px;
	padding-bottom:20px;
}
#bodytext2 {
	width:850px;
  	color:#FFF;
	text-align:left;
	font-family:"Arial black", Geneva, sans-serif;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	padding-bottom:10px;
}
#bodytext3 {
	width:850px;
  	color:#FFF;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	padding-bottom:10px;
}
#snsnewsheader {
	width:940px;
}
#snsnews {
  	color:#605f5d;
	float:right;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	background-color:#e3e3e3;
	padding-left:8px;
	padding-top:5px;
	width: 301px;
	height:170px;
	overflow:auto;
	z-index:5;
}
#snsnews2 {
  	color:#3d3a88;
	text-align:left;
	margin-right:7px;
	margin-left:auto;
	height: 175px;
	z-index:9;
}
#snsnews3 {
	width:309px;
	float:right;
	background-color:#e3e3e3;
	text-align:left;
	margin-right:6px;
	margin-left:auto;
	height: 175px;
	z-index:9;
}

#mapfloat {
	float:right;
	text-align:right;
	margin-bottom:5px;
}

#surfvan {
	width:465px;
	text-align:left;
	margin-bottom:5px;
}
#surfcheck {
	width:465px;
	text-align:left;
	margin-bottom:5px;
}

#shadowtop {
	width:900px;
	margin-top:-15px;
	margin-left:auto;
	margin-right:auto;
}
#mediaheader {
	width:940px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	margin-top:-15px;
}
#campimages {
	width:920px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:-30px;
}
#footer {
  	width:940px;
	font-family:Courier New, Courier, monospace;
	font-size:12px;
	text-align:center;
	margin:auto;
	height: 45px;
	margin-top:-45px;
	clear:both;
	position:relative;
	z-index:15;
}
#footer2 {
  	width:940px;
	font-family:Courier New, Courier, monospace;
	font-size:12px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	z-index:12;
	height:45px;
	position:absolute;
	margin-top:-20px;
}

#abouttext {
	width:480px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
}
#aboutstaff {
	width:420px;
	height:300px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	padding-right:10px;
	margin-top:-5px;
	overflow:auto;
}
#aboutimage {
	width:940px;
	padding-top:5px;
	padding-bottom:10px;
}

#yo { 
display: block; 
margin-left: 890px;
padding-right:0px;
margin-top:340px;
position:absolute;
z-index:15;
}

#viewbag {
	margin-left:480px;
	margin-bottom:-36px;
	position:relative;
	z-index:500;
}


#menuHolder {width:360px; height:30px; background:url(menu/Menuback11d2.png) no-repeat left top; position:relative; z-index:300; border:1px solid #888; border-width:0; margin-left:209px; margin-right:auto; margin-top:-30px;}
#menuHolder ul {padding:0; margin:0 0 0 0; list-style:none; width:370px; margin-left:-3px;}
#menuHolder table {border-collapse:collapse; margin:-1px -10px;}
#menuHolder ul ul {position:absolute; left:-9999px;}
#menuHolder ul li a b {position:absolute; left:-9999px;}
 
#menuHolder ul li {float:left; padding:0 0 0 0;}
#menuHolder ul li a {display:block; height:30px;}
#menuHolder ul li#surfcamp {width:125px;}
#menuHolder ul li#surfshop {width:123px;}
#menuHolder ul li#aboutus {width:100px;}

 
#menuHolder ul li:hover {position:relative;}
#menuHolder ul li a:hover {border:0px; position:relative;}
 
 
#menuHolder ul a:hover ul {left:-5px; top:30px; padding-left:10px; border:none; border-top:0;}
#menuHolder ul li:hover ul {left:-5px; top:30px; padding-left:10px; border:none; border-top:0;}
 
#menuHolder ul :hover ul li {padding:0; float:left; height:20px; margin-top:6px;}

#menuHolder ul :hover ul#subSurfcamp {width:175px; height:215px; background: url(menu/surfcampmenu.jpg) no-repeat 0px center; padding-top:0px;margin-left:0px}
#menuHolder ul :hover ul#subSurfcamp li a {display:block; height:21px; width:150px; margin-top:0px;}

#menuHolder ul :hover ul#subSurfshop {width:180px; height:110px; background: url(menu/surfshopmenu.jpg) no-repeat 0px center; padding-top:0px;margin-left:0px}
#menuHolder ul :hover ul#subSurfshop li a {display:block; height:21px; width:150px; margin-top:0px;}

#menuHolder ul :hover ul#subAboutus {width:110px; height:60px; background: url(menu/aboutusmenu.jpg) no-repeat 0px center; padding-top:0px;margin-left:0px}
#menuHolder ul :hover ul#subAboutus li a {display:block; height:21px; width:150px; margin-top:0px;}
 
#menuHolder ul li a:hover {background:url(menu/dot.png) no-repeat 0px center;}
#menuHolder ul li:hover > a {background:url(menu/dot.png) no-repeat 0px center;}
 
#menuHolder ul li:hover ul li a:hover {background:url(menu/dot.png) no-repeat 0 4px;}
#menuHolder ul li a:hover ul li a:hover {background:url(menu/dot.png) no-repeat 0 4px;