body{
  background: white;
  position: absolute;
  color: black;
  margin: 0;
  padding: 0;
  }

#wrapper{
  width: 770px;
  position: absolute;
  background-color: #fff;
  margin: 0px auto;
  border: 0px solid #000000;
  text-align: left;
  background-repeat: repeat-y;
  /*background: url(/images/background.jpg) repeat-y center top;
  */
  }

#wrapperbrown{
  width: 770px;
  position: absolute;
  height: 550px;
  top: 142px;
  background-color: #CCCC99;
  margin: 0px auto;
  border: 0px solid #000000;
  text-align: left;
  background-repeat: repeat-y;
  }

#wrappergreen{
  width: 770px;
  position: absolute;
  height: 550px;
  top: 142px;
  background-color: #CCFFCC;
  margin: 0px auto;
  border: 0px solid #000000;
  text-align: left;
  background-repeat: repeat-y;
  }

#oldtopbar #nav ul li a{
  background-color: transparent;
  text-decoration: none;
  }
  
#banner{
  background-repeat: no-repeat;
  }

#topbar #nav ul {
  background-color: transparent;
  margin: 0;
  padding: 0;
  }

#topbar #nav ul li {
  padding: 0;
  margin: 0;
  display: inline;
  }

#topbar #nav ul li a{
  background-color: #330099;
  border-bottom: 1px solid #000000;
  color: #FFFFFF;
  margin: 1px; 	padding: 5px 0px 6px 4px;
  display: inline;
  text-decoration: none;
  height: 1%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  text-align: center;
}

#topbar #nav a:hover, #topbar #nav a:focus { 
background-color: #99CCFF;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
color: #000000;
}

#lefthand {
  position: relative;
  top: 200;
  left: 0;
  width: 143px;
  }
  
#leftcol #nav ul {
  background-color: transparent;
  list-style-type: none;
  margin: 7px; padding: 0;
  font-size: 80%;
  border: 1px solid #000000;/*this adds a second line to the bottom of the nav, if you prefer a single line you can remove it by uncommenting the other properties and commenting out this one. I think it gives a nice raised effect, the choice is your's :)*/
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-top: 1px solid #000000;
  width: 134px;
  }
  
#leftcol #nav ul li a{
	background-color: #330099;
	border-bottom: 1px solid #000000;
	color: #FFFFFF;
	margin: 1px; 	padding: 5px 0px 6px 4px;
	display: block;
	text-decoration: none;
	height: 1%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: center;
}

#leftcol #nav a:hover, #leftcol #nav a:focus { 
background-color: #99CCFF;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
color: #000000;
}


#leftcol #nbr ul {
  background-color: transparent;
  list-style-type: none;
  margin: 7px; padding: 0;
  font-size: 80%;
  border: 1px solid #000000;/*this adds a second line to the bottom of the nav, if you prefer a single line you can remove it by uncommenting the other properties and commenting out this one. I think it gives a nice raised effect, the choice is your's :)*/
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-top: 1px solid #000000;
  width: 134px;
  }

#leftcol #nbr ul li a{
	background-color: #999966;
	border-bottom: 1px solid #000000;
	color: #FFFFFF;
	display: block; 
	margin: 1px;   padding: 5px 0px 6px 4px;
	text-decoration: none;
	height: 1%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: center;
}

#leftcol #nbr a:hover, #leftcol #nbr a:focus { 
background-color: #CCCC99;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
color: #000000;
}

#leftcol #ngr ul {
  background-color: transparent;
  list-style-type: none;
  margin: 7px;    padding: 0; 
  font-size: 80%;
  border: 1px solid #000000;/*this adds a second line to the bottom of the nav, if you prefer a single line you can remove it by uncommenting the other properties and commenting out this one. I think it gives a nice raised effect, the choice is your's :)*/
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-top: 1px solid #000000;
  width: 134px;
  }

#leftcol #ngr ul li a{
	background-color: #669966;
	border-bottom: 1px solid #000000;
	color: #FFFFFF;
	display: block;
	margin: 1px;   padding: 5px 0 6px 4px;
	text-decoration: none;
	height: 1%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: center;
}

#leftcol #ngr a:hover, #leftcol #ngr a:focus { 
background-color: #CCFFCC;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
color: #000000;
}

.clearit{
clear: both;
display: block;
background-color:#CCFFCC;
width: 300px;
}

#listings {
  position: absolute;
  top: 60px;
  margin-left: 160px;
  width: 550px;
  }

#listings p {
  font-size: 80%;
  width: 550px;
  margin: 20px;
  }

#content {
  position: absolute;
  top: 60px;
  margin-left: 160px;
  width: 550px;
  }

#content p {
  font-size: 80%;
  width: 450px;
  margin: 20px;
  }
    
#content h1 {
  font-size: 130%;
  padding: 0;
  margin: 20px;
  }
  
#content h2 {
  font-size: 110%;
  padding: 0;
  margin: /*100px 0 0*/ 20px;
  }

#splitcontent {
  position: absolute;
  top: 0px;
  left: 131px;
  width: 191px;
  font-size: 8pt;
  }

#splitproducts {
  position: absolute;
  top: 0px;
  left: 130px;
  width: 500px;
  font-size: 8pt;
  }

#splitfootnote {
  position: absolute;
  top: 240px;
  left: 300px;
  width: 100px;
  font-size: 10pt;
  }
    
#splitstream {
  position: absolute;
  top: 88px;
  left: 300px;
  width: 300px;
  font-size: 10pt;
  }

#splitradio {
  position: absolute;
  top: 85px;
  left: 252px;
  width: 300px;
  font-size: 10pt;
  }

#listradio {
  position: relative;
  top: -30px;
  left: 50px;
  width: 530px;
  font-size: 10pt;
  }

#footer {
  background-color: transparent;
  color: black;
  text-align: center;
  }
  
.container {
  width:99%;
  float: right;
  }

#boxwrap {
  position: relative;
  width: 601px;
  }
  
#boxleft {
  float: left;
  height: 200px;
  width: 300px;
  border: 1px solid #000000;
  }
  
#boxright {
  margin-left: 301px;
  height: 200px;
  width: 300px;
  border: 1px solid #000000;
  }

.clearfix:after {
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
.clearfix {
	display: inline-block; /* Fixes IE/Mac */
	}
/* Hides from IE-mac \*/
* html .clearfix,
* html .clearfix * {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
p {
	margin-top: 0;
	}