/* style sheet created by Marlene Moormann */
/* Created on 3/07 */
/* To be used with the nckl homepage */
html,body{margin:0;padding:0}
body{font: 100% arial,sans-serif}
p{margin:0 5px}
a{color: #0000ff;}
a:active {color:#66ff00}
a:visited {color:#800080}
a:hover   {color: #cc0000; font-size: 100%}

/* Defines logo area with address included in this */
div#header{border-top-style: none;
					 border-top-color: #008ace;
					 border-top-width: 3px;
					 border-bottom-style: solid;
					 border-bottom-color: #008ace;
					 border-left-style: none;
					 border-left-color: #008ace;
					 border-right-style: none;
					 border-right-color: #008ace;
					 margin-left: 1%;
					 padding-bottom: 5px; }
					 
div#header h1{height:100px;line-height:80px;margin:0;
  padding-left:10px; background: #EEE;color: #79B30B; }

/* Defines central area of page with content and footer. Excludes navigations */
div#wrapper{float:left;width:100%}

/* Defines content area margin */
div#content{margin: 0 25%; }

/* Defines line height within the middle content area only */
div#content p{line-height:1.3; }

/* Creates space around 1st paragraph in middle content area beside county map */
div#content p.first{padding: 5px 5px 5px 5px; }

/* Defines page title heading */
h3.one {text-indent: 5%;}
h2.one {text-indent: 5%;}
h4.one {text-indent: 5%;}

/* Defines county map placement with spacing around it */
.imgleft {
float: left;
padding: 6px 10px 6px 0px;
}

/* Defines blog news box */
/* margin-right pushes box over to left for better display */
div#news {display: block;
          margin-right: 2%;
					margin-top: 5%;
					padding: 20px; 
          border-style: dotted;
					border-width: 2px;
					border-color: #008ace;
					background: #ffffcc;
					}
div#banner {display: block;
          margin-right: 2%;
					margin-top: 5%;
					padding: 20px; 
          border-style: dotted;
					border-width: 4px;
					border-color: #800000;
					background: #ffffcc;
					}					
div#info {display: block;
          margin-right: 2%;
					margin-top: 5%;
					padding: 20px; 
          border-style: dotted;
					border-width: 4px;
					border-color: #008ace;
					background: #ffffcc;
					}
/* Defines heading in blog area */					
h3.news {text-align: center; }


/* Defines blog area text for font size and also spacing */
.large {font-size: 100%;
        padding-bottom: 20px;
				text-align: center;
				}
				
/* Defines collage picture */				
.pic {
      text-align: center;
      border-style: none;
			}

/* Defines left side navigation area */
div#navleft{float:left;
				  line-height: 1.3; 
          background:#ffffff;
          width:23%;
					margin-left:-99%;
					font-size: 80%;
					text-align: center;					
					background:#ffffff;
          border-top-style: none;
					border-top-color: #008ace;
					border-top-width: 3px;
					border-bottom-style: none;
					border-bottom-color: #008ace;
					border-left-style: none;
					border-left-color: #008ace;
					border-right-style: solid;
					border-right-color: #008ace;}

div#navright{float:left;
           background:#ffffff;
           width:23%;margin-left:-25%;
					 text-align: center;
					 font-size: 80%;
					 border-top-style: none;
					 border-top-color: #008ace;
					 border-top-width: 3px;
					 border-bottom-style: none;
					 border-bottom-color: #008ace;
					 border-left-style: solid;
					 border-left-color: #008ace;
					 border-right-style: none;
					 border-right-color: #008ace; }

/*Defines bottom footer area which includes "send comments to... */
div#footer{background: #ffffff;
					 border-top-style: solid;
					 border-top-color: #008ace;
					 border-top-width: 3px;
					 border-bottom-style: none;
					 border-bottom-color: #008ace;
					 border-left-style: none;
					 border-left-color: #008ace;
					 border-right-style: none;
					 border-right-color: #008ace;
					 width: 85%;
					 margin-left: 1%;
					 font-style: italic;
					 text-align: center;
					 width:100%;
					 clear: both;
					 }
/* Defines paragraph within footer div */					 
div#footer p{margin:0;padding:5px 10px;
             font-size: small; }

/* Defines color for webspinner link */ 
div#footer a{color: #0000ff; }

/* Defines valid images for css and xhtml */
.validimage {
float: right;
}