@charset "utf-8";
/* CSS Document */

/***********************************/
/* THE PENGUIN MENU				   */
/* I called it the Penguin Menu	   */
/* because I like penguins :)	   */
/***********************************/

/***********************************/
/* Global Definitions			   */
/***********************************/
.clear {
	clear:					both;
}
#penguin-container {
	width: 					583px;
	float:					left;
}
#penguin-container ul, 
#penguin-container li {
	margin: 				0;
	padding: 				0;
}
#penguin-container h2,
#penguin-container h3 {
	font-weight: 			normal;
	display: 				inline;
}

/***********************************/
/* The Nav Bar					   */
/***********************************/
ul#menu {
	background-color: 		#e3f3fc;
	color: 					#000;
	margin:					0;
	padding: 				6px 0 6px 0px;
	height:					19px;
	border-bottom: 			dotted 1px #CCC;
	padding-top:			10px;
}
ul#menu li {
	display: 				inline;
	margin: 				0 10px 0 10px;
	position: 				relative;
}
ul#menu li,
ul#menu li a.menu-heading {
	font-size: 				14px;
	color: 					#eb3d1b;
	text-decoration: 		none;
	padding: 				0 6px;
}
#penguin-container .home {
	background-image:		url(../images/dropdown-arrow-right.png);
	background-repeat:		no-repeat;
	background-position:	left;
	padding-left: 			10px;
}
ul#menu li a:hover {
	text-decoration: 		underline;
}
/* For those menu categories with submenus */
li.penguin-menu {
	background-image:		url(../images/dropdown-arrow-down.png);
	background-repeat:		no-repeat;
	background-position:	right;
	padding-right: 			10px !important;
}

/***********************************/
/* The Drop Downs 				   */
/***********************************/
ul#menu div {
	display: 				none; /* Hide the drop downs until we need them */
}
ul#menu li.hovering div {
	display: 				block; /* This is the class we add to display the dropdown! */
}
div.dropdown {
	width: 					360px;
	position: 				absolute;
	top: 					26px;
	left: 					0px;
	background-color: 		#e3f3fc;	
	font-size: 				11px;
	padding: 				10px 5px 0 5px;
}
/* Section titles */
.dropdown h3 {
	color: 					#000;
	font-size: 				14px;
}
.dropdown a:hover h3 {
	color:#eb3d1b; 
}
.leftcol,
.rightcol {
	float: 					left;
	width: 					180px;
}
.dropdown ul {
	padding-bottom: 5px;
}
.dropdown li {
	float:left;
}
.dropdown  a:link,
.dropdown  a:visited {
	float:					left;	
	clear: 					both;
	margin: 				5px;
	color:					#000;
	text-decoration:		none;
}
.dropdown  a:hover,
.dropdown  a:active {
	color: 					#eb3d1b;
	text-decoration: 		underline;
}
li.current-destination 
{
	color:#3d91a5;
}
ul#menu li a:visited {
	/*	font-size: 				12px;*/
	/*color: 					#eb3d1b;*/
	text-decoration: 		none;
	/*padding: 				0 6px;*/
}