/*****************************************************************************************************************************
 * CSS Stying for DropDown Menus & Footer (Navigation)
 * ===================================================
 * ddm = Drop Down Menu
 * 
 * Main Headings: 				Horizontal Orientation
 * Sub-Headings (First Level):	Vertical Orientation 
 ******************************************************************************************************************************/
 
 /* =========================================================================================================================== 
 														DROPDOWN MENUS	
    =========================================================================================================================== */
 
#nav
	{
	list-style: none;
	margin: 0;		/* Get rid of indentation*/	
	padding: 0;		/* Get rid of indentation*/	
	}
	
#nav li
	{
	float:left;		/* Make sure that the main headings appear alongside one another (horizontally) */
	width: 10em;	
	text-align: center;	
	}

#nav li a
	{
	color:#000000;
	text-decoration: none;
	font:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;	
	text-align: center;		
	}

#nav li a:link, #nav li a:visited
	{
	color: #000000; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	}

#nav li a:hover, #nav li a:active 
	{
	color: #999999;  /* #FFFF99 */
	}
	
	
	

/* increase the hotspot for the main links/headings */
/* Shared Rules */
#hotspot1, #hotspot2 	
	{
	top: 3px;
	height: 24px;
	position: relative;			/* Center the DIV block elements in the list element */
	margin-right:auto;			/* Center the DIV block elements in the list element */
	margin-left:auto;			/* Center the DIV block elements in the list element */
	}
/* increase the hotspot for the main links/headings - ABOUT US. IE=OK; Mozilla: Width Ineffective*/
/* Individual Rules */
#hotspot1	
	{
	width: 100px;
	}
/* increase the hotspot for the main links/headings - ABOUT US. IE=OK; Mozilla: Width Ineffective*/
/* Individual Rules */
#hotspot2
	{
	width: 110px;
	}
	
	

#nav ul
	{
	list-style: none;
	margin: 0;		/* Get rid of sub-menu's indentation */	
	padding: 0;		/* Get rid of sub-menu's indentation */	
	}

#nav ul li a
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	
	color:#FFFFFF;
	display: block;
	background-color: #E8E6BE; /* #AFA270  #663300*/
	width: 10em;
	}
	
#nav ul li a:hover
	{
	color: #FFFFFF;
	background-color: #956C35; /* #FFFF99 #956C35*/
	}

div#ddmAboutUs li a, #ddmMenus li a
	{
	border: 1px solid #996600;
	border-top: none;	/* Get rid of appearance of double-thick borders */
	}

.topborder
	{
	border-top: 1px solid #FF6600;	
			/* Avoid a border along the top cause it interfers with mouseover and mouseout events working correctly */
	}

div#ddmAboutUs, div#ddmMenus
	{
	position: relative;
	top: 0px;	/* Overlaps dropdown to ensure that the mouseout event of the heading is not easily achieved when moving downwards */
	visibility: hidden;
	width: 10em;
	/*border: 1px solid;*/ /* Remove the border to improve submenu response. Border triggered onmouseout event */
	}
	
	
 /* =========================================================================================================================== 
 														FOOTER (NAVIGATION)
    =========================================================================================================================== */
#div_footer_links
	{
	width: 740px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	}

#ul_footer
	{
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	}
	
#ul_footer li
	{
	float: left;
	display: block;
	margin-left: 15px;
	}
	
#ul_footer li a:link, #ul_footer li a:visited
	{
	text-decoration: none;
	color: #000099; 
	}
	
#ul_footer li a:hover, #ul_footer li a:active 
	{
	text-decoration: none;	
	color: #660000;
	}
	
#copyright
	{
	width: 200px; 
	position: relative;
	margin-left: auto;
	margin-right: auto; 
	}