/* ######### Drop Down ULs CSS ######### */


.ddsubmenustyleGreen, .ddsubmenustyleGreen ul{ /*topmost and sub ULs, respectively*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0;
	padding: 0;
	margin-left:15px;
	position: absolute;
	left: 0;
	top: 0px;
	list-style-type: none;
	background: #39b54a;
	visibility: hidden;
	z-index: 100;
	border:none;
	border-bottom:none;
}

.ddsubmenustyleGreen li a{
	display: block;
	width: 180px; /*width of menu (not including side paddings)*/
	color: #FFF;
	background-color: #39b54a;
	text-decoration: none;
	padding: 8px 10px;
	border-bottom: 1px solid #329c41;
	
}

* html .ddsubmenustyleGreen li{ /*IE6 CSS hack*/
	display: inline-block;
	width: 180px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyleGreen li a:hover{
	background: url(images/propel_menuhover.png) no-repeat bottom center;
	color: #FFF;
	text-decoration:none;
}

/* BLUEEEEEEEE */

.ddsubmenustyleBlue, .ddsubmenustyleBlue ul{ /*topmost and sub ULs, respectively*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0;
	padding: 0;
	margin-left:15px;
	position: absolute;
	left: 0;
	top: 0px;
	list-style-type: none;
	background: #004987;
	visibility: hidden;
	z-index: 100;
	border:none;
	border-bottom:none;
}

.ddsubmenustyleBlue li a{
	display: block;
	width: 180px; /*width of menu (not including side paddings)*/
	color: #FFF;
	background-color: #004987;
	text-decoration: none;
	padding: 8px 10px;
	border-bottom: 1px solid #013a6b;
	
}

* html .ddsubmenustyleBlue li{ /*IE6 CSS hack*/
	display: inline-block;
	width: 180px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyleBlue li a:hover{
	background: url(images/propel_menuhover.png) no-repeat bottom center;
	color: #FFF;
	text-decoration:none;
}


/* TEALLLLLLLLLLL */

.ddsubmenustyleTeal, .ddsubmenustyleTeal ul{ /*topmost and sub ULs, respectively*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0;
	padding: 0;
	margin-left:15px;
	position: absolute;
	left: 0;
	top: 0px;
	list-style-type: none;
	background: #1f8a86;
	visibility: hidden;
	z-index: 100;
	border:none;
	border-bottom:none;
}

.ddsubmenustyleTeal li a{
	display: block;
	width: 180px; /*width of menu (not including side paddings)*/
	color: #FFF;
	background-color: #1f8a86;
	text-decoration: none;
	padding: 8px 10px;
	border-bottom: 1px solid #1a7471;
	
}

* html .ddsubmenustyleTeal li{ /*IE6 CSS hack*/
	display: inline-block;
	width: 180px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyleTeal li a:hover{
	background: url(images/propel_menuhover.png) no-repeat bottom center;
	color: #FFF;
	text-decoration:none;
}



/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
	margin: 0;
	padding: 0;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	list-style-type: none;
	background: none;
	overflow: hidden;
	height:30px;
	width:600px;
	margin-top:65px;
	float:right;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding-right:.9em ;
	padding-left:.9em ;
	padding-top:8px;
	color:#FFF;
}

.mattblackmenu li a:visited{
color: #FFF;
text-decoration:none;
}

.mattblackmenu li a:hover{
color: #FFF;
text-decoration:none;
}

.mattblackmenu a.selected{
color: #FFF;
text-decoration:none; /*background of tab with "selected" class assigned to its LI */
}
