/* Wadokikai.com, by Tee G. Peng */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* Created Date: June 20th, 2005 */

* { margin: 0px; padding: 0px; }

a:link {color: #1F6FB9; }
a:hover {color: #bf0202; text-decoration: none;}
a:visited {color: #1F6FB9;; text-decoration: none;}
body {
	background: #fff;
	text-align: center;
	color: #333;
}

#container {
	width: 802px;
	margin: 0px auto;
	position: relative;
	background: url(images/bg.gif) repeat-y;
}

#wadokikai {
	position: absolute;
	top: 20px;
	left: 22px;
	height: 100px;
	width: 52px;
}
	
#wadokikai a:link, #wadokikai a:hover, #wadokikai a:visited  {
	font: 20px "Courier New", Courier, mono;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
}	
	
/* ------------------------------ body element ------------------------------ */
#pageHeader {
	background: url(images/header.gif) no-repeat;
	height: 139px;
	padding-right: 200px;
	text-align: left;
}


#pageHeader h2 {
	background: url(images/dragon-trans.png) no-repeat;
	position: absolute;
	top: 10px;
	right: 7px;
	z-index: 202;
	height: 295px;
	width: 220px;
}

#pageHeader h3 span { display: none; }

#quickSummary {
	background: url(images/quickSummary.gif) no-repeat;
	height: 84px;
	padding-right: 200px;
	text-align: left;
}

#quickSummary h3 {
	font: normal 1.3em Georgia, "Times New Roman", Times, serif;
	color: #573900;
	margin-left: 165px;
	letter-spacing: 1px;
	text-transform: capitalize;
	padding-top: 58px;
}

#quickSummary span { display: none; }

#tournaments, #preamble, #supportingText, #explanation, #explanation ,#furtherExplanation, #schools {
	background: url(images/body1.gif) repeat-y;
	padding-right: 210px;
	text-align: left;
}

#tournaments h3, #preamble h3, #supportingText h3, #explanation h3, #furtherExplanation h3, #footnote h3 {
	font: normal 1.2em Georgia, "Times New Roman", Times, serif;
	color: #573900;
	margin-left: 165px;
	padding: 35px 0 15px 40px;
	background: url(images/fist.jpg) no-repeat 0px 30px;
}



/* \*/
* html #tournaments,
* html #preamble,
* html #supportingText,
* html #explanation,
* html #furtherExplanation,
* html #schools {_height:0; }
/* */



/* ------------------------------ body element - For Terminology page ONLY ------------------------------ */
#terminology {
	background: url(images/body1.gif) repeat-y;
	padding-right: 210px;
	padding-bottom: 40px;
	text-align: left;
}

#terminology h3 {
	font: normal 1.2em Georgia, "Times New Roman", Times, serif;
	color: #573900;
	margin-left: 165px;
	padding: 30px 0 15px 40px;
	background: url(images/fist.jpg) no-repeat 0px 25px;
}

#terminology p {
	margin-left: 175px;
	padding-bottom: 10px;
	text-align: left;
	font: 0.92em/1.4em Times, serif;
}

/* ------------------------------ body element - ends Terminology ------------------------------ */

#quickSummary p, #quickSummary1 p, #preamble p, #explanation p, #furtherExplanation p {
	margin-left: 175px;
	padding-bottom: 10px;
	text-align: left;
	font: 0.9em/1.5em Times, serif;
}

#explanation span { font-style: italic; }

#furtherExplanation h4, #supportingText h4 {
	font: normal 1.1em Georgia, "Times New Roman", Times, serif;
	color: #573900;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-left: 165px;
}

/* ------------------------------ body element - katas page ------------------------------ */

.white {background: url(images/white.gif) no-repeat 70px 0px;}
.yellow {background: url(images/yellow.gif) no-repeat 75px 0px;}
.orange{background: url(images/orange.gif) no-repeat 75px 0px;}
.green {background: url(images/green.gif) no-repeat 62px 0px;}
.blue {background: url(images/blue.gif) no-repeat 58px 0px;}
.purple {background: url(images/purple.gif) no-repeat 70px 0px;}
.brown {background: url(images/brown.gif) no-repeat 145px 0px;}

#supportingText p {
	margin-left: 175px;
	padding-bottom: 50px;
	text-align: left;
	font: 0.9em/1.5em Times, serif;
}


#preamble ul, #supportingText ul, #explanation ul {
	list-style-type: none;
	padding: 0px 65px 0px 65px;
	margin-left: 175px;
}

#preamble ul li, #supportingText ul li, #explanation ul li {
	text-align: left;
	font: 0.95em/1.5em Times, serif;
	font-style: normal;
	padding-bottom: 4px;
}
#furtherExplanation ul {
	list-style-type: none;
	padding: 0px 5px;
	margin-left: 175px;
}
#furtherExplanation ul li {
	text-align: left;
	font: 1.05em/1.9em Times, serif;
	font-style: normal;
	padding-bottom: 5px;
}
#furtherExplanation ul li.sched {
	text-align: left;
	font: 1em/1.7em Times, serif;
	font-style: normal;
	padding-bottom: 5px;
}
.secondLi {
	margin-bottom: 20px;
}

/* ------------------------------ body element - For event page Tournaments ONLY ------------------------------ */
table8{ font: 0.75em "Lucida Grande", verdana, lucida,sans-serif;
	width: 420px; 
	color: #000;
	margin-left: 175px;
	text-align: left;}
th {text-align: width: 30%; padding: 0 0.5em;
  border-bottom: 1px solid #DDD;}
  
td {width: 69%; }
table p {
	font: normal 1.2em Georgia, "Times New Roman", Times, serif;
	color: #573900;
	margin-left: 165px;
	padding: 35px 0 15px 40px;
	
}
td h4 {
	font: normal 1.1em Geneva, Arial, Helvetica, sans-serif;
	color: #336666;
	padding-bottom: 15px;
	
}
td ul { list-style: none; }

td li {
	font: normal 0.95em/1.6em Geneva, Arial, Helvetica, sans-serif;
	color: #666;
	padding-bottom: 6px;
	border-bottom: 1px solid #666;
	}

/* ------------------------------ body element - For instructors page ONLY ------------------------------ */
table, table1, table2, table3, table4, table5, table6, table7 { font: 0.75em "Lucida Grande", verdana, lucida,sans-serif;
	width: 420px; 
	color: #000;
	margin-left: 175px;
	text-align: left;}

	
th, td {text-align: left; padding: 0 0.5em;
  border-bottom: 1px solid #DDD;}
  
td {color: #4C4C4C; }

thead th {
	border: 1px solid gray;
	border-width: 0 1px 1px 0;
}
	
th.name { padding-bottom: 5px;
	background: #EAFFD0;
	width: 115px;
}
th.photo { padding: 5px 0px;
	width: 115px;
}
td.r1, td.r2, td.r3 {padding-top: 5px; font-weight: bold;}
td.r1 {background: #DAD7CC;}
td.r2 {background: #C8CFFF;}
td.r3 {background: #FFEFB4; margin-right: 5px;}

td.schools {width: 100px; border-left: 1px solid #ddd;}
td.ranks {width: 60px; border-left: 1px solid #ddd;}
td.notes {width: 130px; border-left: 1px solid #ddd;}


/* ------------------------------ body element - ends table ------------------------------ */



/* ------------------------------ body element - For schools and schedules page ONLY ------------------------------ */

#schools h3{
	font: normal 1.2em Georgia, "Times New Roman", Times, serif;
	color: #573900;
	margin-left: 165px;
	padding: 50px 0 15px 40px;
	background: url(images/fist.jpg) no-repeat 0px 45px;
}

#schools p {
	margin-left: 175px;
	padding-bottom: 20px;
	text-align: left;
	font: 0.9em/1.5em Times, serif;
}

td {color: #000; }

thead th {
	border: 1px solid gray;
	border-width: 0 1px 1px 0;
}
	
th.row {
	font-weight: bold;
	width: 100px;
}

td.row {
	font-weight: bold;
}

th.photo { padding: 5px 0px;
	width: 115px;
}

th.row, td.row {background: #A1BAD1; padding: 4px;}
th.row1, td.row1 {background: #DDDABD; padding: 4px;}
th.row2, td.row2 {background: #D7DDD3; padding: 4px;}
td.row, td.row1, td.row2 {border-left: 1px solid white; }
/* ------------------------------ body element - ends schools tables ------------------------------ */



/* ------------------------------ body element - Shinkyu Shotokan Karate Tournament Sunday August 28th 2005 South San Francisco, Ca ------------------------------ */

th.names{ padding: 5px 5px; 
	width: 180px; border-top: 2px solid #eee;
}
th.student { width: 180px;border-bottom: 1px solid #eee;}

th.kata, th.kumite, th.weapons { padding: 5px 5px;
	width: 85px;
	border-left: 1px solid #eee;
	border-top: 2px solid #eee;
}

td.kata, td.kumite, td.weapons{ padding: 5px 5px;
	width: 85px;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

/* ------------------------------ body element - Premelinary Schedule, MSAC, Fall 2005, Ca ------------------------------ */
 h4{
	font: normal 1.1em Georgia, "Times New Roman", Times, serif;
	color: #000;
	margin-left: 165px;
	padding: 30px 0 15px 10px;
}
 h5{
	font: normal 1em Georgia, "Times New Roman", Times, serif;
	color: #000;
	margin-left: 165px;
	padding: 20px 0 15px 10px;
}

th.katatest, td.katatest{ padding: 5px 5px; 
	width: 180px; border: 1px solid #ccc;
}
th.student { width: 180px; border: 1px solid #ccc;}

th.date, th.kata, th.kumite, th.weapons { padding: 5px 5px;
	width: 100px;
	border: 1px solid #ccc;
}

td.date, td.kata, td.kumite, td.weapons{ padding: 5px 5px;
	width: 100px;
	border: 1px solid #ccc;
}

/* -----------footer link elements -------- */

#footerLink {
	background: url(images/footer.gif) no-repeat;
	height: 112px;
	text-align: center;
	letter-spacing: 1px;
	font-family: "Lucida Grande", verdana, lucida, sans-serif;
	}

#footerLink h2 {
	background: url(images/tiger-trans.png) no-repeat;
	position: absolute;
	bottom: 65px;
	left: 8px;
	z-index: 202;
	height: 322px;
	width: 198px;
}

#footerLink ul {
	list-style-type: none;
	padding: 25px 120px 0px 120px;
}

#footerLink ul li {
	display: inline;
	list-style-type: none;
	padding-top: 6px;
	color: #fff;
}

#footerLink ul li a {
	border-left: 1px solid #fff;
	padding-left: 4px;
	text-decoration: none;
	color: #fff;
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
}

#footerLink p {
	color: #fff;
	text-align: center;
	padding: 8px 60px 0px 60px;
	font: 9px/13px Verdana, Arial, Helvetica, sans-serif;
}

#footerLink a {
	color: #540;
	text-decoration: none;
}
#footerLink p a:link, #footerLink p a:visited,
 #footerLink a:hover {
	color: #cccc99;
}

/* ----------vertical menu on the right------- */
#menu {
	position: absolute;
	right: 18px;
	top: 300px;
	width: 149px;
}

#menu ul {
	list-style: none;
	margin: 0px;
	padding: 5px 0px 0px;
	width: 149px;
}

#menu li {
	background: url(images/menu.gif) no-repeat;
	height: 28px;
	margin: 6px 0px 0px;
	list-style: none;
}

#menu li a {
	width: 144px;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	font: normal 12px/28px "Lucida Grande", verdana, lucida, sans-serif;
}

#menu li a:hover {
	color: #fff;
	background: #300;
	width: 142px;
	height: 28px;
	margin-right: 6px;
}

#menu li#active a {
	background: #fff;
	width: 142px;
	height: 28px;
	color: #000;
	margin-right: 6px;
}

/* --------books and promotional items-------- */
#leftColWrapper {

	position: absolute;
	top: 200px;
	width: 92px;
	left: 17px;
}

div.roundshape { 
	background: url(images/roundshape.gif) no-repeat;
	height: 30px; width: 110px;
	}
	
div.books  {
	background: #F0F2EE;
	width: 110px;
	padding: 10px 0px 5px;
	margin-bottom: 30px;
}

div.books p { font: normal 11px/15px "Lucida Grande", verdana, lucida, sans-serif; }
div.books p span { font: normal 9px/12px "Lucida Grande", verdana, lucida, sans-serif; }

div.books a {
	text-decoration: none;
	color: #0f3381;
}

div.books a:hover { text-decoration: underline; }

.strong {
	font: 1em bold "Lucida Grande", verdana, lucida, sans-serif;
	color: #6E2020;
    text-decoration: none;
}

/* *************** go top icon elements ************ */
div.goTop {
	text-align: right;
	margin-right: 20px;
}

.image {
	float: right;
	border: 2px solid #d3d3d3;
	margin-left: 10px;
	margin-bottom: 10px;
}

.img {
	border: none;
}

/* *************** CONTACT PAGE Form Element ************ */
div.formWrapper {
	clear: both;
	width: 351px;
	height: 300px;
	padding-top: 30px;
	padding-bottom: 100px;
	margin-left: 205px;
  }
div.form {
	clear: both;
	padding-bottom: 5px;
	width: 351px;
	float: left;
	padding-top: 5px;
  }

div.form label { font: 0.85em "Lucida Grande", verdana, lucida, sans-serif;
	float: left;
	clear: none;
	color: #333;
	padding-bottom: 10px;
}

.left {width: 100px; text-align: right; padding-right: 8px; }
.input {width: 240px; }
.send {width: 100px; padding-left: 220px; padding-top: 10px;}
.textarea  {width: 240px; }
input:focus, select:focus, textarea:focus { 
background: #bf0202; 
color:white; 
}

/* *************** Quicktime movie ************ */
#movie {
	background: url(images/body1.gif) repeat-y;
	padding-right: 210px;
	text-align: center;
}
#movie h3 {
	text-align: center;
	font: normal 1.2em Georgia, "Times New Roman", Times, serif;
	color: #573900;
	margin-left: 155px;
	}
	
#movie p {
	margin-left: 155px;
	padding: 10px;
	font: 0.9em/1.5em Times, serif;
}
#movie h5 {
	font: 0.7em Times, serif;
	text-align: center;
	margin-left: 125px;
	padding: 10px 0 20px 40px;
	}  
#movie p span {
	padding-left: 200px; padding-top: 15px; text-align: right;}
#movie a:link {text-decoration: none;}
#movie a:hover {color: #bf0202;}
 #movie a:visited {color: #1F6FB9;}


/* Quicktime movie object stuff here - Annoying IE Hacks - I curse on IE -*/

/* hides the second object from all versions of IE */
* html object.mov {
	display: none;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mov/**/ {
	display: inline;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.mov {
	display/**/: none;
}
.image_left {
	float: left;
	margin-top: 5px;
	margin-right: 15px;
	
	border: 2px solid #eee;
}