* {
	 margin: 0px;
	 padding: 0px;
	 border: 0px;
	}
	
body {
	 margin-top: 2px;
   border-width: 0px;
   font-size: 0.85em;
   background-color: #ffffff;
  }
/*This is the header. Consisting of your GPS logo*/  
.header {
	margin:0 auto;
	position: relative; 
	float: left;
	left: 5%;
	width: 90%;
	height: 75px;
	text-align: center;
	margin-bottom: 5px;
}


#nav {margin:5px 0 5px 0;}

    #nav {
      float:left;
      width:100%;
      background:#dae0d2 url("/images/bg.gif") repeat-x bottom;
      }
    #nav ul {
      margin:0 auto;
      padding:5px 10px 1px;;
      list-style:none;
      display:table;
      }
    #nav li {
      display:table-cell;
      float:left;
      background:url("/images/right_both.gif") no-repeat right top;
      margin:0 0 0 9px;
      padding:0;
      }
    #nav a {
      display:block;
      position:relative;
      left:-9px;
      margin-right:-9px;
      width:#1em;
      background:url("/images/left_both.gif") no-repeat left top;
      padding:3px 7px;
      text-decoration:none;
      font-weight:bold;
      color:green;
      }
    #nav > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a {float:none;}
    /* End IE5-Mac hack */
    #nav a:hover {
      color:#333;
      }
	  /* not for IE5#x or IE6 */
    #nav #current,
    #nav li:hover, 
	  #nav li:hover a {
      background-position:100% -150px;
      color:#333;
      }
    #nav #current a,
    #nav li:hover a {
      background-position:0 -150px;
      }
		#nav #current {
			position: relative; 
			top: 1px;
		}

#navmenu ul { /* all lists */
 padding: 0;
 margin-left: -9px;
 list-style: none;
 line-height: 1;
 z-index: 100;
}

#navmenu a {
 display: block;
 width: auto;
}

#navmenu ul li a {
 margin-left: 3px;
 padding: 0.2em 12px; 
 background: none;
 display: block;
}

#navmenu ul li a:hover {
 margin: 0 -15px 0 3px;
 padding: 0.2em 7px;
 border: 5px solid green;
 border-width: 0 5px 0 5px; 
 color: green;

}

#navmenu ul li { /* all list items */
 padding: 0 6px;
 margin: 0px;
 border-bottom: solid 1px black;
 background: none;
 float: left;
 width: 10em; 
}

#navmenu li ul { /* second-level lists */
 position: absolute;
 background: white;
 border: solid 1px black;
 border-width: 0 1px;
 width: 10em;
 left: -999em; 
}

#navmenu li:hover ul, #navmenu li.sfhover ul { /* lists nested under hovered list items */
 left: auto;
}

				
/*This is the code for the rounded box effect used on the newsletter*/
.roundedbox {
	position: relative;
  float:left;
  background: #4db34d;
  margin: 0 0 0 1em;
  }

.roundedbox .top, .roundedbox .bottom {
  font-size: 1px;
  height: 5px;
  line-height: 1px;
}

.roundedbox .topleft {
  background: url("/images/grncircle.gif") no-repeat top left;
  float: left;
  height: 5px;
  width: 5px;
}

.roundedbox .topright {
  background: url("/images/grncircle.gif") no-repeat top right;
  float: right;
  height: 5px;
  width: 5px;
}

.roundedbox .bottomleft {
  background: url("/images/grncircle.gif") no-repeat bottom left;
  float: left;
  height: 5px;
  width: 5px;
}

.roundedbox .bottomright {
  background: url("/images/grncircle.gif") no-repeat bottom right;
  float: right;
  height: 5px;
  width: 5px;
}

.roundedbox .boxcontent {
  margin: -.75em 1em;
  margin-bottom: 15px; 
}

.roundedbox p {
   margin: .5em 0;
}

/*This is the wrapper for the 3 column look*/    
.wrap {
	position: relative;
	float: left;
	width: 90%;
	left: 5%;
	margin-top: 0px;
}

/*These are the actual columns regular and wide*/
.column {
	position: relative;
	float: left;
	left: 0%;
	width: 33%;
}

.columnwide {
	position: relative;
	float: left;
	left: 0%;
	width: 66%;
}
/*This is the rounded box effect for the news/updates/ect */
.contentbox {
	width: 300px;
	background: #ffffff url(/images/grnbox.png) no-repeat left bottom;
	padding: 10px 0px 16px 0px;
	margin: 0 auto;
}
.contentbox h2 {
	height: 24px;
	width: 280px;
	background: #ffffff url(/images/grnbox.png) no-repeat left top;
	padding: 5px 10px 5px 10px;
	font-size: 16px;
	color: #fff;
}
.contentbox p {
	background: url(/images/grnbox.png) repeat-y right top;
	padding: 5px 10px 5px 10px;
}

.contentbox span, .contentboxwide span {
	font-size: 85%;
}

/*This is the wide rounded box effect  */
.contentboxwide {
	position: relative;
	width: 600px;
	background: #ffffff url(/images/grnboxwide.png) no-repeat left bottom;
	padding: 10px 0px 16px 0px;
	margin: 0 auto;
}
.contentboxwide h2 {
	height: 24px;
	width: 580px;
	background: #ffffff url(/images/grnboxwide.png) no-repeat left top;
	padding: 5px 10px 5px 10px;
	font-size: 16px;
	color: #fff;
}
.contentboxwide p {
	background: url(/images/grnboxwide.png) repeat-y right top;
	padding: 5px 10px 5px 10px;
}

/*This is the footer section of the page where it has your copyright information*/
.footer {
	padding-top: 5px; 
	position: relative; 
	float: left; 
	left: 5%; 
	width: 90%; 
	text-align: center;
  font-size: 75%;
}

/*This is to align the rss icon links with the text in the content boxes.*/
.rss {
	position: relative;
	top: +4px;
	height: 20px;
	width: 20px;
}