
/***NAVIATION***/
#nav {
	height: 21px;
	float: right;
	margin: auto;
	margin-top: 0;
	margin-right:50px;
	text-align: center;
}

#nav img {
    margin: 0 5px 0 0;
}

#main_menu_top {text-align: center;margin:0;font-family:arial, verdana, sans-serif; width: auto;}
#main_menu_top li {float:left; list-style-type:none;}
#main_menu_top li a {display:block; float:left; height:35px; line-height:35px; color:#5398FF; text-decoration:none; font-size:10px; padding:0 10px 0 10px; text-transform: uppercase;}

#main_menu_top li a:hover {z-index:200; position:relative;color:#000;  }

#navigation {
	height: 35px;
	width: auto;
	margin: auto;
/* 	margin-top: 100px; */
	text-align: center;
	background: #5398FF;
	border-top: 2px solid #096BFF;
}

/***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; font-size: 15px; width: auto; text-align: center;
	 margin-left: -10px;}
#main_menu li {float:left; list-style-type:none;}
#main_menu li a {display:block; float:left; height:29px; line-height:21px; color:#fff; text-decoration:none; font-size:18px; padding:4px 25px 0 25px; border: 1px solid #5398ff}

#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.current_link {z-index:200; position:relative;color:#fff; background: #096BFF;  border: 1px solid #096BFF }

#main_menu li a:hover {z-index:200; position:relative;color:#fff; background: #096BFF;  border: 1px solid #096BFF }
#main_menu li:hover {position:relative; z-index:200; background: #096BFF; }

#main_menu li:hover > a {color:#fff;}
#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;
	}
	
	
/* Side Menu */
#side_menu{
	width:200px;
	padding:5px;
}

#side_menu li{
	list-style:none;
	margin:0 0 6px 0;
}

#side_menu li a{
	color:#5398FF;
	font-weight:bold;
	font-size:16px;
}

#side_menu li a:hover{
	color:#096BFF;
}

#side_menu li ul {
	margin-top:6px;
}

#side_menu li ul li{
	list-style:none;
/* 	margin-left:15px; */
}


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;
}