/* CSS Document */

/*<div id="menu"> <ul id="item1"> <li class="top">menu item</li> <li class="item"><a href="#">menu item 1</a></li> <li class="item"><a href="#">menu item 2</a></li> <li class="item"><a href="#">menu item 3</a></li> </ul> </div>*/

body{margin:0;}

.red_stripe_nav{
background-image:url(../images/mainmenu/red_stripe.png);
background-repeat:no-repeat;
}

/* Image placement*/

.float_right {
float:right;
}

.float_left {
float:left;
}
.clear{
clear:both;
}


#menu{
	
	margin-left:25px;
	margin-bottom:0;
	margin-right:0;
	margin-top:0;
	
	}

#menu ul{/*lines up in a horizontal row and sets padding and margin for the main items in the list*/
float:left;
margin:0;
padding-top: 7px;
padding-bottom: 3px;
padding-left: 7px;
padding-right:7px;
list-style:none;
color:#FFFFFF;
	}


.mainmenulinks {
	
font-family:"Century Gothic",Geneva, Arial, Helvetica, sans-serif;
font-size:8pt;
	text-align: center;
	text-decoration:none;
	
}
a.mainmenulinks:link {
color: #FFFFFF;
text-decoration: none;
}


a.mainmenulinks:visited {
color: #FFFFFF;
text-decoration: none;
}

a.mainmenulinks:hover {
color: #ffb21c;
text-decoration: none;
}
a.mainmenulinks:active {
color: #FFFFFF;
text-decoration: none;
}






#menu ul .item{
display:none;
width:225px;
margin-left:-5px; 
margin-top:3px;
background-image:url(../images/mainmenu/red_stripe_sm.png);
background-repeat:repeat-y;


}
#menu ul:hover .item{
position:absolute; 
display:block;

}


#menu ul:hover .item a:link, #menu ul:hover .item a:visited {
font-family:"Century Gothic",Geneva, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#FFFFFF;
text-decoration:none;
line-height:16px;

}

#menu ul:hover .item a:hover {

color:#ffb21c;
}
#menu ul:hover .item a:active {


color:#ffb21c;
}

.clear{clear:both;}