﻿/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#underlinemenu{
margin: 0;
padding: 0;
}

#underlinemenu ul{
margin: 0;
margin-left:200px;
margin-bottom: 1em;
padding-left: 0px;
float:none;
font-weight: bold;
width: 350px;
border: 1px solid #DFDFDF;
border-width: 1px 0;
}

* html #underlinemenu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#underlinemenu ul li{
display: inline;
}


#underlinemenu ul li a{
float: left;
color: gray;
font-weight: bold;
padding: 2px 6px 4px 6px;
text-decoration: none;
background: white url(media/menudivide.gif) top right repeat-y;
}

#underlinemenu ul li a:hover{
color: black;
background-color: #F3F3F3;
border-bottom: 4px solid black;
padding-bottom: 0;
}




















/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.wireframeauramenu{
	font-weight: bold;
	font-size: 9px;
	width: 100%;
}


.wireframeauramenu ul{
	border: 0px solid #222;
	padding: 2px;
	margin: 0;
	text-align: left; /*set value to "left", "center", or "right"*/
	overflow: hidden;
}

.wireframeauramenu ul li{
	display: inline;
}

.wireframeauramenu ul li a{
	padding: 2px;
	margin: 0;
	text-decoration: none;
	border-right: 1px dashed #333; /*right border between menu items*/
   color: #fff;
   font-family:Verdana;
   font-size: 9px;
   text-transform: capitalize;
   font-weight: bold;
}

.wireframeauramenu ul li a:hover{
   text-decoration: underline overline;
   color: #fff;
   font-weight: bold; 
}

.demo ul{
	text-align:left;
	color:#fff;
}

.demo2 ul{
	text-align: center;
}

.demo2 ul li a:hover{
}

.demo3 ul{
text-align: right;
}

.demo3 ul li a:hover{
}


.demo4 ul{
text-align:left;
}

.demo4 ul li a:hover
{
}