/*
********************************************
    TYPOGRAPHY AND COLOR RULES FOR WIC SITES
********************************************
*/

body{
  margin: 0;
  padding: 0;
  background-color: #336600;/* (006600   99FF66  #336600  #66CC00  #003300   #00CC66 greens)  #003399;*/
  color: #003300;/*009;*/
  font-family: verdana, sans-serif;
  font-size: .9em;
  line-height: 1.2em;
  /* there are overrides and/or additions in advanced.css*/
  }

a, p, ul, li, h1, h2, h3, h4, h5, th, td {
  /*
  This rule has multiple selectors to ensure that the styles are carried
  down into the necessary elements in NN4, which is notoriously flaky in its
  handling of inheritance.
  */
  font-family: verdana, sans-serif;
  color: #003300;/*009;*/
  
  }
h2{
	line-height: 1.6em;
	font-family: verdana, sans-serif;
	color: #003300;/*#000099;*/
}
h3{
	line-height: 1.4em;
	font-family: verdana, sans-serif;
	color:  #003300;/*#000099;*/
}
a {
  color: #003300;/*009;*/
  /*text-decoration: none;*/
  font-weight: bold;
  }


a:hover {
  color: #f00;
  text-decoration: underline;
  font-style: italic;
  }

a.NavLink {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  }

.NavList {
  font-family: verdana, sans-serif;
  color: #fff;
  }

li.off {
    list-style-type: none;
    }

li {
    color: #003300;/*009;*/
     
	/*marker-color: #f00;*/
    }

p.pageTitle {
    font-size: 1.4em;
    font-variant: small-caps;
    font-weight: bold;
	}

p.newsTitle {
    font-variant: small-caps;
    font-weight: bold;
	}

table {
	margin: 20px;
	background-color: #FFFFFF;
	}
th, tr, td {
	background-color: #FFFFFF;
	}
td {
	font-size: 1em;
	vertical-align: top;
	}

#MainContent a {
    background-color: #ffffff;
    color: #003300;/*009;*/
  }

#MainContent p {/* NN4 inheritance */
  color: #003300;/*009;*/
  }

#Footer p {/* NN4 inheritance */
  color: #003300;/*009;*/
  }

ul {
  margin: 0;
  padding: 0 0 0 1em;
  list-style-position: outside;
  list-style-type: square;
  border: 0;
  }

li {
  padding: 0;
  margin: 0;
  border: 0;
  }
.color
{
 color: #003300;/*009;*/   
}
.FrontPage {
  float: right;
  margin: 0 0 0 30px;
  border: 0;
  }

.copyright {
  font-size: 0.9em;
  line-height: 1.0em;
  }

.logo {
  font-size: 32px;
  line-height: 32px;
  margin: 0;
  }

.motto {
  text-align: right;
  font-weight: bold;
  font-style: italic;
  }

.trick {
  clear: right;
  }
  /*
  The above is a trick to keep the image from escaping the bottom of
  the div on wide screens in Opera6 and Netscape6. Unfortunately it does not
  work for IE6. Floats and clears have very cantankerous support across the
  browsers. This is a very good example of why you should not rely on them in
  a critical area.
  */

.intd  {
	color: #000000; font-family: Tahoma, Verdana; font-size: 11px; padding-left: 15px;
	}

.mainImage {
    float: right;
    }

div.sectionHead {
    background-color: #d6d6d6;
    font-family: verdana, arial, sans-serif;
    font-size:12pt; /*1.3em;*/
    color:  #003300;/*#000099;*/
    font-weight: bold;
    }

p.sectionHead {
       color:  #003300;/*#000099;*/
    }

form {
  background: #fff;
    }

/*

********************************************
    LAYOUT RULES
********************************************
*/

  /*
  NN4 has limited ability with absolutes. It cannot set them except in reference
  to the top and left, so the three column layout for modern browsers will not
  work here. Instead, both side columns have been set down the left and with
 fixed widths in order to clear the absolute MainContent.
  */

#Footer {
  padding: 10px 10px 10px 20px;
  border: 1px solid #ccc;
  background: #fff;
  /*
  background: #fff url(img/_.gif) no-repeat;
  */
  /*
  NN4 needs the background color included with a background image, else it will
  display a black background.
  */
  /*
  NN4 incorrectly traces the img URL in relation to the HTML document, not
  the CSS. Watch out if you're styling HTML's in multiple directories. In that
  case use a full URL to the image directory.
  */
  /*
  NN4 can't use the bottom right image we used for modern browsers - it can
  only set a background image in relation to the top left corner. If we don't
  use any background image here, then the background color won't show without
  a border. Then we're up against the transparent gap nonsense again. So here's
  a variation on the fix; I've used a one pixel transparent gif for a background
  image to get background color to show up without a border.
  */
  margin: 0;
  }

#Headers {
  position: relative;
  margin: 0;
  padding: 15px 10px 10px 15px;
  border: 0;
  height: 110px;
  }

/*#MainContent {
  position: absolute;
  top: 150px;
  left: 160px;
  padding: 20px 10px 100px 50px;
  border: 0;
  background: #fff;
  color: #000;
  margin: 0 20px 0 40px;
  }*/

#RightNav {
  margin: 0;
  padding: 45px 10px 10px 40px;
  width: 130px;
  border: 0;
  }

#LeftNav {
  margin: 0;
  padding: 45px 10px 10px 10px;
  border: 0;
  width: 150px;
  }