/* E.M. RESET */
a:link,a:visited { text-decoration:none }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { 	text-align: left; 	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { 	content: ""; }
blockquote, q { 	quotes: "" ""; }

/* LAYOUT
*************************************/
body { text-align: center; background-color: #6592AD; color: #000; font-family: Arial, Helvetica, sans-serif; padding: 5px 0 20px; line-height: 1.2; font-size: 62.5%; }
#container { margin:auto; text-align:left; width:960px; border: 1px solid #000; background: #fff; }

#header { background: #fff url(http://4ccf.org/pics/header-bk.jpg) no-repeat top left;  position: relative; height: 133px; margin-left: 180px; }
#header h1 { background: #fff url(http://4ccf.org/pics/logo-wh.gif) no-repeat top left; border-right: 1px solid #B0C964; /*border-right: 2px solid #000;*/ display: block; width: 180px; height: 133px; top: 0px; left: -180px; position: absolute; }
#header h1 a { margin: 0 0 0 -4000px; display: block; font-size: 10px; }

#header h2 { width: 146px; height: 24px; position: absolute; top: 83px; right: 20px; }
#header h2 img { float: right; }


#topnav { float: left; width: 960px; color: #fff; background: #3e7799; }
#topnav ul { height:3.7em; font-family: Tahoma, 'Verdana', Arial, Sans-Serif; color: #fff; background: #3e7799; }
#topnav ul li { float:right; margin:0; list-style-type:none; white-space:nowrap; }
#topnav ul li a { display:block; padding: .5em 20px; font-size:1.6em; outline: none; border:none; }
#topnav ul a { background: inherit; color: #fff; text-decoration: none; }
#topnav ul li a:hover { color: #fff; background: #799B3D; border-bottom: 2px solid #799B3D; }


#main { background: #fff url(http://4ccf.org/pics/main-nav-bg.gif) repeat-y top left; float: left; position: relative;}
#main-content { /*border-left: 2px solid #000; margin-bottom: -100px; */ width: 778px; float: right; font-size: 1.42em;  padding-top: 20px; }

/*Sidebar*/

#main-nav { width: 180px; float: left; font-size: 1.1em; background: #D8E4EB; padding-top: 20px; }
#main-nav img { margin-left: 10px; }
#main-nav ul { padding: 15px 10px; }
#main-nav ul ul { padding: 15px 10px 0; }
#main-nav ul li{ text-align: left; font-weight: 700; font-size: 1.5em; padding: 0 0 10px; }
#main-nav ul li li { font-weight: normal; font-size: 1em; line-height: 1; padding: 0 0 .8em; margin-left: -5px; }

#sidedonate {text-align: center; margin-bottom: 20px; }

#sidedonate ul, #sidedonate li,
#sidedonate img {padding: 0; margin: 0 0 40px; width: 92px;}

/*#sidedonate form { text-align: center; margin: 20px 0 5px; padding: 0; margin-right: -15px;}*/
#container #main p.min { text-align: center; padding: 5px 0 15px; margin: 0;   }

#nsseal {background: #D8E4EB; width: 180px; border-bottom: 2px solid #D8E4EB; }
#nsseal img {margin-left: 3px; }


#reasons { background: #799B3D; padding: 0; line-height: .5em; width: 180px; text-align: center; }
#reasons img { height: 45px; padding: 0; margin: 0; }

#footer{ clear:both; color: #fff; border-top: 1px solid #000; padding: 0px; background: #3E7799 url(http://4ccf.org/pics/hands.jpg) no-repeat top left; height: 118px; position: relative; font-size: 1.2em; }
#footer dl { margin-left: 180px; /*border-left: 2px solid #000;*/ padding: 10px 20px;  float: left; }
#footer  dt { padding-top: 2px; }

#footer  dd+dt, #footer  dt+dt { padding-top: 4px; }

#footer dd+dd { padding-bottom: 10px; }

div.footpics img#top{ position: absolute; top: 5px; right: 5px; }

div.footpics img#seal {	position: absolute; bottom: 5px; right: 5px; }

.clear { clear:both; }


/* Home Page */


#content {width: 350px; float: left;  margin-left: 20px; margin-top: 20px;}
#sub { width: 350px; float: right; margin-right: 20px; margin-top: 20px;}

#content div { margin-bottom: 20px; }
#content h3 a:link,
#content h3 a:visited { color: #000; text-decoration: none; }
#content h3 a:hover, a:active { color: #97A355; text-decoration: underline;}


#main-content #content h2,
#main-content #content h3,
#main-content #content p,
#main-content #sub h2,
#main-content #sub h3,
#main-content #sub p { padding: 0 0 15px; line-height: 1.2em;}

#main-content h2 + p {margin-top: 10px; }
#main-content #content h2 { border-bottom: 1px solid #D8E4EB; }
#main-content #content h3 { padding: 15px 0; }

#main-content #sub h2 { border-bottom: 1px solid #D8E4EB;  margin-bottom: 15px; padding-bottom: 5px;}
#main-content #sub #service-area h2 {border-bottom: none;}

#content #announce { margin: 0 0 40px; padding: 0;line-height: 1.5; font-weight: 700; color: #799B3D; }
#content #shoplocal { text-align: center; }
#content #shoplocal img{ padding: 20px 0; }
#content #shoplocal li {list-style: none; font-weight: 700; }
#content #shoplocal li.nobull {list-style: none; text-align: center; margin-top: 10px;}

#content #shoplocal li.nobull a.more {list-style: none; text-align: left; background: transparent url(http://4ccf.org/pics/more-mark.png) no-repeat 0 center; margin-left: -12px;}


#main-content a.more { font-weight: 500; margin-left: 10px; background: transparent url(http://4ccf.org/pics/more-mark.png) no-repeat 0 center; padding: 0 0 2px 12px;  }

#sub  div {  margin-bottom: 25px; }

.donor-spot img { margin: 0 0 20px;}
#donor-box {text-align: center;}
#donor-box p {text-align: left; }
#donor-box h2 {text-align: left; }

#donor-box form { text-align: center; margin: 20px 0 5px; }
#donor-box form+p { text-align: center; font-size: .9em; }

.anreport {text-align: center; border-top: 1px solid #D8E4EB; border-bottom: 1px solid #D8E4EB; padding-top: 20px; }
.anreport img {width: 200px; margin-bottom: 10px;}

#service-area { border: 1px solid #D8E4EB; text-align: center; background: #eef6fb; padding: 10px 0; }
#service-area img { border: 1px solid #D8E4EB; }
#service-area p {text-align: left; margin: 0 10px;}
#service-area p#connect   { color: #ca4f63; text-align: center; margin: 10px 0;}

#givenow {text-align: center; }

#main-content #sub #givenow h3 {color: #BA1818; margin: 0; padding:0; font-size: 1.4em;}
#main-content #sub #givenow h3.offleft {padding-right:2.7em;}
#main-content #sub #givenow h3.offright {padding-left:2.7em;}

#main-content #sub #givenow img,
#main-content #sub #givenow p {margin-top:1em;}

.grant-news img {margin-bottom: 1em;}

/* Donation Page
****************/


#main #donatetab {margin: 20px auto 40px 15px;}
#main #donatetab td {text-align: left; vertical-align: top;}

#main #main-content #donatetab p { margin: 0; padding: 0 5px 0 0; font-size: 1.2em; font-weight: 700; color: #ff9933;
background: transparent; }
#donatetab span { clear: both; display: block; padding-top: 5px; font-size: .9em;}


/*
#donatebox { margin: 20px;}
#main #main-content #donatebox p { margin: 0; padding: 0 5px 0 0;
font-size: 1.2em; font-weight: 700; color: #ff9933; background: transparent; display: inline;
vertical-align: 26px;}
#fundpick { vertical-align: 26px; }
#donatebox span { color: #666; font-size: .8em; }
#donatebox #donatebutton { margin-left: 0; padding-left: 10px; }
 */

/* Scholarships Page */

#mapbox {text-align: center; width: 700px; border: 1px solid #D8E4EB; margin: 20px 0 20px 40px; padding: 20px 0;}
#scholarmap {border: 1px solid #D8E4EB; margin: 20px auto; }

/* press releases */
#main #main-content .prcontact { font-size: 1em;}



/* Community Applications */


.app-des { clear: both; float: left;  margin: 10px 15px 0 15px; padding: 0 0 20px; width:740px;}
.app-des + .app-des { border-top: 1px solid #D8E4EB;  padding-top: 30px;}

#main .app-des h2 { padding: 0;}
#main .app-des p { padding: 0;}
#main #main-content .app {
  display: block;
background-color: #799B3D; color: #fbfbfb;
font-weight: bold; width: 90px;
border: none;
font-size: .8em; letter-spacing: 1px; text-transform: uppercase;
padding: 5px 15px; text-decoration: none;
float: right;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
-o-border-radius: 23px;
border-radius: 23px;
}

#main #main-content a.app:hover {background: #3E7799; cursor: pointer; }



#main #main-content .sidenote .app {
width: 110px;
margin: 0 auto 10px;
float: none;
}


/* TYPE
*************************************/

em { font-style: italic; }
strong {font-weight: 700;}

#main-content a:link,
#main-content a:visited { color: #336699; text-decoration: underline;}
#main-content a:hover, a:active { color: #97A355; }

#main-content h1 { padding: 15px; font-weight: 700; font-size: 1.6em; color: #799B3D; }
#main-content h2 { color: #6592ad; font-weight: 700; font-size: 1.43em; padding: 15px; }
#main-content h3 {font-weight: 700; font-size: 1.14em; padding: 5px 15px 10px ; }

#board #main-content h2 {
clear: both; padding: 5px; border-bottom: 2px solid #C3BE8D;
color: #666633; font-weight: normal; font-size: 1.4em; margin: 0 15px;
}

#youth #main-content h3 { width: 40%;padding: 5px; border-bottom: 2px solid #C3BE8D;
color: #666633; font-weight: normal; font-size: 1.4em; margin: 0 15px;
}

.trustbox, .boardbox { width: 49%;
float: left;
padding-top: 30px;}

.boardbox { float: right;}

.trustbox ul li, .boardbox ul li, #youth ul li {
list-style-type: none;
}


#board h4 { margin-left: 38px; padding-top: 25px;  font-size: 1.2em; }
ul.boardlist { margin-left: 38px; }

#main-content p { padding: 0 15px 15px 15px; font-size: 1.1em; line-height: 1.5em; }

p#hometopic { font-style: italic;  padding: 15px 0 0 15px; }

#main-content #sub p.credit { font-size: smaller; padding-top:0; margin-top: -5px;; text-align: left;}

#main-content  ul { list-style: square; padding: 0 15px 15px 35px; font-size: 1.1em; }
#main-content  ol { list-style: decimal; padding: 0 15px 15px 35px; font-size: 1.1em; }

#main-content  ul ul,
#main-content  ul ol,
#main-content  ol ol,
#main-content  ol ul { font-size: 1.0em; }

#main-content li { padding: .5em 0; }

#main-content li li, #main-content li p, #main-content td p,
#main-content blockquote p,
#main-content li .deadline { font-size: 1.0em; }

#pagenav { padding: 0 15px 15px 15px; font-size: 1.5em; }

#main-content table { margin-left: 15px; }
#main-content  td ul { font-size: 1.0em; }

#main-nav a:link, a:visited { color: #336699; text-decoration: none;}
#main-nav a:hover, a:active { color: #97A355; }

#main-nav li li a:link,
#main-nav li li a:visited { color: #336699; text-decoration: none;}

#main-nav li li a:hover, a:active { color: #97A355; }

#footer a:link, #footer a:visited { color: #fff; background-color: transparent; text-decoration: underline; }
#footer a:hover, #footer a:active { color: #e3d846; background-color: transparent; }

.caption { font-size: 80%; Color: #666666; }
table td .caption { font-size: .5em; }
.credit { font-size: smaller; text-align: left;}
.deadline { Color: #869439; text-align: center; font-weight: bold; margin: 10px 0; clear: both;}

.sidenote { float: right; width: 200px; text-align: left; border: 1px solid #D8E4EB; margin: 0 15px 15px 15px; padding: 5px 0; }

#main-content .sidenote p,
#main-content .sidenote ul,
#main-content .sidequote p { font-size: 1.0em; }

.sidequote { float: right; width: 246px; text-align: center; border: 1px solid #999; margin: 0 15px 15px 15px; padding: 5px 0; background-color: #c3be8d; }
.sidequote img { float: right; padding: 5px; }

#main-content .sidenote h3 { font-size: 1em; }

.sidequote h3,
.sidequote p { text-align: left; }
.sidequote .imgcap { float: right; clear: both; padding-left: 2px; }

.sidequote .imgcap img { float: left; clear: both; }
#main-content .sidequote .imgcap .caption { float: left; clear: both; padding-left: 0px; margin-left: 5px; }
.sidequote p.more { text-align: right; }

.hinumber { color: #869439; font-style: italic;  font-weight: 700; }

.note { font-style: italic; }

#main #main-content p#crumb { font-size: 1em; }

/* RST Treasures ****************/

div.rsst { width: 350px; display: block; padding: 0; margin: 10px 30px 0 20px; float: left; }
#main-content  p.download { text-align: center;  margin: 25px auto; font-weight:700;  font-size: 1.4em; }
.clear { clear: both; }

/* end Treasures ****************/


/* lastestgrants */

#latestgrants h2 { color: #000; font-size: 1.1em; padding-bottom: 5px;}
#latestgrants h2 span { font-weight: 500;}
#latestgrants #main-content ul { list-style: none; padding-left: 15px;}
#latestgrants #main-content li { padding:0 20px 5px 0;   }



/* IMAGES
*************************************/

div.sideplug { float: right; width: 136px; }
div.commphoto { float: right; margin-left: 20px; }

div.photo,
div.nophoto { float: left; padding: 10px 0 0 0; margin: 12px; text-align: center; font-size: .8em; text-align: center; width: 130px; }

div.photo img { clear: both; }
div.photo-right { float: right; clear: right; padding: 10px 0 0 0; margin: 8px; text-align: center; color: #666; background-color: #fff; font-size: smaller; text-align: center; width: 130px; }
#main-content div.photo-right p.caption { padding: 0; margin: 0; font-size: 1em;}
#main-content div.photo-right p.capleft { text-align: left; padding: 0; margin: 0; font-size: 1em;}

.photocenter {text-align: center;}
.photoright {float: right; margin: 5px 10px 10px 20px;}
#main-content .photoright p { text-align: left; padding: 5px 0; margin: 0; font-size: 1em;}

div.photo-left { float: left; clear: left; padding: 5px 0  0; margin: 0 15px; text-align: center; color: #666; background-color: #fff; font-size: smaller; text-align: center; width: 130px; }
div.photo-left img,
div.photo-right img { padding-bottom: 5px; }

div.yacphoto { float: right; clear: right; padding: 10px 0 0 0; margin: 8px; text-align: center; color: #666; background-color: #fff; font-size: smaller; text-align: left; width: 360px; }
div.yacphoto img { margin-bottom: 5px; clear: both; width: 360px;}


table.funds { text-align: center; font-size: 80%; color: #404040; background-color: #fafafa; border: 1px #B3AF88 solid; border-collapse: collapse; border-spacing: 0px; margin: 5px 0; width: 80%; }
table.funds th { background:#C3BE8D; color: #000; text-align: center; padding:5px; font-weight: 700; border: 1px solid #B3AF88; }
table.funds td { border: 1px solid #B3AF88; border-top: 0px; text-align: left; background-color: #fff; padding:5px; vertical-align: top; }
table.funds tr td.subhed { background-color: #dbd8bb; color: #666633; text-align: left; font-weight: bold; font-weight: 700; }
table.funds tr td ul { margin: 0; padding-left: 25px; }
table.funds tr td ul li { list-style: none; line-height: 1em; padding: 5px 0 0 0; }

/* Tables
****************/
table.fourco { border-collapse: collapse; empty-cells: show; margin: 0 auto 20px; font-size: 1em; }
table.fourco th { background:#C3BE8D; border: 1px #B3AF88 solid; padding:5px; font-weight: 700; }
table.fourco td { border: 1px #B3AF88 solid; text-align: left; padding: 5px; margin: 0; }
table.fourco tr.tabsubhead td { background-color: #dbd8bb; color: #663; text-align: left; font-weight: bold; }
table.fourco td.field { font-style: italic; }
table.offtab td { padding: 0 20px 20px 10px; }

table.contacttab td { padding: 0 0 20px 10px; }

table.ten { padding-left: 15px; font-size: 1.2em;}
table.ten td { padding-bottom: 1.2em;}
td.hinum { color: #869439; font-style: italic;  font-weight: 700; text-align: right; padding-right:15px;}

/* end tables ****************/