body {
	background: #0a0606  url(i/pasek.gif) repeat-x;
	text-align: justify;
	font: medium  Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0;
	
}

h1, h2, h3, h4, h5 {
	margin: 0;
}
a {
color:#FFc;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}
img { border: none;
margin:0;
padding:0;
}

img.gal {
background:#ffffcc;
padding:4px;
margin-bottom:15px;
border:white;
}
#colTwo p img {
background-color:#fff;
border: 1px solid #a9a9a9;
padding:5px;
margin: 3px 7px 1px 2px;
}


img.citation {
border-top: 6px solid #FFFFFF;
}
p.quote {
text-align:center;
font-style:italic;
margin:10px;
}

p.quote2 {
font-style:italic;
margin:10px;
}

p.quote2 {
font-style:italic;
margin:10px;
font-size: 80%;
}


/* Content */



#content {
	text-align: left;
	margin: 0px auto;
	padding: 0px; 
	width: 850px;
	border: #fff solid 6px;
}

#header {
	margin:0;
	padding:0;
	border-bottom:#fff solid 6px;
}

#colOne {
	float: left;
	width: 200px;
	background: #000000;
	border: #fff solid 6px;
	border-left: none;
	border-top: none;
}

/* Menu Left*/
#colOne ul {
list-style: url(i/bullet.gif);
}
#colOne li {
 margin: 5px;

	}

	
#colOne li a {
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	text-decoration:none;
	color: #FFf;
	
	}
#colOne li.sublink {
margin: 0 1px 1px 25px;
list-style-image:none;
list-style-type: none;
}	

	
#colOne li a:link, #menu1 li a:visited {
	color: #FFf;
	}
	
#colOne li a:hover {
	color: #FFC;
	text-decoration:underline;
	list-style: url(i/bullet2.gif);

	}
#colOne li.sublink a:hover {
	list-style-image:none;
	list-style-type: none;
	}	
/*menu end*/
/* This is you are here rule */

#home .home,
#about .about,
#instructor .instructor,
#contact .contact,
#gallery .gallery,
#test .test,
#tryit .tryit
{
	color: #FFC;
	text-decoration:underline;
	list-style: url(i/bullet2.gif);
}

#tiny .tiny,
#youth .youth,
#adult .adult,
#mma .mma,
#cal .cal,
#study .study,
#term .term,
#belt .belt

{
color: #FFC;
	text-decoration:underline;
	list-style-image: none;
	list-style-type:armenian;
}

/*the end of you are here rule*/

#IdontKnowItIsaMysteryForMeWhyIneedThisIDOrMyLayoutwillBrokenItIsjustanEmptyIDnotConnectedToAnypartOfmyLayout{

}


#colTwo{ 
	float: left;
	width: 600px;
}
#colTwocal{ 
	float: left;
	width: 644px;

}
#colTwo h1, h2, h3, h4, h5 {
margin: 10px 5px 15px 10px;
}
#colTwo p {
margin: 10px 10px;
}

#footer {
	clear: both;
	margin:0;
	padding:0;
}

#footer p {
	text-align: center;
	padding: 0;
	font-size: 10px;
	margin: 5px auto -2px auto;
}



/*end content*/
#verytop {
margin: 0;
padding: 0;
clear:both;
position: static;
width: 100%;
}
#verytop h1 {
text-align:center;
font-size:11px;
color:#FFFFFF;
margin: 0;
}





















/* image gallery ;) */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 150;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFCC;
padding: 5px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 160px; /*position where enlarged image should offset horizontally */

}

/*end Image Gallery*/