html, body, p, ul, li, ol, h1, h2,h3,dt, dl, dd, form, fieldset, div, img {margin:0; padding:0; border: 0;}

body{
margin: 0;
padding: 0;
background-image:url("images/kairos_bkgB.jpg");
background-color: #3F3617;
background-attachment: fixed;
}

div#header{
width: 822px;
height: 152px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
margin: 0 auto;
}

div#bar{
width: 822px;
height: 44px;
background-image:url(images/nav.jpg);
background-repeat:no-repeat;


}



div#container{
width: 822px;
background-image:url(images/middle.jpg);
margin: 0 auto;
padding: 0;
background-repeat: repeat-y ;
overflow: hidden;
}


div#bottom{
width: 822px;
height: 61px;
background-image:url(images/bottom.jpg);
background-repeat: no-repeat;
margin: 0 auto;
padding: 0;
}



div#footer p{
width: 350px;
margin: 0 auto;
font-family:Arial, Helvetica, sans-serif;
color: #fff;
font-size: 9px;
padding: 7px 0 30px 0;
font-weight: normal;
}

div#footer a:hover{
width: 350px;
margin: 0 auto;
font-family:Arial, Helvetica, sans-serif;
color: #fff;
font-size: 9px;
padding: 7px 0 0 0;
font-weight: normal;

text-decoration: none;
}

div#footer a:link, a:visited{
width: 350px;
margin: 0 auto;
font-family:Arial, Helvetica, sans-serif;
color: #fff;
font-size: 9px;
padding: 0 0 0 0;
font-weight: normal;
}



/* nav */
#nav{
 
 font-size: 10pt;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 padding: 5px 5px 0 45px;

 
}
#nav a{
   /*color: #575447;*/
   text-decoration: none;
   color:#ffffff;
   font-size: 10pt;
}

#nav a:visited{
   /*color: #575447;*/
   text-decoration: none;
   color:#ffffff;
   font-size: 10pt;
}
#nav .current a{
  padding-bottom:2px;
  border-bottom: 1px dotted #ffffff;
  color:#ffffff;
  font-size: 10pt;
}
#nav a:hover{
   border-bottom: 1px dotted #ffffff;
   text-decoration: none;
   padding-bottom: 2px;
   color:#ffffff;
   font-size: 10pt;
}


#nav li{
  display: block;
  float:left;
  margin-left: 0px;
  list-style-position: inside;
  text-indent:18px;
  
 
}


/* CLEARFIX */
.clearfix:after { content: "."; display: block; height: 0;  clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* start navigation css 




ul#top_nav {width: 738px; height: 29px;  padding: 0; margin:0 auto; list-style:none; overflow: hidden;}
	
	ul#top_nav li {display: block; float: left; margin-right: 0;}
		ul#top_nav li a{display: block; height: 29px;  background: url("images/navigation.jpg") no-repeat; text-indent: -9999px; }
		
		ul#top_nav li.home a {width: 45px; background-position: 0 -29px;} 
		ul#top_nav li.home a:hover, ul#top_nav li.home, ul#top_nav li.home a.current {background-position: 0 0px;}  

		ul#top_nav li.story a {width: 56px; background-position: -48px -29px ;} 
		ul#top_nav li.story a:hover, ul#top_nav li.story,  ul#top_nav li.story a.current {background-position: -48px 0px ;} 
			
		ul#top_nav li.new a {width: 139px; background-position: -104px -29px ;}  
		ul#top_nav li.new a:hover, ul#top_nav li.new, ul#top_nav li.new a.current {background-position: -104px 0px ;}  

		ul#top_nav li.podcast a {width: 75px; background-position: -242px -29px ;}  
		ul#top_nav li.podcast a:hover, ul#top_nav li.podcast, ul#top_nav li.podcast a.current {background-position: -242px 0px ;} 

		ul#top_nav li.donate a {width: 63px; background-position: -317px -29px ;}
		ul#top_nav li.donate a:hover, ul#top_nav li.donate, ul#top_nav li.donate a.current {background-position: -317px 0px ;}
		
        ul#top_nav li.videos a {width: 62px; background-position: -380px -29px ;}  
		ul#top_nav li.videos a:hover, ul#top_nav li.videos, ul#top_nav li.videos a.current {background-position: -380px 0px ;} 

		ul#top_nav li.photos a {width: 66px; background-position: -442px -29px ;}  
		ul#top_nav li.photos a:hover, ul#top_nav li.photos, ul#top_nav li.photos a.current {background-position: -442px 0px ;} 
		
		ul#top_nav li.blog a {width: 49px; background-position: -508px -29px ;}  
		ul#top_nav li.blog a:hover, ul#top_nav li.blog, ul#top_nav li.blog a.current {background-position: -508px 0px ;} 
		
		ul#top_nav li.news a {width: 116px; background-position: -557px -29px ;}  
		ul#top_nav li.news a:hover, ul#top_nav li.news, ul#top_nav li.news a.current {background-position: -557px 0px ;} 
		
		ul#top_nav li.contact a {width: 65px; background-position: -673px -29px ;}  
		ul#top_nav li.contact a:hover, ul#top_nav li.contact, ul#top_nav li.contact a.current {background-position: -673px 0px ;} 


 end navigation css */

/* START Text CSS */
p{
font-family: "Courier New", Courier, monospace;
color:#000000;
font-size:13px;
margin: 0;
padding: 0px;
/*text-align: justify; */
}

#text a:hover{
text-decoration: none;
font-family: "Courier New", Courier, monospace;
color:#000000;
font-size:13px;}

#text a:link{
font-family: "Courier New", Courier, monospace;
color:#000000;
font-size:13px;
}

#text a:visited{
font-family: "Courier New", Courier, monospace;
color:#000000;
font-size:13px;
}


h1{
font-family:"Courier New", Courier, monospace;
font-weight: bold;
font-size: 14px;
color: #000;
margin: 0;
padding: 0;
}

div#text{
width: 410px;
margin: 0 0 0 45px;
float: left;

}


div#new{
width: 200px;
padding:0 0 0 45px;
float: left;
}

#new a:hover{
text-decoration: none;
font-family: "Courier New", Courier, monospace;
color:#000000;
font-size:13px;}

#new a:link{
font-family: "Courier New", Courier, monospace;
color:#000000;
font-size:13px;
}

#new a:visited{
font-family: "Courier New", Courier, monospace;
color:#000000;
font-size:13px;
}



/* END Text CSS */


div#right{
width: 300px;

float: right;
margin: 10px 10px 0 0;


}

div#map{
width: 486px;

float: right;
margin: 10px 18px 0 0;


}

div#index_sub{
width:277px;
height: 404px;
background-image: url("images/index_sub_nav_B.jpg");
margin: 0;
float: left;
background-repeat:no-repeat;
}

ul#subnav{
margin: 18px 0 0 49px;
list-style: none;


}

ul#subnav li{
margin: 0 0 3px 0;
list-style: none;


}

div#index_video{
width:517px;
height: 325px;
background-image: url("images/index_video.jpg");
margin: 35px 21px 0 0;
float: right;
background-repeat:no-repeat;

}

div#video_container{
width:517px;
float: right;
background-repeat:no-repeat;
margin:0;
padding: 0 25px 0 0;

}

div#photos_bkg{
width:517px;
height: 527px;
background-image: url("images/photos_bkg.jpg");
margin: 0;
float: right;
background-repeat:no-repeat;
}

div#photos_container{
width:517px;
float: right;
background-repeat:no-repeat;
margin:0;
padding: 0 25px 0 0;
}

div#photos{
width: 452px;
height: 254px;
background-color:#000000;
margin: 30px 21px 0 30px;
}



div#video_bkg{
width:517px;
height: 410px;
background-image: url("images/video_bkg.jpg");
margin: 0;
float: right;
background-repeat:no-repeat;
}

div#vimeo_hd{
width:517px;
height: 325px;
background-image: url("images/index_video.jpg");
margin: 0;
float: right;
background-repeat:no-repeat;
}

div#vimeo_hd_container{
width: 456px;
height: 242px;
background-color:#000000;
margin: 29px;
}



div#video{
width: 452px;
height: 254px;
background-color:#000000;
margin: 30px 21px 0 30px;
}

#video_container a:hover{
text-decoration: none;
font-family: "Courier New", Courier, monospace;
color:#000000;
font-size:13px;}

#video_container a:link{
font-family: "Courier New", Courier, monospace;
color:#000000;
font-size:13px;
}

#video_container a:visited{
font-family: "Courier New", Courier, monospace;
color:#000000;
font-size:13px;
}

div#vimeo{
width: 456px;
height: 342px;
background-color:#000000;
margin: 29px;
}

#right a:hover{
text-decoration: none;
font-family: "Courier New", Courier, monospace;
color:#000000;
font-size:13px;}

#right a:link{
font-family: "Courier New", Courier, monospace;
color:#000000;
font-size:13px;
}

#right a:visited{
font-family: "Courier New", Courier, monospace;
color:#000000;
font-size:13px;
}