/* CSS FILE *?
/* USED FOR nav_v3_mootools_dropdown.shtml */



#mainnav {
	margin:0;
	width:946px;
	height:500px;
	position:relative;
	overflow:auto;
	}

/* this is the main UL element*/
.dropdown{
	visibility:hidden;
	margin:0;
	padding:0;
	list-style:none;
	float:right;
}

/* these are the inner menus*/
.dropdown ul{
	margin:0;
	padding:0;
	list-style:none;
}

/* these are all the LIs in the menu*/
.dropdown li{
	float:left;
}

/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
.dropdown li a {
	display:block;
	margin:0 6px 0 0;
	padding:10px 5px 2px 5px;
	background:#c40000 url(/v2/imgs/bg_nav-slice.jpg) repeat-x;
	cursor:pointer;
	height:26px;
	text-decoration:none;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	}

.dropdown li a:hover{
	text-decoration:none;
	background:#00CC00 url(/v2/imgs/bg_nav-sliceo.jpg) repeat-x;
}

.dropdown#navHome {width:65px;}
.dropdown#navChapter {width:80px;}
.dropdown#navCOmmittees {width:118px;}
.dropdown#navResources {width:105px;}
.dropdown#navMembership {width:122px;}
.dropdown#navEducation {width:101px;}
.dropdown#navContact {width:84px;}

/* these are the LIs that only belong to submenu*/
.dropdown ul#subList li{
	display: none;
}

/* these are the LIs that contains a submenu*/
.dropdown ul#subList li {
	display: block;
	list-style: none;
}
.dropdown ul#subList li a {
	display: block;
	background-color: #9f0000; /*dark red*/
	height:18px;
	padding:2px 2px 2px 5px;
	font-size: 14px;
	background-image:none;
	}
.dropdown ul#subList li a:hover {
	background-color: #d20000; /*light red*/
	color: #fff;
}
.subChapter a {width:230px;}
.subCommittees a {width:220px;}
.subResources a {width:150px;}
.subMembership a {width:170px;}