/* These must be defined in this order: a:link, a:visited, a:active, a:hover */
a:link 
{
	text-decoration:none;
	color:#000000;
} 

a:visited 
{
	text-decoration:none;
	color:#000000;
} 

a:active 
{
	text-decoration:none;
	color:gray;
} 

a:hover 
{
	color:#038CC0;
} 

.civil 
{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9pt;
	line-height:14pt;
	color:#000000;
}

.input 
{
	font-size:smaller;
	background-color:white;
	color:#474747;
	border:1px solid black;
	line-height:12pt;
}

.v24redbold 
{
	font-family:'Arial Black',Arial,Helvetica,sans-serif;
	font-size:24px;
	color:#D60027;
	text-decoration:none;
}

body
{
	background-color:rgb(255,255,255);
	color:rgb(0,0,0);
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-style:normal;
	margin:0px;
}
		
/* ------------ CSS dropdown menu styles ------------ */

.dropdownmenu		/* applies to all elements inside .dropdownmenu, unless overridden */
{
	float:center;				
	width:100%;					/* menu expands horizontally to fill the available space */
	font-size:82%;
	line-height:normal; 		/* normal is correct for full-size; 100% cuts off descenders, but use % for > 100%, */
								/* or a whole number such as 2 or 3 */
	color:#ffffff;				/* basic font color for all items */
	background-color:#000000;	/* see below; must define it for the ul separately */	
	display:block;
	text-align:center;			/* left-aligns even when inside an element aligned differently */
	padding:0;
	margin:0;
}

.dropdownmenu ul
{
	list-style-type:none;   	/* no auto-bullets */
	list-style-image:none;		/* no bullet images */
	padding:0;
	margin:0;
	width:auto;
	background-color:#000000;	/* must define separately for the ul */ 
}

.dropdownmenu li			/* default for li applies to the headings that show across the menu bar */
{
	float:left; 			/* left: arrayed horizontally instead of vertically */
	width:auto;				
	position:relative;		/* position of child dropdown will be relative to this (else it displays at page page top!) */
	display:block;
	margin-left:1.4em;		/* MUST ADJUST THESE TWO IF ITEM COUNT OR THEIR TEXT CHANGES. */
	margin-right:1.4em;		/* when padding is used instead of margin, the clickable region is too wide in top row */
	padding:0;
	white-space:nowrap;		/* prevent titles wrapping onto 2 lines for any reason */
	vertical-align:middle;	/* this is required for IE */
}

.dropdownmenu a, 
.dropdownmenu a:link, 
.dropdownmenu a:visited, 
.dropdownmenu a:active
{
	color:#ffffff;			/* overrides the global appearance of anchors (which are set at the top of this file) */
	display:block; 			/* this is supposed to expand the link to fill its container, but doesn't in IE. */
	width:auto; 			/* width:100% doesn't expand the a to full li width in IE; too bad. */
							/* FF auto-expands the anchor to fill the entire li; IE7 does not. */
	text-decoration:none;
}

.dropdownmenu a:hover
{
	color:#ffffff;			/* overrides the global appearance of anchors (which are set at the top of this file) */
	background-color:#666666;	/* overrides global appearance of hovered anchors */
	display:block; 				/* overrides the default of inline */
	width:auto; 				/* works ok. width:100% doesn't expand the a to full li width in IE; too bad. */
	text-decoration:none;
}

.dropdownmenu ul ul			/* any ul below the top one */
{
	display:none;			/* hides the dropdowns */
	position:absolute;		
	width:auto;
}

.dropdownmenu li:hover ul	/* 2nd level ul when the parent li is hovered */
{ 
	display:block; 			/* reveals the dropdowns */
	width:auto;
}

.dropdownmenu li li		/* a li except in the top title row */
{
	float:none;			/* forces each item to 1 line, prevents concatenation even if there's room for it */
	display:block;
	text-align:left;
	width:20em;			/* 1em is width of letter M in current font. Fixed width forces a to full li width in IE, but */
						/* THIS MUST BE ADJUSTED MANUALLY IF ANY NEW TEXT ITEM IS LONGER THAN THIS ALLOWS FOR. */
	padding:0;
	margin:0;
/*	border-bottom:1px solid #888888; */  /* placeholder; shows it's possible, but doesn't look as good */
}

/* ----- 3rd level flyouts ----- */

.dropdownmenu ul li:hover ul li ul	/* basic 3rd level ul when an ancestor li but not its parent is hovered */
{
	display:none;			/* hides the dropdowns */
	position:absolute;		
	width:auto;
	top:0;
	left:100%;
	padding:0;
	margin:0;
}

/* a descendant ul is a descendant of all its ancestors; when it is hovered, the whole chain is considered hovered, */
/* which allows making this declaration very specific */
.dropdownmenu ul li:hover ul li:hover ul /* 3rd level ul when its parent li is hovered */
{
	display:block;			/* reveals the flyout to right */
}

/* ------------ End CSS dropdown menu styles ------------ */