/*************** CSS Document ******************/

/* reset.css */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
}

table {border-collapse:separate; border:0;}
caption, th, td {text-align:left;font-weight:normal;}
a img {border:none;}


/*  base css */

body,html
{ 
text-align:center;
padding:0;
margin:0;
}

html{
background:url(../images/common/bg.jpg) repeat-x 0 0;
}


body
{
font-family:arial, helvetica, sans-serif;
color:#3c3c3c;
font-size: 14px;
text-align: center; 
padding:0;
margin:0 !important;
height:100%;
}

#home{background:url(../images/mainimages/mimage_top.jpg) no-repeat center 0;}
#class{background:url(../images/mainimages/mimage_class.jpg) no-repeat center 0;}
#kidsclass{background:url(../images/mainimages/mimage_kids.jpg) no-repeat center 0;}
#about{background:url(../images/mainimages/mimage_about.jpg) no-repeat center 0;}
#shoheijuku{background:url(../images/mainimages/mimage_shohei.jpg) no-repeat center 0;}
#sensei{background:url(../images/mainimages/mimage_sensei.jpg) no-repeat center 0;}
#location{background:url(../images/mainimages/mimage_location.jpg) no-repeat center 0;}
#events{background:url(../images/mainimages/mimage_events.jpg) no-repeat center 0;}
#contact{background:url(../images/mainimages/mimage_contact.jpg) no-repeat center 0;}
#resources{background:url(../images/mainimages/mimage_resources.jpg) no-repeat center 0;}
#sky{background:url(../images/mainimages/mimage_jerry.jpg) no-repeat center 0;}
#gallery{background:url(../images/mainimages/mimage_gallery.jpg) no-repeat center 0;}






h1,h2,h3,h4,h5
{
color:#284088; 
line-height:110%; 
padding: 10px 0; 
font-weight:bold;
}

h1,h2
{font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;}

h1
{color:#292929;font-size:200%;padding: 10px 0; }

h2
{font-size:150%; padding:10px 0; color:#3C3C3C;}

h3
{
font-size:110%; 
border-bottom:1px solid #ccc;
padding:2px 0;
margin:10px 0;
}

h4
{font-size:100%;}

hr {
clear:both;
border: none;
background-color: #ccc;
color: #ccc;
height: 1px;
}


blockquote
{
margin:15px;
}

ul
{
margin:20px;
}

ul li
{ 
margin-left: 5px; 
margin-top:3px;
padding-left: 25px; 
list-style-type: none; 
background-image: url(../images/common/bullet.png); 
background-repeat: no-repeat; 
background-position: 0 2px; 
}

ul#pdf li
{ 
background-image: url(../images/common/pdf.gif); 
}

ul#link li
{ 
background-image: url(../images/common/newwindow.png); 
}

ul ul li
{
font-size:90%;
margin-left: 10px; 
margin-top:2px;
list-style-type: none; 
padding-left: 20px; 
background-image: url(../images/common/bullet.png); 
background-repeat: no-repeat; 
background-position: 0 0; 
line-height:130%;
}

ul ul ul li
{ 
background-image: none; 
margin-left: 50px; 
padding: 0; 
list-style-type: circle; 
}

ol  { 
margin: 10px 0 10px 20px; 
padding: 0 ;
}

ol li  
{ 
margin-left: 5px; 
margin-top:5px;
}


p{margin:10px 0;}

#clear
{
clear:both;
}

iframe
{
border:1px solid #ccc;
}


/*************** links ******************/

a
{ 
color:#aa2e08;
text-decoration:underline; 
padding-bottom: 1px;
}

a:hover
{ 
color: #666; 
background-image: none; 
text-decoration:none; 
}

a#button
{
display:none;
background:#fff;
padding:5px;
width:90%;
margin:10px 0 0 0;
text-align:center;
color:#666;
text-decoration:none;
border:1px solid #999;
}

a#button:hover
{
color:#fff;
background:#999;
}

a.button
{
background:#fff;
padding:5px;
width:90%;
margin:10px 0 0 0;
text-align:center;
color:#666;
text-decoration:none;
border:1px solid #999;
}

a.button:hover
{
color:#fff;
background:#999;
}

a.button2
{
	font-size:120%;
background:#0099cc;
padding:15px;
width:230px;
margin:20px 0;
display:inline-block;
text-align:center;
color:#fff;
text-decoration:none;
border-radius:15px;
}

a.button2:hover
{
color:#fff;
background:#999;
}


/*************** base ******************/


#pagewrap
{
text-align:left;
z-index:10;
position:relative;
width:1000px;
overflow:hidden;
margin:0 auto;
padding:0;
}


/*************** header ******************/

.header
{ 
position:relative;
margin:0 auto;
text-align:left;
height:320px;
}

#header_home
{
height:620px;
}

div.header h1
{
height:90px;
padding:0;
margin:0;
}

.header h1 a
{
height:inherit;
/height:90px;
width:311px;
background:url(../images/common/logo.png) no-repeat 10px 10px;
display:block;
text-indent:-9999px;
}


/*************** navigation ******************/

.menu_bg
{
top:90px;
left:0;
width:100%;
height:40px;
background:url(../images/common/menu_bg.png) repeat 0 0;
position:absolute;
}

.menu
{
margin:0;
padding:0;
height:40px;
color:#fff;
}

/*  ------------------------------  */
/*  DROPDOWN MENU                   */
/*  ------------------------------  */
    
ul.menu {
	list-style-type:none;
	margin:0;
	padding:0;
	width:1100px;
}

ul.menu li {
background:none;
	display:block;
	height: 40px;
	float:left;
	position:relative;
	margin:0;
	padding:0;
}

ul.menu li.current {
	background:#000000;
}

ul.menu li:hover {
	background:#000000;
}


ul.menu li a {
text-align:center;
text-transform:uppercase;
line-height:40px;
	display:block;
	color:#fff;
	text-decoration:none;
	font-style:normal;
	padding:0 20px;
}

ul.menu li#home a
{
/height:40px;
}

ul.menu li a img
{
/margin:10px 0 0 0;
}

ul.menu li a span {
	font-weight:normal;
	padding-left:3px;
}

ul.menu li.drop:hover li {
	border:none;
}
ul.menu li.drop ul{

	width:180px;
}

ul.menu li.drop:hover span.toggle, ul.menu li.drop.current span.toggle {
	background-position:1px 5px;
}
ul.menu li.drop:hover, ul.menu li.current:hover,a#thispage {
background:#000;
}
ul.menu li.drop:hover ul {
	display:block;
	z-index:1;
	padding:0;
}
ul.menu li ul {
	display:none;
	position:absolute;
	width: 100%;
	top:40px;
	left:0;
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.menu li ul li {
	float:none;
	height: auto;
	margin:0;
	padding:0;
	border:none;
}

ul.menu li ul li a {
border-bottom:1px solid #ccc;
letter-spacing:0;
text-transform:capitalize;
color:#292929;
	float:none;
	text-align:left;
	line-height:120%;
	background:none;
	margin:0;
	padding:0;
	display:block;
	font-size:13px;
	height:auto;
	margin:0;
	padding:8px 10px;
	font-weight:normal;
}




/* drop down menu hover styles */
ul.menu li:hover ul {
background:#fff;
}
ul.menu li:hover ul * {
	background:none;

}
ul.menu li ul li:hover {
	background-color:#ccc;
}

#submenu2
{
display:none;
}


/*************** maincontents ******************/

.contents
{
padding:10px;
line-height:160%;
min-height:400px;
}

#welcome
{
color:#fff;
line-height:150%;
padding:0;
font-size:110%;
width:500px;
position:absolute;
right:25px;
top:450px;
z-index:1000;
  }
  
#welcome p
  {
  padding:15px 20px;
  margin:0;
    opacity:1;
  filter:alpha(opacity=100); /* For IE8 and earlier */ 
  }
  
  #from
{
font-size:90%;
text-align:right;
display:block;
padding:0;
}

#news
{
line-height:160%;
padding:10px;
font-size:110%;
width:500px;
float:left;
}

#book{
float:right;
display:inline-block;
}

@media screen and (max-width: 980px) {
#news{width:50%;}
}

@media screen and (max-width: 480px) {
#book{float:none;text-align:center;}
}

#book a:hover{
opacity:0.8;
}

#jerry
{
font-size:90%;
text-align:center;
width:230px;
float:right;
padding:10px;
border1px solid :#ccc;
}

#jerry img
{
width:190px;
height:auto;
background:#ddd;
padding:10px;
}

#jerry a:hover img
{
background:#ccc;
}



/*************** footer******************/

div.footer
{ 
clear:both;line-height:140%;
color:#666;
font-size:90%;
text-align:left; 
padding:20px 0;
margin:10px 0;
}

.footer_contents
{
margin:0 auto;
width:1000px;
}

div.footer a
{ 
margin:0 5px;
}


/*************** Document ******************/

.Document a.pdf, #pdf li
{
margin-left: 5px; 
margin-top:1px;
padding-left: 25px; 
list-style-type: none; 
background: url(../images/common/pdf.jpg) no-repeat 0 3px; 
}

.Document a.doc
{
margin-left: 5px; 
margin-top:1px;
padding-left: 25px; 
list-style-type: none; 
background: url(../images/common/doc.jpg) no-repeat 0 0; 
}

.Document p a
{
color:#3a4f96;
border:1px solid #3a4f96;
text-decoration:none;
padding:5px 10px;
}

.Document p a:hover
{
color:#505050;
background:#ccc;
border:1px solid #ccc;
}

.Document em
{
color:#666;
font-size:90%;
padding:5px 0 5px 0;
}

.Document dt
{
padding:15px 0 0 0;
}

.Document dd
{
padding:0 0 0 25px;
}


/*************** table ******************/

table.A
{
margin:5px 0;
padding:0;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
width:100%;
}


table.A th
{
margin:0;
padding:10px;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
background:#dce4eb;
text-align:left;
line-height:130%;
font-weight:bold;
}

table.A td
{
margin:0;
padding:10px;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
text-align:left;
line-height:130%;
}

table.B
{
margin:5px 0;
border-top:1px solid #ccc;
width:100%;
}


table.B th
{
padding:10px;
border-bottom:1px solid #ddd;
background:#2b3e59;
text-align:left;
line-height:130%;
}

table.B td
{
padding:10px;
border-bottom:1px solid #ddd;
text-align:left;
line-height:130%;
}


#links img
{
max-width:100px;
height:auto;
}

.instructors
{
width:80%;
}

.instructors hr
{
clear:both;
}

div.box
{
border:1px solid #ccc;
padding:20px;
width:29%; /***changed from 27% to widen boxes***/
float:left;
margin:0 20px 30px 0;
font-size:90%;
line-height:140%;
}

div.box h2
{
font-size:130%;
margin:0 0 5px 0;
}


/*************** Galley ******************/

.gallery a
{
float:left;
padding:5px;
margin:0;
height:140px;
overflow:hidden;
}

.gallery a img
{
width:180px;
height:auto;
}

#lightbox img
{
width:auto;
}

.lb-loader
{
display:none;
}

.gallery a img:hover
{
opacity:0.7;
}