@charset "UTF-8";
/* CSS Document */

body{
background-color:#ffffff;
}

img {
	border:none;
	}
	h1{color:#666666;}
	
	h1 {letter-spacing: 1px; word-spacing:2px,}

#header{
padding-left: 50px;
}

#main {max-width:75%;}

#navtd{min-width: 25%; background-color:#fff; text-align:center;

}

.nav a{
	display:block;
	font-weight:bold;
	font-size:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	word-spacing: 2px;
	letter-spacing: 1px;
	text-decoration:none;}
	a:active{color:#666666;
	background-color:transparent;
	font-weight:bold;
	font-size:16px;
	
	word-spacing: 2px;
	text-decoration:none;}
	a:link{color:#666666;
	background-color:transparent;
	font-weight:bold;
	font-size:16px;
	
	word-spacing: 2px;
	text-decoration:none;}
	a:visited{color:#666666;
	background-color:transparent;
	font-weight:bold;
	font-size:16px;

	word-spacing: 2px;
	text-decoration:none;}
	a:hover{
	background-color:transparent;
	font-weight:bold;
	font-size:16px;
	
	word-spacing: 2px;
	text-decoration:none;}

	#currentlink{
	display:block;
	color:#FFCC33;
	background-color:transparent;
	font-weight:bold;
	font-size:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	word-spacing: 2px;
	letter-spacing: 1px;
	text-decoration:none;}
	
	#footer{
	font-weight: bold;
	font-size:12px;
	font-family:"Times New Roman",Times,Serif;
	word-spacing:2px;
	color:#999999;
	}
	
	 #footer a{
	font-weight: bold;
	font-size:12px;
	font-family:"Times New Roman",Times,Serif;
	word-spacing:2px;
	color:#999999;
	}
	
.content{
	padding:50px;
	font-weight: bold;
	font-size:17px;
	font-family:"Times New Roman",Times,Serif;
	word-spacing:2px;
letter-spacing:1px;
	color:#333333;
	line-height:120%;
	}
	
	.img{
	padding:10px; float:left;
	}
	
	.slideshow{
	background-color:#999999;
	}

.title{
color:#666666;
	background-color:transparent;
	font-weight:bold;
	font-size:30px;
	font-family:Times New Roman,Times,Serif;
	word-spacing: 2px;
	}
	
		@media screen and (max-width: 600px) {

.content{  
  padding:0; 
  width: 94%;    /*3%+94%+3%=100%=full width*/
  margin: 3%;    /*3% margin spaces on all sides*/}

#navtd {float: left;  
  padding:0; 
  width: 94%;    /*3%+94%+3%=100%=full width*/
  margin: 3%;    /*3% margin spaces on all sides*/}

#main  {float: left;  
  padding:0; 
  width: 94%;    /*3%+94%+3%=100%=full width*/
  margin: 3%;    /*3% margin spaces on all sides*/}
  
  #header{padding:0;}
  
 .img  { float:left;}
  
  .nav a{display:inline-block; line-height:150%; text-transform:uppercase;}
  
  	#currentlink{display:inline-block; line-height:150%; text-transform:uppercase;}
}

@media screen and (max-width: 800px) {
  .img { padding:0; 
  width: 94%;    /*3%+94%+3%=100%=full width*/
  margin: 3%;    /*3% margin spaces on all sides*/}
}

h1 {line-height:130%;}

.img {   max-width: 100%;
  height: auto;
  width: auto; /* For IE8 */}