/* 	
	CSS - RussellpLLC.com	

	Note: All usages of child selectors are to target browsers newer than IE6.
	IE6 fixes are in the normal style before them.
*/
html { margin: 0; padding: 0; }
body {
	background:#FFFFFF url(../images/body_bg.png) repeat-x top left;
	margin:0;
	padding: 0;
	text-align:center;
	font-size:90%;
	line-height:1.125em;
	font-family: Arial, Helvetica, sans-serif;
	color: #372700;
	behavior:url("/includes/inc.csshover.htc");
}

a { text-decoration: none; color: #1b78ba;}
a:hover { color: #043c81; }

table tr td { verticle-align: top; }
p, li, dt, dd, label, textarea, input { 
	font-size: 0.91em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 135%; 
}
p { 
	margin-top: 1.0em; 
	margin-bottom: 1.0em; 
}
ul, ol { margin-top: 4px;} 
ul li ul li, ul li ol li, ol li ol li, ol li ul li { font-size: inherit; } /* Nested Lists */
h1 {
	font-size: 1.3em;	
	margin: 11px 0 5px 0;
	line-height: 100%;
	font-weight: normal;
}
h2 {
	padding-bottom: 2px;
	font-size: 0.775em;
	font-weight: bold;
	margin-bottom: 4px;
	margin-left: 0;
	padding-left: 0;
}
h1.first, 
h2.first { margin-top: 0; }
p.first { margin-top: 0;}
p.last { margin-bottom: 1.6em; }

h6 {
	font-size: 11px !important;
	font-weight: normal;
}

.clr { height: 0px; line-height: 0px; clear: both; margin: 0; padding: 0;}
.num { font-family:Verdana, Arial, Helvetica, sans-serif; }

/* MAIN WRAPPERS */
#wrapper {
	width: 900px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	background: transparent url(../images/wrapper_bg.jpg) top left repeat-y;
}


/* HEADER (TOP LOGO and NAV) */
#header {
	height: 197px;
	position: relative;
	margin: 0;
	padding: 0;
	background: #0b2337 url(../images/header_bg.jpg) top left repeat-x;
	z-index: 130;
}
#logo { 
	position: absolute;
	top: 15px;
	left: 32px;
	height: 113px;
	width: 282px; 
	border: 0;
	padding: 0;
	z-index: 25;
}
/* MAIN NAVIGATION */
#menu {
	position: absolute; 
	font-size: 16px;
	width: 900px;
	bottom: 0px;
	margin: 0;
	padding: 0;
	height: 39px;
	text-align: left;
	z-index: 185;
}
#menu ul { 
	margin: 0; 
	padding: 0 0 0 14px;
	list-style-type: none; 
	z-index: 190;
}
#menu ul li { 
	display: inline; 
	float: left;
	position: relative;
	padding: 0;
	height: 39px;
	background: transparent url(../images/nav_separator.png) no-repeat right 23%; 
}
#menu ul li.last { background: none; }
#menu ul li a {
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	padding: 8px 17px 0 17px; 
}
#menu ul li > a { height: 31px; }
#menu ul li a:hover { color: #FFFFFF; }
#menu ul li:hover { background: url(../images/nav_hover.jpg) top left repeat-x; }

	/* drop down level 1 */
	
	#menu ul li ul { 
		display: none; 
		position: absolute; 
		padding: 0;
		margin: 0;
		z-index: 200;
	}
	
	#menu ul li:hover ul {
		width: 150px;
		height: auto;
		margin: 0;
		padding: 0;
		z-index: 200;
		left: 0;
		top: 100%;
		display: block;
		position: absolute;
		background: #d03b11 url(../images/nav_hover_bg.jpg) top left repeat-x;
	} 
		#menu ul li ul li { 
			width: 150px;
			height: auto;
			margin: 0;
			padding: 0;
			line-height: 1.4em;
			text-align: left;
			font-size: 11px !important;
			font-weight: bold;
			z-index: 201;
		}
		#menu ul li ul li.last { border-bottom: none;} 
		
		/* drop down hover state and anchor */
		#menu ul li ul li:hover { 
			background: #bd2901; 
		}
		#menu ul li ul li a { 
			background-image: none; 
			display: block; 
			width: 122px;
			padding: 5px 14px 5px 14px;
			color: #FFFFFF;
			height: auto;
		}
		#menu ul li ul li a:hover  { background-image: none; color: #FFFFFF;} 
		
		/* second level of menu */
		/*#menu ul li ul li ul { display: none; }*/
		
		/* Edit look of drop down 2nd level menu items */
		#menu ul li ul li ul,
		#menu ul li:hover ul li ul { 
			z-index: 1000;
			display: none; 
			position: absolute; 
			background: #d03b11 url(../images/nav_hover_bg.jpg) top left repeat-x;
		}
		
		#menu ul li ul li:hover ul,
		#menu li.exp:hover ul,
		#menu ul li:hover ul li:hover ul {
			position: absolute;
			display: block;
			background: #d03b11 url(../images/nav_hover_bg.jpg) top left repeat-x;
			left: 150px;
			top: 0px;
			z-index: 1900;
			border-right: none;
			width: 150px;
		}
		
		#menu ul li:hover ul li:hover ul li,
		* html #menu ul li ul li a { 
			width: 150px; 
		}
		#menu ul li ul li ul li:hover {
			background: #bd2901;
		}		
		#menu ul li:hover ul li:hover ul li a {
		}


		
		

/* Help Icon */
#menu ul li #help-icon {
	position: absolute;
	display: block;
	width: 32px;
	height: 32px;
	padding: 0;
	margin: 0;
	top: -15px;
	right: -15px;
}
#menu ul li #help-icon img { display: block; }

/* TOP PHOTO SECTION */
#photo { 
	background: #9b9079 url(images/photo_bg.jpg) top left repeat-x;
	border: 0;
	margin: 0;
	padding: 12px;
	line-height: 0;
	z-index: 160;
}
#photo img { border: 0; margin: 0; padding: 0; line-height: 0; display: block; z-index: 161;}



/* CONTENT AREA */
#container {
	background: transparent;
	padding-top: 0;
	width: 900px;
	position: relative;
}
#aside {
	width: 320px;
	float: left;
	padding: 206px 0 15px 11px;
	margin-bottom: 35px;
	margin-left: 0;
}
#container > #aside { width: 342px; }
#content {
	width: 511px;
	float: left;
	padding: 0 0 32px 12px;
	margin-right: 0;
}
#content #content-body {
	padding: 20px 25px 0 25px;
}

#content-body h2 {
	font-size: 1.0em;
	color: #FF6100;
	margin-bottom: 4px;
	margin-top: 16px;
}



/* SIDE */

/* buttons area */
#aside #side img  { margin-bottom: 4px; }
#aside #side h2 { font-size: 0.7em; margin-bottom: 0;}	
#aside #side {
	width: 376px;
	height: 206px;
	position: absolute;
	right: 1px;
	top: 0px;
	background: #998D77 url(../images/community_buttons.jpg) top left no-repeat;
}
#aside > #side { width: 376px; }
#aside #side img { display: block; top: 0;}


/* subnav area */
#aside #subnav {
	background: #f2f0ec url(../images/aside_books.jpg) bottom right no-repeat;
	padding: 0px 12px 24px 24px;
	margin-top: 11px;
	width: 306px;
}
#aside #subnav h1 { clear: both; margin-top: 24px;}
#aside #subnav h1 span { font-size: 130%; font-weight: bold; }
#aside #subnav ul { list-style-type: none; padding: 5px 0 5px 0; margin:0; }
#aside #subnav ul li { font-size: 85%; width: 49%; float: left; line-height: 1.55em; }
#aside #subnav ul li.floatleft { float: left; clear: left;  }
#aside #subnav ul li.floatright { float: right; clear: right; }
#aside #subnav ul li a { color: #4f3800; border-bottom: 1px dotted #caba93; }
#aside #subnav ul li a:hover { color: #006fc8; }
/* sub sub nav*/
#aside #subnav ul li ul { list-style-type: disc; margin-left: 0; padding-left: 18px; padding-bottom: 0;   } 
#aside #subnav ul li ul li { float: none; width: auto; }
#aside #subnav ul li ul li.floatleft { float: none; }
#aside #subnav ul li ul li.floatright { float: none; }

#aside #subnav .freehelp { margin-bottom: 0px; clear: both; padding-top: 14px; padding-bottom: 6px;  }
#aside #subnav .freehelp p { padding-top: 5px; }
#aside #subnav .freehelp h1 { margin-top: 5px; }

a.textsize1, span.smallFont { font-size:12px ; cursor:pointer;}
a.textsize2, span.medFont { font-size: 14px;  cursor:pointer;}
a.textsize3, span.largeFont { font-size: 16px; cursor:pointer; }
.social-area p { background: #ffffff; padding: 10px 9px 7px 9px; line-height: 14px; float: right; position: relative; top: 0; height: 15px; margin: 0; }
.social-area p a { color: #3e639c; font-size:13px;}
.social-area p a img { margin: 0 !important; padding: 0; display: block; float: left; position: relative; top: -2px; }
.social-area p.social { width: 78px;  }
.social-area p.textsize { width: 39px; margin-right: 3px; }
.social-area > p.textsize { margin-right: 7px; }

/* PAGE-SPECIFIC CSS */

/* board on sidebar */
.featured-board {
	clear: both;
	padding-top: 15px;
}
.featured-board p {
	line-height: 1.3em;
}
.featured-board h1 {
	color: #ff6100;
	padding-bottom: 6px;
	margin-top: 18px !important;
}
.featured-board p.first { margin-top: 0; }
.featured-board p img { float: right; margin-left: 15px; margin-bottom: 6px; }


/* board page content */
table.board-list { border-collapse: collapse; }
table.board-list td img { margin-right: 8px; margin-bottom: 12px; margin-top: 8px; }
table.board-list td h2 { font-size: 120%; font-weight: normal; margin-top: 8px !important; padding-top: 0; margin-bottom: 0px; }
table.board-list td h2 + p { margin-top: 4px; }
table.board-list td {
	vertical-align: top !important;
	border-bottom: 5px solid #f0f0f0;
}
/* table.board-list tr:last-child td { border-bottom: 0; } */

/* text above on donate page */
#extra h1 { margin-top: 35px;}
#extra {
	color: #c33c00;
	padding: 12px;
	font-style:italic;
	position:relative;
	padding-top: 15px;
}
#extra .donate { position: absolute; top: 0; right: -2px; width: 156px; height: 46px; background: url(../images/donate.jpg) top left no-repeat; display: block; }
p.donate-textsize {
	background: #dbdbdb;
	position: absolute;
	left: -11px;
	top: 10px;
	padding: 4px 12px 3px 12px;
	margin: 0;
}


a.subnavheading { color: #372700; }

/* FOOTER */
#footer {
	clear: both;
	height: 82px;
	width: 900px;
	background: url(../images/footer_bg.jpg) top left no-repeat;
	position: relative;
	padding: 0;
	line-height: 1.4em;
	font-size: 0.95em;
	margin: 0 auto 0 auto;
	color: #8d7f68;
	text-align: left;
}
#footer a { color: #626262; }
#footer a:hover { color: #000000; }

#footer p { margin-top: 0; padding: 26px 0 5px 30px; font-size: 80%; }



/* HOME PAGE */
#home #header {
	height: 323px;
	position: relative;
	margin: 0;
	padding: 0;
	background: #0b2337 url(../images/header_home_bg.jpg) top left repeat-x;
}

#home #menu {
	bottom: 70px;
}
#home #logo {
	width: 279px;
	height: 99px;
	left: 12px;
	top: 0px;
}
#home #photo {
	width: 456px;
	height: 310px;
	position: absolute;
	bottom: -241px;
	left: 12px;
	padding: 0;
	background: url(../images/flash_blank.jpg) top left no-repeat;
	z-index: 130;
}
#home #header > #photo {
	bottom: -240px;
}

#home #aside { padding-left: 0; padding-top: 150px;  }
#home #aside #side { height:150px; width: 431px; right: 1px; background: #998D77 url(../images/community_buttons_home.jpg) top left no-repeat; position: absolute;  }

#home #content { background: transparent url(../images/container_home_bg.jpg) top left repeat-x; padding-bottom: 0; padding-left: 0; margin-left: 6px; }
#home #container > #content { margin-left: 12px; }
#home #aside { background: transparent url(../images/container_home_bg.jpg) top left repeat-x; margin: 0; width: 350px;  }
#home #content-body { padding: 162px 14px 5px 14px;}
#home #content-body .inner h1 { position: relative; }
#home #content-body .inner {
	background: #f3f1ed url(../images/notebook_under.jpg) no-repeat top left;
	padding-left: 32px;
	padding-top: 90px;
	padding-right: 25px;
	padding-bottom: 0;
	color: #433000;
	min-height:290px;
	height:auto !important;
	height:290px; /* min height hack */
}
#home #content-body .inner p { line-height: 1.35em; }
#home #content-body .inner .americorps {
	width: 105px;
	height: 214px;
	display: block;
	float: right;
	margin-bottom: 140px;
	margin-left: 24px;
}

#home #subnav {
	min-height:356px;
	height:auto !important;
	height:356px; /* min height hack */
	width: 314px;
}



#home #side .textsize { display:none;position: absolute; height: 26px; left: -22px; top: -47px; background: url(../images/textsize_home.jpg) top left no-repeat; padding: 3px 12px 0 14px;z-index:999; }
#photo .textsize { width: 35px; position: absolute; height: 26px; left:434px; top: 23px; background: url(../images/textsize_home.jpg) top left no-repeat; padding: 3px 12px 0 14px;z-index:1; }

#top-nav { position: absolute; right: 33px; top: 22px; font-size: 80%; font-weight: bold; color: #fbfbfb; }
#top-nav a { color: #f4f7fa; font-weight: normal;  }
#top-nav a:hover { color: #fcb604; }

a.button-success-home { display: block; background: url(../images/button_success_home.jpg) top left no-repeat; width:205px; height:93px; position: absolute; left:-7px; top:28px;   }
a.button-success-home:hover { background-position: 0 -93px;}
a.button-donate-home { display: block; background: url(../images/button_donate_home.jpg) top left no-repeat; width:205px; height:93px; position: absolute; right:13px; top:28px;   }
a.button-donate-home:hover { background-position: 0 -93px;}

a.button-success { display: block; background: url(../images/button_success.jpg) top left no-repeat; width:166px; height:85px; position: absolute; left:17px; top:18px;   }
a.button-success:hover { background-position: 0 -85px; }
a.button-donate { display: block; background: url(../images/button_donate.jpg) top left no-repeat; width:166px; height:85px; position: absolute; right:17px; top:18px;   }
a.button-donate:hover { background-position: 0 -85px; }


/* PNG Fix - targetting specific images to avoid positioning limitation */
#help-icon img, #help-icon { behavior: url(includes/inc.iepngfix.htc); } 


.content-table {
	border-collapse: collapse;
	border-top: 2px solid #e0e0e0;
	border-right: 2px solid #e0e0e0;
	font-size: 0.91em;
	font-family: Arial, Helvetica, sans-serif;
}
.content-table td {
	border-bottom: 2px solid #e0e0e0;
	border-left: 2px solid #e0e0e0;
	padding: 5px;
}

.formtable {
	font-size: 0.91em;
	font-family: Arial, Helvetica, sans-serif;
}


#body h3 {
	font-size: 0.91em;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: bold;
	padding-top: 9px;
}
.thumb-americorps { float:right; padding-left:10px;}

.alum-photo {
	float: left;
	margin-right: 10px;
}


blockquote {
	color: #C33C00;
	font-style: italic;
}
blockquote h2 { font-style:normal; }

.outcomes {
	background: #F2F0EC;
	padding: 3px 12px 3px 12px;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000000;}
#colorbox{}
#cboxContent{margin-top:32px;}
#cboxLoadedContent{background:#ffffff; padding:1px;}
#cboxLoadingGraphic{background: url('/images/loading.gif') center center no-repeat;}
#cboxLoadingOverlay{background: #000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background: url('/images/controls.png') 0 0 no-repeat;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious.hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext.hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose.hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}