/* Fulcrum.css: covers styles not related to primary layout.
 * Layout stylesheets for specific media are fulcrum-screen.css, fulcrum-print.css.
 */

/* Banner */

div#banner { width: 100%; padding: 0; margin: 0; text-align: left; overflow: hidden; }
div#banner .fulcrum-logo { display: block; padding: 0; margin: 0 auto; border: 0; }

/* Nav 1 menu */

div#nav1 { background-color: #000000; font-size: 86%; font-weight: bold; padding: 0.5em; margin: 0; }
ul#nav1_menu { text-align: center; padding: 0; margin: 0; vertical-align: bottom; }
ul#nav1_menu li {
	display: inline; list-style-type: none;
	padding: 0; margin: 0; white-space: nowrap; vertical-align: bottom; 
	}

ul#nav1_menu li a { margin-left: 1em; margin-right: 1em; }

ul#nav1_menu li a:link,
ul#nav1_menu li a:visited { color: #f1f1e9; text-decoration: none; }

ul#nav1_menu li a:focus,
ul#nav1_menu li a:hover,
ul#nav1_menu li a:active { color: #64a5a1; text-decoration: underline; }

ul#nav1_menu li.current a:link,
ul#nav1_menu li.current a:visited { color: #64a5a1; text-decoration: none; }

/* Nav 2 and 3 menus */

div#nav2, div#nav3 { border-bottom: 1px inset black; padding: 0.3em 0; margin: 0; font-size: 86%; }

ul#nav2_menu, ul#nav3_menu { text-align: center; padding: 0; margin: 0; vertical-align: bottom; }
ul#nav2_menu li , ul#nav3_menu li { display: inline; list-style-type: none;
	padding: 0; margin: 0; white-space: nowrap; vertical-align: bottom; 
	}

ul#nav2_menu li a, ul#nav3_menu li a { margin-left: 1em; margin-right: 1em; }

ul#nav2_menu li a:link,
ul#nav2_menu li a:visited,
ul#nav3_menu li a:link,
ul#nav3_menu li a:visited { color: #146e68; text-decoration: none; }

ul#nav2_menu li a:focus,
ul#nav2_menu li a:hover,
ul#nav2_menu li a:active,
ul#nav3_menu li a:focus,
ul#nav3_menu li a:hover,
ul#nav3_menu li a:active { color: #146e68; text-decoration: underline; } 

ul#nav2_menu li.current a:link,
ul#nav2_menu li.current a:visited,
ul#nav3_menu li.current a:link,
ul#nav3_menu li.current a:visited { color: #cc8c00; text-decoration: none; font-weight: bold; }

/* Right sidebar contents */

div#right-sidebar h2 { font-size: 110%; }
div#right-sidebar ul { margin-left: 0; padding-left: 0; }
div#right-sidebar li { margin-bottom: 0.5em; list-style-type: none; }

/* Main column contents */

div#main-content { 
	font-size: 100%; 
	line-height: 140%; 
}

div#main-content h1 { 
	font-family: Arial Narrow, arial, helvetica, geneva, sans-serif; 
	font-size: 160%; 
	font-weight: bold; 
	padding-top: 0; 
	padding-bottom: 0.25em;
	margin: 0;
	color: #cc8c00;
}
div#main-content h2 { color: #146e68; font-size: 114%; font-weight: bold; }
div#main-content h2 a { font-weight: normal; }
div#main-content .tagline { font-size: 110%; font-style: italic; color: #8a6400; background-color: inherit; }
div#main-content h3 { font-size: 110%; font-style: italic; }
div#main-content h4 { font-size: 100%; font-weight: bold; }

/* Page footer contents */

div#page-footer { font-size: 83%; }
div#page-footer div { padding: 0; margin: 0 auto; }
div#page-footer a { margin: 0 0.5em; color: #025165; }

/* General */

.lead-in { font-weight: bold; }
.list-column { float: left; margin-right: 1em; }
.clear { clear: both; height: 0.01em; line-height: 1%; }
.unindented-list { margin-left: 0; padding-left: 1.5em; }

img.inset-right { float: right; margin: 0.5em 0 0.5em 1em; }

.centered { margin-left: auto; margin-right: auto; }
.centering-container /* for IE */ { text-align: center; }

/* For management biographies. 
	The 90px left margins are to allow room for photos 75 pixels wide. The 90px bio-heading height is designed to clear
	the image so that the text flows underneath them without needing to use the clear property--which would
	cause the remainder of the text also to clear the floats from the sidebars.
*/
	
img.bio-thumbnail { float: left; margin-right: 1em; }
div.bio-block { margin: 1em 0; height: 90px; }
div#main-content>div.bio-block { height: auto; min-height: 90px; } /* IE won't see this. */
.bio-title { font-weight: bold; }
div.bio-heading { height: 90px; margin-top: 1em; }
div#main-content>div.bio-heading { height: auto; min-height: 90px; } /* IE won't see this. */

/* For success stories. */

div.success-heading { height: 55px; margin-top: 1em; }
div#main-content>div.success-heading { height: auto; min-height: 55px; } /* IE won't see this. */
div.success-heading .tagline{ font-weight: bold; }
div.success-heading img.logo { float: right; padding: 0.5em 0.5em 0.5em 1em; }

/* TEXT DESCRIPTION PAGES */
body.text-description-page div#banner { 
	position: relative;
	width: 100%; font-size: 105%; padding: 0; margin: 0;
	border-bottom: thick solid #dfa201; background-color: #a4cdd5; 
}

body.text-description-page div#banner .fulcrum-logo { 
	position: absolute; left: 0; top: 0; width: 175px; height: 100px;
	border: 0;
}
	
body.text-description-page h1 { 
	position: absolute; left: 185px; bottom: 0; padding-bottom: 0.2em;
	font-size: 105%; font-weight: bold; 
}

body.text-description-page h2 {	font-size: 105%; font-weight: bold; }

body.text-description-page div#text-description { 
	margin: 0; padding: 0.5em; font-size: 100%; line-height: 120%; background-color: #fff7df; color: #000000;
}

.announcement {
	width: 25em;
	margin: 1em auto;
	padding: 0.5em;
	background-color: #b8e29e;
	color: #000000;
	text-align: center;
}

.fancy-list { list-style-image: url("/images/general/bllt_gold.gif"); }
.fancy-list li { margin-top: 0.25em; margin-bottom: 0.25em; white-space: normal; }
.fancy-list a:link { color: #146e68; text-decoration: none; }
.fancy-list a:hover { text-decoration: underline; }