/* Layout Stylesheet */ 

			#content {
				padding: 10px;
				width: 580px;
				margin: 0px auto;
			}
			
			#footer {
				position: relative;  /* Needed for Safari */
				padding: 0px;
		 	 width: 100%;
	    	height: 95px;
	 	   margin: 0 auto;
	 	   background-image: url('../img/footer.gif');
	  	  background-repeat: repeat-x;
 	  	 background-position: bottom left;
			}

body{
 background: #FFFFFF;
 color: #000000;
 font-family: Gill, Helvetica, sans-serif;
 }

#hdr{
 height:100px;
 background:#FFFFFF;
 color:#000000;
/* border:solid #000000;
 border-width:2px 0px; */
 margin:20px 0 0 0;
 }

#hdr-img{
	background-image: url(../img/fayettenam_logo_grn.gif);
	background-repeat: no-repeat; 
	height:59px;
	}

#hdr-img a {
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
}


#hdr-menu {
	margin: 0 0 0 15px;
	font-size: 20px;
}

#hdr-menu a {
	text-decoration: none;
	color: #000000;
}

#hdr-menu a:hover {
	color: #66aef3;
/*	text-decoration: underline; */
}

#hdr-menu-item {
	margin: 0 20px 0 0;
}

  html, body, #container {
    min-height: 100%; /*Sets the min height to the
                        height of the viewport.*/
    width: 100%;
    height: 100%; /*Effectively, this is min height
                    for IE5+/Win, since IE wrongly expands
                    an element to enclose its content.
                    This mis-behavior screws up modern  
                    browsers*/
    margin: 0;
    padding: 0;
    }

  html>body #container {
    height: auto; /*this undoes the IE hack, hiding it
                    from IE using the child selector*/
    }

  #container {
    position: absolute;
    top: 0;
    left: 0;
    }


#rh-col{
 margin: 0px 0px 10px 10px;
 border: 4px solid #66aef3;
 background: #FFFFFF;
 color: #000000;
 padding: 10px;
 width: 400px;
 position: relative;
 float: left;
 }

#big-col{
 margin: 0px 0px 10px 10px;
 border: 4px solid #66aef3;
 background: #FFFFFF;
 color: #000000;
 padding: 10px;
 width: 520px;
 position: relative;
 float: left;
}
 
#rh-col h1, #big-col h1 {
	font-size: 14px;
	color: #006600;
}

#rh-col h2, #big-col h2 {
	font-size: 12px;
	color: #006600;
	font-weight: bold;
}

#rh-col h2 a, #big-col h2 a {
	color: #66aef3;
	text-decoration: none;
}


#rh-col h2 img, #big-col h2 img {
	padding: 2px;
	border: 0;
} 

#rh-col h2 a:hover, #big-col h2 a:hover {
	color: #006600;
	text-decoration: none;
}

#rh-col p, #big-col p {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

.lh-photo{
	margin: 0 10px 10px 0;
	float: left;
	border: 3px solid orange;
}

#lh-col{
 position: relative;
 margin: 0px 10px 10px 0px;
 width: 120px;
 border: none;
 background: #FFFFFF;
 float: right;
 }

.rh-item{
	font-size: 10px;
	text-align:center;
	margin: 0 auto;
	padding: 0px 10px 10px 10px;
	width: 100px;
/*	border: 4px solid orange; */
  background-color: #FFFFFF;
}


.rh-item a {
   display:block; 
   width:100%;
  height:100%; 
  text-decoration:none;
  color: #000000;
  font-weight: bold;

}

.rh-item a:hover {
	color: #006600;
/*	text-decoration: underline; */
	
}

.rh-item img {
border: 4px solid orange; 
}

.clearing {
	clear: both; 
	line-height: 1px; 
	height: 1px; 
	display: block; 
	margin: 0; 
	adding: 0;
}