@charset "utf-8";
/* CSS Document */

#topNavContainer {   /*  main container for horizontal navigation  */
	margin: 0;
	height: 38px;
	background-color: #000;
}
#topNav {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 20px;
	margin: 0px;

}

#topNav li {
	margin: 0;
	padding: 0;
	display: inline;/* horiontal list  */
	list-style: none;
}

#topNav a { /*float and font */
	float: left;
	line-height: 36px;
	font-weight: bold;
	text-decoration: none; /*font color*/
	font-size: 20px;
}
#topNav a { /* box*/
	background-color: #000;
	padding-left: 5px;
	padding-right: 5px;
	/*border-right-width: 1px;   /*border for buttons  (3d effect right & bottom dark left &top light)  */
	/*border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #FFF;*/
	}
	
#topNav a:link {
	color: #B9B73E;
	font-style: normal;
}

#topNav a:active, #topNav a:hover {
	color: #B9B73E;
	font-style: normal;
}

#topNav a:hover {
	background-color: #FB7300;
}

#topNav	a:visited {
	color: #989431;
	font-style: normal;
	}


/*
paste code
##############################################################
<div id="topNavContainer">

  <ul id="topNav">
    <li><a href="#">home</a></li>
    <li><a href="#">main content</a></li>
    <li><a href="#">about us</a></li>
    <li><a href="#">contact</a></li>
    <li><a href="#">links</a></li>
  </ul>
</div>
##############################################################
*/