/* ____________________ CSS DROP-DOWN MENU SYSTEM ____________________
   -------------------------------------------------------------------
   | This CSS file needs to be modified and then included in the     |
   | main CSS document. Please pay special attention to the ID and   |
   | class names in other CSS documents as to not overwrite the      |
   | styles in this file.                                            |
   ------------------------------------------------------------------- */
   
/* Styles for the submenus that make it look all pretty */


#navcontainer { 				/* Defines the size of the menu */
	width: 300px;
}

#navcontainer ul {				/* The list properties of the menus */
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;	
}


#navcontainer a {				/* Defines the links in the menu, link color, background color, etc. */
	display: block;
	padding: 3px;
	background-color: #edecd8;
	border-bottom: 1px solid #043d75;
	color: #234688;
	font-size: 11px;
	font-weight: bold;
	width: 100%;
	text-decoration: none;
}


html>body #navcontainer li a { width: auto; }

#navcontainer a:hover {			/* Hover color properties */
	background-color: #d0c7f4;
	color: #043d75;
}

/* Each submenu is listed here with its corresponding position on the page. Position can be either 'absolute' or 'relative' depending on the designer's preference. Default is 'absolute.' */

/* Submenus for homepage */

#subnav1 { 					/* Add as many as necessary */
	top: 215px;
	visibility: hidden;
	z-index: 2;
	position: absolute;
}

#subnav2 {	
	position: absolute;
	top: 195px;
	z-index: 2;
	visibility: hidden;
}

#subnav3 {	
	position: absolute;
	top: 155px;
	z-index:1000;
	visibility:hidden;
}

#subnav4 {	
	position: absolute;
	top: 175px;
	z-index:1000;
	visibility:hidden;
}

#subnav5 {	
	position: absolute;
	top: 110px;
	z-index:1000;
	visibility:hidden;
}

#subnav6 {	
	position: absolute;
	top: 130px;
	z-index:1000;
	visibility:hidden;
}

/* Position of submenus for inside pages */

#subnav1a { 					/* Add as many as necessary */
	position: absolute;
	left: 115px;
	top: 190px;
	z-index: 1000;
	visibility: hidden;
}

#subnav2a {	
	position: absolute;
	left: 190px;
	top: 180px;
	z-index: 1000;
	visibility: hidden;
}

#subnav3a {	
	position: absolute;
	left: 339px;
	top: 160px;
	z-index:1000;
	visibility:hidden;
}

#subnav4a {	
	position: absolute;
	left: 415px;
	top: 150px;
	z-index:1000;
	visibility:hidden;
}

#subnav5a {	
	position: absolute;
	left: 515px;
	top: 150px;
	z-index:1000;
	visibility:hidden;
}

#subnav6a {	
	position: absolute;
	left: 615px;
	top: 150px;
	z-index:1000;
	visibility:hidden;
}