/* ------------------------- 
     GLOBAL 
------------------------- */
HTML,BODY {
     height: 100%;
     min-height: 100%;
}
BODY {
     margin: 0;
     padding: 0;
     border: 0;
     background: #FFF;
     font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
     font-size: 10px; /* 1.0em = 10.0px = 100% */
}
#Alpha {
     height: 100%;
     min-height: 100%;
     position: relative;
     margin: 0;
     padding: 0;
}
#Bravo {
     min-height: 100%;
     width: 100%;
}
#Bravo, #Masthead, #Navigation, #TitleBlock, #Main, #Footer {
     position: relative;
     width: 100%;
     margin: 0;
}
IMG {
     border:0;
}
A:link, A:visited {
     color:#5E6BB2;
     font-weight:bold;
}
A:hover {
     color:#848BB0;
}

/* ------------------------- 
     MASTHEAD
------------------------- */
#Masthead {
     height:11em;
     color:#FFF;
     background: #FFF url(img/mast.png) repeat-x top left;
}
#Masthead IMG {
     padding:0;
     margin:3.5em 2.5em 0 2.5em;
     position:absolute;
}
#Masthead IMG2 {
     padding:0;
     margin:3.5em 2.5em 0 2.5em;
     position:absolute;
}

#Masthead P {
     padding:2em;
     margin:0;
     float:right;
     width:50%;
     font-size:1.1em;
}

/* ------------------------- 
     NAVIGATION
------------------------- */

#Navigation {
     margin:0;
     z-index: 1000;
     clear: both;
     height:3.6em;
     color:#FFF;
     background: #5E6BB2;
     /* min-height: 3.6em;  Moz */
}
#Inner, #Inner UL { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
     z-index: 1000;
}
#Inner {
     margin-left:2.5em;
}
#Inner LI { /* all list items */
	float: left;
	min-width: 4em; /* width needed or else Opera goes nuts */
	z-index: 1000;
}
#Inner LI A { /* all anchors */
	display: block;
	text-decoration: none;
	font-weight:bold;
     font-size: 1.2em;
	color: #FFF;
	padding: 1em;
	border-right: 1px solid #848BB0; 
	z-index: 1000;
}
#Inner LI A.home { /* all anchors */
	border-left: 1px solid #848BB0; 
}
#Inner LI A:hover {
	background: #000;
	color: #FFF;
}


#Inner LI UL { /* second-level lists */
	position: absolute;
	left: 0;
	width: 10em;

	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#Inner LI:hover UL, #Inner LI.sfhover UL { /* lists nested under hovered list items */
	left: auto;
	width: 14.4em; /* Moz */
}
#Inner LI UL LI {
     text-align: left;
     background: #4175B1 url(img/mast.jpg) repeat-x 0 0;
}
#Inner LI UL LI A {
     padding: 0.5em 1em;
     display: block;
     border-top: 1px solid #848BB0;
     border-right: 1px solid #848BB0;
     font-size: 1.1em;
     min-width: 11em; /* Moz */
     background:#5E6BB2;
     color:#FFF;
}
#Inner LI:hover, #Inner LI.hover {
    position: static;
}

/* ------------------------- 
     NAVIGATION2
------------------------- */

#Navigation2 {
     margin:0;
     z-index: 1000;
     clear: both;
     height:3.6em;
     color:#FFF;
     background: #5E6BB2;
     /* min-height: 3.6em;  Moz */
}
#Inner, #Inner UL { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
     z-index: 1000;
     
}
#Inner {
     margin-left:2.5em;
}
#Inner LI { /* all list items */
	float: left;
	min-width: 4em; /* width needed or else Opera goes nuts */
	z-index: 1000;
}
#Inner LI A { /* all anchors */
	display: block;
	text-decoration: none;
	font-weight:bold;
     font-size:1.2em;
	color: #FFF;
	padding: 1em;
	border-right: 1px solid #848BB0; 
	z-index: 1000;
}
#Inner LI A.home { /* all anchors */
	border-left: 1px solid #848BB0; 
}
#Inner LI A:hover {
	background: #000;
	color: #FFF;
}


#Inner LI UL { /* second-level lists */
	position: absolute;
	left: 0;
	width: 10em;

	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#Inner LI:hover UL, #Inner LI.sfhover UL { /* lists nested under hovered list items */
	left: auto;
	width: 14.4em; /* Moz */
}
#Inner LI UL LI {
     text-align: left;
     background: #4175B1 url(img/mast.jpg) repeat-x 0 0;
}
#Inner LI UL LI A {
     padding: 0.5em 1em;
     display: block;
     border-top: 1px solid #848BB0;
     border-right: 1px solid #848BB0;
     font-size: 1.1em;
     min-width: 11em; /* Moz */
     background:#5E6BB2;
     color:#FFF;
}
#Inner LI:hover, #Inner LI.hover {
    position: static;
}

/* ------------------------- 
     MAIN
------------------------- */
#Main {
     margin-top:3.6em;
}
#Main #Sidebar {
     float:right;
     width:240px;
     margin-right:20px;
     font-size:1.15em;
     line-height:1.35em;
}
#Main #Content {
     margin:0 300px 0 2em;
     font-size:1.25em;
     line-height:1.5em;
}
#Main #Content #Body {
     margin-right:160px;
}
#Main #Content #InlineSidebar {
     float:right;
     width:140px;
}

#Breadcrumbs {
     display:block;
     padding:0;
     margin:0 0 2em 0;
     font-size:1em;
}

H1 {
     padding:0;
     margin:0.5em 0;
     font-size:2.5em;
     line-height:1em;
}
H2 {
     padding:0;
     margin:0 0 0.5em 0;
     font-size:1.5em;
     color:#84B1E4;
}

H3 {
	text-transform:uppercase;
	margin:0;
	padding:0;
	color:#666;
}

/* ------------------------- 
     SIDEBAR
------------------------- */
#Sidebar H2 {
     background: #000 url(img/bucket.png) repeat-x top left;
     font-size:1.25em;
     text-transform:uppercase;
     letter-spacing:0.33em;
     color:#FFF;
     border-left:5px solid #5E6BB2;
     margin:0 0 0.5em 0;
     padding:0.33em 0.5em;
}

#Sidebar UL, #Sidebar UL LI UL {
     padding:0;
     margin:0 0 2em 0;
     list-style:none;
}
#Sidebar UL LI, #Sidebar UL LI UL LI {
     margin:0 0 1em 0;
     padding:0;
     list-style-type:none;
}

#Sidebar UL LI.new UL LI A {
     background:url(img/icon.png) no-repeat center left;
     display:block;
     padding:0 0 1px 26px;
}

#Sidebar UL LI.new UL LI A.pdf {
     background-image:url(img/icon-pdf.png);
}

#Sidebar UL LI.new A.getreader {
     background:url(img/get_adobe_reader.gif) no-repeat top left;
     display:block;
     padding:0 0 1em 98px;
     font-weight:bold;
     color:#000;
     text-decoration:none;
     font-style:italic;
}

#Sidebar UL LI FORM LABEL {
     float:left;
     font-weight:bold;
     width:65px;
     margin-right:10px;
     padding-top:3px;
}
#Sidebar UL LI FORM INPUT {
     margin-bottom:0.5em;
}

/* ------------------------- 
     FOOTER
------------------------- */
#Footer {
     margin:2em 0 0 0;
     padding:1em 0 2em 0;
     clear:both;
     position:relative;
     bottom:0;
     font-size:1.15em;
     color:#848BB0;
     line-height:1.3em;
}
#Footer P {
     margin:0 2.15em;
     padding:0;
}

/* ------------------------- 
     CUSTOM STYLES
     GO BELOW THIS
     COMMENT BLOCK
------------------------- */

UL.banner {
     margin:2em 0 1em 0;
     padding:0;
     list-style:none;
}
UL.banner LI {
     margin:0;
     padding:0 0 1em 0;
     list-style-type:none;
     clear:left;
     line-height:1em;
}
UL.banner LI A IMG {
     border:1px solid #000;
     border-left-width:5px;
     float:left;
     margin-bottom:1em;
}
UL.banner LI P {
     border:0;
     font-size:0.9em;
     margin:-1em 0 0 250px;
     padding:0;
     line-height:1.3em;
}
UL.banner LI STRONG {
     font-size:1.2em;
}
.top {
     clear:both;
}