/***NAVIATION***/
#nav {
	height: 35px;
	width: 700px;
	margin: auto;
	margin-bottom: 1em;
	text-align: center;
	background: #fff url('../images/nav_bg.png') repeat-x center center;
}


/***DROPDOWN HACKS***/
#pad {height:140px;}
/* ================================================================ 
The original version of this drop-down stylesheet hack
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
=================================================================== */
#main_menu {text-align: center;margin:0;font-family:arial, verdana, sans-serif;}
#main_menu li {float:left; margin-right:1px; list-style-type:none;}
#main_menu li a {display:block; float:left; height:35px; line-height:35px; color:#5c5c5c; text-decoration:none; font-size:12px; font-weight:bold; padding:0 20px 0 20px; text-transform: uppercase;}

#main_menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#main_menu li a:hover {z-index:200; position:relative;color:#272727;}
#main_menu li:hover {position:relative; z-index:200;}

#main_menu li:hover > a {color:#272727;}
#main_menu li:hover > a.sub {color:#272727; }

#main_menu li.current a {color:#272727;}

#main_menu li a.sub {background: url('../images/down-arrow.png') no-repeat right center;}
#main_menu li.current a.sub {color:#272727; background: url('../images/down-arrow.png') no-repeat right center;}

#main_menu ul {position:absolute;left:0; top:-9999px; width:180px;list-style:none;background:#222; z-index:200;height:auto;margin:0;padding:0;}

#main_menu ul li a {
 width:180px;  /**CONTROL THE MENU SIZE**/
 padding:0; text-indent:5px; background:#FFA533; color:#000; 
 height:30px; /**CONTROL THE MENU HEIGHT**/
 line-height:30px;}
/* keep the 'next' level invisible by placing it off screen. */

#main_menu :hover ul {left:0; top:35px; white-space:nowrap;}

#main_menu :hover ul :hover ul {left:120px; top:-1px; }

#main_menu :hover ul li {
margin:0; border-top:1px solid #824700; /**CONTROL THE MENU BORDER**/
}

#main_menu :hover ul li a.fly {background: #FFA533 url('../images/right-arrow.gif') no-repeat right center;}

#main_menu :hover ul :hover {background-color:#FF8F00; color:#272727;}
#main_menu :hover ul :hover a.fly {background-color:#FF8F00; color:#272727;}

#main_menu :hover ul li.currentsub a {background:#FFA533; color:#272727;}
#main_menu :hover ul li.currentsub a.fly {background:#FFA533 url('../images/right-arrow.gif') no-repeat right center; color:#272727;}

#main_menu :hover ul :hover ul li a {width:100px; padding:0; text-indent:5px; background:#3e3e3e; color:#ccc;}
#main_menu :hover ul :hover ul :hover {background-color:#FFA533; color:#272727;}

#main_menu :hover ul :hover ul li.currentfly a,
#main_menu :hover ul :hover ul li.currentfly a:hover {background:#840; color:#272727;}



	/***SUB NAV MENU***/
	div.subnav_menu {
		width: 166px;
		margin: 10px auto;
		padding: 0;
		border-color: #BCD2E6;
		border-width: 1px;
	}
	
	.subnav_menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.subnav_menu img {
		border: none;
	} 
	.subnav_menu li {
		padding: 0;
		margin: 0;
	}
		
	.subnav_menu li a {
		height: 32px;
		height: 24px;
		text-decoration: none;	
		color: #FEAC63;
		display: block;
		background:  url('../images/subnav_menu.png');
		padding: 8px 0 0 10px;
		margin: 0;
	}
		
	.subnav_menu li a:hover {
		color: #FE9536;
		background:  url('../images/subnav_menu.png') 0 -32px;
		padding: 8px 0 0 10px;
	}
	
	
	
div.graphical_link
{
	width:241px;
	height:186px;
/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	background:#FFF url('../images/graphical_link_bg.jpg');
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:28px;
}

.graphical_link  a 
{

}

.graphical_link .graphical_link-image
{
	width:231px;
	height:176px;
	position:absolute;
	top:5px;
	left:5px;
	
}



.graphical_link  a span{
    position:absolute;
	top:160px;
	left:0px;
	width:241px;
	background:#FFF;
	color:#333;
	font-size: 14px;
	text-transform:uppercase;
	border:1px solid #EEE;
	border-width:0 0 5px 0;

}

.graphical_link a:hover span{	
	top:160px;
	left:0px;
	width:241px;
	background:#666;
	color:#fff;
	font-size: 14px;
	text-transform:uppercase;
	border:1px solid #EEE;
	border-width:0 0 5px 0;
	filter: alpha(opacity=80);
	/*-moz-opacity:.8;
		opacity:.80;*/
/**/
} 

.graphical_link h2 {
	padding-top: 20px;
	padding-bottom: 10px;
}