@charset "utf-8";
html{	height:30%;}
body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	background-image: url(/images/background-glow.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-color:#07093D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	height:100%;
}
img {border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;}
h1, h2, h3, h4, h5 {color: #002c5c;}


a, a:visited{color:#069;}
a:hover, a:active{ color:#002C5C; text-decoration:underline;}



/* with body tag set to first # then heading for that page will be highlighted in color */
#about_page #about a, #life_page #life a, #org_page #org a, #school_page #school a, #tools_page #tools a, #contact_page #contact a, #inspired_page #inspired a, #solution_page #solution a, #connected_page #connected a, #media_page #media a { 
	color: #FFFF00;}

#container {
	width: 978px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #f3f3f3; margin: auto; text-align: center; font-family: Arial, Helvetica, sans-serif; padding: 0px; } 

#header {height: 141px; margin: 0 auto 0 auto; text-align: left; width: 988px; background-image:url(/images/header.jpg);} 

#header h1 { 
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */	
}

#mainContentContainer { text-align: left; width: 550px; padding: 0 4px; margin-left: 200px; margin-bottom: 10px;} 
#main_frame  { margin: 0; border: solid #dddddd 2px; background-color: #fff; padding: 5px 3px 5px 5px; /*background-image: url(/images/main_back_rt.gif);*/ background-repeat: repeat-y; background-position: right top; float: left; width: 966px;}
#main_frame #left_section { width: 760px; float: left;}

/****** 2 COLUMN FORMAT ONLY ******/
	#main_frame #left_section_2column { width: 966px; float: left;}
	#main_frame #left_section_2column #mainContentContainer { text-align: left; width: 750px; padding: 0 4px; margin-left: 200px; margin-bottom: 10px;} 
/****** 2 COLUMN fORMAT ONLY END ********/


/****** Left Column Start *****/
	#sidebar1 {
		float: left; /* since this element is floated, a width must be given */
		width: 188px; background-color: #f7f7f7; text-align: left; border: solid #dddddd 1px; padding: 4px; font-size: 0.9em;
	}
	#sidebar1  h1   { font-size: 0.9em;}
	
	#sidebar1 .more_link {font-size: 0.8em; text-align: right;}
	#sidebar1 li { padding-bottom: 3px;}
	
	#sidebar1  ul, #mainContent ul {
		font-size: .9em;
		margin-top: .5px;
		margin-left: 10px;
		padding-left: 10px;
		list-style-position: outside;
		list-style-image: url(/images/blu_arrow_bullet.gif);
		list-style-type: none;
	}
	
	#sidebar1  ul  p   {margin-top: 0.6em; margin-left: 5px; left: 5px; }
/****** Left Column End *****/

	
#header ul {
	color: #fff;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-image: url(/images/main_nav_fill.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 27px;
	float: left;
}
#header li {
	float: left;
	background-image: url(/images/main_nav_break.gif);
	background-repeat: no-repeat;
	height: 27px;
	background-position: right top;
	padding: 0.3em 1em 0 1em;
	display: block;
	font-size: 0.9em;
}
#header #leftHeader {
	background-image: url(/images/hal_horizontal.gif);
	background-repeat: no-repeat;
}

#header #nav_bar a:visited{
	Color:#fff;
}
#header #nav_bar a:hover, #header #nav_bar a:active {
	color: #FFFF00;
}

#nav_bar {
	margin-top: 23px;
	margin-left:4px;
}
#nav_bar  li  a {
	font-size: 1em;
	color: #fff;
	text-decoration: none;
}
#nav_bar .end_nav {
	background-image: none;
}
#billboard {
	height: 173px;
	width: 548px;
	margin: 0 auto;
}
#sidebar2 {
	float: right;
	width: 188px;
	margin-right: 3px;
	background-color: #f7f7f7;
	text-align: left;
	border: solid #dddddd 1px;
	padding: 4px;
	font-size: 0.9em;
}

/***  RIGHT TOOLS COLUMN START *****/

	#RightColumnContainer {
		float: right;
		width: 188px;
		margin-right: 3px;
		background-color: #f7f7f7;
		text-align: left;
		border: solid #dddddd 1px;
		padding: 4px;
		font-size: 0.9em;
	}
	#RightColumnContainer ul{ font-size: .8em; margin-top: -5px; margin-left: 10px; padding-left: 10px; list-style-position: outside; list-style-image: url(/images/blu_arrow_bullet.gif); list-style-type: none;}
	#RightColumnContainer ul li {padding-bottom: 2px; margin: 5px 0px 5px 0px;}
	#RightColumnContainer ul li li {font-size:1.3em;}

	#RightColumnContainer ul a { color:#002c5c; text-decoration: none;}
	#RightColumnContainer ul a:hover {color: #000; text-decoration: underline;}
	#RightColumnContainer ul a:visited{ color:#002c5c; text-decoration: none;}
	#RightColumnContainer ul a:active { color: #000; text-decoration: underline;}

	#RightColumnContainer  h1 {
	font-size: 1.1em;
	display:block;
	text-align:left;
	margin-bottom:20px;
}
	
	#RightColumnContainer .more_link { font-size: 0.8em; text-align: right;}
	#RightColumnContainer .more_link a{ color:#002c5c; text-decoration: none;}
	#RightColumnContainer .more_link a:hover{ color: #000; text-decoration: underline;}
		

/***  RIGHT TOOLS COLUMN END *****/


#mainContent {
 margin:5px;
}

#mainContent h1 {
	font-size: 1.1em; height:23px; padding:6px 0 0 5px; margin-bottom:0px; background-image:url(/images/h1-header-background.jpg);margin-top:-3px; background-repeat:no-repeat;}
	
#mainContent h2 {
	font-size: 1.75em;
}
#mainContent p {
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
}

#MmainContentText {
	border: solid #dddddd 1px;
	padding:5px;
	zoom: 1;
}

#FeaturedTile_nav {
	height: 200px;
	background-image: url(/images/bottom_nav_back.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
	width: 750px;
	margin: auto;
	padding-left: 5px;
	background-color: #D5E6FC;
	color:#fff;
}
#FeaturedTile_nav p{
	font-size:.7em;
	margin:0;padding:0;
}
#FeaturedTile_nav h1 {
	font-size: 1.5em;
	font-style: italic;
	margin: 0;
	color: #020439;
	font-family: "Times New Roman", Times, serif;
	letter-spacing: 0.1em;
	margin-bottom: 3px;
}
#FeaturedTile_nav .navbox {
	height: 160px;
	background-color: #002C5C;
	float: left;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	width: 175px;
	margin-right: 2px;
}
#FeaturedTile_nav .navbox a, #FeaturedTile_nav .navbox a:visited {
	font-size: .9em;
	text-decoration: none;
	color: #D2E4FC;
	font-weight:bold;
}
#FeaturedTile_nav .navbox a:hover, #FeaturedTile_nav .navbox a:active {
	color:#FF6;
}

.FeaturedTile_nav_link {
	height: 45px;
	overflow:hidden;
}

#footer {
	margin: 5px 3px 3px 3px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#002c5c;
	height: 40px;
	padding: 0 0 0 15px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
} 
#footer a{color:#fff; text-decoration:none;}
#footer a:visited{color:#fff; text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer a:active{text-decoration:underline;}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer  #footer_copyright   {float: left; font-size: 12px; text-align: center; width: 700px; margin-top: 5px; color: #fff;}



.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.nav_end {background-image: url(/images/main_nav_rt.gif); height: 27px; float: left; width: 10px;}

.clearfloat {
	clear: both;
	line-height: 1px;
	height: 0px;
	font-size: 1px;
}

.sidebar2Element {
	font-size: 1em;
	color: #002C5C;
	padding: 4px;
	margin: 0.4em auto;
	border: 1px solid  #dddddd;
	background-color: #fff;
}
.sidebar2Element h1 {
	font-size: 1.1em;

}
.sidebar2Element p {
	font-size: 0.8em;
}

.list_break {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000;
	width: 180px;
	height: 1px;
	float: left;
	margin-left: -15px;
	margin-top: 5px;
}

#sidebar1 .video {
	margin-left: -20px;
}



/*** SUBNAV START ***/
	#subnav {
		float: left; /* since this element is floated, a width must be given */
		width: 188px;
		background-color: #f7f7f7;
		text-align: left;
		border: solid #dddddd 2px;
		padding: 4px;
		font-size: 0.9em;
	}
	
	#subnav  h1   { font-size: 0.9em; border-bottom:1px dotted #666; display:block;}
	
	#subnav  ul { font-size: 1em; font-weight:bold; margin-top: 0px; margin-bottom:60px; margin-left: 0px; padding-left: 0px; list-style-position: outside; list-style-image: none; list-style-type: none;}
	
	#subnav  ul  p {margin-top: 0.6em; margin-left: 5px; left: 5px;}

	#subnav  ul ul {font-size: 0.9em; font-weight:normal; margin-top: 5px; margin-bottom: 5px;	margin-left: 10px; padding-left: 10px; list-style-position: outside; list-style-image: url(/images/blu_arrow_bullet.gif); list-style-type: none;}
	
	#subnav ul a { padding-bottom: 4px; border-bottom:1px dotted #666; width:100%; display:block }
	
	#subnav ul li{ margin: 5px 0px 5px 0px;}
	
	#subnav ul a { color:#002c5c; text-decoration: none; font-weight:normal;}
	#subnav ul a:hover {color: #000; text-decoration: underline;}
	#subnav ul a:visited{ color:#002c5c; text-decoration: none;}
	#subnav ul a:active { color: #000; text-decoration: underline;}

		/* Current Page Indicator: This part of the CSS allows the menu item to display in its highlighted state when the page is loaded. The highlighting is implemented this way (in the CSS) so that the navigation stays as live text -- not javascript, flash or DHTML is used.
		
		Note: if you add more than ten menu items for levels 1 & 2, copy and edit accordingly */
		
		/*begin current page indicator for Level1*/
		
		/*Current page indicator normal state for Level 1 menus. These styles override .nav styles for current page. */
body.level1_1_page li#level1_1 a, 
body.level1_2_page li#level1_2 a, 
body.level1_3_page li#level1_3 a, 
body.level1_4_page li#level1_4 a, 
body.level1_5_page li#level1_5 a, 
body.level1_6_page li#level1_6 a, 
body.level1_7_page li#level1_7 a, 
body.level1_8_page li#level1_8 a, 
body.level1_9_page li#level1_9 a, 
body.level1_10_page li#level1_10 a { color: #000; font-weight:bold;}
		
		/*Current page hover state highlight for Level1 menus. These styles override .nav styles for current page. */
body.level1_1_page li#level1_1 a:hover, 
body.level1_2_page li#level1_2 a:hover, 
body.level1_3_page li#level1_3 a:hover, 
body.level1_4_page li#level1_4 a:hover, 
body.level1_5_page li#level1_5 a:hover, 
body.level1_6_page li#level1_6 a:hover, 
body.level1_7_page li#level1_7 a:hover, 
body.level1_8_page li#level1_8 a:hover, 
body.level1_9_page li#level1_9 a:hover, 
body.level1_10_page li#level1_10 a:hover { color: #000; text-decoration:none;}
			
		/*Inheritance block. Keeps level2 from inheriting level1 styles. Styles here should match ".nav ul a" */ 
body.level1_1_page li#level1_1 ul a, 
body.level1_2_page li#level1_2 ul a, 
body.level1_3_page li#level1_3 ul a, 
body.level1_4_page li#level1_4 ul a, 
body.level1_5_page li#level1_5 ul a, 
body.level1_6_page li#level1_6 ul a, 
body.level1_7_page li#level1_7 ul a, 
body.level1_8_page li#level1_8 ul a, 
body.level1_9_page li#level1_9 ul a, 
body.level1_10_page li#level1_10 ul a {
			color:#002c5c; text-decoration: none; font-weight:normal;}
		
		/*begin persistent page indicator for level2*/
		
		/*Current page indicator normal state for Level2 menus. These styles override .nav styles for current page. */ 
body.level2_1_page li#level2_1 a,
body.level2_2_page li#level2_2 a, 
body.level2_3_page li#level2_3 a, 
body.level2_4_page li#level2_4 a, 
body.level2_5_page li#level2_5 a, 
body.level2_6_page li#level2_6 a, 
body.level2_7_page li#level2_7 a, 
body.level2_8_page li#level2_8 a, 
body.level2_9_page li#level2_9 a, 
body.level2_10_page li#level2_10 a { color: #000; }
			
		/*Current page hover state highlight for Level 2 menus. These styles override .nav styles for current page. */
body.level2_1_page li#level2_1 a:hover, 
body.level2_2_page li#level2_2 a:hover, 
body.level2_3_page li#level2_3 a:hover, 
body.level2_4_page li#level2_4 a:hover, 
body.level2_5_page li#level2_5 a:hover, 
body.level2_6_page li#level2_6 a:hover, 
body.level2_7_page li#level2_7 a:hover, 
body.level2_8_page li#level2_8 a:hover, 
body.level2_9_page li#level2_9 a:hover, 
body.level2_10_page li#level2_10 a:hover { color: #000;}
		
		/*Inheritance block. Keeps level2 menu highlight from inheriting the level1 indicator highlight. This should be the same as ".nav ul a:hover"*/
body.level1_3_page li#level1_3 ul a:hover, 
body.level1_2_page li#level1_2 ul a:hover, 
body.level1_1_page li#level1_1 ul a:hover, 
body.level1_4_page li#level1_4 ul a:hover, 
body.level1_5_page li#level1_5 ul a:hover, 
body.level1_6_page li#level1_6 ul a:hover, 
body.level1_7_page li#level1_7 ul a:hover, 
body.level1_8_page li#level1_8 ul a:hover, 
body.level1_9_page li#level1_9 ul a:hover, 
body.level1_10_page li#level1_10 ul a:hover {color: #000; font-weight:normal; text-decoration:underline;}
		
		
		/*begin persistent page indicator for level3*/
		
		
		/*Current page indicator normal state for level3 menus. These styles override .nav styles for current page. */ 
body.level3_1_page li#level3_1 a, 
body.level3_2_page li#level3_2 a, 
body.level3_3_page li#level3_3 a, 
body.level3_4_page li#level3_4 a, 
body.level3_5_page li#level3_5 a, 
body.level3_6_page li#level3_6 a, 
body.level3_7_page li#level3_7 a, 
body.level3_8_page li#level3_8 a, 
body.level3_9_page li#level3_9 a, 
body.level3_10_page li#level3_10 a, 
body.level3_7_page#level3_7_1 a, 
body.level3_7_page#level3_7_2 a, 
body.level3_7_page#level3_7_3 a { color: #000; }
			
		/*Current page hover state highlight for Level 2 menus. These styles override .nav styles for current page. */
body.level3_1_page li#level3_1 a:hover, 
body.level3_2_page li#level3_2 a:hover, 
body.level3_3_page li#level3_3 a:hover, 
body.level3_4_page li#level3_4 a:hover, 
body.level3_5_page li#level3_5 a:hover, 
body.level3_6_page li#level3_6 a:hover, 
body.level3_7_page li#level3_7 a:hover, 
body.level3_8_page li#level3_8 a:hover, 
body.level3_9_page li#level3_9 a:hover, 
body.level3_10_page li#level3_10 a:hover { color: #000;}
		
		/*Inheritance block. Keeps level3 menu highlight from inheriting the level2 indicator highlight. This should be the same as ".nav ul a:hover"*/
body.level3_1_page li#level3_1 ul a, 
body.level3_2_page li#level3_2 ul a, 
body.level3_3_page li#level3_3 ul a, 
body.level3_4_page li#level3_4 ul a, 
body.level3_5_page li#level3_5 ul a, 
body.level3_6_page li#level3_6 ul a, 
body.level3_7_page li#level3_7 ul a, 
body.level3_8_page li#level3_8 ul a, 
body.level3_9_page li#level3_9 ul a, 
body.level3_10_page li#level3_10 ul a, 
body.level2_1_page li#level2_1 ul a:hover, 
body.level2_2_page li#level2_2 ul a:hover, 
body.level2_3_page li#level2_3 ul a:hover,
body.level2_4_page li#level2_4 ul a:hover, 
body.level2_5_page li#level2_5 ul a:hover, 
body.level2_6_page li#level2_6 ul a:hover, 
body.level2_7_page li#level2_7 ul a:hover, 
body.level2_8_page li#level2_8 ul a:hover, 
body.level2_9_page li#level2_9 ul a:hover, 
body.level2_10_page li#level2_10 ul a:hover {color: #000; font-weight:normal; text-decoration:underline;}
		
			
/* begin persistent page indicator for level4 */
/*Current page indicator normal state for level4 menus. */
body.level4_7_page@level4_7_2_1 a { color:#000 }
		
/*Inheritance block. Keeps level3 menu highlight from inheriting the level2 indicator highlight. This should be the same as ".nav ul a:hover"*/
body.level3_1_page li#level3_1 a:hover, 
body.level3_2_page li#level3_2 a:hover, 
body.level3_3_page li#level3_3 a:hover, 
body.level3_4_page li#level3_4 a:hover, 
body.level3_5_page li#level3_5 a:hover, 
body.level3_6_page li#level3_6 a:hover, 
body.level3_7_page li#level3_7 a:hover, 
body.level3_8_page li#level3_8 a:hover, 
body.level3_9_page li#level3_9 a:hover, 
body.level3_10_page li#level3_10 a:hover,
body.level4_1_page li#level4_1 ul a, 
body.level4_2_page li#level4_2 ul a, 
body.level4_3_page li#level4_3 ul a, 
body.level4_4_page li#level4_4 ul a, 
body.level4_5_page li#level4_5 ul a, 
body.level4_6_page li#level4_6 ul a, 
body.level4_7_page li#level4_7 ul a, 
body.level4_8_page li#level4_8 ul a, 
body.level4_9_page li#level4_9 ul a, 
body.level4_10_page li#level4_10 ul a {color: #000; font-weight:normal; text-decoration:underline;}
		
		/**** End Current Page Indicator section ****/

/*** SUBNAV END ***/



/*** BreadCrumbs Start ***/
	#breadcrumbs{
		color:#999;
		font-size:0.8em;
	}
	#breadcrumbs a {color: #666; text-decoration: none;}
	#breadcrumbs a:link {color: #666;}
	#breadcrumbs a:visited {color: #666;}
	#breadcrumbs a:hover {color: #666; text-decoration:underline; }
	#breadcrumbs a:active {color: #666;}
	#breadcrumbs p{margin-bottom:0;}
/* BreadCrumbs End */

#bottomglow {
	height: 100%;
	background-image:url(/images/background-glow-bottom.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#07093D;
}
#school_page #container #main_frame #left_section #mainContentContainer #mainContent #MmainContentText #flag_frame #flag_header {
	background-image: url(../your-school/images/flag_header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 143px;
	width: 508px;
	margin: -5px auto 0px auto;
}
#school_page #container #main_frame #left_section #mainContentContainer #mainContent #MmainContentText #flag_frame #flag_left {
	float: left;
	width: 300px;
	margin-top: -50px;
	margin-left: 10px;
}
#school_page #container #main_frame #left_section #mainContentContainer #mainContent #MmainContentText #flag_frame #flag_right {
	float: right;
	width: 210px;
	margin-top: 30px;
}
#school_page #container #main_frame #left_section #mainContentContainer #mainContent #MmainContentText #flag_frame #flag_footer {
	background-image: url(../your-school/images/flag_footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 194px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#connected_page #container #main_frame #left_section_2column #mainContentContainer #mainContent #MmainContentText a {
	font-weight: bold;
}
.agency_list {
}