/* fly out menu starts */
.topnav {
	width:807px;
	height:43px;
	background:url(http://wpthemeland.com/images/tab_normal.jpg)top left repeat-x  ;
	border: 1px solid #b7c8d9;
	color:#403629;
	text-align:center;
	vertical-align:middle;
	margin:0 auto;
	padding:0;
}

/* remove all the bullets, borders and padding from the default list styling */
.topnav ul {
font-weight:bold;
 width:830px; 
 padding:0 0 0 0;
 margin:0 auto; 
 float:none; 
 list-style-type:none; 
 height:46px; 
 background:transparent; 
 font-family:Verdana, Arial, Helvetica, sans-serif;}

/* style the sub-level lists */
.topnav ul ul {
text-align:center;
}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown topnav positon */
.topnav ul li {
float:left; 
height:46px; 
line-height:36px;
 display:block;
  width:205px; 
  text-align:center;
  }

/* style the sub level list items */
.topnav ul ul li {
display:block; 
width:185px;
 height:auto; 
 line-height:1em;
 }

/* style the links for the top level */
.topnav a, .topnav a:visited {
display:block; 
float:left; 
height:46px;
 font-size:16px;
  text-decoration:none; 
  color:#fff; padding:0;
   width:205px;  
   text-align:center; 
   border:0;
 }
.topnav a:hover { 
background:url(../images/tab_hover.jpg) no-repeat left top;
 height:46px; 
  }
.topnav .first a, .topnav .first a:visited {
display:block; 
float:left;
 height:46px;
  font-size:16px; 
  text-decoration:none; 
  color:#333;
   padding:0 10px 0 15px; 
   text-align:left;
   border:0; 
   }

/* style the sub level links */
.topnav ul ul a, .topnav ul ul a:visited {
display:block; 
background:#f9a94a;
 color:#fff; 
 font-size:12px; 
 width:176px;
  height:100%; 
  line-height:1em; 
  padding:10px 10px;
text-align:center; 
border-top:2px solid #faba6e;
 }


* html .topnav ul ul a, * html .topnav ul ul a:visited  {
width:182px; 
w\idth:176px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.topnav table {
border-collapse:collapse; 
padding:0; margin:-1px;
 width:0; height:0;
  font-size:1em;
   z-index:1;
   }

/* style the sub level 1 background */
.topnav ul :hover a.sub1 {
background:#e08210;
}
/* style the sub level 2 background */
.topnav ul ul :hover a.sub2 {
background:#e08210;
}

/* style the level hovers */
* html .topnav a:hover {
color: #fff; 
font-size:16px;
 border:0;
  height:46px;
   position:relative;
    z-index:100;
	 background:url(../images/tab_hover.jpg) bottom left no-repeat; 
	  text-align:center; 
	  display:block; 
	   width:205px;  
	   text-align:center;
	   }

.topnav li:hover {
position:relative;
  background:url(../images/tab_hover.jpg) no-repeat left top;
   text-align:center; 
   display:block; 
   }
   
.topnav :hover > a {
color: #fff;
 border:0;
  height:46px; 
  width:205px;  
  text-align:center;
   font-size:16px;
    font-weight:bold;
	 }

/* second */
* html .topnav ul ul a:hover{
color:#fff; 
 font-size:12px;
  background:#e08210; 
  text-align:center; 
  position:relative;
   z-index:110; 
   height:100%; 
   width:176px;}

.topnav ul ul li:hover {border-top:2px solid #faba6e; position:relative; background:#e08210; background-image:none; text-align:center; width:196px;}
.topnav ul ul :hover > a {color:#fff;  font-size:12px; background:#e08210; z-index:110; height:100%; text-align:center; width:176px;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.topnav ul ul {visibility:hidden;position:absolute;height:0; top:37px; left:0; width:196px; color:#fff; }

/* make the second level visible when hover on first level list OR link */
.topnav ul :hover ul {visibility:visible; height:auto; padding:0px; left:0px; border:1px solid #ea8001;}
.topnav ul :hover ul.left {visibility:visible; height:auto; padding:0; left:-55px;}

* html .topnav ul li a:hover { font-weight:bold; }

/* fly out menu ends */