/* CSS for Chalk to Slate Website
Copyright Terry Sutton 2007
*/

 

/***********************************************/
/* HTML tag styles                             */
/***********************************************/


body{
	background:#555;
	margin-left:0;
  	font: small/18px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	
	/* Box Model Fix  */
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	
}

#header {
	background-color:#555;
 	background-repeat:no-repeat;
  	font: 2.4em Georgia, "Times New Roman", Times, serif;
	color: white;
	padding: 25px;
 }



#slogan {
 	/*background-image:url(img/slogan.jpg);
	background-repeat: no-repeat;
	background-color: #d2dadc;
	height:155px;
	width:915px;
	*/
	background-image:url(img/slogan.jpg);
	background-repeat: no-repeat;
	background-color:#d2dadc;
	height:154px;
	padding:0px;
 	}


#pagerunner {
 	margin-left: 239px;
		}

 

p {
	color:black;
	line-height:1.4em;
	font-family: small Verdana, Arial, Helvetica, sans-serif;
	
	}




h1 {
	font-family: Gill Sans;
	background-color: #fff;
	color: #888;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size: 2.0em;
}


h2 {
	font-family: Georgia;
 	color: #fff;
	text-decoration: none;
  	letter-spacing: -1.4px;
	line-height: 1.1em;
	font-size: .7em;
	margin-top: -2px;
 }


h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#000;
}

img {
	border:0;
	}

 

 
 
/**************  Columns ******************/

#main-left {
 	float:left;
	background-color: white;
	padding: 15px 15px 15px 25px;
	width: 500px;
	min-height:500px;
	}

#top-picture {
	float:left;
	background-color:green;
	
	width: 400px;
	}

#right-column {
	float: left;
	width: 500px;
 	}
	
	
	
/**************  Right-column ******************/


#copyright-footer {
	float: left;
 	width: 480px;
	color: #fff
	}
	
#copyright-footer p {
	
	color: #fff
	}



/**************  Navigation ******************/

#nav a{
	color:#fff;
	text-decoration:none;
	}


li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	
	
#nav {
	float:left;
	background-color:#83B344;
 	width:480px;
	}

/***  Main Nav links***/

#nav .main {	
	 color: #fff;
	}
	
#nav .main a:link{
	color: #fff;
	background-color: transparent;
	text-decoration: none;
  }


#nav .main a:visited{
	color: #fff;
	background-color: transparent;
	text-decoration: none;
}


/***  Sub Nav links***/

#nav .sub {
	color: #D3FF99;
	}

#nav .sub a:link{
	color: #D3FF99;
	 
}

#nav .sub a:visited{
	color: #D3FF99;
	background-color: transparent;
	text-decoration: none;
}




#nav ul{
	list-style: none;
	list-style-type:none;
}


#nav li{
 	list-style: none;
	margin: 15px;
	padding: 0;
 }





#nav a:hover{
	color: white;
	background-color: transparent;
	text-decoration: none;
	border-bottom: dotted thin #fff;
	}

#nav a:active{
	color: #fff;
	background-color: transparent;
	text-decoration: none;
}

.currrent {
		text-decoration:underline;
}