@charset "UTF-8";

/* reset browsers for compatibility */

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	border: 0;

}

/* end of reset browsers for compatibility */





/* basic elements */
html {

	margin: 0;
	padding: 0;
	}
	


body  {
	font: 85% Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.25em;
	text-align: justify;
	background: #130002;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	height: 100%;


}

/* HIGHLIGHT COLOR 	color: #f79a1b; 
  */


a { 	text-decoration: none; 
	color: #501300; 
}

a:hover {
	color: maroon;
	}




p { 
	margin-top: 1em; 
	text-align: justify;
	margin-bottom: 1em; 

	}


h1 {
	font: 230% Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
	color: #501300; 
	text-align: left;
 	 margin-bottom: 0em;
	}


.nobulletlists {
	list-style-type: none;
	}




#sidebar1 h2 {
	font: 160% Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
	color: #501300; 
	text-align: center;
	margin-top: 1em; 
 	 margin-bottom: 1em;

	}

#sidebar1 a:hover {
	color: #f99b1b;
    }


#sidebar1 h3 {
	font: 120% Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
	text-align: center;
	margin-top: 0em; 
 	 margin-bottom: 0em;

	}


#maincontent2 h2 {
	font: 140% Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
	color: #501300; 
	text-align: left;
	}


#maincontent2 h3 {
	font: 120% Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
	color: #501300; 
	text-align: left;
	margin-top: 1.4em; 
 	 margin-bottom: 0em;
	}

#maincontent2 h4 {
	font: 110% Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
	text-align: center;
	margin-top: .5em; 
 	 margin-bottom: 0em;
	}


#maincontent2 h2 .blah {
	font: 160% Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
	color: pink; 
	text-align: center;
	margin-top: 1.5em; 
 	 margin-bottom: 0em;
	}


#upcoming_events .subsubhead {
	font: 100% Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
	color: #000000; 
	text-align: left;
	margin-top: .8em; 
 	 margin-bottom: 0em;
	text-indent: 1em;

	}


#upcoming_events .subsubhead2 {
	font: 120% Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
	color: #000000; 
	text-align: left;
	margin-top: .8em; 
 	 margin-bottom: 0em;

	}

#upcoming_events .subsubhead3 {
	font: 100% Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
	color: #000000; 
	text-align: left;
	margin-top: .8em; 
 	 margin-bottom: 0em;

	}

/* 
#list1 ul {
list-style-type:none;
width:900px;
}

#list1 li {
float:left;
margin: 20px 0 0 0;
padding: 0 20px 0 0;
width:199px;
}

 */



/* 
  tournament lists
 */

.tourlists{
	
	padding: 20px 0px 40px;
	margin: 0px 0px 0px 10px;

	}

/* 
  tournament page blank space bottom
 */

.tournamentpagespace{
	
	padding: 200px 0px 200px;

	}


/* 
 definition lists
 */


.listwide {
	
	width: 860px;
	margin: 0px 0px 0px 80px;

	}



.listleft {
	
	width: 320px;
	margin: 20px 0px 30px 80px;

	}

.listright {
  position:absolute;
	top: -28px;
	left: 450px;
	width: 350px;
	margin: 0px 0 0 0;
	}


.listright2 {
  position:absolute;
	top: -10px;
	left: 450px;
	width: 350px;
	}

.listgroup {
  position:relative;
	}


dl {
  width:80%;
  margin:10px 0px 0px 20px;

}




dt {
     font-weight: bold; 
     margin: 15px 0;
}

dd {
    margin: 10px 0 30px;
}




dt, dd { display: inline; margin: 0; }

dd:after {
	content: '\A';
	white-space: pre;
}


/*  dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	border: 0;
border: 1px solid gray;
} 
 */





.italics {
	font-style: italic;
		}

.bolditalics {
	font-weight: bold;
	font-style: italic;
		}

.bold {
	font-weight: bold;
		}


/* main containing elements other than body */


.twoColFixRtHdr #container {
	width: 1300px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url(Graphics/Master-Middle-graphicnew.jpg);
	background-repeat: no-repeat;
	position: relative;
	min-height: 100%;
	z-index: 50;
	background-color: none;

} 



#container2 {
	background: #130002; url(Graphics/Master-Bottom-black-bar.gif); repeat;
	width: 1300px;
	min-height: 100%;
	position: relative;
	margin: 0 auto; 

}

#calligraphy {
	background: url(Graphics/calligraphylarge.jpg) no-repeat;
	width: 601px;
	top: 30px;
	height: 449px;
	position: relative;
	margin: 0 auto; 
}


#dojokunlist {
	width: 451px;
	position: relative;
	margin: 0 auto; 
	top: 50px;
}

#upcoming_events {
	position: relative;
	top: 10px;
	left: 20px;
	width: 380px;

}


.event_side_photo {
	background: white url(Graphics/backphoto.jpg) no-repeat;
	width: 490px;
	height: 869px;
  	float: right; 
    	margin: 0px -20px 15px 15px; 
}



#eventlist .listdates,  #seminarlist .listdates {
	list-style-type: none;
	text-decoration: none;
	font: 110% Arial, sans-serif;
	font-weight: bold;
	padding: 15px 0px 5px;
}


ul#seminarlist li {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		position: relative;
	}





#spacepadding  {   /* this just adds extra spacing on the news and events page to allow the full photo reduce or add to as necessary */
	height: 100px;
	width: 845px;
	position: relative;

	}

ul#eventlist li {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		position: relative;
	}

ul#eventlistsub1 {
		list-style-type: none;
		margin: 0px;
		position: relative;
		text-indent: 0em;
	}



.calligraphylist {
	
	width: 860px;
	margin: 0px 0px 20px 0px;
	}

span.emphasis {

	color: #FFF;
	background-color: #501300; 
	padding: 10px;
	font-weight: bold;
}

span.dojokunbold {

	padding: 10px;
	margin: 0px 0px 20px 0px;
	font-weight: bold;
}


/*Results Table content begins*/

table.tableizer-table {
	border: 1px solid #CCC; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-collapse: separate;
	border-spacing: 15px 3px;
	empty-cells: hide;
	 /*table-layout:fixed;
    	width: 800px;  */

	} 

.tableizer-table td {
	padding: 8px;
	margin: 3px;
	border: 1px solid #ccc;
   	overflow: hidden;
    	width: 125px;  
	}

.sidehead  {
	
    	width: 125px;  
	}


.tableizer-table th {
	background-color: #104E8B; 

  	border: 1px solid black;
   	overflow: hidden;
   	width: 125px;
	color: #FFF;
	font-weight: bold;
}

/*Results Table content ends*/



















/* BEGINNING OF LIST CONTENT*/






ul#nav {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		position: absolute;
		top: 90px;
		left: 490px;
  		z-index: 1000;

	}


	
#megalist li  {
		float: left;
}

#megalist li a { 
	/* selects only links in the "nav" list */
	list-style-type: none;
	text-decoration: none;
	font: 110% Arial, sans-serif;
	font-weight: bold;
	color: white; 
  	transition:color 1.5s;
    	-moz-transition:color 1.5s; /* Firefox 4 */
   	 -webkit-transition:color 1.5s; /* Safari and Chrome */
    	-o-transition:color 1.5s; /* Opera */
	}

#megalist ul {
		list-style: none;
		margin: 0;
		padding: 0;
}


#megalist a  {
text-decoration: none;

}


#megalist ul ul  {
top: -20;
}

#megalist ul {
z-index: 500;
}

#megalist ul ul {
display: none;
z-index: 800;
}


ul#nav li a.mastersub {
	display: block; /* to set width & height of the a element */
  	height: 78px;
	text-indent: -5000px;  /*  moves the text out of view */
	text-decoration: none;
}



.home {
  width: 110px;
  height: 78px;
  background: url(Graphics/home_menu.png)  bottom  no-repeat;
  margin: 0px;

}

.about {
  width: 114px;
  height: 78px;
  background: url(Graphics/about_menu.png) bottom  no-repeat;
  margin: 0px;

}

.directory {
  width: 142px;
  height: 78px;
  background: url(Graphics/directory_menu.png)  bottom  no-repeat;
background-repeat: no-repeat;
  margin: 0px;

}

.newsandevents {
  width: 126px;
 height: 78px;
  background: url(Graphics/news_menu.png) bottom  no-repeat;
  margin: 0px;

}

.member {
  width: 134px;
 height: 78px;
  background: url(Graphics/member_menu.png) bottom  no-repeat;
  margin: 0px;

}

.gallery {
  width: 118px;
 height: 78px;
  background: url(Graphics/gallery_menu.png) bottom  no-repeat;
  margin: 0px;

}


#megalist ul li:hover ul
{display: block;}


#megalist ul li.home:hover {
	background: url(Graphics/home_menu.png) top  no-repeat;
   height: 78px;
}

#megalist ul li.about:hover {
	background: url(Graphics/about_menu.png)  top  no-repeat;
   height: 78px;
}

#megalist ul li.directory:hover {
	background: url(Graphics/directory_menu.png) top  no-repeat;
   height: 78px;
}

#megalist ul li.newsandevents:hover {
	background: url(Graphics/news_menu.png) top  no-repeat;
   height: 78px;
}

#megalist ul li.member:hover {
	background: url(Graphics/member_menu.png) top  no-repeat;
   height: 78px;
}

#megalist ul li.gallery:hover {
	background: url(Graphics/gallery_menu.png) top no-repeat;
   height: 78px;
}




 ul.subs li a {

	display: block; 
	width: 185px;
	height: auto;
	padding: 5px;

} 

 ul.subs2 li a {

	display: block; 
	width: 145px;
	height: auto;
	padding: 5px;
} 

 ul.subs3 li a {

	display: block; 
	width: 135px;
	height: auto;
	padding: 5px;
} 

#megalist li a:hover {
	color: #f99b1b;
    }


#nav li:hover ul.subs  {

	position: relative;
	top: 0px;
	left: 0px;
}



ul.subs {
	display: block; 
	width: 195px;
	height: 250px;
	background: rgba(0,0,0,0.5);
}

ul.subs2 {
	display: block; 
	width: 155px;
	height: 60px;
	background: rgba(0,0,0,0.5);
}

ul.subs3 {
	display: block; 
	width: 135px;
	height: 85px;
	background: rgba(0,0,0,0.5);
}




/* END OF LIST CONTENT*/




#sidebarimage {
	background-image: url(Graphics/tree-graphic.png);
	width: 333px;
	height: 193px;
	position: absolute;
	top: 710px;
	left: 806px;
  	z-index: 1000;

}




#mainphoto {
	background-image: url(Graphics/Webpage-Master-Photo.jpg);
	width: 1300px;
	height: 457px;
}

#mainphotoabout {
	background-image: url(Graphics/About_Master_Photoalt.jpg);
	width: 1300px;
	height: 457px;
}


#subphotokata, #subphotowhatis, #subphotojudging, #subphotodojo, #subphotodojokun, #subphotolevels, #subphotoinfo, #subphotoresults, #subphototrainee, #subphotodan, #subphotoforms {
	width: 450px;
	height: 304px;
	text-indent: -9999px;
	position: absolute;
	left: 425px;
	top: 380px;
	z-index: 300;
        border: 4px solid #501300;

}

#subphotokata {
	background-image: url(Graphics/Sub_Menu5_large.jpg);
	}

#subphotowhatis {
	background-image: url(Graphics/Sub_Menu1_large.jpg);
	}

#subphotojudging {
	background-image: url(Graphics/Sub_Menu6_large.jpg);
	}


#subphotodojo {
	background-image: url(Graphics/Sub_Menu2_large.jpg);
	}

#subphotodojokun {
	background-image: url(Graphics/Sub_Menu3_large.jpg);
	}

#subphotolevels {
	background-image: url(Graphics/Sub_Menu4_large.jpg);
	}

#subphotoinfo {
	background-image: url(Graphics/Sub_Menu7_large.jpg);
	}

#subphotoresults {
	background-image: url(Graphics/Sub_Menu8_large.jpg);
	}

#subphototrainee {
	background-image: url(Graphics/Sub_Menu9_large.jpg);
	}

#subphotodan {
	background-image: url(Graphics/Sub_Menu10_large.jpg);
	}

#subphotoforms {
	background-image: url(Graphics/Sub_Menu11_large.jpg);
	}



#mainphotodirectory {
	background-image: url(Graphics/Dojo_Master_Photo.jpg);
	width: 1300px;
	height: 458px;
}

#mainphotonews {
	background-image: url(Graphics/News_Master_Photo.jpg);
	width: 1300px;
	height: 456px;
}

#mainphotomember {
	background-image: url(Graphics/Member_Master_Photo.jpg);
	width: 1300px;
	height: 456px;
}

#mainphotogallery {
	background-image: url(Graphics/Gallery_Master_Photo.jpg);
	width: 1300px;
	height: 456px;
}




.twoColFixRtHdr #header {
	text-indent: -5000px; /* moves the text out of view */
	background: #DDDDDD;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	width: 1300px;
	background-image: url(Graphics/Master-Banner.jpg);
	height: 139px;
} 
.twoColFixRtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}








/* tables */








.roundedcorner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	margin-top: 15px;
    	margin-left:auto; 
    	margin-right:auto;
	width: 650px;
	text-align: center;
	border-collapse: collapse;

}
 .roundedcorner thead th.rounded-a
{
	background: #501300 url(Graphics/table-left.png) left -1px no-repeat;
}
.roundedcorner thead th.rounded-c
{
	background: #501300 url(Graphics/table-right.png) right -1px no-repeat;
}


.roundedcorner th
{
	padding: 8px;
	font-weight: bold;
	font-size: 16px;
	color: #f99b1b;
	background: #501300;
}
.roundedcorner td
{
	padding: 8px;
	background: #ffe8ce;
	border-top: 1px solid #fff;
	color: #501300;
}
.roundedcorner tfoot td.rounded-foot-left
{
	background: #ffe8ce url(Graphics/table-botleft.png) left bottom no-repeat;
}
.roundedcorner tfoot td.rounded-foot-right
{
	background: #ffe8ce url(Graphics/table-botright.png) right bottom no-repeat;
}
.roundedcorner tbody tr:hover td
{
	background: #f7af60;
	color: #000000;

}


.roundedcorner4
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	margin-top: 15px;
   	margin-left:auto; 
   	margin-right:auto;
	width: 840px;
	text-align: center;
	border-collapse: collapse;

}
 .roundedcorner4 thead th.rounded-a
{
	background: #501300 url(Graphics/table-left.png) left -1px no-repeat;
}
.roundedcorner4 thead th.rounded-d
{
	background: #501300 url(Graphics/table-right.png) right -1px no-repeat;
}


.roundedcorner4 th
{
	padding: 8px;
	font-weight: bold;
	font-size: 16px;
	color: #f99b1b;
	background: #501300;
}
.roundedcorner4 td
{
	padding: 8px;
	background: #ffe8ce;
	border-top: 1px solid #fff;
	color: #501300;
}
.roundedcorner4 tfoot td.rounded-foot-left
{
	background: #501300 url(Graphics/table-botleftdark.png) left bottom no-repeat;
}
.roundedcorner4 tfoot td.rounded-foot-right
{
	background: #501300 url(Graphics/table-botrightdark.png) right bottom no-repeat;
}

.tablecolumnone:hover td
{
	background: #ffffff;
	color: #000000;
}

.tablecolumntwo:hover td
{
	background: #fdff2b;
	color: #000000;
}

.tablecolumnthree:hover td
{
	background: #ffb109;
	color: #000000;
}

.tablecolumnfour:hover td
{
	background: #47cb29;
	color: #000000;
}

.tablecolumnfive:hover td
{
	background: #b126f2;
	color: #000000;
}

.tablecolumnsix:hover td
{
	background: #a3631f;
	color: #000000;
}







/* buttons
  */


.twoColFixRtHdr #footer {
	padding: 0;
	clear: both;
	position: absolute;
	width: 1300px;
	background: #130002 url(Graphics/Master-Bottom-graphic.jpg) center;
	height: 412px;
} 


#Sub_Menu1  {
	text-indent: -9999px;
	background: url(Graphics/Sub_Menu1.jpg) bottom left no-repeat;
	width: 252px;
	height: 171px;
	position: absolute;
	left: 215px;
	top: 210px;


}
#Sub_Menu2  {
	text-indent: -9999px;
	background: url(Graphics/Sub_Menu2.jpg) bottom left no-repeat;
	width: 252px;
	height: 171px;
	position: absolute;
	left: 505px;
	top: 210px;
}

#Sub_Menu3  {
	text-indent: -9999px;
	background: url(Graphics/Sub_Menu3.jpg) bottom left no-repeat;
	width: 252px;
	height: 171px;
	position: absolute;
	left: 795px;
	top: 210px;
}

#Sub_Menu4  {
	text-indent: -9999px;
	background: url(Graphics/Sub_Menu4.jpg) bottom left no-repeat;
	width: 252px;
	height: 171px;
	position: absolute;
	left: 215px;
	top: 419px;
}

#Sub_Menu5  {
	text-indent: -9999px;
	background: url(Graphics/Sub_Menu5.jpg) bottom left no-repeat;
	width: 252px;
	height: 171px;
	position: absolute;
	left: 505px;
	top: 419px;
}

#Sub_Menu6  {
	text-indent: -9999px;
	background: url(Graphics/Sub_Menu6.jpg) bottom left no-repeat;
	width: 252px;
	height: 171px;
	position: absolute;
	left: 795px;
	top: 419px;
}

#Sub_Menu7  {
	text-indent: -9999px;
	background: url(Graphics/Sub_Menu7.jpg) bottom left no-repeat;
	width: 252px;
	height: 171px;
	position: absolute;
	left: 215px;
	top: 419px;
}

#Sub_Menu8  {
	text-indent: -9999px;
	background: url(Graphics/Sub_Menu8.jpg) bottom left no-repeat;
	width: 252px;
	height: 171px;
	position: absolute;
	left: 795px;
	top: 419px;
}

#Sub_Menu9  {
	text-indent: -9999px;
	background: url(Graphics/Sub_Menu9.jpg) bottom left no-repeat;
	width: 252px;
	height: 171px;
	position: absolute;
	left: 215px;
	top: 419px;
}

#Sub_Menu10  {
	text-indent: -9999px;
	background: url(Graphics/Sub_Menu10.jpg) bottom left no-repeat;
	width: 252px;
	height: 171px;
	position: absolute;
	left: 505px;
	top: 419px;
}

#Sub_Menu11  {
	text-indent: -9999px;
	background: url(Graphics/Sub_Menu11.jpg) bottom left no-repeat;
	width: 252px;
	height: 171px;
	position: absolute;
	left: 795px;
	top: 419px;
}




#Sub_Menu1 a, #Sub_Menu2 a, #Sub_Menu3 a, #Sub_Menu4 a, #Sub_Menu5 a, #Sub_Menu6 a, #Sub_Menu7 a, #Sub_Menu8 a, #Sub_Menu9 a, #Sub_Menu10 a, #Sub_Menu11 a{
	display: block; /* to set width & height of the a element */
	width: 252px;
	height: 171px;
}


#Sub_Menu1  a:hover {
	background: url(Graphics/Sub_Menu1.jpg) top left no-repeat;
}

#Sub_Menu2  a:hover {
	background: url(Graphics/Sub_Menu2.jpg) top left no-repeat;
}

#Sub_Menu3  a:hover {
	background: url(Graphics/Sub_Menu3.jpg) top left no-repeat;
}

#Sub_Menu4  a:hover {
	background: url(Graphics/Sub_Menu4.jpg) top left no-repeat;
}

#Sub_Menu5  a:hover {
	background: url(Graphics/Sub_Menu5.jpg) top left no-repeat;
}
#Sub_Menu6  a:hover {
	background: url(Graphics/Sub_Menu6.jpg) top left no-repeat;
}

#Sub_Menu7  a:hover {
	background: url(Graphics/Sub_Menu7.jpg) top left no-repeat;
}
#Sub_Menu8  a:hover {
	background: url(Graphics/Sub_Menu8.jpg) top left no-repeat;
}

#Sub_Menu9  a:hover {
	background: url(Graphics/Sub_Menu9.jpg) top left no-repeat;
}

#Sub_Menu10  a:hover {
	background: url(Graphics/Sub_Menu10.jpg) top left no-repeat;
}

#Sub_Menu11  a:hover {
	background: url(Graphics/Sub_Menu11.jpg) top left no-repeat;
}

.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 271px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	position: relative;
	right: 174px;
	z-index: 100;
	background-color: #FFF;
	margin-top: 300px;
	padding: 0 20px;


}

.twoColFixRtHdr #sidebar1 p{
font: 120% Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	text-align: center;
	height: 100%;
	 margin-top: 0em;
 	 margin-bottom: 0em;

}




.twoColFixRtHdr #maincontent {
	margin: 0 0px 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 515px;
	background-color: #FFF;
	position: relative;
	left: 180px;
	top: 25px;
	z-index: 100;
	margin-bottom: 40px;
	padding: 10px 20px 40px;
	border-radius: 15px;

} 

.twoColFixRtHdr #maincontent2 {
	margin: 0 0px 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 875px;
	background-color: #FFF;
	position: relative;
	left: 180px;
	top: 25px;
	z-index: 100;
	margin-bottom: 40px;
	padding: 30px 20px 40px;
	border-radius: 15px;


} 



.extraspace p{

	padding-top: 20px

} 

.extraspace h1{

	padding-top: 20px

} 

.largetext h1{

	font: 360% Palatino, Palatino Linotype, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: -3px;
	color: #501300; 
	text-align: left;
 	 margin-bottom: -5px;

} 

.smalltext h1{

	font: 300% Palatino, Palatino Linotype, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: -2px;
	color: #501300; 
	text-align: left;
 	 margin-bottom: -1px;

} 




.twoColFixRtHdr #footer {
	padding: 0;
	clear: both;
	position: absolute;
	width: 1300px;
	background: #130002 url(Graphics/Master-Bottom-graphic.jpg) center;
	height: 412px;
} 
.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-indent: -5000px;  /*  moves the text out of view */
}

.twoColFixRtHdr #footer2 {
	padding: 0;
	clear: both;
	position: absolute;
	width: 1300px;
	background: #130002 url(Graphics/Master-Bottom-graphic2.gif) center repeat;
	height: 2px;
} 
.twoColFixRtHdr #footer2 p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-indent: -5000px;  /*  moves the text out of view */
}



.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*photos with captions*/


.picture { background-color: #F9F9F9; 
border: 1px solid #CCCCCC; padding: 3px; 
font: 11px/1.4em Arial, sans-serif; text-align: center; } 

.picture2 { background-color: #F9F9F9; 
border: 1px solid #CCCCCC; padding: 10px; 
font: 11px/1.4em Arial, sans-serif; text-align: center; } 

.picture img { border: 1px solid #CCCCCC; 
vertical-align:middle; margin-bottom: 3px; } 

.right { margin: 0.5em 0pt 0.5em 0.8em; float: right; } 

.center {  margin-left: auto;
    margin-right: auto } 

.left { margin: 0.5em 0pt 0.5em 0.8em; float: left; } 


.picture3 { background-color: #F9F9F9; 
 padding: 10px;  } 


.okazaki {  
	
	height: 225px;
	width: 156px;
	float: right;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 17px;
	
	} 

.funakoshi {  
	
	height: 272px;
	width: 168px;
	float: right;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 17px;
	
	} 

.cali {  
	position: absolute;
	top: 1298px;
	left: 25px;
	} 

.brown_caption {
	color: #501300; 
	}



#email1 {
	font: 100% Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
	text-align: center;
	margin-top: 0em; 
 	 margin-bottom: 2em;
	}

#email1 a{
	text-decoration: none;
	color: #501300; 


	}



/* html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	border: 0;
border: 1px solid gray;
} */


/* html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td ,hr{
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
} */