body {
        background: #000000;
        margin: 0px;
        padding: 0px;
}

.skateboards_border {
	border: 1px solid #FFFFFF;
}

.textsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 18px;

}


a:link {
	color: #E47F00;
	text-decoration: none;
}


h1 {
	color: #E47F00;
	text-decoration: none;
        font-size: 16px;
}

a {
	color: #E47F00;
	text-decoration: none;
}


a:hover {
	color: #FFCC00;
	text-decoration: none;
}


a:active {
	color: #E47F00;
	text-decoration: none;
}
p
{ 
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 18px;
}
td
{ 
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 18px;
}

li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.subheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFFFFF;
	font-weight: bold;

}

.borderwhite {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-left-width: 1px;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.borderorange {
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-color: #E47F00;
	border-right-color: #E47F00;

}
.borderRight {
	border-right-style: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E47F00;


}
.text {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 18px;
}

.form  {
	color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #4D4D4D;
	scrollbar-3dlight-color: #4D4D4D;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: black;
	scrollbar-darkshadow-color: black;
	scrollbar-face-color: #4D4D4D;
	scrollbar-highlight-color: #999999;
	scrollbar-shadow-color: #4D4D4D
	
}
.formbutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #E47F00;
	border: none;
	padding: 2px;



}
.textbig {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
}







div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem { 
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: bold;
  color: #000000;
  cursor: hand;
  text-align: left;
}
	
div.menuBar a.menuButton {
  background-color: transparent;
  border: 0px solid #ffffff;
  color: #000000;
  cursor: default;
  left: 0px;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: transparent;
  color: #000000;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: #5050f0;
  color: #ffffff;
  left: 1px;
  top: 1px;
}

div.menu {
  background-color: #000034;
  border-top: 1px solid #BF1300;
  border-left: 1px solid #BF1300;
  border-right: 1px solid #BF1300;
  border-bottom: 1px solid #BF1300;  
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}
	
div.menu a.menuItem {
  border-bottom: 1px solid #8D92A5; 
  color: #ffffff;
  cursor: hand;
  display: block;
  padding: 4px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #ffffff;
  color: #BF1300;
}
	
div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  margin: 4px 2px;
}
	


<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #F3F3F3; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 90px; /*Width of top level menu link items*/
padding: 1px 8px;
border: 1px solid black;
border-left-width: 0;
text-decoration: none;
color: navy;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: navy;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
}

.suckertreemenu ul li a:hover{
background-color: black;
color: white;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #F3F3F3 url(skateboards/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(skateboards/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

</style>

<script type="text/javascript">

//SuckerTree Horizontal Menu (Sept 14th, 06)
//By Dynamic Drive: http://www.dynamicdrive.com/style/

var menuids=["treemenu1"] //Enter id(s) of SuckerTree UL menus, separated by commas

function buildsubmenus_horizontal(){
for (var i=0; i<menuids.length; i++){
  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul"<img src="http://208.75.149.97/images/smileys/wink.gif" width="19" height="19" alt="wink" border="0" />
    for (var t=0; t<ultags.length; t++){
		if (ultags[t].parentNode.parentNode.id==menuids[i]){ //if this is a first level submenu
			ultags[t].style.top=ultags[t].parentNode.offsetHeight+"px" //dynamically position first level submenus to be height of main menu item
			ultags[t].parentNode.getElementsByTagName("a"<img src="http://208.75.149.97/images/smileys/wink.gif" width="19" height="19" alt="wink" border="0" />[0].className="mainfoldericon"
		}
		else{ //else if this is a sub level menu (ul)
		  ultags[t].style.left=ultags[t-1].getElementsByTagName("a"<img src="http://208.75.149.97/images/smileys/wink.gif" width="19" height="19" alt="wink" border="0" />[0].offsetWidth+"px" //position menu to the right of menu item that activated it
    	ultags[t].parentNode.getElementsByTagName("a"<img src="http://208.75.149.97/images/smileys/wink.gif" width="19" height="19" alt="wink" border="0" />[0].className="subfoldericon"
		}
    ultags[t].parentNode.onmouseover=function(){
    this.getElementsByTagName("ul"<img src="http://208.75.149.97/images/smileys/wink.gif" width="19" height="19" alt="wink" border="0" />[0].style.visibility="visible"
    }
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul"<img src="http://208.75.149.97/images/smileys/wink.gif" width="19" height="19" alt="wink" border="0" />[0].style.visibility="hidden"
    }
    }
  }
}

if (window.addEventListener)
window.addEventListener("load", buildsubmenus_horizontal, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus_horizontal)

</script>