﻿/*
	Community Action Project styles
	Developed by Saforian

	Dreamweaver CS3 compatible templates
	zoom:1 used for hasLayout and self-clear floats in IE5-7
	* html hack targets IE5-6 only
*/

/* ------- Formatting ------- */
.mmhide_testingstyle
{ float:left;background:#fc1234; width:150px;height:150px;display:block; }

html 
	{
     overflow: -moz-scrollbars-vertical;
	}

body
{ color:#555; font:normal .75em/1.4em verdana,arial,helvetica,sans-serif }

p, address, ul, ol, li, dt, dd, td, th
{ line-height:1.4 }
b, strong
{ font-weight:bold }
i, em, cite
{ font-style:italic }
sup, sub
{ font-size:75% }
table, tr, td, th /* Table font reset */
{ font-size:100% }


/* Links */
a
{ text-decoration:none }
a:link
{ color:#117c4a }
a:visited
{ color:#218c5a }
a:hover, a:active
{ text-decoration:underline; color:#DB7135; }


a.videoplay
{
/*background:transparent url(../images/video_play_btn.gif) no-repeat scroll 100% 0;
height:23px;
left:25px;
padding:8px 35px 0 0;*/
font-weight:bold;
}

/* buttons using sprites */

a.learnMore:link, a.learnMore:visited
{ display:block; width:108px; height:19px; overflow:hidden; text-indent:-9999px; background:url("../images/button_learnMore.gif") no-repeat; }

a.getInvolved:link, a.getInvolved:visited
{ display:block; width:108px; height:19px; overflow:hidden; text-indent:-9999px; background:url("../images/button_getInvolved.gif") no-repeat; }

a.viewArchives:link, a.viewArchives:visited
{ display:block; width:122px; height:19px; overflow:hidden; text-indent:-9999px; background:url("../images/button_viewArchives.gif") no-repeat; }

a.downloadpdf:link, a.downloadpdf:visited
{ display:block; width:122px; height:19px; overflow:hidden; text-indent:-9999px; background:url("../images/button_downloadpdf.gif") no-repeat; }

a.learnMore:hover, a.getInvolved:hover, a.viewArchives:hover, a.downloadpdf:hover
{ background-position:0 -19px; }

a.donateNow:link, a.donateNow:visited
{ display:block; width:128px; height:28px; overflow:hidden; text-indent:-9999px; background:url("../images/button_donateNow.gif") no-repeat; }
a.donateNow:hover
{ background-position:0 -28px; }


/* Paragraphs */
p
{ margin:0 0 1.4em }
address
{ font-style:normal; margin:0 0 1.4em }
blockquote
{ margin:0 12px 1.4em; padding:0 }

.small, small
{ font-size:92% }
.big, big
{ font-size:130% }
.aligncenter
{ text-align:center }
.alignright
{ text-align:right }
.highlight
{ color:#f35d09 }


/* Images */
a img
{ border-style:none }
.floatleft /* Floating images */
{ clear:left; float:left; margin:0 8px 8px 0 }
.floatright
{ clear:right; float:right; margin:0 0 8px 8px }

img.icon /* Document icons */
{ display:inline; margin-right:3px; padding-left:6px; vertical-align:middle }


/* Separators */
hr
{ color:#fff; background-color:#fff; height:1px; margin:1.3em 0; padding:0; border-width:0; border-top:4px double #e1e1de; overflow:hidden }
	* html hr /* IE6 fix */
	{ margin:0 0 1em }
	*:first-child+html hr /* IE7 fix */
	{ margin:0 0 1em }

hr.single
{ color:#fff; background-color:#fff; height:1px; margin:1.3em 0; padding:0; border-width:0; border-top:1px solid #e1e1de; overflow:hidden }

hr.thick
{ color:#efefef; background-color:#e1e1de; height:7px; border:none }


hr.double_dashed
{ color:#fff; border-style:none; background:url(../images/hr_double_dashed.gif) repeat-x; height:4px; }

/* Headings */
h1
{ color:#006C39; margin:0 0 .9em; padding:0; font:normal 140%/1.2 "Lucida Grande",verdana,arial,helvetica,sans-serif }
h2, h3, h4, h5, h6
{ color:#006C39; margin:0 0 .9em; padding:0; font:bold 140%/1.2 "Lucida Grande",verdana,arial,helvetica,sans-serif }
h1
{ font-size:190%; }  /* 18px */
h2
{ font-size:133% }  /* 16px */
h3
{ font-size:124% }  /* 15px */
h4
{ font-size:115% }  /* 14px */
h5
{ font-size:108% }  /* 13px */
h6
{ font-size:108%; margin-bottom:.2em }



ul.press li
{ background-image:none; padding-top:.9em; }

ul.press li strong
{ font-size:90%; }

/* Lists */
ul
{ margin:0 0 1.4em; padding:0; list-style-type:none }
	ul li, ol li ul li
	{ margin:0 0 .7em; padding:0 0 0 13px; background:url("../images/bullet_circle.gif") no-repeat 1px .4em }
	ul ul
	{ margin:5px 0 2px 2px }
	ul li ol li
	{ background-image:none; padding-left:0; }
	
.mmhide_box ul li, ol li ul li
	{ margin:0 0 .7em; padding:0 0 0 13px; background:url("../images/bullet_circle_box.gif") no-repeat 1px .4em }

.mmhide_box.highlight ul li, ol li ul li
	{ margin:0 0 .7em; padding:0 0 0 13px; background:url("../images/bullet_circle_box_highlight.gif") no-repeat 1px .4em }


ol
{ margin:0 0 1.4em 33px; padding-left:0 }
	ol li, ul li ol li
	{ margin-bottom:.6em }

dl
{ margin:0 0 1.4em }
	dt
	{ display:block; margin:1em 0 0; padding:0; font-weight:bold }
	dd
	{ margin:.1em 0 0; padding:0 }


ul#partners_list
{ position:relative; }

ul#partners_list li a img
{ display:none; position:absolute; top:10px; right:0; }

ul#partners_list li a:hover img
{ display:block; }


/* Forms */


form
{ margin:0; padding:0 }
input, select, textarea
{ font-family:verdana,arial,helvetica,sans-serif; font-size:100%; vertical-align:middle }
textarea
{ width:99% }
label
{ vertical-align:middle }

.inner_donate_form
	{
	float:right;
	width:140px;
	text-align:center;
	margin:.8em;
	background:#db7135;
	padding:10px 12px 10px;
	color:#fff;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	}

/* Layout tables */
table
{ margin:0 0 1.1em; padding:0; border-width:0; border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:auto }
td
{ padding:0 6px 6px 0; vertical-align:top }


/* Data tables */
table.data
{ width:100%; margin-bottom:1.6em }

table.data caption
{ padding:0 0 5px; text-align:left; font-weight:bold; font-size:100% }
table.data th
{ padding:5px 7px; border:1px solid #fff; vertical-align:top; background-color:#777; color:#fff; text-align:left }
table.data td
{ padding:6px 7px; border:1px solid #fff; vertical-align:top }

/* Row gap */
table.data tr.break td
{ border-top:2em solid #fff }

/* Alternating row colors */
td.even, tr.even td
{ background-color:#f2f2f2 }



/* ------- Layout ------- */

.hide, .hide *
{ position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden }
.clear
{ clear:both }

body
{ margin:0; padding:43px 0 0; background:#e9e9d1; }

#wrapper /* Width = 1001px */
{ zoom:1; margin:0 auto; position:relative; width:986px; padding:15px 0 15px 15px; background-color:#fff;
  -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px }
	#wrapper:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }



/* --- Header (left sidebar) --- */

#header
{ zoom:1; position:relative; float:left; width:185px; margin-bottom:1em; padding-top:26px }
	#header:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#logo
{ display:block; margin:0 auto 18px; text-align:center }


/* - Navigation - */

/* Top auxiliary links */
#auxnav
{ position:absolute; top:-50px; right:-805px; text-align:right; margin:0; padding:0; 
  font-size:92% }

#auxnav li
{ float:left; margin:0 8px; padding:5px; line-height:2; background-image:none; vertical-align:middle;
  /*background:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px*/}

#auxnav a
{ padding:4px; white-space:nowrap; color:#333 }
#auxnav a:hover
{ color:#DB7135; text-decoration:none; }

/* Primary navigation */
#navigation
{ margin:0 0 2em; padding:0 0 2px; border:1px solid #e1e1de; border-width:1px 0 }
#navigation li
{ margin:0; padding:0; background:none; border-bottom:1px solid #e1e1de; text-align:right }

#navigation li a
{ zoom:1; display:block; padding:5px 10px 5px 5px; text-decoration:none;
  color:#333; font:bold 125%/1.1 "Lucida Grande",verdana,arial,helvetica,sans-serif }

	#navigation li a:hover, #navigation li a.active
	{ color:#117c4a }


/* Nested subnavigation */
#navigation ul
{ margin:0 0 .7em; padding:0 }
#navigation ul li
{ border:none }

#navigation ul li a
{ padding:3px 20px 3px 0px; background:url("../images/arrow_subnav.gif") no-repeat 170px 52%;
  color:#777; font:normal 92%/1.2 verdana,arial,helvetica,sans-serif }

#navigation ul li a.active
{ font-weight:bold; background-color:#db7135; background-image:url("../images/arrow_subnav_on.gif");
  color:#fff }


/*fourth level*/
#navigation ul li ul
{ padding-right:10px; }
#navigation ul li ul li
{}
#navigation ul li ul a
{ padding:3px 20px 3px 9px; background-image:none;
  color:#000; font:normal 92%/1.2 verdana,arial,helvetica,sans-serif }
#navigation ul li ul a.active
{ background-image:none; background-color:#fff; color:#777; }


/* --- Content area --- */

#contentwrapper /* Repeating middle shadow */
{ float:left; width:791px; background:url("../images/back_sidebar_middle.gif") repeat-y 5px 0 }

#contentwrapper-bottom /* Bottom shwdow curve */
{ background:url("../images/back_sidebar_bottom.gif") no-repeat 5px 100% }
#contentwrapper-top /* Top shwdow curve */
{ zoom:1; padding-left:43px; background:url("../images/back_sidebar_top.gif") no-repeat 5px 0 }
	#contentwrapper-top:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }
#home #contentwrapper-top
{ padding-left:31px; }

#content
{ zoom:1; float:left; width:526px; margin-top:10px }
	#content:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#home #content
{ margin-top:0; width:550px; }

#content hr /* Push out from sides */
{ margin-left:-12px; margin-right:-12px }




/* Breadcrumb */
#breadcrumb
{ margin:0; padding:0; font-size:92%; color:#797979 }
#breadcrumb a
{ color:#797979; text-decoration:none; padding:1px 2px }
#breadcrumb strong
{ color:#333; font-size:105% }

#breadcrumb a:hover, #breadcrumb a:hover strong
{ color:#117c4a }


/* Columns (only for multi-column content, not page layout) */
.mmhide_columns
{ zoom:1; margin:0 0 1.2em; }
	.mmhide_columns:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

.mmhide_columns .mmhide_col
{ float:left; width:47%; margin-right:3% }
	.mmhide_columns .first-child
	{ margin-right:0; padding-right:2.9% }
	.mmhide_columns .last-child
	{ float:right; width:47%; margin-right:0 }

.mmhide_three .mmhide_col /* Three columns */
{ float:left; width:30.3%; margin-right:3% }
	.three .first-child
	{ margin-right:1.3%; border-right:none; padding-right:0 }
	.three .middle-child
	{ margin-right:1.4%; padding:0 2% 0 2.4%; border-left:1px solid #e1e1de; border-right:1px solid #e0e0e0 }
	.three .last-child
	{ float:right; margin-right:0; padding-left:1.4% }


/* Columns (only for multi-column content, not page layout) */
.columns
{ zoom:1; margin:0 0 1.2em; }
	.columns:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

.columns .col
{ float:left; width:47%; margin-right:3% }
	.columns .first-child
	{ margin-right:0; padding-right:2.9% }
	.columns .last-child
	{ float:right; width:47%; margin-right:0 }

.three .col /* Three columns */
{ float:left; width:30.3%; margin-right:3% }
	.three .first-child
	{ margin-right:1.3%; border-right:none; padding-right:0 }
	.three .middle-child
	{ margin-right:1.4%; padding:0 2% 0 2.4%; border-left:1px solid #e1e1de; border-right:1px solid #e0e0e0 }
	.three .last-child
	{ float:right; margin-right:0; padding-left:1.4% }


.mmhide_fullContent_columns
{ width:526px; }

/* Thumbnails */
.mmhide_thumbs
{ zoom:1; margin:0 0 1.3em; padding-left:116px; clear:both; }
	.thumbs:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }
* html .mmhide_thumbs
{ padding-left:0; }
	
	
.mmhide_thumbs img.thumb /* Ideal size: 101x72 */
{ max-width:101px; position:relative; clear:left; float:left; margin-left:-116px; border:1px solid #e1e1de; padding:3px }
	* html .mmhide_thumbs img.thumb /* IE6 double-margin fix */
	{ margin-left:58px }

	.mmhide_thumbs a:hover img.thumb
	{ border-color:#999 }

.mmhide_thumbs h2, .mmhide_thumbs h3, .mmhide_thumbs h4, .mmhide_thumbs h5, .thumbs h6
{ margin-bottom:.3em }


.bordered-thumb
{ padding:4px; border:1px solid #E1E1DE; }

/* --- Right sidebar --- */

#sidebar
{ float:right; width:202px; margin-left:8px; font-size:92% }

#sidebar .mmhide_box
{ margin:0 0 .8em; background-color:#db7135; padding:10px 12px 1px; color:#fff;
  -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px }


#sidebar .mmhide_sidebar_video
{ margin:5px 0 .8em; border:6px solid #e7e7e5; padding:10px 12px 1px;
  -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px }



/* Other boxes */
#sidebar .mmhide_box.highlight
{ background-color:#3c6898 }

#sidebar img.photo
{ display:block; margin:0 0 .8em }

#sidebar .mmhide_box *
{ color:#fff }
#sidebar .mmhide_box a
{ text-decoration:underline }


/* homepage styles */

/* tabbed area */

#home_topTabArea2
{ background:url(../images/home_topPhoto1.gif) no-repeat; display:none; }
#home_topTabArea1
{  }/* if we go back to a bg image that doesn't overlap, set it here and get rid of div.photoBG */

/*#home_topTabArea1 .photoBG1 this is for the offset bg image with the hand overlapping 
{ position:absolute; top:-6px; left:0; height:295px; width:550px; background:url(../images/home_topPhoto1.jpg) no-repeat; }
*/
#home_topTabArea1 .photoBG1/* this is for the offset bg image with the hand overlapping */
{ position:absolute; top:0; left:-44px; height:289px; width:594px; background:url(../images/home_topPhoto2.png) no-repeat; }


.mmhide_topTab
{ zoom:1; position:relative; width:550px; min-height:489px; }
* html .mmhide_topTab
{ height:489px; }


.mmhide_topTab .mmhide_home_tab a
{ position:absolute; z-index:20; height:40px; left:53px; }

.mmhide_topTab .leftTab a
{ left:50; top:249px; width:255px; }
.mmhide_topTab .rightTab a
{ left:290px; top:249px; width:186px; }
.mmhide_topTab .mmhide_home_tab_content
{ position:absolute;  z-index:10; top:249px; left:10px; width:520px; padding:61px 0 0 10px; }



.mmhide_topTab .mmhide_home_tab_content h3 
{ font-size:160%; color:#006c39; }

.mmhide_topTab #righton/* the margin-left is set to compensate for the overlapping bg image */
{ background:url(../images/hometabs_righton.png) no-repeat; }


.mmhide_topTab #lefton
{ margin-left:44px; background:url(../images/hometabs_lefton.png) no-repeat; }

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#homespread
{ clear:both; border-top:7px solid #E1E1DE; }

#homespread #homespreadcolumns
{ zoom:1; padding:24px 0; width:751px; margin:0 auto; }
#homespreadcolumns:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#homespreadcolumns .mmhide_mast
{ float:left; width:245px; }

#homespreadcolumns .mmhide_mid
{ padding:0 8px; }


#homespreadcolumns .mmhide_mast .mmhide_blurb
{ padding:10px 10px; margin-bottom:20px; border-bottom:1px solid #E1E1DE; }

#homespreadcolumns .mmhide_mast input
{ margin:0 2px; color:#797979; }

#homespreadcolumns .mmhide_mast h4
{ margin:0; }

#homespreadcolumns .mmhide_mast p
{ font-size:90%; }


/* sub page styles */

#topPhoto
{ clear:both; padding:0; margin:0; }


#topPhoto
{ border-bottom:1px solid #E1E1DE; padding:30px 230px 0 15px; margin-bottom:25px; min-height:186px; }
* html #topPhoto
{ height:186px; }

.about #topPhoto
{ background:url(../images/topPhoto_about.jpg) no-repeat 100% 0; }

.programs #topPhoto
{ background:url(../images/topPhoto_programs.jpg) no-repeat 100% 0; }

.news #topPhoto
{ background:url(../images/topPhoto_news.jpg) no-repeat 100% 0; }

.getInvolved #topPhoto
{ background:url(../images/topPhoto_getInvolved.jpg) no-repeat 100% 0; }

.partners #topPhoto
{ background:url(../images/topPhoto_partners.jpg) no-repeat 100% 0; }

.careers #topPhoto
{ background:url(../images/topPhoto_careers.jpg) no-repeat 100% 0; }

.contact #topPhoto
{ background:url(../images/topPhoto_contact.jpg) no-repeat 100% 0; }


.content_green_box
{ clear:both; background:url(../images/greenbox.gif) repeat-y; display:block; width:475px; min-height:100px; margin:0 0 15px 5px; padding:25px; }
* html .content_green_box
{ height:100px; }
	.content_green_box h2, .content_green_box p, .content_green_box ul, .content_green_box li
	{ color:#fff; line-height:150%; }
	.content_green_box ul li
	{ font-size:133%; margin:0 0 .7em; padding:0 0 0 13px; background:url("../images/bullet_greenbox.gif") no-repeat 1px .4em; }




/* ----------------------------------------------------------------------------------------------------------------*/



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window
{ font: 12px Arial, Helvetica, sans-serif; color: #333333; }

#TB_secondLine
{ font: 10px Arial, Helvetica, sans-serif;color:#666666; }

#TB_window a:link
{ background:url(../images/video_close.gif) no-repeat; width:106px; height:50px; display:block; text-indent:-9999px; overflow:hidden; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay
{ position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }

.TB_overlayMacFFBGHack
{ background: url(../images/macFFBgHack.png) repeat; }

.TB_overlayBG
{ background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }

* html #TB_overlay { /* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}

#TB_window  
{ border:2px solid #006C3A; position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; text-align:left; top:50%; left:50%; }

* html #TB_window /* ie6 hack */
{ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }

#TB_window img#TB_Image
{ display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }

#TB_caption
{ height:25px; padding:7px 30px 10px 25px; float:left; }

#TB_closeWindow
{ height:25px; padding:11px 25px 10px 0; float:right; }

#TB_closeAjaxWindow
{ position:absolute; bottom:0; right:10px; }

#TB_ajaxWindowTitle
{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; }

#TB_title
{ height:27px; }

#TB_ajaxContent
{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }

#TB_ajaxContent.TB_modal
{ padding:15px; }

#TB_ajaxContent p
{ padding:5px 0px 5px 0px; }

#TB_load
{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}

* html #TB_load /* ie6 hack */
{ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }

#TB_HideSelect
{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }

* html #TB_HideSelect/* ie6 hack */
{ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}




/* --- Footers --- */
#innerfooter
{ clear:both; padding-top:5em; text-align:right }

#innerfooter ul, #innerfooter ul li, #innerfooter ul h2
{ float:right; background-image:none; }


#footer
{ clear:both; width:991px; margin:0 auto 1em; padding-top:1.4em; 
  font-size:92%; text-align:right; color:#333 }

#footer img.logo
{ vertical-align:-26px; margin-left:8px }

