/** defaults **/

body { 
	margin: 0px ; 
	padding: 0px ; 
	background-color: #fff ; 
	font-family: Helvetica, sans-serif;
}

.clear { display: block; overflow: hidden; width: 1px; height: 1px; clear:both; }
	
#content {
	width: 1000px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
}

img
{
	border: none;
}

a { color: #666666 ; text-decoration: none; }
a:hover { color: #ff4f00; text-decoration: none; }

.invisible
{
	position:absolute;
	overflow:hidden;
	width:1px;
	height:1px;
	top:-10000px;
	left:-10000px;
}

.navbox
{
	position: absolute;
	width:1000px;
	top: 160px;
	z-index: 100;
}

#footer .navbox
{
	top: 55px;
}

.nav {	
	float:right;
	letter-spacing:1px;
	font-size: 15px; 
	color: #464646;
}

#footer .nav
{
	font-size: 12px;
}

	.nav a, .nav a:visited {
		color: #464646;
		text-decoration: none;
		padding: 0 18px 0 5px;
		text-decoration: none;
		letter-spacing:1px;
		text-transform: uppercase;
	}
		
	.nav a:hover {
		color: #ff4f00;
	}
		

#header {
	position:relative;
	z-index:10;
	background-color: #f7f7f7;
	width:1000px;
	height:201px;
	overflow:hidden;
	background-image:url(http://www.hirukocenter.com/images/header-bar.jpg);
	background-position:0 -10px;
	}
#header #imglink {display:block; height:174px; width:173px; position:absolute; top:13px; left:87px;}

#header .icons {
	position:absolute;
	text-align:right;
	right:10px;
	top:10px;
}

.icons img {
	border: none;
	margin:0 2px;
}

#banner-image {
	position: relative;
	z-index: 10;
	width:1000px;
	margin:0px;
	padding:0px;
	background-color: #f7f7f7;
	}		

#banner-text {
	position: absolute;
	z-index: 100;
	color: #ffffff;
	right: 12px;
	bottom: 10px;
	text-align: right;
	font-size:19px;
	line-height:25px;
	width:500px;
	margin:0px;
	padding:0px;
	}


#intro-text h1,
#landing-intro-text h1
{
	color:#ff4f00;
	font-size:250%;
	line-height:100%;
	margin:0;
	font-weight:lighter;
	letter-spacing:2px;
}

#landing-intro-text h1
{
	font-size: 175%;
}

#breadcrumb-text
{
	width:900px;
	padding:0 50px;
	margin: 0 0;
	background-color:#f8f8f8;
	border-bottom:8px solid #e7e7e7;
}
#breadcrumb-text h1
{
	color:#ff4f00;
	font-size:210%;
	letter-spacing:2px;
	line-height:100%;
	margin:0;
	font-weight:lighter;
}

#breadcrumb-text h1 #parent
{
	color:#333333;
	font-size:37% !important;
	text-transform:uppercase;
	font-weight:lighter;

}
#intro-text,
#landing-intro-text {
	z-index:111;
	font-size: 25px;
	line-height: 35px;
	color: #838383;
	width: 900px;
	padding:15px 50px 20px 50px;
	background-color:#f8f8f8;
}
	
#intro-text p {margin:15px 0 0	;}


#intro-text-image {
	position:relative;
	float:left;
	z-index:109;
	width:1000px;
	margin:0px;
	padding:0px;
	}

#highlight-area {
	z-index:110;
	width: 960px;
	font-size: 14px;
	line-height: 19px;
	color: #666666;
	padding: 0 0 0 40px;
	margin:0;
}

#tryaclass
{
	display:block;
	margin: -15px 0 0 634px;
}

#highlight-area a, #highlight-area a:visited {
	color: #ff4f00;
	text-decoration: none;
	}
	
#highlight-area a:hover {
	color: #464646;
	text-decoration: none;
	}	

#highlight-area img {
	border-top: #e7e7e7 solid 8px;
	height:125px;
	width:310px;
}

#highlight-area .contentmoduletitle {
	font-size:24px;
	line-height:27px;
	font-weight: normal;
	}

#highlight-area p {
	margin-right:20px;
	}	

#highlight-area div {
	float:left;
	width:310px;
	margin-left:10px;
	}
	
#background-box-area-home {
	position:relative;
	z-index:110;
	left: 50px;	
	width: 950px;
	font-size: 13px;
	line-height: 16px;
	color: #999999;
	padding-top:20px;
	display:none;
}
	
#background-box-area-home strong {
	color: #636363;
	font-size:18px;
	line-height:21px;
	font-weight:normal;
	}
	

#background-box-area-home p {
	margin-bottom: -5px;
}	
	
#background-box-area {
	position:relative;
	z-index:110;
	left: 50px;	
	width: 950px;
	font-size: 11px;
	line-height: 14px;
	color: #666666;
	padding-top:0px;
	}
	
#background-box-area strong {
	color: #333333;
	}	
	
.box {
	position:relative;
	float:left;
	width:140px;
	height: 115px;
	padding: 5px;
	padding-top: 0px;
	left:0px;
	top: 0px;
	overflow:hidden;
	border-top: #e7e7e7 solid 8px;
	margin: 0px 10px 0px 0px;	
	}

.boxRT {
	position:relative;
	float:left;
	width:140px;
	height: 115px;
	padding: 5px;
	padding-top: 0px;
	left:0px;
	top: 0px;
	overflow:hidden;
	border-top: #e7e7e7 solid 8px;
	margin: 0px;	
	}	
	
	
#landing-intro-text-box {
	position:relative;
	z-index:110;
	width: 1000px;
	padding: 0px;
	margin: 0px;
	background-color: #f7f7f7;
		}

#landing-intro-text
{
	padding-bottom:0;
	height:57px;
}
#landing-intro-text-box,
#intro-text-box {
	height:85px;
}

/* breadcrumb-text has no top padding so its height needs to be #landing-intro-text's height +20.*/
#breadcrumb-text
{
	height:77px;
}

.maplink
{
	font-size:80%;
}

.landing-intro-text-box-class {
	position:relative;
	float:left;
	z-index:110;
	width: 1000px;
	padding: 0px;
	margin: 0px;
	background-color: #f7f7f7;
	}

	.landing-intro-text-box-class a, .landing-intro-text-box-class a:visited {
		color: #ff4f00;
		text-decoration: none;
		}
		
	.landing-intro-text-box-class a:hover {
		color: #464646;
		text-decoration: none;
		}	

#landing-intro-text {
	position:relative;
z-index:111;
	font-size: 25px;
	line-height: 35px;
	color: #636363;
	background-color: #f7f7f7; 
	padding: 20px 50px 0;
	width: 900px;
	border-bottom:8px solid #e7e7e7;
}	
	
.landing-intro-text-class {
	position:relative;
	float:left;
	z-index:111;
	font-size: 25px;
	line-height: 35px;
	color: #636363;
	background-color: #f7f7f7; 
	padding: 20px 50px;
	width: 900px;
	}	
	
	.landing-intro-text-class a, .landing-intro-text-class a:visited {
		color: #ff4f00;
		text-decoration: none;
		}
		
	.landing-intro-text-class a:hover {
		color: #464646;
		text-decoration: none;
		}	
#tabbedcontent ul
{
	margin-left:0;
	padding:0;
}
#tabpicker
{
	padding:5px 0 10px;
}
#tabpicker p
{
	display:inline;
	padding:0 5px 0 0;
}
#getstarted #tabpicker p
{
	display:block;
	padding:0;
	margin-bottom:5px;
}
#getstarted #tablinks li
{
	padding-left:45px;
	padding-right:45px;
}
.overview .overview,
.pandas .pandas,
.kinderdojo .kinderdojo,
.interestform .interestform,
.introcourse .introcourse,
.press .press,
.ideas .ideas,
.staff .staff,
.advisors .advisors,
.partners .partners,
.youth .youth,
.juniors .juniors,
.teen .teen
{
	background-color:#ff4f00;
}
.overview .overview a,
.pandas .pandas a,
.kinderdojo .kinderdojo a,
.interestform .interestform a,
.introcourse .introcourse a,
.press .press a,
.ideas .ideas a,
.staff .staff a,
.advisors .advisors a,
.partners .partners a,
.youth .youth a,
.juniors .juniors a,
.teen .teen a
{
	color:white !important;
}
.press #press,
.ideas #ideas,
.staff #staff,
.advisors #advisors,
.partners #partners,
.overview #overview,
.pandas #pandas,
.kinderdojo #kinderdojo,
.youth #youth,
.juniors #juniors,
.teen #teen,
.interestform #interestform,
.introcourse #introcourse
{
	display:block;
}

ul#tablinks
{
	list-style-type:none;
	display:inline;
}
#tablinks li
{
	display:inline;
	padding:4px 10px;
}

#tabinnercontent
{
	list-style-type:none;
}

#tabinnercontent h2.section
{ display:none; }

#tabinnercontent li
{
	display:none;
	padding:0 0 15px 0;
}

#sectionlist li
{
	display:none;
}

.LandingNavBox {
	position:relative;
	z-index:2000;
	float:left;
	width:300px;
	padding: 5px;
	padding-top: 20px;
	left:0px;
	top: 0px;
	margin: 0px 10px 0px 0px;	
	}
	

	.LandingNavBox ul {
		list-style-type:none;
		padding:0;
	}

	.LandingNavBox ul ul {
		margin-left:25px;
	}
	
	.LandingNavBox .separator {
		height:30px;
	}

	.LandingNavBox a, .LandingNavBox a:visited {
		font-size:19px;
		line-height: 37px;
		color: #ff4f00;
		text-decoration: none;
		}
		
	.LandingNavBox a:hover {
		color: #464646;
		text-decoration: none;
		}	
		
.triNav {
	margin: 0px 0px 0px 30px;	
	}	
	

.LandingCopyBox h1 {	
	color: #888888 ;
	font-size:27px;
	line-height:29px;
	text-decoration:none;
	font-weight:normal;
	margin-bottom: 5px;
}	
		
.LandingCopyBox h2 {	
		color: #888888 ;
		font-size: 22px;
		line-height: 26px;
		text-decoration: none;
		font-weight: normal;
		display:inline;
}

 .LandingCopyBox h3 {	
		color: #636363 ;
		font-size:18px;
		line-height:20px;
		text-decoration: none;
		font-weight: normal;
		display:inline;
}	
		

.LandingCopyBox {
	position:relative;
	float:left;
	width:620px;
	padding: 5px;
	padding-top: 10px;
	left:0px;
	top: 0px;
	overflow:hidden;
	margin: 0px;
	font-size:16px;
	line-height: 23px;
	}		


	.LandingCopyBox a, .LandingCopyBox a:visited {
		color: #ff4f00;
		text-decoration: none;
		}
		
	.LandingCopyBox a:hover {
		color: #464646;
		text-decoration: none;
		}	

	
.LandingCopyBox ol li{	
		padding:0px 0px 20px 0px;
	}	
	


.LandingCopyBox ul{	
		padding:0px;
		margin-left:1em;
	}		
	
.LandingCopyBox ul li{	
		padding-bottom:5px;
	}
	
	
.LandingCopyBox td{	
		color: #999999;
	}
	

#hmaTable td{	
		color: #999999;
		vertical-align:top;
		font-size:12px;
	}	
	
#links img
{
	border:none;
}

ul#links
{
	list-style-type:none;
	margin:10px 0;
}

ul#links li
{
	position:relative;
	padding:35px 0 10px 90px;
	height:55px;
}

ul#links img
{
	position:absolute;
	top:10px;
	left:0px;
}
	
#links #nonmemberimages
{
	font-size:80%;
}

#blogfooter
{
	width:1000px;
	margin: 0 auto;
	text-align:left;
}

#blogfooter a
{
    color: #666666;
    text-decoration: none;
}

#footer,
#blogfooter #footer {
	position:relative;
z-index:150;
	width:1000px;
	height: 139px;
	background-image:url("images/footer-image.jpg");
}	

#footer-text {
	position:absolute;
	width:80px;
	height: 85px;
	left: 100px;
	top: 26px;
	font-size:13px;
	line-height:17px;
	color:#636363;
	}
	
#footer-text-reg {
	position:absolute;
	width:800px;
	left:50px;
	bottom: 10px;
	font-size:9px;
	line-height:10px;
	color:#999999;
	}

#footer .icons
{
	position:absolute;
	bottom:10px;
	right:10px;
}

#title {
    color: #ff4f00;
    font-size:48px;
    font-weight: normal;
}


/* Slideshow theater on home page */
#theater
{
	position:relative;
	width:1000px;
	height:363px;
	overflow:hidden;
}

#carousel
{
  position:absolute;
  top:0px;
  padding:0px;
  width:16000px;
  height:363px;
}

#theater img
{
  border:none;
}

.slide1 #carousel { left:0px;}
.slide2 #carousel { left:-1000px; }
.slide3 #carousel { left:-2000px; }
.slide4 #carousel { left:-3000px; }
.slide5 #carousel { left:-4000px; }
.slide6 #carousel { left:-5000px; }
.slide7 #carousel { left:-6000px; }
.slide8 #carousel { left:-7000px; }
.slide9 #carousel { left:-8000px; }
.slide10 #carousel { left:-9000px; }
.slide11 #carousel { left:-10000px; }
.slide12 #carousel { left:-11000px; }
.slide13 #carousel { left:-12000px; }
.slide14 #carousel { left:-13000px; }
.slide15 #carousel { left:-14000px; }
.slide16 #carousel { left:-15000px; }

.slide
{
  position:relative;
  float:left;
  width:1000px;
  height:363px;
  padding:0px;
  margin:0px;
}

#slide1 { background-image:url("images/home-banners/sitting_orange.jpg");}
#slide2 { background-image:url("images/home-banners/teens_adults.jpg");}
#slide3 { background-image:url("images/home-banners/front_kick.jpg");}
#slide4 { background-image:url("images/home-banners/group_stretch.jpg");}
#slide5 { background-image:url("images/home-banners/parent_child.jpg");}
#slide6 { background-image:url("images/home-banners/light_sabers.jpg");}
#slide7 { background-image:url("images/home-banners/stretch_laugh.jpg");}
#slide8 { background-image:url("images/home-banners/kids_lying_down.jpg");}
#slide9 { background-image:url("images/home-banners/toothless_smile.jpg");}
#slide10 { background-image:url("images/home-banners/black_belt_sudo.jpg");}
#slide11 { background-image:url("images/home-banners/banner-home-11.jpg");}
#slide12 { }
#slide13 { }
#slide14 { }
#slide15 { }
#slide16 { }

.slidetext
{
  position:absolute;
  line-height:120%;
  right:20px;
  bottom:13px;
  color:white;
  text-align:right;
  font-size:120%;
}

.slidetext a
{
	font-size:80%;
	color: white;
	text-decoration: underline;
}

#next,
#prev
{
  position:absolute;
  top:157px;
  width:20px;
  height:20px;
  text-align:center;
  z-index:1;
}

#next a,
#prev a
{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	color:white;
}

#next { right:10px; }

#prev { left:10px; } 

#next.disable,
#prev.disable
{
	opacity:0.25;
	filter:alpha(opacity=25);
}

.slide a
{
	visibility:hidden;
}

.slide1 #slide1 a,
.slide2 #slide2 a,
.slide3 #slide3 a,
.slide4 #slide4 a,
.slide5 #slide5 a,
.slide6 #slide6 a,
.slide7 #slide7 a,
.slide8 #slide8 a,
.slide9 #slide9 a,
.slide10 #slide10 a,
.slide11 #slide11 a,
.slide12 #slide11 a,
.slide13 #slide11 a,
.slide14 #slide11 a,
.slide15 #slide11 a,
.slide16 #slide11 a
{
	visibility: visible;
}

/* End Slideshow Theater styles */