/* css Winnipeg Shotokan Karate default style */


/* 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: 95% Georgia, Arial, sans-serif;
	line-height: 1.75em;
	text-align: justify;
	margin: 0; 
	padding: 0;
}

#main, #main2 {
	position: relative;
	float: right;
	width: 601px;
	padding: 30px;
	padding-top: 0px;
	margin: 0px 20px -30px 20px;
	z-index: 12;
	}



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


h1 {
	font: 120% Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
	color: #333333; 
	text-align: center;
	}

.italics {
	font-style: italic;
		}

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

.bold {
	font-weight: bold;
		}


.dojokunsubs {
	font-style: italic;
	font-weight: bold;
	padding-right: 10px;
		}


.quotestyle_right {
	padding: 30px 10px 0px 10px ;
	font: 100% Arial, sans-serif;
	font-style: italic;
	font-weight: bold;
	margin: 0px 20px;
	color: #CC0000;
 	width: 240px;
	float: right;
	line-height: 2;
		}

.quoter_right{

	text-align: right;
		}

.quotestyle_left {
	padding: 10px 10px 0px 10px ;
	font: 100% Arial, sans-serif;
	font-style: italic;
	font-weight: bold;
	margin: 0px 20px;
	color: #CC0000;
 	width: 230px;
	float: left;
	line-height: 2;
		}


/* Home page important info banner*/

#important a {

	color: #000000; 
	text-decoration: none;
	}

#important a:hover {
	color: #CC0000;
	text-decoration: none;
	outline:none;
	}


#important h1 {
	margin: 20px;
	font: 220% Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
	color: #333333; 
	text-align: center;
	}


/* end of important info banner*/



#title h1 {
margin-top: 0px; /* trying to get white background kludge maybe delete*/
	font: 320% Arial, sans-serif;
	font-weight: 300;
	letter-spacing: -3px;
	color: #333333;   
	text-align: center;
	text-indent: 200px;

	}

h1 em { 
	font: 100% Arial, sans-serif;
	font-weight: bold;
	color: #CC0000; 

	}

#kata_intro p em { 
	font: 130% Arial, sans-serif;
	font-weight: normal;
	color: #CC0000; 
	}



#kata_intro p em { 
	font: 130% Arial, sans-serif;
	font-weight: normal;
	color: #CC0000; 
	}

#main p em { 
	font: 130% Arial, sans-serif;
	font-weight: normal;
	color: #CC0000; 
	}






/* BEGINNING OF LIST CONTENT*/

/* sets up block size for each image CHANGED A TO nav and subs A FOR ACCURACY SEE IF IT MESSES ANYTHING UP*/



#nav a  {
	display: block; width: 165px; height: 104px;

	 }



/* sets up block size in which to display image items */
#nav li {

	display: block; 
	width: 165px; height: 58px;
	 }




#nav {
	margin-bottom: 4em;
	text-indent: -9000px;
	}

#subs, #unsubs {
	text-indent: 20px;

	}



 li span {
	margin-left: 20px;
	}

/* subs text block */


#subs a {
	width: 110px;
	height: 28px;
	padding-top: 10px;

	}

#unsubs a {
	width: 100px;
	height: 38px;
	padding-top: 12px;
	padding-bottom: 12px;

	}


#subs li {
	display: block; 
	width: 10px; height: 18px;

	 }

/* subs distance between menu elements */
#unsubs li {
	display: block; 
	width: 10px; height: 36px;
	line-height: 1em;

	 }

#subs {

	font-style: normal;
	line-height: 2em;
	text-align: left;
	font: 110% Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	}

#unsubs {

	font-style: normal;
	text-align: left;
	font: 110% Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;

	}



	
#nav li {
	list-style-type: none; /* gets rid of list bullets  */
	margin: 0px;
	padding: 0px;
	}

	

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#nav li:hover #unsubs {
	position: absolute;
	top: 245px;
	right: 40px;
	left: 120px;
	z-index: 50;
	}

#nav li:hover #subs {
	position: absolute;
	top: 295px;
	right: 40px;
	left: 120px;
	z-index: 50;
	}



/* outline:none for firefox to remove outline when clicking on area*/


#home a {background: url(images/home.png)
	 bottom left no-repeat; outline: none;}
#home a:hover {background: url(images/home.png) 
	 top left no-repeat; outline: none;}

#about a {background: url(images/about.png)
	 bottom left no-repeat; outline: none;}
#about a:hover {background: url(images/about.png) 
	 top left no-repeat; outline: none;}

#training a {background: url(images/training.png)
	 bottom left no-repeat; outline: none;}
#training a:hover {background: url(images/training.png) 
	 top left no-repeat; outline: none;}

#subs a {text-decoration: none;
	color: #333333; 
	background: none;
	 }
#subs a:hover {text-decoration: none;
	background: none;
	color: #F30;}


#unsubs a {text-decoration: none;
	color: #333333; 
	background: none;
	 }
#unsubs a:hover {text-decoration: none;
	background: none;
	color: #F30;}


#contact a {background: url(images/contact.png)
	 bottom left no-repeat; outline: none;}
#contact a:hover {background: url(images/contact.png) 
	 top left no-repeat; outline: none;}

#gallery a {background: url(images/gallery.png)
	 bottom left no-repeat; outline: none;}
#gallery a:hover {background: url(images/gallery.png) 
	 top left no-repeat; outline: none; }

#links a {background: url(images/links.png)
	 bottom left no-repeat; outline:none;}
#links a:hover {background: url(images/links.png) 
	 top left no-repeat; outline: none;}



/* to highlight current page being viewed*/





body#homepage #home a {background: url(images/home.png) 
	 top left no-repeat; outline: none;}


body#aboutshotokanpage #nav #about a {background: url(images/about.png) 
	 top left no-repeat; outline: none;}

body#aboutshotokanpage #nav #unsubs a {background: none; 
	 outline: none;}

body#trainingpage #nav #training a {background: url(images/training.png) 
	 top left no-repeat; outline: none;} 

body#trainingpage #nav #subs a {background: none; 
	 outline: none;}

body#contactpage #contact a {background: url(images/contact.png) 
	 top left no-repeat; outline: none;}
body#gallerypage #gallery a {background: url(images/gallery.png) 
	 top left no-repeat; outline: none;}
body#linkspage #links a {background: url(images/links.png) 
	 top left no-repeat; outline: none;}


/* END OF LIST CONTENT*/


/*photos with captions*/


.picture { background-color: #F9F9F9; 
border: 1px solid #CCCCCC; padding: 3px; 
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; } 

.funakoshi {  
	position: absolute;
	top: 1100px;
	left: -185px;
	} 

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

.yaguchi1 {  
	margin-top: 10px;	
	} 


.yaguchi2 {  
	
	height: 320px;
	width: 227px;
	float: right;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 17px;
	
	} 

.red_caption {
	color: #CC0000;
	}

#highlighted_events a {background: url(images/event_bannerblank.png)
	 no-repeat; outline: none;}
#highlighted_events a:hover {background: url(images/event_banner4.png) 
	 no-repeat; outline: none; }

#highlighted_events a {
outline: none;
	display: block; 
	width: 420px; height: 205px;
	 }
#highlighted_events {
outline: none;
	text-indent: -9000px;
	}

/* links content */

/* content box for text*/

.iskflinks {
	width: 220px;
	padding: 30px;
	padding-top: 0px;
	margin: 0px 0px -30px 170px;
	}


.iskflinks li {
	font: 100% Arial, sans-serif;
	position: relative;
	list-style-type: none; /* gets rid of list bullets  */
	display: inline; 
	 }

.iskflinks a {
	color: #CC0000;
	text-decoration: none;
	outline:none;
text-indent: -9000px;
}

.iskflinks  h5 {
	font: 100% Arial, sans-serif;
	color: #CC0000;
	text-decoration: none;
	outline:none;
	color: #333333; 
	text-align: left;
	left: 0px;
	margin: 20px;
	bottom: 0px;
	font-style: normal;
	line-height: 1.2em;
	font-weight: bold;
}

.iskflinks a:hover {
color: #CC0000;
text-decoration: none;
outline:none;
text-indent: -9000px;
}

#iskfphil a {background: url(images/iskf_tiger_small.png)
	 no-repeat; outline:none;}
#iskfphil a:hover {background: url(images/iskf_tiger_red_small.png) 
	 no-repeat; outline:none; }

#iskfcan a {background: url(images/iskf_tiger_small.png)
	 no-repeat; outline:none;}
#iskfcan a:hover {background: url(images/iskf_tiger_red_small.png) 
	 no-repeat; outline:none; }

#iskfman a {background: url(images/iskf_tiger_small.png)
	 no-repeat; outline:none;}
#iskfman a:hover {background: url(images/iskf_tiger_red_small.png)  
	 no-repeat; outline:none; }

#iskfcan a, #iskfman a, #iskfphil a {

	display: block; 
	width: 50px; height: 50px;
	 }

#iskfphil {
			position: absolute;
			top: 104px;
			left: 190px;
			}


#iskfcan {
			position: absolute;
			top: 177px;
			left: 190px;
			}

#iskfman {
			position: absolute;
			top: 249px;
			left: 190px;
			}


/* about page */

#history  { 
	clear: both;
	padding-top: 20px;
	}

#history h1 {
	font: 330% Arial, sans-serif;
	font-weight: 300;
	letter-spacing: -3px;
	color: #333333;   
	text-align: center;
	text-indent: 210px;

	}

#history h1 em { 
	font: 100% Arial, sans-serif;
	font-weight: bold;
	color: #CC0000; 

	}





/* training page */

h2.meditation { 
	width: 601px; height: 355px;
	text-indent: -9999px;
	vertical-align:middle; margin-bottom: 3px; 
	background: url("images/meditation-photo2.jpg") no-repeat top center; 
	margin-top: 20px; 
} 

#calligraphy { 
	position: absolute;
	width: 601px; height: 449px;
	text-indent: -9999px;
	vertical-align:middle; 
	background: url("images/calligraphylarge.jpg") no-repeat top center; 
	top: 500px;
	z-index: -10;

} 




#classes, #kata, #events, #forms, #organizations, #reference, #whatkarate, #dojokun
 	{/* subhead bars for links and training pages */
	color: #ffffff;
	text-indent: 1em;
	font-variant: small-caps;
	letter-spacing: 2px;
	background-color: #595667; 
	padding: 10px;
	margin-top: 1em;
	margin-bottom: 0em;
	font: 200% Arial, sans-serif;
	font-weight: 300;
	}

/*  original serif subheads
#classes, #kata, #events, #forms, #organizations, #reference, #whatkarate 
 	{/* subhead bars for links and training pages */
	color: #ffffff;
	text-indent: 1em;
	font-variant: small-caps;
	letter-spacing: 7px;
	background-color: #595667; 
	padding: 10px;
	margin-top: 1em;
	margin-bottom: 1em;
	}*/





#classes
	{
	margin-top: .3em;
	margin-bottom: 1em;
	}

#locations  {
	color: #CC0000;
	text-indent: 1em;
	line-height: 2em;
	}

#schedule  {
	color: #CC0000;
	text-indent: 1em;
	line-height: 2em;
	}


.address2 li {

	list-style-type: none; /* gets rid of list bullets  */
	font-style: normal;
	line-height: 2em;
	text-align: right;
	font: 100% Arial, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-indent: -3em;

	
	}

.address2 {
	margin: 10px  20px;
	padding: 0px;

	}


/* header for special class changes */



.specialschedule  {
	color: #CC0000;
	line-height: 2em;
	font-style: normal;
	text-align: center;
	font: 100% Arial, sans-serif;
	margin-bottom: 15px;

	}





#summerschedule  {
	
	text-align: center;
	margin-bottom: 20px;
	margin-top: 5px;
	}


/* locations */

#main p {
		margin-bottom: 10px;
}

#Lasalle a, #monica a {

	display: block; 
	width: 224px; height: 165px;
	 }

#Lasalle a, #monica a {
	color: #CC0000;
	text-decoration: none;
	outline:none;
text-indent: -9000px;

}


#Lasalle a {background: url(images/LaSalle_school.jpg)
	 no-repeat; outline:none;}
#Lasalle a:hover {background: url(images/LaSalle_school_map.png) 
	 no-repeat; outline:none; }

#monica a {background: url(images/Danz_Gym.jpg)
	 no-repeat; outline:none;}
#monica a:hover {background: url(images/Danz_Gym_map.png)  
	 no-repeat; outline:none;  }


#monica {
		position: relative;
		float: right;
		right: 60px;
		width: 224px;	
		margin: 0px 0px 0px 0px;
border: 2px solid #989898;
		}

#Lasalle {
		float: left;
		position: relative;
		left: 50px;
		margin-bottom: 20px;
		width: 224px;
border: 2px solid #989898;
		}

#monica p, #Lasalle p  {
	
	font-style: normal;
	text-align: center;
	font: 100% Arial, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 10px;
	color: #000000; 
			}



/* table */

#schedule, #specialschedule {
	clear: both;

}

#table {
	font-style: normal;
	text-align: center;
	font: 100% Arial, sans-serif;
	margin-left: 20px;
	margin-right: 20px;
	caption-side: bottom;
	clear: both;
	line-height: 2em;
	}

td, th {
	border: thin dotted black;
	padding: 5px;
	}

/*top grey cells */


th {
	background-color:   #989898;
	}

th {
	color: #ffffff; 

	}

td {
	background-color:  #dff3fd;

	}

/* movies */



#shodan a, #nidan a, #sandan a, #yondan a, #gondan a, #tekki a, #dai a {

	display: block; 
	width: 100px; height: 100px;
	text-indent: -9000px;

	 }

#shodan,  #nidan, #sandan, #yondan, #gondan, #tekki, #dai
	{
	float: left;
	position: relative;
	left: 0px;
	margin-bottom: 20px;
	margin-left: 35px;
	margin-right: 0px;
	width: 100px;
	border: 2px solid #989898;
	 }



#shodan a {background: url(images/shodan.jpg)
	 no-repeat; outline:none;}

#nidan a {background: url(images/nidan.jpg)
	 no-repeat; outline:none;}

#sandan a {background: url(images/sandan.jpg)
	 no-repeat; outline:none;}
#yondan a {background: url(images/yondan.jpg)
	 no-repeat; outline:none;}
#gondan a {background: url(images/godan.jpg)
	 no-repeat; outline:none;}
#tekki a {background: url(images/shodan_movie.jpg)
	 no-repeat; outline:none;}
#dai a {background: url(images/dai.jpg)
	 no-repeat; outline:none;}





#movies p  {
	
	font-style: normal;
	text-align: center;
	font: 120% Arial, sans-serif;
	font-weight: bold;
	margin:  0px;
	padding: 10px;
	color: #000000; 
			}


#events{
clear: both;
}

/* events  */

#upcoming_events h3 {
	color: #CC0000;
	text-indent: 1em;
	line-height: 2em;
	margin-bottom: 15px;
	}



#upcoming_events li {

	font: 100% Arial, sans-serif;
	position: relative;
	list-style-type: none; /* gets rid of list bullets  */
	font-style: normal;
	font-weight: bold;
	color: #000000; 
	 }

#upcoming_events p {
	margin-bottom: 20px;
	text-align: left;
	font: 100% Arial, sans-serif;
	position: relative;
	list-style-type: none; /* gets rid of list bullets  */
	font-style: normal;
		color: #000000; 
	 }

/* forms  */

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

ul#pdf_forms li {
	float: left;
	margin: 10px  10px;
	padding: 0;
	}

ul#pdf_forms li a { /* selects only links in the "nav" list */
	display: block; /* to set width & height of the a element */
	width: 96px;
	height: 96px;
	line-height: 28px;
	background: url(images/Generic_PDF_small.png) no-repeat;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	text-indent: -9000px;
	color: #000000; 
	 outline:none;
	}


ul#pdf_forms p {
		font-style: normal;
		font-weight: bold;
		float: left;
		margin-top: 2em;
	line-height: 1em;

		}

/* CRAZY PDF FORM TEXT SIZING AND COLOR CONFLICTS CAREFUL  */

ul#pdf_forms p em {
		font: 105% Arial, sans-serif;
		color: black;
		}


#instructions {
	text-align: center;
		color: red; 

}




#sensei a {
	
	text-decoration: none;
	}

#backtotop {
	position: relative;
	margin: 20px 20px;
	font-style: normal;
	line-height: 2em;
	font: 100% Arial, sans-serif;
	font-weight: bold;
	padding: 0px;
	z-index: 16;
	text-align: right;
	text-decoration: none;
	clear: both;
	}

#backtotop a {

	color: #000000; 
	text-decoration: none;
	}

#backtotop a:hover {
color: #CC0000;
text-decoration: none;
outline:none;
}

/* keeping entire page centered in window */
#wrapper {
	position: relative;/* not sure if this should be absolute or relative */
	margin-right: auto;
	margin-left: auto;/* for fixed layout back use 300px or 200 instead of auto */
	width: 901px;
	background-color: white;

	} 


#pageheader h1{
	position: absolute;
	width: 10em;
	left: -999em;
		}


/* took out background: white - was leaving a hairline border */
#pageheader {
	width: 901px; 
	height: 210px; 
	background-image: url(images/header_grad.jpg);
	background-repeat: no-repeat;
	margin-top: 0em; 

	} 


/* info for the contact page  */
.address li {

	list-style-type: none; /* gets rid of list bullets  */
	font-style: normal;
	line-height: 2em;
	text-align: center;
	font: 100% Arial, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-indent: -3em;

	
	}

.address {
	margin: 50px  20px;
	padding: 0px;

	}

.email, .email a{
	font-style: normal;
	text-align: center;
	font: 100% Arial, sans-serif;
	font-weight: bold;
	padding: 0px;
	color: #CC0000; 
 text-decoration: none;
	}

.email h2, .address h2 { 

	color: #000000; 
	}

.email h2 {
	margin: 8px;
}



p.centeredtext {
	position: relative;
	text-align: center;
	left: 0px;
	margin: -30px;
	bottom: 0px;
	top: 340px;

	font-style: normal;
	line-height: 2em;
	font: 120% Arial, sans-serif;
	font-weight: bold;

	}



/* info for the gallery page  */

.photogal li {
	font: 110% Arial, sans-serif;
	position: relative;
	list-style-type: none; /* gets rid of list bullets  */
	display: block; 
	width: 300px; height: 58px;
	top: 40px;
	left: 140px;

	 }

.photogal a {
	color: #000000;
	text-decoration: none;
	outline:none;
}

.photogal a:hover {
color: #CC0000;
text-decoration: none;
outline:none;
}



#background {
		background-color: white;
	} 



#footer {
	width: 901px; 
	height: 1004px; 
	background-color: white;
	background-image: url(images/footer-photo1.jpg);
	background-repeat: no-repeat;
	margin-top: -7em; 
	z-index: 3;

	}


#footer h5{
	position: absolute;
	left: 300px;
	bottom: 0px;
	font-style: normal;
	line-height: 2em;
	font: 120% Arial, sans-serif;
	font-weight: bold;
	color: #ffffff; 
	}





/* ISKF logo and text*/ 

#iskf {
	position: absolute;
	width: 165px; 
	height: 300px; 
	left: 30px;
	top: 600px;
	background-color: white;
	background-image: url(images/ISKF-logo-web-.gif);
	background-repeat: no-repeat;
	z-index: 3;
	text-align: center;
	}

#iskf h5 {
	position: absolute;
	left: 3px;
	bottom: 20px;
	text-align: center;
	font-style: normal;
	line-height: 2em;
	font: 90% Arial, sans-serif;
	font-weight: bold;
	color: #333333;   

	}


/* box for moving the nav list	- use margin-top: -80px; margin-left: -10px;*/ 

#linklist {
	float: left;
	padding: 0px;
	margin: -70px;
	margin-top: -70px;
	width: 10px;
	}



/* Events logo */ 
#highlighted_events {
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 15;
			}


#sensei {
	top: 10px;
	margin-bottom: 60px;
	left: 150px;
	text-indent: 12em;
	font-style: normal;
	line-height: 2em;
	font: 90% Arial, sans-serif;
	font-weight: bold;
	padding-right: 50px;
	padding-top: 30px;
	z-index: 16;
	text-align: right;
	}






#senseipic {
	height: 300px;
	width: 193px;
	float: right;
	margin-top: 17px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 17px;
	}


#sensei_loreth {
	height: 449px;
	width: 330px;
	float: right;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 20px;

	}







/*
alternate photo plan
<h2 class="sensei_loreth">Sensei Loreth</h2> in html


 h2.sensei_loreth  {

	width: 348px; height: 474px;
	text-indent: -9999px;
	vertical-align:middle; margin-bottom: 3px; 
	background: url("images/Sensei.jpg") no-repeat top center; 
	margin-top: 20px; 
} */


#sensei {
	clear: both;
	}

/* backgrounds for all the pages*/

#homepage  {
	background-image: url(images/jump2.png);
	background-repeat: no-repeat;
	background-position: 1150px 0px;
	background-color: black;
	}

#aboutshotokanpage {
	background-image: url(images/alternateback3.png);
	background-repeat: no-repeat;
	background-position: 1050px 0px;
	background-color: black;
	}


#contactpage {
	background-image: url(images/imagetest.png);
	background-repeat: no-repeat;
	background-position: 1170px 0px;
	background-color: black;
	}	

#gallerypage {
	background-image: url(images/kidtest.png);
	background-repeat: no-repeat;
	background-position: 1280px 0px;
	background-color: black;
	}	

#linkspage  {
	background-image: url(images/karate_woman.png);
	background-repeat: no-repeat;
	background-position: 1150px 0px;
	background-color: black;
	}


#trainingpage  {
	background-image: url(images/adriantest2.png);
	background-repeat: no-repeat;
	background-position: 1150px 0px;
	background-color: black;
	}




/* 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;
} */


/* position:relative gives an element position without changing its in-flow location-then assign z-index*/