* {
  margin: 0;
  padding: 0;
}
/* mac hide \*/

html, body{
  height: 100%;
  width: 100%;
}
/* end hide */

body {
  background-color: #000099;
  text-align: center;
/*  min-height: 550px;/* for good browsers*/ */
}

#container {
margin: 0 auto;
width: 800px;
  text-align: center;
  background-color: #FFFFff;


}


 #branding {
   width: 800px;
   height: 120px;
   min-width: 800px;
/*   border-bottom-style: solid;
   border-color: #ffdd95;
   border-bottom: 20px; */
 }




#nav{
  width: 212px;
  float: left;
    font-family: Verdana, "Trebuchet MS", Arial;
    background-color: #00FF33;
}

#nav p {
  padding: 2px;
  font-size: 80%;
  margin-left: 10px;
  margin-right: 20px;
  border: groove 2px #993300;
}
#nav p.spacer{
  border: none;
  height: 50px;
}

#content{
padding-left: 10px;
  width: 550px;
  float: left;
  text-align: left;
  font-family: Verdana, "Trebuchet MS", Arial;
}
#content h1, #content p, #content ul #content h2{
  padding-right: 10px;
  padding-top: 8px;
  padding-left: 0px;
  _padding-left: 10px;
}
#content h1{
  margin-top: 0;
  padding-bottom: 0px;
  color: #006600;
  font-size: 110%;
}
#content h2{
  margin-top: 0;
  padding-top: 5px;
  padding-bottom: 0px;
  color: #993300;
  font-size: 96%;
}

#content ul {
  list-style-image: url(l-marker.gif);
  list-style-position: outside;
  line-height: 100%;
  padding-left: 30px;
  .padding-left: 0px;
}
#content li {
 font-size: 80%;
}

#content p.quote {
  padding: 5px 10px 5px 10px;
  font-style: italic;
}

#content p.spacer{
  border: none;
  height: 50px;
}

#images img {
  border: none;
}

#content img.smr {
  float: right;
  padding-left: 8px;
  padding-top: 6px;
  padding-bottom: 6px;
}
#content img.sml {
  float: left;
  padding-right: 8px;
  padding-top: 6px;
  padding-bottom: 6px;
}

#content p {
  font-size: 110%;
  font-family: Verdana, "Trebuchet MS", Arial;
  line-height: 130%;
  color: #666666;
}

#content p.subhead{
  padding-left: 0px;
  font-weight: bold;
  font-style: italic;
  font-size: 85%;
  _padding-left: 10px;
}
#content p.announce {
  color: red;
  font-size: 120%
}


#button {
	width: 11em;
/*    .width: 9.5em; */

	padding: 0 0 .5em 0;

    .margin-left: -1px;
	font-family: 'Trebuchet MS',
	  Verdana, Lucida, Arial, sans-serif;
      font-size: 120%;
	background-color: #00FF33;
	color: #333;
    text-align: left;
	}

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

	#button li {
		border-bottom: 1px solid #000000;
		margin: 0;
		}

	#button li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-right: 10px solid #00FF00;
        	border-left: 11px solid #00ff00;
            border-top: 1px solid #00ff00;
		background-color: #000099;
		color: #FFFF66;
		text-decoration: none;
		width: 100%;
		}
#button a.nowork:link {

		color: #999999;

		}
    #button img {
      border: none;
      margin-left: 5px;
    }


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

	#button li a:hover {
   /*		border-left: 10px solid #000000;*/
		border-right: 10px solid #ffffff;
        border-left: 10px solid #ffffff;
		background-color: #FFFF66;
		color: #003399;
		}

#footer{
clear: both;

height: 28px;
text-align: center;
line-height: 145%;
background-color: #00FF00;
color: #000000;
font-size: 9px;
}
#footer a:link{
color: #CC6666;
}
#footer a:visited{
color: #797979;
}
#footer a:hover{
color: #000000;
}