/* GLOBAL ELEMENTS ------------------------------------------------------------------- */
body {
     font: 100.01% Verdana, Arial, Helvetica, sans-serif; /* Sets default font family options and default font size. 
	 This odd value compensates for several browser bugs. First, setting a default font size in percent (instead of em) 
	 eliminates an WinIE problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. 
	 Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. 
	 Safari, on the other hand, has a problem with a font-size of 101%. Current "best" suggestion is to use the 100.01% value 
	 for this property. */
	 background-color: #211C1E; /* Sets background color of page. */
     margin: 0; /* Gets rid of default margin on body that most browsers add. */
     padding: 0; /* Gets rid of default padding on body that Opera adds. */
     text-align: center; /* Centers the page contents in WinIE5.x. */
}
 
/* Main div for all other content on page. A main wrapper div allows us to easily center everything in the viewport. */
#holder {
     margin: 0 auto 0 auto; /* The auto margin on the left and right center the holder div in standard compliant browsers. 
	 The 10px top margin adds space between the top of the holder div and the edge of the viewport. */
     width: 765px; /* Sets width of main container to fit within most maximized 800x600 windows. */
     text-align: left; /* Overwrites the center-aligned text set on the body. */
}

/* 508 compliance */
#skipnav {
	position: absolute; /* Sets the div to be positioned in a precise spot in relation to its nearest postioned ancestor, or barring that, the body. Also removes it from the flow, so it will not push down the header image. */
	top: 0; /* Places the div at the top of body. */
	left: 0; /* Places the div at the left side of body. */
	margin-left: -1000px; /* Moves the div off the left side of the screen, making it invisible to those using visual browsers but accessible to those using screen readers and other user agents. */
	}
#bannerHolder {
	top: 0;
	left: 0;
	height: 135px;
	width: 765px;
	margin: 0 0 0px 0;
	}
#bannerLeft{
	top: 0;
	width: 163px;
	height: 135px;
	float:left;
	}
#bannerRight{
	top: 0;
	width: 602px;
	height: 135px;
	float:right;
	}
#bannerLogo {
	background-image:url(/Images/HomeSlice/HomeTopLeft_LogoX.gif);
	background-repeat:no-repeat;
	height: 135px;
	width: 163;
	padding: 0;
	margin: 0;
	
	
	}
#bannerRtTop {
	background-image:url(/Images/HomeSlice/HomeLogoRight_Top.gif);
	background-repeat:no-repeat;
	height:31px;
	}
#bannerRtMid {
		background-image:url(/Images/HomeSlice/HomeLogoRight_MidContent2.gif);
		background-repeat:no-repeat;
		height:88px;
		margin: 0 0 -13px 0;
	}
#bannerRtBase {
		background-image:url(/Images/HomeSlice/HomeLogoRight_NavX2.jpg);
		background-repeat:no-repeat;
		height:16px;
	}
#bannerText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#FFFFFF;
	text-align:center;
	padding: 10px 1px 1px 1px; 
}

.nav {
	width: 602px; /* Sets width to fill holder div. */
	/* background: url("/Images/HomeSlice/HomeLogoRight_NavX2.jpg");/* Sets background image on nav div and tiles it downward so that if it 
	grows or the items wrap the background will continue. 
	background-repeat:no-repeat; */
	/* border-top: 1px solid #009; 
	padding: 1px 0 15px 0px; */
}

.nav li {list-style: none;} /* removes list bullets */

.nav li:hover {background-position: 0 0;}  /* A better fix of Suckerfish than below which messed up Mac Safari   */

/*.nav li:hover, .nav li.hover {	/* Sticky menu problem fix for IE  also called Suckerfish fix  12/9/2007 
    position:static;
} */

.topnav {
	width: 80px;
	float: left;
	margin: 0 5px 0 -10px;
}

.floatfix {margin-right: -3px;}

.parent {position: relative;}

/*XXXXXXXXXXXX Primary dropdown rules XXXXXXXXXXX*/

.dropdown { /* rules for dropdown div */
	position: absolute;		
	left: -3000px;
	top: auto; /* puts dropdowns directly under top nav */
	width: 120px;
	/* background: url(/Images/nav.jpg); */
}

.dropdown ul {
	width: 135px; /* tweaked so that dropdowns appear to "line up" with top links */
	border: 1px solid #000; 
	border-width: 1px 1px;/* borders the sides and top of the dropdowns and flyouts; 
		links provide the bottom border */ 
	margin: 0 14px 14px 10px; /* creates "sticky hovering" zones for dropdowns */
}

.four .dropdown ul {width: 135px;} /* modifies width for rightmost "visible" dropdown (tweak) */
	
.topnav:hover div.dropdown {left: -1px;} /* hover rule for dropdowns: the extra pixel makes 
	dropdowns "line up" with top links */ 

/*XXXXXXXXXX Secondary dropdown rules XXXXXXXXXXXX*/

.nav a {
	font: Verdana, Arial, Helvetica, sans-serif;	
	font-weight: 600;
	font-size: 9px;
	color:#FFFFFF; /* text on menu bar */
	text-decoration: none;
	padding: 1px 0px 2px 2px;
	display: block;
	text-align:center;
	/* border-top: 1px solid #333; */
	 border-right: 1px solid #000; /* makes the dividers between the top nav links; must be negated 
		for later links */  
} 

.four a {border-right: 0;} /* removes the right border on last top link */

.dropdown li {
	position: relative; 
}
			
.dropdown li a:hover {color: #FFFFFF;  /* hover text color dropdown links */
	background-color:#8B8B8B; /*hover background */
}
	 



.nav div div a {
	color:#000000;
	border-right: 0; /* negates right border for dropdowns */
	border-bottom: 0;/* 1px solid #000;   borders the bottoms of the dropdowns */
	text-align:left;
}

/*XXXXXXXXXX Primary flyout rules XXXXXXXXXXXX*/

.flyout, 
.mini-zone {
	width: 160px;
	position: absolute;		
	left: -3000px;
	top: -25px; /* this value controls the amount of flyout vertical offset */
	/* background-image: url(/Images/GrayGradiantBar.gif); */
	text-align: left; /* needed because IE misapplies text centering to boxes */
}

/* The margins on the UL's replace the div paddings to create "sticky hovering"
zones,  and the margins should "fill" the divs, making the IE background fix 
unnecessary. Unfortunately the background fix is still needed, although this method 
does eliminate possible box model problems */

.flyout ul {margin: 30px 30px 30px 0;} /* creates "sticky hovering" above, below, and to the 
	right of the flyouts */
	
.dropdown li:hover .flyout {left: 120px;} /* this value controls the amount of flyout "overlap" */

.four .flyout ul {margin: 30px 0 30px 30px;} /* rule reversal for "visible" right drop flyouts */

.four li:hover .flyout {left: -165px;} /* reversed flyout rules for rightmost drop flyouts */

/*XXXXXXXXXX z-index rules for top-level menu XXXXXXXXXXX*/

.one {z-index: 10;}
.two {z-index: 20;}
.three {z-index: 30;}
.four {z-index: 40;}
.four:hover {z-index: 25;}
/* this last is a special trick that reverses the stacking order of the rightmost
top link when it or its children are hovered. This, and the previous rules work
together so that when a user is on the top link of any flyout, they can move 
vertically to the top link directly above and not have the sticky hovering zone
on the flyout get in the way of hovering that top link. */

/*XXXXXXXXXX .mini-zone rules XXXXXXXXXXXX*/
			
.mini-zone { /* special hover zone that covers the "danger corner" */
	position: absolute;		
	left: -3000px;
	bottom: -15px;
	top: auto;
	padding: 0;
	width: 15px;
	height: 15px;  
	font-size: 1px;
	/* background: url(/Images/GrayGradiantBar.gif); */
}

.dropdown li:hover .mini-zone { /* hover rule for mini-zones */
	left: auto;
	right: 8px;
	top: auto;
}

.four li:hover .mini-zone {left: 8px;} /* reversed hover rule for rightmost drop mini-zones */

/*XXXXXXXXXXX Top nav and dropdown backgrounds XXXXXXXXXX*/

 
.one ul {background-color:#EEEEEE;}


.two ul {background-color:#EEEEEE;}


.three ul {background-color:#EEEEEE;}


.four ul {background-color:#EEEEEE;}

.flyout li:hover {color:#FFFFFF;} /* hover text color on flyout links */

.flyout ul {background-color:#EEEEEE;} /* colors background of flyouts */ 

.nav .flyout a {color:#000000} /* colors text of flyouts */ 

/*XXXXXXXXXXX Special fixes XXXXXXXXXXX*/

/* This block is not read by IE5-Mac, and is further hacked for IEwin. \*/

* html .topnav .dropdown li {
	height: 1%;
	margin-left: -16px;
	mar\gin-left: 0;
}

* html .nav a {height: 1%;}
/* */

/* The first ruleset above fixes "bullet region" problems in IE5.x/Win, 
and the second is to make all links fully clickable. */    

.brclear { /* Use a break with this class to clear float containers */
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}

/*\*/ /*/
.nav .dropdown, .nav .dropdown div {width: 189px;}
.nav .topnav .dropdown ul {margin: 0px;}
.nav .dropdown, .nav .dropdown div {position: static;}
.nav .dropdown ul {border: 0;}
.mini-zone {display: none;}
/* This rule block "dumbs down" the nav and is seen only by IE5/Mac */
/*
#nav {
	width: 602px;  Sets width to fill holder div. 
	background: url("/Images/HomeSlice/HomeLogoRight_NavX2.jpg");/* Sets background image on nav div and tiles it downward so that if it 
	grows or the items wrap the background will continue. 
	background-repeat:no-repeat; 
	padding: 2px 0 1px 0;  Adds space within the nav div on the top and bottom so the nav list doesn't butt up against its edges. 
}*/


/* Wrapper for upper content section */
#contentwrapper {
	background: url("/Images/HomeSlice/HomeContent_Mid.gif"); /* Adds strip showing three columns as background image to wrapper div. 
	It is tiled downward to create the appearance of three columns. Also given a background color in case Images are not available. */
	background-repeat:repeat-y;
}

/* Another wrapper for the content is needed because we need two background Images for the content area -- the repeating column part, 
and the top curved part. Since each div can only have one background image, we need to use two layered divs to create the effect. */
#content {
	background: #ffffff url("/Images/HomeSlice/HomeContent_TopX.gif"); /* Adds top curved part of content area rectangle image, which lays over the repeating background image of the contentwrapper div to create the appearance of a single image. Set to only show once. */
	background-repeat:no-repeat;
	padding: 32px 0 0 0; /* Adds space between top of box and start of content so it doesn't cover up curved area. */
	position: relative;  /* Allows the absolutely positioned #subnav div to base its position off #content. */
	color:#000000; /* Sets color of text to dark blue. */
	font-size: .8em; /* Sets font size smaller than default. We can use ems safely in IE because we've set a percentage font size on the body. */
}
/* WinIE5 needs the following selector to display the padding in #content. This comment cannot be in the selector or it will trigger 
the end of the MacIE hide. */
/* hide from MacIE \*/
* html #contentwrapper {
	height: 1%;
	}
/* end hide */

/* Left column for extra info, feature items, news, etc. */
#info {
	float: left; /* Moves div to left side of #content. */
	width: 194px; /* Sets width. */
	margin: 5px 15px 10px 15px; /* Moves div away from edges of container and surrounding content. */
	display: inline;/* Prevents WinIE from doubling the left margin, which it will do on left floats. */
	font:Arial, Helvetica, sans-serif; 
	font-size: .9em; /* Sets font size smaller than default. */
}
#infolist {
	width:auto;
	font-size:.9em;
	margin:8px;
}
#infolist ul {
	margin:0 0 0 1.25em;
	padding:0 0;
}
#infolist li {
	margin:0;
	padding:0 0;
}			


/* Center column for main text. */
#main {
	margin: 0px 175px 20px 227px;/* Sets left and right margins to leave space for floated left column and absolutely positioned right column. */
	font-size:10px; 	}

/* Right column for sub-navigation list. */
#subnav {
	position: absolute;
	width: 118px;
	top: 30px;
	right: 5px;
	left: 638px;
	bottom:10px;
}
#subnav ul {
	margin: 0; /* Removes default list margin added by some browsers. */
	padding: 1; /* Removes default list padding added by some browsers. */
	list-style-type: none; /* Removes default list bullets. */
}
#subnav li {
	margin-top: 4px; /* Spaces list items out from each other. */
}
#subnav ul a:link, #subnav ul a:visited {
	color:#000099; /* Sets link color of unvisited and visited links to dark blue. */
	font-size:11px;
	font-weight:300;
	text-decoration: none; /* Removes default link underlines. */
	padding: 1px 1px; /* Creates space around links so that background color set in selector below does not so tightly enclose link text. */
}
#subnav ul a:hover, #subnav ul a:active, #subnav ul a:focus {
	color:#FFF; /* Sets link color to brighter blue on hover, activation, and focus. */
	background: #000066; /* Sets background color to light gray on hover, activation, and focus. */
}
#subnav p img {
	display: block; /* Changes image from an inline element to a block so it occupies its own line and can be formatted in more ways. */
	padding: 5px 0 5px 0; /* Creates space between top and bottom borders and edges of image. */
	margin: 2px auto; /* The left and right auto margins center the image. The 5px top and bottom margins add space between the image and surrounding content. */
	border-top: 1px solid #036; /* Sets top border. */
	border-bottom: 1px solid #036; /* Sets bottom border. */
}
#footermid {
	background: #ffffff url("/Images/HomeSlice/HomeContent_Bottom.gif"); /* Sets curved bottom part of background  */
	background-repeat:no-repeat; 
	padding: 14px 0 0 0;
}
/* Wrapper for lower content between footerMid and footerBott. */
#lowerwrap {
     margin: 0 auto 0 auto; /* The auto margin on the left and right center the holder div in standard compliant browsers. */
	 width: 765px; /* Sets width of main container to fit within most maximized 800x600 windows. */
     text-align: left; /* Overwrites the center-aligned text set on the body. */
}
/* lower text area */
#contentwrapper2 {
	background: url("/Images/HomeSlice/LowerContent_Mid.gif"); /* Adds strip showing three columns as background image to wrapper div. 
	It is tiled downward to create the appearance of three columns. Also given a background color in case Images are not available. */
	background-repeat:repeat-y;
}
#contentHead2 {
	background: #ffffff url("/Images/HomeSlice/HomeContent_TopX_OneCol.gif"); 
	background-repeat:no-repeat;
	padding: 32px 0 0 0; /* Adds space between top of box and start of content so it doesn't cover up curved area. */
	/* position: relative;  Allows the absolutely positioned #lowerinfo div to base its position off #contentHead2. */
	color:#000000; /* Sets color of text to dark blue. */
	font-size: .8em; /* Sets font size smaller than default. We can use ems safely in IE because we've set a percentage font size on the body. */
}
/* WinIE5 needs the following selector to display the padding in #contentHead2. This comment cannot be in the selector or it will 
trigger the end of the MacIE hide. */
/* hide from MacIE \*/
* html #contentwrapper2 {
	height: 1%;
	}
/* end hide */	
#contentBase2 {
	background: #ffffff url("/Images/HomeSlice/LowerContent_Bottom.gif"); /* Sets curved bottom part of background image of div above. 
	Since #footer butts up against #contentwrapper, it creates the appearance of a single image. Image set to appear only once. */
	background-repeat:no-repeat; 
	padding: 14px 0 0 0;
}
#lowerinfo {
	float: left; /* Moves div to left side of #content. */
	width: 660px; /* Sets width. */
	margin: 0 15px 10px 30px; /* Moves div away from edges of container and surrounding content. */
	display: inline; /* Prevents WinIE from doubling the left margin, which it will do on left floats. */
	font:Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding:2px 0 2px 0;
	/* position:absolute; */
}
/* Footer for page. */
#footer {
	padding: 30px 0 0 0; /* Creates room for background image to display, so text starts below end of image. */
	color: #E5E5E5; /* Sets text color to very light gray. */
	font-size: 0.7em; /* Sets font size smaller than default and smaller than content text. */

}
#footer p {
	float: left; /* Moves paragraph to left side of #footer. */
	margin: 0; /* Removes default margin added to paragraphs. */
}
#footer ul {
	float: right; /* Moves list to right side of #footer. */
	margin: 0 6px 10px 0; /* 6px right margin aligns edge of text with border of content div instead of the edge of its shadow. 20px bottom margin provides space between end of footer and edge of window. */
	padding: 0; /* Removes default padding added to lists by some browsers. */
}
#footer p, #footer ul {
	display: inline-block; /* Prevents MacIE from expanding the floats to 100%, which would keep them from sitting on the same line. */
}
/* The following selector overwrites the display value of the paragraph and list back to the correct value, but is hidden from MacIE so it still gets the value it needs. */
/* hide from MacIE \*/
#footer p, #footer ul {
	display: block;
}
/* end hide */
#footer li {
	display: inline; /* Makes list items display horizontally. */
	margin: 0; /* Removes default margin some browsers add to list items. */
	padding: 0; /* Removes default padding some browsers add to list items. */
}
#footer a {
	color: #ccc; /* Sets color of links to slightly darker gray than surrounding text. */
	text-decoration:none; /* allows link on footer for custom access to admin menu  */
	}
#footer a:hover {
	color: #fff; /* Sets color of links on hover to white. */
	}


/* CONTAINING FLOATS ----------------------------------------------------------------- */
/* The following selectors keep floats from overflowing out of their parent elements. This is done by generating a character within the parent but after the float, so that the parent must expand to hold the generated character, appearing to contain the floats in the process. */
.clearfix:after {
  content: "."; /* This dot is the actual content that will be appended to the end any div this class is applied to. */
  clear: both; /* Makes the generated content appear after the floats. */
  height: 0; /* Sets its height to zero so it doesn't show. */
  visibility: hidden; /* Sets its visibility to hidden so it doesn't show. */
  display: block; /* Overwrites the default inline display of the generated content. Needed because only blocks can have clear set on them. */
}
 
.clearfix {
	display: inline-block; /* Makes it work in MacIE. MacIE does not support generated content but will automatically contain a float if the container has this display property. */
	}

/* The first selector below makes it work in WinIE. WinIE does not support generated content, but will automatically contain a float if the container has a width or height assigned. "height: 1%" can be used because WinIE will not honor this height and will expand the div to whatever height necessary to show the content. */
/* The second selector below overwrites the inline-block display used to help MacIE. */
/* Hides from MacIE \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
/* End hide from MacIE */


/* LINKS -------------------------------------------------------------------------------------- */
a {
	color: #6B80D6; /* Sets color of links within main content to blue used on body background. */
}
 a:visited, a:hover, a:active {
	color:#000000; /* Sets color of visited, hovered, and active links within main content to dark purple. */
} 


/* HEADINGS ------------------------------------------------------------------------- */
h1 {
	font-size: 1.5em; /* Sets font size of top level headings to larger than default. */
	color:#000066;
	}
h2 {
	font-size: 1.1em; /* Sets font size of second level headings to larger than default but smaller than h1. */
	}
h3, h4, h5, h6 {
	font-size: .9em; /* Sets font size for other headings to same size as default. Headings are bold by default, so they will still be distinguishable. */
	}
.vivid {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:600
	}	
.notes {
	font:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	}