body { 
	background: #dadada url(/img/tile.gif) repeat center top;
	margin: 0 auto;
	font: 14px/20px Tahoma, Lucida Sans, Arial, sans-serif; 
	color: #595959; 
	text-align: left;
	}
					
#wrapper {
	width: 100%; 
	background: url(/img/tile_wrapper.gif) repeat-x center top;
	}
		#wrapper #top { width: 100%; height: 160px; background: url(/img/tile_header.gif) no-repeat center top; }
		#wrapper #body { width: 100%; background: url(/img/tile_body.gif) repeat-y center top; }
		#wrapper #foot { width: 100%; background: url(/img/tile_footer.gif) no-repeat center top; }

h1, h2, h3, h4 { font-family: Georgia, Times New Roman, Times, serif; }
h1.title { color: #888; border-bottom: 1px #aaa solid; padding-bottom: 5px; margin-bottom: 10px; }
h2.black { color: #333; }

/* Header */
#head { width: 970px; height: 111px; margin: auto; clear: both; }
	.logo { float: left; width: 450px; height: 111px; padding: 0; }
	.search { float: right; margin: 55px 25px 0 0; }
	
	#search-box { }
		input.searchfield { width: 200px; height: 18px; background: #fff; color: #838282; font-size: 15px; font-family: Georgia, Times New Roman, Times, serif; padding: 4px; border: none; }
	
	#signup { width: 500px; height: 31px; float:right; padding: 9px 0 0 0; text-align: right; }
		input.email { width: 200px; height: 16px; background: #383737; color: #888787; font-size: 13px; font-family: Georgia, Times New Roman, Times, serif; padding: 5px; border: none; }

/* Nav */
#nav { clear: both; width: 100%; height: 39px; padding: 0; margin: 0; font-family: Georgia, Times, serif; font-size: 14px; z-index: 99; }

ul.menu { width: 970px; height: 39px; margin: 0 auto; list-style: none; padding: 0; position: relative; z-index: 99; }

ul.menu li { display: block; float: left; position: relative; }
ul.menu li span { display: none; }
ul.menu li a { display: block; outline: none; margin: 0; height: 39px; padding: 0;}
		ul.menu li.nav1 a { width: 105px; height: 39px; background: url(/img/menu.gif) no-repeat 0 0; }
		ul.menu li.nav2 a { width: 129px; height: 39px; background: url(/img/menu.gif) no-repeat -105px 0; }
		ul.menu li.nav3 a { width: 65px; height: 39px; background: url(/img/menu.gif) no-repeat -234px 0; }
		ul.menu li.nav4 a { width: 85px; height: 39px; background: url(/img/menu.gif) no-repeat -299px 0; }
		ul.menu li.nav5 a { width: 99px; height: 39px; background: url(/img/menu.gif) no-repeat -384px 0; }
		ul.menu li.nav6 a { width: 112px; height: 39px; background: url(/img/menu.gif) no-repeat -483px 0; }
		ul.menu li.nav7 a { width: 103px; height: 39px; background: url(/img/menu.gif) no-repeat -595px 0; }
		ul.menu li.nav8 a { width: 63px; height: 39px; background: url(/img/menu.gif) no-repeat -698px 0; }
		ul.menu li.socnet { width: 190px; height: 39px; text-align: right; padding: 5px 0 0 0; margin-left: 25px; }

ul.menu li.socnet a { display: block; float:right; padding-left: 3px; height: 32px; width: 32px; }

	
ul.menu li a:hover { height: 39px; background-image: url(/img/menu.gif) no-repeat; }
		ul.menu li.nav1 a:hover, ul.menu li.nav1 a:active, ul.menu li.nav1 a.over { background-position: 0 -39px; }
		ul.menu li.nav2 a:hover, ul.menu li.nav2 a:active, ul.menu li.nav2 a.over { background-position: -105px -39px; }
		ul.menu li.nav3 a:hover, ul.menu li.nav3 a:active, ul.menu li.nav3 a.over { background-position: -234px -39px; }
		ul.menu li.nav4 a:hover, ul.menu li.nav4 a:active, ul.menu li.nav4 a.over { background-position: -299px -39px; }
		ul.menu li.nav5 a:hover, ul.menu li.nav5 a:active, ul.menu li.nav5 a.over { background-position: -384px -39px; }
		ul.menu li.nav6 a:hover, ul.menu li.nav6 a:active, ul.menu li.nav6 a.over { background-position: -483px -39px; }
		ul.menu li.nav7 a:hover, ul.menu li.nav7 a:active, ul.menu li.nav7 a.over { background-position: -595px -39px; }
		ul.menu li.nav8 a:hover, ul.menu li.nav8 a:active, ul.menu li.nav8 a.over { background-position: -698px -39px; }

		
#nav ul ul { 
	background: #fff;
	position: absolute; 
	top: 35px;
	left: -15px;
	display: none;
	z-index: 99;
	width: 185px;
	padding: 6px;	
	font-size: 13px;
	line-height: 14px;
	border: 1px #344e7c solid; 
	border-top: none;
	}
#nav ul li.nav1 ul { left: -2px; }  
	
#nav ul ul li {
	width: 185px;
	clear: both; 
    text-align: left; 
	display: block; 
    margin: 0;
    border-bottom: 1px #dde4f1 solid;
    }
	
#nav ul ul li a { 
    width: 170px;
	background: #fff url(/img/li_dropdown1.gif) no-repeat 0 0;  
	margin-left: -5px;
    padding: 5px 6px 4px 20px;
    display: block;
	color: #2d59a6;
    height: auto !important;
    }


#nav ul ul li a:hover { 
	background: url(/img/li_dropdown2.gif) no-repeat 0 0;  
	color: #23265e; 
	}

#nav ul ul li a:active { }

#nav li:hover ul { display: block; }
#nav li.over ul { display: block; }		
		
/* Homepage */

#bottom_left      { clear:both; width: 624px; float: left; height: auto; margin: 8px 8px 0 0; border: 1px #dfdfe5 solid; background: #fff; }
#bottom_right      { width: auto; float: left; height: auto; margin: 8px 0 0 3px; }


/* Action Bar */
#actionbar       { background: #4a4a4a url(/img/tile_actionbar.png) repeat-x left top; width: 100%; height: 44px; margin-top:8px; }
#actionbar ul.actions { width: 970px; height: 44px; margin: 0 auto; list-style: none; padding: 0;  }
		ul.actions li { float: left; }
		ul.actions li a span { display: none; }
		ul.actions li a { display: block; outline: none; margin: 0; height: 44px; padding: 0;}
				ul.actions li.donate a { width: 152px; height: 44px; background: url(/img/actionbar.png) no-repeat 0 0; }
				ul.actions li.volunteer a { width: 183px; height: 44px; background: url(/img/actionbar.png) no-repeat -152px 0; }
		ul.actions li a:hover { display: block; outline: none; }
				ul.actions li.donate a:hover { background-position: 0 -44px; }
				ul.actions li.volunteer a:hover { background-position: -152px -44px; }
		ul.actions li.join { width: auto; height: 44px; color: #aaa9a9; font-size: 12px; font-family: Georgia, Times New Roman, Times, serif; font-style: italic; }
		
		
/* Content */
#content { padding: 8px; }
#content .page { width: 952px; height: auto; min-height: 400px; clear:both; padding: 0; margin: auto; text-align: left; border: 1px #dfdfe5 solid; background: #fff; }
#content .page2 { width: 952px; height: auto; min-height: 400px; clear:both; padding: 0; margin: auto; text-align: left; }
#secid { clear: both; background: #eaeaea url(/img/tile_secid.gif) repeat-x left top; padding: 5px 16px; border-bottom: 1px #dfdfe5 solid; font-family: Georgia, Times, serif; font-weight: 600; font-size: 15px; text-transform: uppercase; }
	#secid a, #secid a:active { color: #2a2a2a }	

img#story-image { float: right; padding: 5px; border: 1px #888 solid; margin: 0 0 10px 10px; }

ul.teasers     {
		margin: 0; 
		list-style:none; 
		background: none; 
		line-height: 1.1em; 
		}
		ul.teasers li  { margin: 0px; line-height: 1.0em; padding: 15px 0 5px 0; border-bottom: 1px #ddd solid; background: none; }
		ul.teasers li a  { display:block; text-decoration: none;  }
		ul.teasers li a.xlink { border: none; padding: 3px 0; margin: 0; }
		ul.teasers li a:hover {  }
		ul.teasers li a img.teaser-image { width: 80px; float: left; margin: 0 8px 5px 0; border: 1px #888 solid; padding-bottom: 3px; }
		ul.teasers li a span.headline    { color: #1e4da0; font-size: 20px; text-decoration: none; line-height: 1.15em; padding-bottom: 10px;  font-family: Georgia, Times, serif; }
		ul.teasers li span.date        { color: #aaa; font-size: 10px; text-decoration: none; line-height:1.5em; text-transform: uppercase; }
		ul.teasers li span.description { color: #2a2a2a; font-size: 1.0em; text-decoration: none; line-height: 1.2em; }
		ul.teasers li a span.more        { color: #5ba1d9; text-decoration: underline; }
		ul.teasers li a:hover span.headline { text-decoration: underline; }
		ul.teasers li a:hover span.more {  }
		

ul.teasers-video {
	margin: 0 auto; 
	list-style:none; 
	background: none; 
	line-height: 1.1em;
	}
	ul.teasers-video li { float: left; clear:both; margin: 0px; line-height: 1.0em; padding: 15px 0 5px 0; border-bottom: 1px #ddd solid; background: none;  vertical-align: middle; }
	ul.teasers-video li span.date { color: #aaa; font-size: 10px; text-decoration: none; line-height:1.5em; text-transform: uppercase;  }
        ul.teasers-video li a  { float:left; clear:both; display:block; text-decoration: none; }
	ul.teasers-video li a:hover { }
        ul.teasers-video li img { float:left; clear: left; margin: 0 8px 0 0;  width: 150px; }
	ul.teasers-video li a span.headline { color: #1e4da0; font-size: 20px; text-decoration: none; line-height: 1.15em; padding-bottom: 10px;  font-family: Georgia, Times, serif; }
        ul.teasers-video li span.description { color: #2a2a2a; font-size: 1.0em; text-decoration: none; line-height: 1.2em; }
	ul.teasers-video li a:hover span.headline { text-decoration: underline; }

		
table#news_table td a span.headline    { color: #1e4da0; font-size: 20px; text-decoration: none; line-height: 18px; font-family: Georgia, Times, serif;}
table#news_table td span.date        { font-size: 13px; color: #aaa; font-style: normal; text-decoration: none; line-height:1.0em; }
table#news_table td a span.description { color: #2a2a2a; font-size: 1.0em; text-decoration: none; line-height: 1.2em; }
table#news_table td a span.more        {  text-decoration: none; }
table#news_table td a:hover span.headline, table#news_table td a:focus span.headline { text-decoration: underline;  }
table#news_table td a:hover span.description, table#news_table td a:focus span.description, table#news_table td a:visited span.description { text-decoration: none;  }
table#news_table td a:hover span.more, table#news_table td a:focus span.more, table#news_table td a:visited span.more { text-decoration: none; }

ul.links     { 
		width: 190px;
		padding: 0; 
		margin: 0; 
		list-style:none;  
		}
		ul.links li  { font-size: 15px; margin: 0px; line-height: 1.15em; border-bottom: 1px #fff solid; font-family: Georgia, Times, serif; }
		ul.links li a  { color: #1e4da0; display:block; font-weight: 200; padding: 5px 16px; text-decoration: none;  }
		ul.links li a:hover  { background: url(/img/li_subnav.gif) no-repeat left top; text-decoration: underline; }
		
		ul.links li  ul.sublinks { width: 170px; padding: 0; margin: 0 0 10px 0; list-style: none; }
		ul.links li  ul.sublinks li { font-size: 12px; line-height: 1.0em; border-bottom: 0; }
		ul.links li  ul.sublinks li a { font-weight: 100; padding: 3px 26px; color: #777; }
		ul.links li  ul.sublinks li a:hover { background: none; color: #23265e; }

table#qa { padding: 3px; font-size: 1.1em; width: 100%; border: 1px #fff solid; }
table#qa td { padding: 3px; border: 1px #fff solid; background: #efefef; }
table#qa td.right { font-weight: 600; text-align: right; }
table#qa td.center { font-weight: 300; text-align: center; }

	
/* Rail Structure */
#leftrail {
	float: left;
	width: 190px;
	text-align: left;
	padding-top: 14px;
}
#rightrail {
	float: left;
	width: 722px;
	font-size: 11px;
	text-align: left;
	padding: 20px;
}
#fullwidth {
	float:left;
	width: 920px;
	padding: 16px;
	}
#fullwidth-nopad {
	float:left;
	width: 952px;
	}
#intro {
    float: right; 
    position: relative;
    top: -310px;
    width: 270px; 
    border: 1px #bbb solid; 
    background: #fff; 
    margin: 0 18px 10px 10px;
    -moz-box-shadow: 2px 2px 5px #333; -webkit-box-shadow: 2px 2px 5px #333;
    }
.intro-top {
	height: 282px;
	padding: 10px; 
}
.intro-bot {
	background: #fff url(/img/tile_intro.gif) repeat-x center top;;
	padding: 10px; 
	font-size: 0.9em;
	line-height: 1.2em;
}

/* Footer */

#footer {
	width: 930px;
	margin: auto;
	padding: 15px 20px;
	font-size: 12px;
	line-height: 18px;
	}
	#footer .links      { float: left; }
	#footer .credits   { float: right; }
		#footer .credits span.trilogy { font-weight: 600; }


	
/* Form */


					

/* Top Story Controls */

#topstory-controls.controls {
    position: relative;
    top: 260px;
    left: 95px;
    }

#topstory-controls.controls li { min-width: 20px; /* be nice to Opera */ }

#topstory-controls.controls .frame {
    background: url('/assets/img/topstory-dot.png') no-repeat left top;
    _background: url('/assets/img/topstory-dot-ie.png') no-repeat left top;
    width: 20px;
    height: 20px;
    }

#topstory-controls.controls .frame:hover  {
    background-position: left -20px;
    }

#topstory-controls.controls .selected .frame {
   background-position: left -40px;
   }


/* MEDIA */

#media {
    width: 315px;
    }

#media h3 {
    font-size: 14px;
    height: 16px;
    font-weight: normal;
    overflow: hidden;
    margin: 0 0 3px 0;
    }

#media object,
#media embed {
    margin: 0 0 0 0;
    width: 315px;
    height: 231px;
    }

/* Stack Controls */

#media .hidden  {display: none;}

#media_controls.controls {
    width: 307px;
	height: 230px;
    margin: 3px 0 0 0;
    padding: 3px;
	background: #ddd;
	border: 1px #ccc solid;
	overflow: auto;
	overflow-x:hidden;
    }

#media_controls.controls ul { 
    list-style: none;
	margin: 0 auto;
	padding: 0;
    }
	
#media_controls.controls li { 
    min-width: 207px; /* be nice to Opera */ 
    }

    #media_controls.controls li.last { margin-right: 0;}

#media_controls.controls .frame { 
    padding: 3px;
	width: 285px;
	border-bottom: 1px #ccc solid;
	background: #eee;
	clear:both;
	float: left;
    }

#media_controls.controls .frame:hover  {
    background-position: center -110px;
    }

#media_controls.controls .selected .frame {
   background: #ddd;
   color: #535353;
   }

#media_controls.controls .frame img {
   width: 90px;
   background: black;
   float: left;
   margin-right: 6px;
   }

#media_controls.controls .frame h4 {
   font-size: 14px;
   line-height: 1.2em;
   font-weight: normal;
   overflow: hidden;
   margin: 0 0 0 6px;
   }


/* Splash/Landing Pages */
body.landing {
	background: #c1ddec;
	margin-top: 15px;
}

body.landing #wrapper {
	width: 970px;
	background: #fff;
}