/*
General notes:

.ddm1:	Drop Down Menu setting
.ddm1 .item1*			Primary menu bar setting
.ddm1 .item1-active*	Setting for primary menu bar which is currently pulled out.
.ddm1 .item2*			Settings for the sub menu's items
.ddm1 .section			Settings for the sub menu's defined area

:link		Specifies link behavior when not visited, and no mouse over
:hover		Specifies link behavior for mouse over
:visited	Specifies link behavior for no-mouse & link visited


The last specified setting for part of an element is what takes precendence.

.class { color: orange; }
.class:link,
.class:hover,
.class:visited { color: green; }

Will result in any link tagged with 'class' as the style appearing in green.
*/

/* 
Global style elements for drop down menu system 
Any elements specified here are the defaults for a ddm element. 
They may be overridden in sub sections by specifing the setting again in a subsection.
*/
.ddm1
{
	/* Font settings
	Font settings are defined in a cascading way.
	"normal 11px" specifies the following:
	The browser should use "normal" font size if available
	The browser should use 11 pixels as the font size if "normal" is not found
	
	"Verdana Arial sans-serif" specifies the following:
	Use verdana if available
	Use arial if available and verdana isn't
	Use the default sans-serif font as a last resort

	The first font setting of each type the browser supports is the
	one that is used
	so font: normal Verdana 11px Arial sans-serif
	will us normal arial if verdana is not present, and normal font is.
	*/
    font: normal normal 11px Verdana, Arial, sans-serif;
    /* default background style */
    background: transparent;

    /* These settings adjust positioning and text alignment */
    display: block;
    height: 30px;
    vertical-align: middle;
    padding-top: 3px;
}

/*
The following style elements covers the following style classes:
style=ddm1.item1 (all modes)
*/
.ddm1 .item1,
.ddm1 .item1-active
{
	/* 
	specifies not to use underline, overline, line-through or blink on the text 
	in this case, it gets rid of the underlink for hovered elements
	*/
    text-decoration: none;
    
    /* These settings adjust positioning and text alignment */
    padding: 4px 14px 4px 20px;
    white-space: nowrap;
    display: block;
    position: relative;
}
/* Main menu inactive element settings */
.ddm1 .item1:link,
.ddm1 .item1:visited 
{
	color: #FFFFFF;
	background: url("ddmoff.gif") no-repeat left #044991; /* Background Color of Main Menu*/
}
/* Main menu active element settings */
.ddm1 .item1:hover,
.ddm1 .item1-active:link,
.ddm1 .item1-active:hover,
.ddm1 .item1-active:visited
{
	color: #202B4A;
	background-color: #78A9DA;
	background-image: url("ddmon.gif") no-repeat left;
	/*background: url("ddmon.gif") no-repeat left #78A9DA;*/
}	

/* Submenu master settings */
.ddm1 .item2,
.ddm1 .item2-active
{
	/* Turns off the underline for links */
	text-decoration: none;
    
	/* These settings adjust positioning and text alignment */
	padding: 2px 8px 4px 8px;
    text-align: left;
    white-space: nowrap;
    display: block;
    position: relative;
    /* Ensures menu is on top of the text */
    z-index: 500;

	/* These settings adjust the border around the submenu entries */
    border-left: 1px solid #3C2447;
    border-right: 1px solid #3C2447;
    border-bottom: 1px solid #3C2447;
}
/* Submenu inactive element settings */
.ddm1 .item2,
.ddm1 .item2:link,
.ddm1 .item2:visited
{
	color: #000000;
	background: #78A9DA;
}
/* Submenu active element settings */
.ddm1 .item2:hover,
.ddm1 .item2-active,
.ddm1 .item2-active:link,
.ddm1 .item2-active:hover,
.ddm1 .item2-active:visited
{
	color: #FFFFFF;
	background: #78A9DA;
}
/* Specifies behavior of the drop down for the submenu */
.ddm1 .section 
{
	/* Sub Menu BORDER Width and Color*/
	border: 0px solid black; 
    /* These settings adjust positioning and text alignment */
    position: absolute;
    visibility: hidden;
	z-index: -1;
}
/* Specifies that html elements containing style seodiv should be hidden */
.seodiv {
    display: none;
}

/*
Commented out because I couldn't find what they affected
*/
.ddm1 .arrow,
.ddm1 .arrow:hover {
    padding: 3px 16px 4px 8px;
}
.ddm1 .item2 img,
.ddm1 .item2-active img{
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0;
}*/