/***** for general *****/
h1 {/**** h1 for the main topic *******/
	font-style: normal;
	font-weight: bold;
	font-size: 48pt;
	font-family: 
		"Arial Black", 
		Arial,
		Helvetica,
		sans-serif;
}

h2 {/**** h2 for the organisation name *******/
	font-style: normal;
	font-size: 11pt;
	font-family: 
		Arial, 
		Helvetica,
		sans-serif;
}

h3 {/**** h3 for page titles *******/
	font-weight: bold; 
	font-size: 25pt;  
	font-family: 
		Arial, 
		Hervetica,
		sans-serif;
	text-align: left;
}

h4 {/*** h4 for block titles **************/
	margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	text-align:left;
	font-family: 
		Arial, 
		Hervetica,
		sans-serif;
	font-size:12pt;
	color:black;
	font-weight:bold;
}

h5 {/**** h5 for ordinary paragraphs *******/	
	font-weight: normal;
	font-size: 11pt;  
	font-family: 
		Arial, 
		Hervetica,
		sans-serif; 
	line-height:20px;
	margin:10px 16px 0px 16px;
}

h6 {/**** h6 for announcements *******/
	font-weight: bold; 
	font-size: 11pt; 
	font-family: 
		Arial, 
		Hervetica,
		sans-serif;
}

p {/**** p for ordinary paragraphs *******/	
	font-weight: normal;
	font-size: 10pt;  
	font-family: 
		Arial, 
		Hervetica,
		sans-serif; 
}

.fr {float: right;}
.fl {float: left;}
.fcb {clear:both;}

a:link {color: #000; }
a:visited {color: #000; }
a:active {color: #000; }
a:hover {
    color: #f90;    
    background:	#3d3d3d;
    text-decoration: none;
}

a[href*=".pdf"]:after {
	content: url(images/icon_pdf.gif);
}

img {
	border: 0px;
}

/***** common area *****/

body {
	text-align: left;
	color: #000;
	background: 
		url("images/haikei005.jpg") 
		repeat
		#bbdd77;;
	margin: 0px;
	padding: 0px;
}

#layout{	
	text-align: left;
	background: #f8f8f8;
	width:750px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

/***** for top *****/

#top {
	text-align: left;	
	color:#000;
	background:#f8f8f8;
	width: 750px;
	height: 131px;
	padding: 0px;
	margin: 0px;
}

#symbol {
	background:#eee;
	width: 174px;
	height: 131px;
	padding: 0px;
	margin: 0px;
	font-size: 12pt;
}

#symbol span {
	background: 
		url("images/symbolB&W.jpg")
		no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	
}

#topright {
	background: #f8f8f8;
	width: 576px;
	height:131px;
	padding:0px;
	margin: -131px 0px 0px 174px;
	border: 0px;
}

#topbar {
	color: #fff;
	background:#222222;
	margin: 0px;
	padding: 5px 0px 0px 16px;
	height: 20px;
	width: 576px;
/**** Celik's method ************/
	voice-family: "\"}\"";    /**/
	voice-family: inherit;    /**/
	height: 15px;
	width: 560px;             /**/
}                             /**/
                              /**/
html>body #topbar {          /**/
	height: 15px;             /**/
	width: 560px;             /**/
}                             /**/
/**** /Celik's method ***********/

#topbarj {
	color: #fff;
	background:#222222;
	margin: 0px;
	padding: 5px 0px 0px 16px;
	height: 26px;
	width: 576px;
/**** Celik's method ************/
	voice-family: "\"}\"";    /**/
	voice-family: inherit;    /**/
	height: 21px;
	width: 560px;             /**/
}                             /**/
                              /**/
html>body #topbar {          /**/
	height: 21px;             /**/
	width: 560px;             /**/
}                             /**/
/**** /Celik's method ***********/

#toptitle {
	color: #222222;
	margin: 0px 0px 0px 16px;
	padding: 0px;
}

#toptitlej {
	color: #222222;
	margin: 4px 0px 8px 16px;
	padding: 0px;
}

#topright a {
	text-align: left;
	font-size: 10pt;
	display:block;
	font-family: 
		Arial, 
		Hervetica,
		sans-serif; 
	position:relative;
	top:-80px;
	left:360px;
	line-height:64px;
	margin: 0px;
	padding:0px 22px 0px 18px;
	height: 60px;
	width:195px;
/**** Celik's method ************/
	voice-family: "\"}\"";    /**/
	voice-family: inherit;    /**/
	height: 60px;             /**/
	width: 155px;             /**/
}                             /**/
                              /**/
html>body #topright a {       /**/
	height: 60px;             /**/
	width: 155px;             /**/
}                             /**/
/**** /Celik's method ***********/

#topright a:link {color: #000;}
#topright a:visited {color: #000;}
#topright a:active {color: #000;}
#topright a:hover {
    color: #f90; 
    background-color: #3d3d3d;
    text-decoration: none;
}   

/***** for belly *****/

#belly {
	width: 750px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: #f8f8f8;
	position:relative;
	top:0px;
	left:0px;
}

/***** for sidepane *****/

#sidepane {
	text-align: left;
	width: 168px;
	padding: 0px;
	margin: 0px;
	position:relative;
	top:0px;
	left:0px;
}

#navcolumn {
	list-style: none; 
	width:168px;
	margin: 0px;
	padding: 0px;
	color:black ;
	position:relative;
	top:0px;
	left:0px;
}

.menu {
	text-align: left;
	color:#ff9900; 
	background:#f8f8f8;
	font-size: 12px;
	font-weight: bold;
	font-family: 
		"Trebuchet MS",
		Arial,
		Helvetica,
		sans-serif;
	position:relative;
	top:0px;
	left:0px;
	padding: 0px;
	margin: 0px;
	height: 30px;
	width: 168px;
}

.menu a {
	text-decoration: none;
	position:relative;
	top:0px;
	left:0px;
	display:block;
	line-height:34px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	height: 30px;
	width: 168px;
/**** Celik's method ************/
	voice-family: "\"}\"";    /**/
	voice-family: inherit;    /**/
	height: 30px;             /**/
	width: 158px;             /**/
}                             /**/
                              /**/
html>body .menu a {           /**/
	height: 30px;             /**/
	width: 158px;             /**/
}                             /**/
/**** /Celik's method ***********/

.menu a:link {color: #000;}
.menu a:visited {color: #000;}
.menu a:active {color: #000;}
.menu a:hover {
    color: #f90; 
    background: #3d3d3d;
} 


/***** for tail *****/
#tail {
	color: #000;
	background: #f8f8f8;
	height: 84px;
	width: 750px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border: 0px;
	background: #f8f8f8;
	position:relative;
	top:0px;
	left:0px;
}

#copyright{
	text-align: left;
	margin: 6px 0px 0px 20px;
	padding: 0px;
	border: 0px;
	color: black;  
	background: #f8f8f8;
	display:block;
	font-size: 12px;
	font-family: 
		"Times New Roman",
		serif; 
}

#tail div.navbar { 
	background-color: #000;
	height:0px;
	margin: 13px 3px 0px 3px;
	border-bottom: ridge 2px #fb0;
	padding: 0px;
}


/***** common styles for contents *****/

#contents {
	text-align: left;
	background: #f8f8f8;
	position:relative;
	top:0px;
	left:0px;
	width: 580px;
	padding: 0px 0px 0px 0px;
	margin: -330px 0px 0px 168px;
}

#contentsj {
	text-align: left;
	background: #f8f8f8;
	position:relative;
	top:0px;
	left:0px;
	width: 580px;
	padding: 0px 0px 0px 0px;
	margin: -300px 0px 0px 168px;
}

#pagetitle {
	color: #222222;
	padding: 0px 0px 0px 20px;
	margin: 0px;
}

#pagetitlej {
	color: #222222;
	padding: 0px 0px 0px 0px;
	margin:  10px 0px -10px 20px;
}

div.navbar { 
	background-color: #000;
	height:3px;
	margin: 13px 3px 4px 3px;
	border-bottom: ridge 2px #fb0;
}

p.ordinaryparagraph {
	font-weight: normal;
	font-size: 10pt;  
	font-family: 
		Arial, 
		Hervetica,
		sans-serif; 
	color: #000;
	text-indent: 10px;
	text-align: left;
	margin: 13px 11px 8px 13px; 
}

p.ordinaryblock {
	font-weight: normal;
	font-size: 10pt;  
	font-family: 
		Arial, 
		Hervetica,
		sans-serif; 
	color: #000;
	text-indent: 0px;
	text-align: left;
	margin: 0px 11px 0px 13px; 
}

p.ordinaryblockoffset {
	font-weight: normal;
	font-size: 10pt;  
	font-family: 
		Arial, 
		Hervetica,
		sans-serif; 
	color: #000;
	text-indent: 0px;
	text-align: left;
	margin: 0px 11px 0px 40px; 
}

.borderzero {
	margin: 0px;
	border: 0px;
	padding: 0px;
}


/***** page-specific styles *****/
/***** Home_htm *******/
#homepics {
	margin:0px 0px 0px 42px; 
	border:0px;
	padding:0px;
	position:relative;
	top:0px;
	left:0px;
}

#homepics .borderzero {
	height: 174px;
	width: 222px;
	margin: 0px -4px -5px 0px;
	border: 0px;
	padding: 0px;
}

#announcement {
	margin: 20px 14px 10px 14px; 
	color: #aa1100; 
	text-indent: 0pt; 
	text-align: left;
}

#announcement a:link {color: #e70000;}
#announcement a:visited {color: #e70000;}
#announcement a:active {color: #e70000;}
#announcement a:hover {
    color: #f90;    
    background:	#3d3d3d;
    text-decoration: none;
} 


/***** WhatIsAikido_htm *******/

#whatisaikidopic {
	margin:0px 0px 0px 20px; 
	border:0px;
	padding:0px;
	position:relative;
	top:0px;
	left:0px;
}

#whatisaikidopic .borderzero {
	height: 216px;
	width: 184px;
	margin: 10px 10px 0px 70px;
	border: 0px;
	padding: 0px;
}

#whatisaikidopic h4 {
	margin: 10px 20px 0px 20px;
	border: 0px;
	padding: 0px;
}

#whatisaikidopic div.navbar { 
	background-color: #000;
	height:3px;
	width: 330px;
	margin: 13px 3px 4px 0px;
	border-bottom: ridge 2px #fb0;
	padding: 0px;
}

/***** SuganumaSensei_htm *******/

#suganumasenseipic {
	margin:0px 0px 0px 20px; 
	border:0px;
	padding:0px;
	position:relative;
	top:0px;
	left:0px;
}

#contents #suganumasenseipic .borderzero {
	height: 208px;
	width: 270px;
	margin: 10px 20px 0px 30px;
	border: 0px;
	padding: 0px;
}

#contentsj #suganumasenseipic .borderzero {
	height: 276px;
	width: 249px;
	margin: 10px 20px 0px 30px;
	border: 0px;
	padding: 0px;
}

#contents #suganumasenseipic  h4 {
	margin: 10px 20px 0px 60px;
	border: 0px;
	padding: 0px;
}

#contentsj #suganumasenseipic  h4 {
	margin: 10px 20px 0px 100px;
	border: 0px;
	padding: 0px;
}

#suganumasenseipic div.navbar { 
	background-color: #000;
	height:3px;
	width: 330px;
	margin: 13px 3px 4px 0px;
	border-bottom: ridge 2px #fb0;
	padding: 0px;
}

/***** OurDojo_htm *******/

#ourdojopic {
	margin:0px 0px 0px 20px; 
	border:0px;
	padding:0px;
	position:relative;
	top:0px;
	left:0px;
}

#ourdojopic .borderzero {
	height: 239px;
	width: 273px;
	margin: 10px 20px 0px 30px;
	border: 0px;
	padding: 0px;
}

#contents #ourdojopic h5 {
	font-weight: bold;
	margin: 10px 20px 0px 24px;
	border: 0px;
	padding: 0px;
}

#contentsj #ourdojopic h5 {
	font-weight: bold;
	margin: 10px 20px 0px 4px;
	border: 0px;
	padding: 0px;
}

#ourdojopic div.navbar { 
	background-color: #000;
	height:3px;
	width: 330px;
	margin: 13px 3px 4px 0px;
	border-bottom: ridge 2px #fb0;
	padding: 0px;
}


/***** LocationsClassTimes_htm *******/

#locations{
	width:578px; 
	height: 604px;
	background:#f8f8f8;
}

.dojos {
	height: 600px;
	width:287px;
	margin:0px 0px 0px 0px; 
	border:0px;
	padding:0px;
	position:relative;
	top:0px;
	left:0px;
}

.dojos h4 {
	font-weight: bold;
	margin: 10px 0px 0px 10px;
	border: 0px;
	padding: 0px;
}

.dojos h4 em {
	color:#a10;
}

.dojos p.ordinaryblockoffset {
	text-indent: -20px;
}

.dojos .borderzero {
	height: 89px;
	width: 118px;
	margin: 0px 0px 10px 14px;
	border: 0px;
	padding: 0px;
}

.dojos div.navbar { 
	background-color: #000;
	height:0px;
	width: 281px;
	margin: 6px 3px 6px 3px;
	border-bottom: ridge 2px #fb0;
	padding: 0px;
}

.dojos a {
	text-align: left;
	font-size: 10pt;
	font-family: 
		Arial, 
		Hervetica,
		sans-serif; 
} 

.dojos a.seemap {
	text-align: left;
	font-size: 10pt;
	display:block;
	font-family: 
		Arial, 
		Hervetica,
		sans-serif; 
	position:relative;
	top:0px;
	left:0px;
	line-height:64px;
	margin: 0px;
	padding:0px 22px 0px 18px;
	height: 60px;
	width:105px;
/**** Celik's method ************/
	voice-family: "\"}\"";    /**/
	voice-family: inherit;    /**/
	height: 60px;             /**/
	width: 65px;              /**/
}                             /**/
                              /**/
html>body .dojos a {  /**/
	height: 60px;             /**/
	width: 65px;              /**/
}                             /**/
/**** /Celik's method ***********/

.dojos .ordinaryblockoffset em {
	color:#a10;
}

.dojos .ordinaryblockoffset span {
	color:#f00;
	background:#e1e1e1;
}

.dojos #borderzerob {
	height: 89px;
	width: 154px;
	margin: 0px 0px 10px 14px;
	border: 0px;
	padding: 0px;
}

/***** DojoEtiquette_htm *******/

ul#etiquette {
	list-style-type: square ;
	list-style-image: none;
	list-style-position: outside;
}

ul#etiquette li {
	margin: 0px 30px -10px 0px;
}

/***** Calendar_htm *******/

#bodycalendar {
	background:#f8f8f8;
}

#pagetitlecalendar {
	color: #222222;
	padding: 0px 0px 0px 0px;
	margin: -50px 0px 0px 350px;
}

#pagetitlecalendarj {
	color: #222222;
	padding: 0px 0px 0px 0px;
	margin: -56px 0px 0px 280px;
}

#calendarspace {
 	text-align: left;
	background: #f8f8f8;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
 	width:100%;
 	height:460px;
 }

 .calendar {
 	width:97%;
 	height:460px;
	border: 0px; 
 	position:relative; 
 	top:-590px; 
 	left:1%;
 }

/***** Documents_htm *******/
#documents {
	list-style-type: none;
	list-style-position: outside;
	margin: 30px 0px 0px 0px;	
}

#documents a {
	color: #000;
	font-weight: bolder;
	font-size: 12pt;  
	font-family: 
		Arial, 
		Hervetica,
		sans-serif; 
	margin:0px 0px 0px 20px;
}

#documents a:link {color: #000;}
#documents a:visited {color: #000;}
#documents a:active {color: #000;}
#documents a:hover {
    color: #f90;    
    background:	#3d3d3d;
    text-decoration: none;
}

#documents p {
	line-height: 30px;
	margin:0px 0px 0px 40px;
}

div.navbar_d { 
	background-color: #000;
	height:0px;
	width: 530px;
	margin: 6px 0px 16px 0px;
	padding: 0px;
	border-bottom: ridge 2px #fb0;
}

/***** RelatedLinks_htm *******/
h4.relatedlinkstitle {
	font-size: 14pt;
	color:#b80;
	margin: 60px 0px 0px 0px;	
}

.rellinks {
	list-style-type: none;
	list-style-position: outside;
	margin: 12px 0px 0px 0px;	
}

.rellinks a {
	color: #000;
	font-weight: bolder;
	font-size: 12pt;  
	font-family: 
		Arial, 
		Hervetica,
		sans-serif; 
	margin:0px 0px 0px 20px;
}

.rellinks a:link {color: #000;}
.rellinks a:visited {color: #000;}
.rellinks a:active {color: #000;}
.rellinks a:hover {
    color: #f90;    
    background:	#3d3d3d;
    text-decoration: none;
}

.rellinks p {
	line-height: 22px;
	margin:0px 0px 0px 40px;
}

div.navbar_rl { 
	background-color: #000;
	height:0px;
	width: 530px;
	margin: 2px 0px 14px 0px;
	padding: 0px;
	border-bottom: ridge 2px #fb0;
}

/***** ContactUs_htm *******/
#contentscontactus {
		text-align: left;
		background: #f8f8f8;
		position:relative;
		top:0px;
		left:0px;
		width: 580px;
		padding: 0px 0px 0px 0px;
		margin: -330px 0px 0px 168px;
}

#contentscontactus p{
	font-family: 
		Arial, 
		Hervetica,
		sans-serif; 
	font-size:14pt;
	font-weight: bold;
	color:#000;
}

#contentscontactus a{
	font-family: 
		Arial, 
		Hervetica,
		sans-serif; 
	font-size:18pt;
	font-weight: bold;
	color:#888;
	text-indent:20px;
}

#contentscontactus a:link {color: #000;}
#contentscontactus a:visited {color: #000;}
#contentscontactus a:active {color: #000;}
#contentscontactus a:hover {
    color: #f90; 
    background-color: #3d3d3d;
    text-decoration: none;
}   

/***** have to decide if necessary ****/


ul.plain  {
	white-space: normal;
	display: inline;
	text-decoration: none;
	list-style-type: none ;
	list-style-image: none;
	list-style-position: inside;
	font-weight: normal;
}