/*  Default styles for the body and general text */
body {
	background-color: #bdb790;
	font-family: ＭＳ ゴシック, Osaka−等幅, Arial, Helvetica, sans-serif;
	margin:0 auto;
	padding:0;
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#container-body {
	background-color: transparent;
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

a img { border: 0 none; }

/* Styles for text and links that sit directly on the background */

.body {
	color: #000;
	font-size: 12px; 
	font-weight: normal;
	font-family: ＭＳ ゴシック, Osaka−等幅, Arial, Helvetica, sans-serif;
}

.border_body {
	border: 1px solid #CCCCCC;		
}
.border_english {
	border: 1px solid #333;		
}

.border_mainnav {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;	
}

#breadcrumbs  {
	padding: 6px 6px 6px 6px;
	border-bottom: 1px solid #cccccc;
}

.center {
	text-align: center;	
}

.body_large_links, .body_large_links a:link, .body_large_links a:visited{
	color: #666;
	font-size: 14pt; 
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.body_large_links a:hover {
	color: #666;
	font-size: 14pt; 
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

.body_little_links, .body_little_links a:link, .body_little_links a:visited{
	color: #666;
	font-size: 11px; 
	font-weight: normal;
	line-height: 16px;
	font-family: ＭＳ ゴシック, Osaka−等幅, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.body_little_links a:hover {
	color: #000;
	font-size: 11px; 
	font-weight: normal;
	line-height: 16px;
	font-family: ＭＳ ゴシック, Osaka−等幅, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

/* Shadow settings for things that float above the body background */

.BodyTableShadowLeft {
	background-image: url(images/body_shadow_L1.gif);
	background-repeat: repeat-y;
	background-position: right;
}
.BodyTableShadowRight {
	background-image: url(images/body_shadow_R1.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.BodyTableShadowTop {
	background-image: url(images/body_shadow_T.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.BodyTableShadowBottom {
	background-image: url(images/body_shadow_B.gif);
	background-repeat: repeat-x;
	background-position: top;
}

/* Normal text and link settings -- let these apply as often as possible */

.normal_background {
	background-color: #f4f1e0;
}
.normal_background_1 {
	background-color: #bdb790;
}
.normal_background_inner {
	background-color: #f4f1e0;
	padding: 0px 5px 5px 5px;
}

h1 {
	font-family: ＭＳ ゴシック, Osaka−等幅, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#2F1700;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px 5px 0px;
}
h2 {
	font-family: ＭＳ ゴシック, Osaka−等幅, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#2F1700;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px 5px 5px;
}
h2 a:link {
	color: #9da4a2;
	text-decoration: none;
}
h2 a:hover {
	text-decoration: underline;
}
h2 a:visited {
	text-decoration: none;
	color: #9da4a2;
}

h3 {
	font-family: ＭＳ ゴシック, Osaka−等幅, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#2F1700;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px 5px 0px;
}
p {
	font-family: ＭＳ ゴシック, Osaka−等幅, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	font-weight: normal;
	padding: 2px 0px 3px 0px;
	margin: 0px;
	line-height: 16px;
}
p.smalltext {
	font-size: 10px;
}
b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	font-weight: bold;
}
li {  /*be careful with this one -- li are used in the navigation dropdown menus.*/
	color:#000000;
	font-weight: normal;
}
a:link {
	color: #3366CC;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #3399CC;
}
a:hover {
	text-decoration: underline;
	color: #FF9900;
}
a:active {
	text-decoration: none;
	color: #FFCC33;
}


/* styles for special content areas */


.english {
	font-family: ＭＳ ゴシック, Osaka−等幅, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#9da4a2;
	font-weight: bold;
	margin: 0px;
	padding: 4px 10px 4px 10px;
}
.english a:link {
	color: #9da4a2;
	text-decoration: none;
}
.english a:hover {
	text-decoration: underline;
}
.english a:visited {
	text-decoration: none;
	color: #9da4a2;
}

.hot_background {
	background-color: #3399CC;
	border: 1px solid #000;
}
.hot_text {
	color: #FFFFFF;
}
.hot_title {
	font-family: ＭＳ ゴシック, Osaka−等幅, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	background-color: #ccc;
	border: 1px solid #000;
}
.weather {
	font-family: ＭＳ ゴシック, Osaka−等幅, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	background-color: #ccc;
	border-bottom: 1px solid #000;
}

.hot_small_text {
	color: #FFFFFF;
	font-size: 10pt;
}
.cool_background {
	background-color: #437DB0;
	padding: 5px;
}

.cool_background form {
	padding: 0px;
	margin: 0px;
}

.cool_text {
	color: #FFFFFF;
}
.cool_small_text {
	color: #FFFFFF;
	font-size: 10pt;
}
.blue_text, .blue_text a {
	color: #437DB0;
}
.orange_text {
	color: #FF9900;
}
.small_text {
	font-size: 10px;
}
.smaller_text {
	font-size: 9px;
}
.highlight_background {
	background-color: #f4f1e0;
	padding: 5px;
}
.highlight_small_text {
	color: #000000;
	font-size: 10pt;
}
.neutral_background{
	background-color: #f4f1e0;
	padding: 5px;
}
.neutral_background_1 {
	background-color: #bdb790;
	padding: 5px;
}
.header_background{
	background-color: #231f20;
	padding: 5px;
}
.right_background{
	background-color: #f0f0f0;
}
.remove_padding{
	padding: 0px;
	margin: 0px;
}
.dynamic_div {
	margin: 10px;
	font-size: 12px;
}
.dynamic_div h2 {
	display: inline;
}
.indent_10 {
	margin-left: 10px;
}
.indent_20 {
	margin-left: 20px;
}
.indent_30 {
	margin-left: 30px;
}
.indent_30lr {
	margin:0 30px 0 30px;
}
.indent_40 {
	margin-left: 40px;
}

sup {
    vertical-align: text-top;
	line-height:1;
}

#flashcontent {
	width: 800px;
	height: 241px;
	background-image: url(images/tpa_top2.jpg);
}

#flashcontenthome {
	width: 800px;
	height: 349px;
	background-image: url(images/slide1.jpg);
}
#flashcontentkids {
	width: 800px;
	height: 350px;
	background-image: url(/images/surfingkids/skp_flash1.jpg);
}

.rightbkgdbody {
	background-image: url(images/right_border.gif);
	background-repeat: repeat-y; 
	background-position: right top;
	background-attachment: fixed;
}

.title {
	font-size: 18px;
	color:#2F1700;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px 5px 0px;
}

.subtitle {
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
}

.pngtpa_text {
	color: #333333;
}

.leftLayout					{padding: 2px;}
.leftMenu					{background-color: #E8E6D6; padding: 2px 2px 2px 2px; margin: 5px 50px 0 50px; font-size: 12px}
.leftMenu ul					{padding: 0; margin: 0; list-style: none;}
.leftMenu ul ul					{}
.leftMenu a					{display: block; font-size: 12px;}
.leftMenu a:active,
.leftMenu a:visited,
.leftMenu a:link				{padding: 3px; margin: 0; color: #000000; text-decoration: none; border: solid 1px #FFF;}
.leftMenu a:hover				{padding: 3px; margin: 0; color: #000000; text-decoration: none; border: solid 1px #630; background-color: #D7D4C6;}
.leftMenu li					{margin: 0; display: inline; vertical-align: middle;}
.leftMenu li img				{vertical-align: middle; float: left; margin-right: 2px;}
a.selectedSec:link,
a.selectedSec:hover,
a.selectedSec:active,
a.selectedSec:visited				{color: #000000;}
.selected					{padding: 2px; margin: 0; color: #000000; text-decoration: none; background-color: #E8E6D6; border: solid 1px #FFFEF2; font-weight: bold; cursor: default; font-size: 12px;}
.level1 .selected				{padding-left: 20px; font-weight: bold;}
.level1 a:link,
.level1 a:hover,
.level1 a:visited,
.level1 a:active				{margin-left: 0px; background-image: url("images/li_arrow.gif"); background-position: 3px 5px; background-repeat: no-repeat; padding-left: 20px; font-weight: normal;}
.level2 .selected,
.level2 a:link,
.level2 a:hover,
.level2 a:visited,
.level2 a:active				{margin-left: 0px; background-image: url("images/li_arrow_sub.gif"); background-position: 25px 5px; background-repeat: no-repeat; padding-left: 35px; font-weight: normal;}
.level3 .selected,
.level3 a:link,
.level3 a:hover,
.level3 a:visited,
.level3 a:active				{margin-left: 0px; background-image: url("images/li_arrow_sub.gif"); background-position: 40px 5px; background-repeat: no-repeat; padding-left: 50px; font-weight: normal;}

.lh22 {
    line-height:22px;
}
.red {
	color: #ff0000;
}

.blogtitle {
	font-size: 16px;
	line-height: 15px;
	font-weight: bold;
	margin: 0 0 70px 0;
	color:#ffffff;

}
.blog {
	font-size: 76%;
	line-height: 15px;
	margin: 0 20px 0 20px;
	padding: 0;
	text-align: left;
}
.blog a{
	color: #42205d; text-decoration: underline;
}
.blog a:hover{
	color: #ff0000; text-decoration: none;
}
#blogframetop{
	margin: 0;
	padding: 0;
	text-align: center;
	width: 525px;
	height: 133px;
	background-image: url(images/blog/blogframetop.gif);
	}
#blogframecenter{
	margin: 10px 20px 10px 20px;
	padding: 0;
	text-align: left;
	width: 525px;
	height: 9px;
	background-image: url(images/blog/blogframecenter.gif);
	background-repeat: repeat-y;
	}
#blog1{
	margin: 5px 5px 5px 5px;
	padding: 0;
	text-align: left;
	width: 230px;
	height: 133px;
	background-image: url(images/blog/comment.gif);
	background-repeat: no-repeat;
	float:left;
	background-position: center center;
	}
#blog2{
	margin: 5px 5px 5px 5px;
	padding: 0;
	text-align: left;
	width: 230px;
	height: 133px;
	background-image: url(images/blog/comment.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float:right
	}
#blogtext{
	margin: 0;
	padding: 8px 10px 5px 15px;
	}
#blogauthor {text-align: right;
font-size:9px;
padding: 3px 20px 0 0;
}
#blogframebottom{
	margin: 0;
	padding: 0;
	text-align: center;
	width: 525px;
	height: 15px;
	background-image: url(images/blog/blogframebottom.gif);
    background-position:left bottom;
}
#blogsearch{
	border: 1px solid #630;
	}
#blogsearchbox{
	margin: 10px 0 10px 30px;
	}
.blogsearchbutton ul {
	float: left;
	display: inline;
	padding: 0;
	margin: 10px 0 10px 13px;
	}
.blogsearchbutton li {
	float: left;
	display: inline;
	padding: 0 10px 0 0;
	margin: 0;
	}
#blogfooter{
	border: 1px solid #F93;
	}
#blogfootertext{
	margin: 0;
	padding: 5px;
	font-size: 10px;
	text-align: left;
	background-color:#ffffff;
	}
div.link_fade a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
}
#footer {
	margin: 0;
	padding: 10px 0;
	font-size: 11px; 
	font-weight: normal;
	line-height: 16px;
	text-align: center;
	color: #f4f1e0;
	width: 810px;
	background-color: #231f20 ;
}
#footer a:link, #footer a:visited {
	margin: 0;
	padding: 0;
	color: #f4f1e0;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#surfingkids {
	background: url(/images/surfingkids/background.gif) 100% 0 no-repeat;
}
#surfingkids1 {
	background: url(/images/surfingkids/backgroundbottom.gif) 100% 100% no-repeat;
}
div.link_fade a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
}