/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
Webcreate Template Styles
version: 1.1
author: Keith O'Sullivan
created: September 01 2007
last update: September 01 2007
email: keith@webcreate.ie
website: http://www.webcreate.ie
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––-––––*/

/* Original menu code written by Guillermo Rauch (http://devthought.com) - A great piece of code, thanks Guillermo */

#fancymenu {
	position: relative; top:81px; /* will need to set this height to match the header graphic used*/
	width: 760px;
	height: 60px;
	background: url(../../img/menu_bg.gif) repeat-x top;
	margin: 0 auto;
	overflow: hidden;
}


#fancymenu ul{
 	padding: 0 20px 9px 20px;
	margin: 0 0 0 0; 
}

/* Don't apply padding here (offsetWidth will differ in IE)
   If you need padding add it to the child anchor */
#fancymenu ul li{
	float: left;
	list-style: none;
}

#fancymenu ul li a{
	z-index: 10;
	display: block;
	position: relative;
	overflow: hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	padding:25px 12px 5px 12px;
	margin:0;
	color:#234866;
}

#fancymenu ul li a:hover{color:#5897C6}

#fancymenu ul li.current a{color:#5897C6}


#fancymenu li.background {
	background: url(../../img/bg_menu_right.gif) no-repeat bottom right; /* image used for the right side of the tab/button*/
	z-index: 8;
	position: absolute;
	visibility: hidden;
}

#fancymenu .background .left {
	background: url(../../img/bg_menu.gif) no-repeat bottom left;
	height: 60px;
	margin-right: 9px; /* This is the width of the rounded shape */
}