body
{
	text-align: left;
    background: #fff;
	font-family: Arial;
	font-size: 0.9em;
	 margin-top:0px; padding: 0px;
	background: #fff; background-image: url('graphics/tile.jpg');background-repeat: repeat-x repeat-y;
	}



p{color:#0f384d; font-size:0.9em; }
.arrow {width:20px; height:18px; text-indent: 7px; background: url(graphics/arrow.gif) top left no-repeat; display: block; padding-bottom:1px;} 
.arrow:hover{background-position: bottom left; background-color:#000; padding-bottom:1px; } 
#arrow_on { width: 20px; height:18px; margin-top: 0px; text-indent: 7px; background: url(graphics/arrow_on.gif) top left no-repeat; display: block;}
#arrow_indent {width:20px; height:15px; margin-left:8px; text-indent: 8px; background: url(graphics/arrow_on.gif) top left no-repeat; display: block;}




#social { margin-top:5px; margin-left:535px;}
.tabs a:link {background:#e0eceb; color: #1e5b58; margin-top:0px; font-size:0.8em; padding:3px;}
.tabs a:hover {background: #fff; color: #000;margin-top:0px; font-size:0.8em; padding:3px;}
.tabs a:visited {background: #e0eceb; color: #1e5b58; margin-top:0px; padding:3px;}
.tabs a:active {background:#058e97; color: #fff; margin-top:0px; font-size:0.8em; padding:3px;}


/*a:link {background-color:#c0d1d0; color:#fff; text-decoration:none; font-size:1em; font-weight:bold; }
a:visited {color:#fff;}
a:active {color:#fff;}
a:hover {background-color:#fff; color:#000; text-decoration:none; font-size:1em; font-weight:bold;}*/



.flash {background: #fff; width:1000px; margin-left: 25px;}


.contact a:link  {background: #5cbbc5; color:  #fff; font-size:0.9em; padding:4px; text-decoration:none; font-weight:none; }
.contact a:visited {background: #5cbbc5; color:  #fff; font-size:0.9em; padding:4px; text-decoration:none; font-weight:none; }
.contact a:active {background:#5cbbc5; color: #fff; font-size:0.9em; padding:4px; text-decoration:none; font-weight:none; }
.contact a:hover {background:#fff; color: #000; font-size:0.9em; padding:4px; text-decoration:none; font-weight:none; }


#container
{	
	text-align: left;
	margin: 0 auto;
	width: 700px; 
	background: #fff; 
	margin-top:0px; border: 2px dotted brown;
}


.clear{clear:left;}
.copyright{font-size: 0.9em; color:#000;}


#sub{ margin-top:-15px; margin-bottom:20px; padding-left:50px;}

#content
{width: 650px; margin-left: 15px; margin-top:10px; border: 0px solid #000; background: #fff; padding:1px 10px 10px 10px;}

#content_home
{width: 650px; margin-left: 1px; background: #fff; padding:1px 20px 20px 20px;}

#content_anim
{width: 635px; margin-left:25px; background: #fff; padding:1px 5px 5px 5px; border: 0px solid red;}


#splash {margin-left: 105px;}

#header
{height:140px; width:700px; background: #fff url('graphics/banner.jpg') repeat-y; color:#fff;}
	
#footer { padding-bottom:20px; color: #000; width:100%; background-color:#fff; text-align: center; font-size: 0.9em; border:0px solid red;}

#about{border:0px solid red; margin-left:15px;}


p.para {font-weight:none; letter-spacing: .1em; color:#3a3a3a; font-size:1em; margin-bottom:8px; margin-top:0px; margin-left:0px; margin-right:50px;}



#list {margin-left:55px; margin-right:50px; color:#0f384d; padding:4px; font-weight:none; font-size:1em;}
#course {margin-left:55px; color:gray;padding:3px;}

p.titles { font-weight:none; ;color:#3a3a3a; font-size:0.8em;}





/************PICTURES************************/

#flash{background-color:#000; margin-left:25px; border:0px solid gray; width: 400px; height:300px; border:0px solid #fff; margin-top:-6px;}
#film{margin-left:110px; width:500px; }




/*********horixxxxxx********/

#navigation {(images/nav_slice.jpg) top repeat-x; overflow: hidden; margin-top:-10px; margin-left:-20px;  margin-bottom:20px;} 

li.menu {list-style: none; letter-spacing: .1em;}
li.menu  a{display:block; font-size:1em; text-decoration: none; background: #fff; color: #2ca2a6; padding: 4px 5px 4px 5px; font-weight:bold; background: #f4f4f4;}
li.menu a:hover{color: #46d6f5;}
li.menu  {float: left; padding-right: 20px; padding:  1px 12px 11px 0px; display:inline;}  

li#menu_on {list-style: none; margin-left:5px; letter-spacing: .1em; }
li#menu_on  a{color: #000; display:block; font-size: 1em; text-decoration: none;  background:#fff; padding: 4px 5px 4px 5px; font-weight:bold; }
li#menu_on a:hover{color: silver; background: #fff;}
li#menu_on  {float: left; padding-right: 20px; padding:  1px 12px 11px 0px; display:inline;}  



#navigation_b {(images/nav_slice.jpg) top repeat-x; overflow: hidden; margin-top:-88px; margin-left:265px; margin-bottom:65px;} 

li.menu_b {list-style: none; margin-left:5px; letter-spacing: .1em;}
li.menu_b  a{display:block; font-size:1em; text-decoration: none; background: #fff; color: #000; padding: 4px 7px 4px 7px; font-weight:bold; background: }
li.menu_b a:hover{color: silver; background: #fff;}
li.menu_b  {float: left; padding-right: 20px; padding:  1px 12px 11px 0px; display:inline;}  


/*************************/



.note{letter-spacing: .2em; color:#a9a9a9; font-size:0.9em; background-color:#000; }

#note{color:#fff; font-size:1em; background: url(graphics/contact_bg.jpg) top left no-repeat;  width:575px; height:559px;}

#text{ color:#fff; font-size:1em; width:500px; height:420px; padding:2px 10px 0 30px;}



#note p{color: #fff; font-size:1em; padding: 0 5px 2px 5px; }
#note a{color: #fff; font-size:1em; background-color:#208aa1; padding:0 3px 0 4px; text-decoration:none;}
#note a:hover {color:#008095; font-size:1em; background-color:#fff; padding:3px 3px 3px 4px; text-decoration:none; }


hr {border: 1px dashed #63b2b3; width: 300px;}


h1{font-weight:none; letter-spacing: .2em; color:#000; font-size: 1.2em; margin-left:2px; margin-top:0px; }
h2{font-weight:none; letter-spacing: .1em; color:#000; font-size: 1em; margin-left:0px; margin-right:50px; margin-top:0px;}

h4{font-weight:none; letter-spacing: .1em; color:#910202;   margin-right:50px; margin-top:0px;}



div.picleft
{ display: inline; padding:5px;  float:left; border:1px dashed gray; margin:8px;}

div.picright{float:right; display: inline; padding:5px; border:1px dashed gray; margin:3px; }


/*opacity:0.9;
  filter:alpha(opacity=99); For IE8 and earlier */


/************web site page**************************************/
.spot{float:right; padding:5px;}


.tools {border:1px solid #fff; background-color: #fff; color: #000; width:550px; height: 200px;}


.webtitled {font-size: 1em; background:#910202; margin-top:-16px; padding:4px;}
.webtitled a{margin-top:0px; color:#fff;  padding:4px;}
.webtitled a:hover{ margin-top:0px; color:#000;  padding:4px; background-color: #fff;}
.christian_pic {border:1px solid silver; background-color: #fff; height: 125px; width:390px;}

.webtitlee {font-size: 1em; background:#b7ac00; margin-top:-16px; padding:4px;}
.webtitlee a{margin-top:0px; color:#fff;  padding:4px;}
.webtitlee a:hover{ margin-top:0px; color:#000;  padding:4px; background-color: #fff;}
.beatlife_pic {border:1px solid silver; background-color: #fff; height: 125px; width:390px;}



.black {border:0px solid #000; background-color: #000;  width:475px;}

#white {border:0px solid red; background-color:#fff;  width:580px; padding:10px;}
#blue {border:0px solid red; background-color:#b6dde9;  width:580px; padding:10px;}


/*******************************************************************/


/***********navigation************************
#nav
{
	float:left;
	display: inline;
	margin-left: 0px; margin-right: 25px;
	width:140px;
	
}


#nav ul a
{	width:125px;
	padding-left:14px; 
	color: #fff;
	font-weight:bold;
	font-size:1.1em; margin:0px; text-decoration:none
}


#nav ul a:hover 
{	width:125px;
	color: #bcbcbc;
	padding-left:14px; 
	font-weight:bold;
	font-size:1.1em; margin:0px;
	
}


#nav ul
{
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:left; 
}

#nav li{border:0px solid #CCCABE; margin:8px 8px;}


*/