/* Mia Soule
Newkirk Township Website 
*/

body {
color:black;
background-color:#F0F8FF;
}  
/*Defines background color for pages*/

p {
color:black;
font-family:"times new roman";
line-height:130%;
font-size:14pt;
margin-left:5%;
margin-right:5%;
font-weight:normal;
}
/* Assign font Verdana to all paragraph tags */

li.faq {
color:green;
font-size:14pt;
font-weight:bold;
}


/*  all paragraph that has class name “first” indent sentence of content */
p.first {
text-indent:2em;
}

/* For surveyResults.html questions */
p.survey {
color:green;
font-size:14pt;
font-weight:bold;
}

/*  Centers headings for h1-h3 */
h1, h2, h3 {
text-align: center; 
font-weight:bold; 
font-family:arial;
margin-top:5%;
}

h4 {
margin-left:5%;
}

a:visited {
color: #800000;
}  
/* visited link - maroon*/


/* heading is white and font is Curlz MT and bolded. It is placed left side and 2 pixel of border around table */
th {
color:white; 
font-family: curlz mt, french script mt, castellar; 
font-size:4em; 
font-weight:bold; 
text-align:left; 
border:2px solid black; 
background-image:url('images/banner1-1.jpg'); 
background-repeat:repeat-x;
height:120;
cursor:hand;
}

td.top {
vertical-align:top;
}
/* Aligns text in cell at top of cell */

td.width1 {
width:20%;
}
/* Makes width of column 20% of the overall width of the screen */

td.width2 {
width:85%;
}
/* Column with content is 85% of width of screen, adjust to resolution */

/* Allows content within div tags to be centered */
div.center {
text-align:center;
}

div.margin {
margin-left:30%;
margin-top:5%;
}

div.li {
font-size:14pt;
line-height:25pt;
margin-left:10%;
margin-right:5%;
}

/*  all text paragraph tag that has class name “tagline” is time new roman, italic and size 10*/
p.tagline {
font-size:10pt; 
font-family: "times new roman"; 
font-style:italic;
}

/*  all image that has class name “camp” is placed right side 20 pixel margin 2 pixel solid border around picutre */
img.camp {
float: right; 
margin:0 0 20px 20px; 
border:2px solid black; 
}


/*Navigation link Container*/
#navcontainer
{
width: 12em;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #90bade;
color: #333;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #90bade;
margin: 0;
font-size:15px;
}
/* li tags have a 1 pixel solide border. */

#navcontainer li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}

#navcontainer li
{
font-size:12px;
font-weight:bold;
font-family:arial;
}


<p>
 <a href="http://jigsaw.w3.org/css-validator/">
  <img style="border:0;width:88px;height:31px"
       src="http://jigsaw.w3.org/css-validator/images/vcss" 
       alt="Valid CSS!">
 </a>
</p>