/*----- WHITESPACE RESET & DEFAULT CLASSES -----*/

html, body { margin: 0; padding: 0; }
body { background: #26509B url('../img/bg.gif') center repeat-y; color: #000; font: 62.5% Arial, Helvetica, sans-serif; }

/* Baseline values for browser consistency */
p, div, h1, h2, h3, h4, h5, ul, li, ol, img, fieldset { margin: 0; padding: 0; }
img { border: 0; }
	
/* force scroll bar in FF for centred sites */
html { height: 100%; margin-bottom: 1px; }

/* Element Default Classes */
ul, ol { list-style-position: inside; margin: 0 0 1em; }
ul li, ol li { font-size: 1.3em; margin: 0 0 0.2em; }
hr { background: #ddd; color: #ddd; border: 0; height: 1px; margin: 0 0 20px; }
a:link, a:visited, a:active { color: #26509B; text-decoration: none; outline: 0; }
a:hover { color: #1AC6FF; text-decoration: none; }

/* Global classes */
.clear { clear: both; height: 0px; }
.left { float: left; }
.right { float: right; }

/*----- STRUCTURE -----*/

#container {
	width: 955px;
	margin: 0 auto; }
	
	#head {
		height: 194px; float: left; }
		
	#wrapper {
		background: url('../img/bg_wrapper.jpg') 0 0 repeat-x; clear: both; }
		
		#leftcol {
			width: 200px; float: left; padding: 90px 0 0; }
			
			#leftcol img#logo { padding: 0 0 20px 30px; }
			
		#content {
	width: 725px;
	float: right;
}
			
			body.classespage #content { width: auto; padding: 0 40px;  }
			
			body.kata #content { width: 690px; padding-right: 35px; }
			
			body.news #content { width: 700px; margin-right: 25px; }
		
			#foot {
				clear: both; width: 680px;
				padding: 8px 0;
				border-top: 1px solid #ddd;
				text-align: center; }
				
			body.classespage #foot { width: auto; }

/*----- NAVIGATION -----*/

ul.level1 {
	list-style: none;
	list-style-position: outside;
	height: 45px;
	width: 900px;
	margin: -3px 0 0;
	padding: 0 0 0 55px;
	background: url('../img/bg_level1.jpg') 0 0 repeat-x;
}
	
	ul.level1 li { float: left; margin: 0; padding: 0; }
	
	ul.level1 li a, ul.level1 li a:visited, ul.level1 li a:active {
		display: block; float: left; height: 28px;
		padding: 13px 13px 0; margin: 0;
		color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; }
		
	ul.level1 li a:hover {
		background: #1AC6FF; }
		
	ul.level1 li a.MenuOn, ul.level1 li a.MenuOn:visited {
		background: #1AC6FF;
		border-bottom: 4px solid #00ACE4; }

ul.level2 { 
	clear: both;
	list-style: none; list-style-position: outside;
	padding: 0 0 17px 20px; margin: 0;
	background: #fff; }
	
	ul.level2 li { margin: 0; padding: 0; }
	
	ul.level2 li a, ul.level2 li a:visited, ul.level2 li a:active {
		display: block; height: 21px;
		color: #26509B; font-size: 14px; text-decoration: none; font-weight: bold;
		background: url('../img/bg_arrow.jpg') 0 5px no-repeat;
		padding: 4px 0 0 25px; }
		
	ul.level2 li a.MenuOn, ul.level2 li a.MenuOn:visited, ul.level2 li a:hover {
		color: #0EBAF3;
		background: url('../img/bg_arrow_on.jpg') 0 5px no-repeat; }

/*----- TYPOGRAPHY -----*/

p { 
	font-size: 1.3em; 
	margin: 0 0 1em; }
	
	#foot p {
		color: #aaa;
		margin: 0 0 8px; font-size: 11px; }
		
	#foot p a {
		color: #999; text-decoration: none; }
		
	#foot p a:hover {
		color: #005AAA; }
	
	p span { color: #005AAA; font-weight: bold; }

table { font-size: 1.3em; }

h1 { 
	font-size: 3em; font-weight: normal; color: #fff;
	margin: 18px 0 35px; }

h2 { 
	font-size: 1.6em; color: #333; 
	margin: 0 0 1em; }
	
	body.grades h2, body.news h2 {
		margin: 0; }

h3 { 
	font-size: 1.6em; color: #005AAA; 
	margin: 0 0 1em; }

/* h4 is used for the news article's date */
h4 { 
	font-size: 10px; text-transform: uppercase;
	margin: 0 0 6px; color: #888; }

/* h5 is used for the 'body mind spirit' text in the leftcol */
h5 {
	font-size: 1.6em; font-family:"Times New Roman", Times, serif; font-style: italic;
	color: #333;
	margin: 1em 0 1em; text-align:center; }
	
/* h6 is used for the contact us info on the homepage */	
h6 {
	font-size: 13px; color: #666; margin: 0 0 0.5em; }
	
	h6 span { color: #005AAA; }


/*----- FORM ELEMENTS -----*/

form { 
	background: #eee; 
	padding: 10px; }

form label {
	 cursor: pointer;
	 font-size: 1.2em;
	 display: block; 
	 float: left;
	 width: 150px; }
 	
	form span { font-size: 1.2em; }
 		
form fieldset {
	border: none; clear: left; }
		
input, select, textarea {
 	font: 1.2em Arial, Helvetica, sans-serif;
	margin: 0 0 2px;
 	width: 150px; }
 
 	input.checkbox, input.radio { width: auto; margin-top: 5px; }

button { margin: 0 0 0 10px; }

/* --- Homepage ---*/

.box_fade { 
	width: 282px; float: left;
	padding: 20px; margin: 0 30px 0 0;
	background: url('../img/bg_fade.jpg') top left no-repeat; }	
	
	.box_fade ul, ul.blue { list-style: none; }
	
	.box_fade ul li, ul.blue li {
		background: url('../img/bullet.gif') left 4px no-repeat;
		padding: 0 0 5px 20px;	}
	
/* --- Contact --- */

body.contact table h3 { margin: 0; }
body.contact table p { font-size: 12px; }
	
/* --- Instructors ---*/

body.ins h2, body.ins h3 { font-size: 14px; margin: 0; }
	
/* --- Classes ---*/

table.classes { border-top: 1px solid #666; border-left: 1px solid #666; }

table.classes td { border-right: 1px solid #666; border-bottom: 1px solid #666; }

table.classes h3 { font-size: 16px; margin: 0; }

table.key td { padding: 10px 0; }
table.key td p { margin: 0; }

td.tbl, div.tbl { background: #FF6600; color: #fff; font-weight: bold; }
td.mlk, div.mlk { background: #660066; color: #fff; font-weight: bold; }
td.pkl, div.pkl {
	background: #336699;
	color: #fff;
	font-weight: bold;
}
td.edg, div.edg {
	background-color: #096;
	font-weight: bold;
	color: #FFF;
}
td.dur, div.dur {
	font-weight: bold;
	color: #FFF;
	background-color: #06F;
}
td.blo, div.blo {
	color: #FFF;
	background-color: #39F;
	font-weight: bold;
}



/* --- Grades ---*/

body.grades h2 { margin: 0 0 15px; }

/* --- Ninjas ---*/

body.ninjas #content { padding-right: 20px; width: 705px; }

/* --- Weapons ---*/

div.weapons img { border: 1px solid #ddd; margin: 0 10px 25px 0; float: left; }

/* --- News ---*/

.news-item { margin: 0; background: url('../img/bg_news.jpg') 0 0 repeat-x; padding: 15px; }