<STYLE TYPE="text/css">
<!--

body {
    background-position: 50% 0%; 
margin: 0px;padding: 0px;background-image:url('chris.jpg'); 
background-repeat: no-repeat; background-attachment: fixed
}




/* FONT STYLES */ 

h4 {font-size :8pt; font-family : verdana; color: #3d3b37; sans-serif; line-height: 120%; text-align: left}
h3 {font-size :9pt; font-family : century gothic, trebuchet,arial, verdana; color: white; sans-serif; text-align: left}
h2 {font-size :14pt; font-family : arial, verdana; color: #16201f; sans-serif}
h1 {font-size :8pt; font-family : arial, verdana; color: #cdcdcd; sans-serif}


p {font-size :10pt; font-family : arial, verdana; color: #303431; sans-serif; line-height: 150%; text-align: justify}


a {font-size :10pt; font-family : century gothic, trebuchet,arial, verdana; text-decoration: none; color: #ffffff; sans-serif; line-height: 150%; text-align: left}
a:hover {color: #a2df8d}

a.menu {font-size :10pt; font-family : arial, verdana; color: white; sans-serif; text-align: left}
a.menu:hover {font-size :10pt; font-family : arial, verdana; color: #cdcdcd; sans-serif; text-align: left}

a.page {font-size :12pt; font-family : arial, verdana; color: #ffffff; sans-serif; text-align: left; text-decoration: none}
a.page:hover {font-size :12pt; font-family : arial, verdana; color: #a2df8d; sans-serif; text-align: left}

a.site {font-size :10pt; font-family : arial, verdana; color: #2f3b3a; sans-serif; text-align: left; text-decoration: none}
a.site:hover {font-size :10pt; font-family : arial, verdana; color: #727373; sans-serif; text-align: left}

/* BODY STYLES */ 

body ;	

	background-color: #ffffff
}





table.strip {background-image:url('images/head_bg.jpg');
}

table.strip_home {background-image:url('images/strip.jpg');
}

table.bottom {background-image:url('images/bottom.jpg');
}

table.dark  {background-color: #cdcdcd;
}

/* MENU STYLES */ 

* { margin: 0; padding: 0; } /* Reset stuff */ 


ul#menu {
	width: 427px; margin: 0px auto; 
	list-style: none; 
}

ul#menu li { display: inline; }
	
ul#menu li a {
	display: block; float: left; height: 95px;
	background-image: url('images/menu.jpg'); text-indent: -9999px
}

	ul#menu li a.home {
		width: 71px; background-position: 0 0;	
	}
	
	ul#menu li a.about {
		width: 92px; background-position: -71px 0;	
	}
	
	ul#menu li a.services {
		width: 90px; background-position: -163px 0;	
	}
	
	ul#menu li a.news {
		width: 71px; background-position: -253px 0;	
	}
	
	ul#menu li a.contact {
		width: 103px; background-position: -324px 0;	
	}

	
	
	ul#menu li a.home:hover, ul#menub li a.home:focus {
		background-position: 0 -95px;	
	}
	
	ul#menu li a.about:hover, ul#menub li a.lessons:focus {
		background-position: -71px -95px;	
	}
	
	ul#menu li a.services:hover, ul#menub li a.chris:focus {
		background-position: -163px -95px;	
	}
	
	ul#menu li a.news:hover, ul#menub li a.news:focus {
		background-position: -253px -95px;	
	}
	
	ul#menu li a.contact:hover, ul#menub li a.contact:focus {
		background-position: -324px -95px;	
	}


.button a {
display:block;
width: 130px;
background: url('images/button.jpg') no-repeat 0 0; text-indent: -9999px; padding-left: 0px; padding-right:0px; padding-top:10px; padding-bottom:1px

}
.button a:hover { 
background-position: 0 -32px;

}
	


	

a { outline: none; }




img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:900px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#container{	
		margin:36px auto;
		position:relative;
		text-align:left;
		width:905px;
		background:#fff;		
		margin-bottom:2em;
		}	
	#header{
		height:80px;
		line-height:80px;
		background:#5DC9E1;
		color:#fff;
		}				
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:905px;
		height:243px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:50px;
		height:77px;
		position:absolute;
		left:-50px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:905px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:50px;
		height:77px;
		background:url(images/right.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(images/left.png) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	




}--></STYLE>