body { margin:0;padding:0;border:0; font-family: Arial;  background-color: #59B5C4; font-size: 11.5px; padding-top: 0px; color: #513601; background-position: center; text-align: center; }  #dropshadowbg{ background-image: url(/galleries/1/0000/0004/drop-shadow-bg.jpg); background-repeat: repeat-y; background-position:center; }  #rounded-top { background-image :url(/galleries/1/0000/0001/rounded-top.jpg); background-position: center bottom; height:25px; background-repeat: no-repeat; }  a img { border: 0px; }   #container { width: 780px; margin: 0 auto; text-align: left; background: white; display: block; min-height: 600px; width: 750px; padding-right: 8px; min-height: 500px;   /*use this to limit how narrow it gets on window resize */ 	/* for IE */ 	/* height:expression(document.body.clientHeight < 500 ? "500px" : "auto" ); */ }   #header {position:relative; width:100%;}  #logo-banner { float: left; padding-bottom: 12px; background-image:url(/galleries/1/0000/0409/logo_lig_2.jpg); background-repeat: no-repeat; width: 750px; height: 80px; /*layer-background-image:url(/images/YG-grid-banner.jpg); background-position: 50% 10%; */ }  #logo-banner a img { padding: 0px; margin: 0px; }
#top-utilities {
	font-size:10px;
	position:absolute;
	right:5px;
	text-transform:capitalize;
	top:0;
}
#top-utilities a{
	color:#145E6D;
}
#fund-an-account{
	position:absolute;
	right:10px;
	top:6px;
}
#menu-bar {
	background:#513601 none repeat scroll 0 0;
	color:white;
	height:17px;
	padding:4px;
	width:100%;
	position:relative;
}

#menu-bar a {color: white; text-transform: uppercase; font-size: 10.4px; font-weight: bold;   letter-spacing: 1px;} .menu-button { margin: 4px;}

#green-bar a {color: white; text-transform: uppercase; font-size: 10.4px; font-weight: bold;   letter-spacing: 1px;}

#logged-in-as {
	position:absolute;
	right:10px;
	top:6px;
}

#menu-left-links{
	position:absolute;
	left:10px;
}

#green-bar {
	background: #B7C71C;
	color:white;
	height:17px;
	padding:4px;
	width:100%;
	position:relative;
	margin-top:5px;
}
#content { display:block; float:left; padding:0px; width:100%width: 100%; margin-top: 3px; height: auto;}

#bars {float: left; clear: all; width: 100% ;} #green-bar a.button {font-size: 10px; text-transform: uppercase;}  #sub-banner { padding-top: 2px; padding-bottom: 4px; margin-bottom: 6px; border-bottom: none; }  #content { display: block; width: 100%; float: left; padding: 0px; }   #main-body {  float: left;  width: 80%;  margin: 0px; padding: 0px; }    #left-column {  float: left; width: 100%;} /*width:20%; */ td.left-column {width: 150px;}  #sub-menu-bar { float: left; width: 135px; background: #D2DB6E; min-height: 200px; -moz-border-radius: 9px; margin: 15px; margin-left: 0px; text-transform: capitalize; font-size: 10.5px; font-weight: bold; } /* put arrow in sidebar */ #sub-menu-bar { background-image: url(/images/sidebar-arrow.jpg); background-repeat: no-repeat; background-position: 50% 100%; padding-bottom: 200px; margin-left: 0px; }  #sub-menu-bar li { background: #F0F3CF; list-style-type : none; margin: 8px; padding: 3px; border: 1px solid #FAFBEE; width: auto; font-size: 12px; margin-left: 0px; } #sub-menu-bar ul { padding: 0px; margin-left: 8px; }  a.selected { background: #FDC46C; padding: 3px; }   #footer { background-image : url(/galleries/1/0000/0007/rounded-drop-bottom.jpg); background-position: center; background-repeat: no-repeat; height:85px; }  /*extend the bottom so the drop shadow stops */ /* #padding { background: #59B5C4;  color: white; height: 120px; } */ #padding { background: #59B5C4; color: white; } #padding a { color: white;}  h1, h2, h3 { color:#533708; margin-bottom: 5px; line-height: 100%; } h1 {font-size: 14px;} h2 {font-size: 13px;} h3 {font-size: 12px;} /*text to stand out in h1-h5*/  h1 .highlight, h2 .highlight, h3 .highlight , h4 .highlight , h5 .highlight { color: black; }  a { text-decoration: none; color: #52401C;} a  { color:#58B7CD; } a.orange { color: #E88000; } h1 a {color: orange;} #sub-menu-bar a {color: #52401C;}  table , table td {  font-size: 11.5px; }   .account-table td, .general-table td { border: 1px solid grey; padding: 4px; background: white; }  .account-table, .general-table , .account-table table, .general-table table{ width: 99%; margin: 10px;   background: white;}  .account-table, .general-table { background: #B7C71C; } .account-table table, .general-table table {background: none;}   .account-table, .general-table {margin: 2px;} .account-table table, .general-table table {margin: 2px; }       #member-list td { padding: 3px; } #member-list img { padding: 0px; }   /*catalogue search form */ form label { font-size: 12px;}   .mediumbold { font-weight: bold; font-size: 11.5px; } .smallbold { font-weight: bold; font-size: 10.5px; }   .grey-box {background: #f3f3f3; padding: 6px;border: 1px solid grey;} .white-box {background: white; padding: 20px; font-size: 11px;}  #org-info { text-align: left; border: 2px solid #B7CA23; background: white; -moz-border-radius: 9px; width: 90%; padding: 10px; margin: 20px; margin-top: 0px; }   #org-info img { margin: 0px; padding: 0px; text-align: left;}  #pic-profile img { float:left; margin: 0px; margin-left: 0px; margin-top: 0px;} #pic-profile p {margin: 0px;}   a.button {  text-decoration: none; border: 1px solid white; font-size: 12px; padding: 5px; padding-top: 2px; padding-bottom: 2px; color: white; color: #145E6D; color: #513601; background: #B8C722; font-weight: bold; line-height: 200%; /* background:  yellow url(/images/yellow-grad.jpg) repeat-x ; */ }    .warning , .error{ background: yellow; font-size: 14px; color: red; display: inline; line-height: 150%; text-transform: capitalize; background: #FFFF80; color:#E35702; }    .green-lozenge { float: left; width: 90%; background: #D2DB6E; -moz-border-radius: 9px; margin: 15px; margin-left: 0px; text-transform: capitalize; font-size: 10.5px; font-weight: bold; width: 94%; padding: 10px; }     #user-profile { border: 0px solid red; background: #F8A22B; padding: 0px; margin: 0px; -moz-border-radius:20px; width: 540px; } .user-details .answers { background: #FDF5CE; padding: 0px;margin: 3px;  display: block;  padding: 8px; margin:   5px;border: 1px solid grey; } .user-details .questions {font-weight: bold; padding-right: 5px; } /* user profile */  #user-profile-tabs a {background:#B7C71C; padding: 4px; color: white; font-weight: bold;   -moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px; margin-left: 3 px;} #user-profile-tabs { position: relative; top: -4px; left: 30px;}  #user-profile-tabs .selected {background: #F8A22B;color: #513601;}  .user-details .answers a {color: #513601;  font-weight: 200;} .user-details .questions a {color: #513601;  font-weight: bold;} #user-pic-etc { padding-left: 6px;} /*tables */ .account-table th , .general-table th, #results-list th { color: white; background: #523702; font-size:   11px; } .account-table td , .general-table td, #results-list td{ font-size: 11px;}  tr.evenrow{ background:#E7EAB9; padding-left: 5px;} tr.oddrow { background: #fff; padding-left: 5px;}    /*forms */ /*user edit */ form.sidebar { width: 100px; margin: 5px; background: none;border: 0px; } form.sidebar input { width: 100px;} form.sidebar label ,form.sidebar input{ font-size: 11px;padding: 0px;margin: 0px;}   #description, #tagstring, #websites, #handler, #firstname, #lastname, #extended { width: 300px; } form { border: 1px solid #aaa; padding-top: 10px; padding-left: 20px; padding-bottom: 20px; background: #fdfdf1;  }     /* chat stuff */  #chat , #feedback-chat { border: 1px solid orange; margin-top: 10px; padding: 10px; padding-top: 0px; background: #FFFFB7; background: #D9F2F0; height: auto; width: 88%; float: left; }   #chat  .chatinput , #feedback-chat .chatinput{ border: 1px solid grey; width: 100%; padding: 3px; }  .chatbox , #feedback-chat .chatbox { font-size: 11px; font-family: verdana; background: #FFFFB7; height: 75%; padding: 3px; margin-top:5px; border: 2px solid white; height: 200px; overflow: auto; }   /* community pageflip pages */ #orange-box { background: #FA9F2A; color: white; -moz-border-radius: 10px; padding: 10px; padding: 3px; line-height: 150%; }  #orange-box .text { color: #513601;font-weight: bold; background: #D6D86B; font-size: 11px;   padding: 8px; margin: 0px; margin-right: 10px; border : 1px solid #888; width: 80%;padding: 10px; -moz-border-radius: 5px; text-align: left; font-size: 13px; padding: 5px; }   #orange-box .text ,#orange-box .text p{font-size: 13px; }   #orange-box p {padding: 8px; margin: 0px;}  #list-box td { font-size: 10px; font-weight: bold; } #list-box { background: white; border: 4px solid #B7C71E; width: 180px; height: 200px; overflow: auto; -moz-border-radius: 10px; padding: 10px; margin: 10px; width: 150px;margin: 3px; height: auto; height: 500px; width: 145px; /*height: auto; */ }  /* Marin Concord tabs */ #comm-select .selected {background: #B7C71E; padding: 4px;  } #comm-select .unselected {background: #FBB560; padding: 4px;  color: #666; color: #93A291} #comm-select {margin-left: 20px; font-weight: bold; font-size: 14px; padding-bottom: 0px;   margin-bottom: 0px; margin-top: 5px; color: black;} #list-box {margin-top: 0px;}   /* account styling */ #account-body , #family-box , .account-body{ background: #efefef; background: #C4E4EA; margin:   10px;padding: 20px; width: 90%; background:#EDE7CB;}  #account-body p{font-size: 11.5px; } .highlights table { background: #B7C71C; padding: 10px; -moz-border-radius : 10px; margin-top:   20px;}  .highlit {color: #FE5301;} .highlights .highlit {color: red; font-size: 14px;} h1 .highlit {color: #FE5301;} .highlights .mediumbold {background: #F0F3CF; padding: 3px; padding-top: 0px; padding-bottom:   0px; margin: 8px; }  /* About */ #supporters .regular, #supporters .bigbold , #supporters .desc{ display: block; } #supporters { text-align: center;  width: 400px; margin-left: 90px;}  #supporters .bigbold { font-size: 17px; font-weight: bold; margin-top: 20px; padding: 8px;} #supporters .regular { font-size: 13px; font-weight: bold;} #supporters .desc { font-size: 14px;} #about p { font-size: 14px; padding-left: 20px; padding-right: 40px;}  #bullet-list {margin-left: 60px;margin-right: 60px; }  /*page headers*/ h1.cap {text-transform: uppercase;}  #famil-box { margin: 0px; margin-top: 12px; border: 3px solid #B7C71C; padding: 10px; }  #submenu-horiz li { list-style-type: none;  display: inline; border: 3px solid #B7C71C; }  /* create giving account */  .bigbold p {font-size: 13px; font-weight: bold; } .elaboration { font-style: italic; } .prompt {font-size: 13px;font-weight: bold; } #create-account td { text-align: right; padding-top: 10px; } /* for find a user function at top */ form.simple {padding: 0px; background: none;border: 0px; }  /* homepage text */  #hp-left-text {font-size: 14px; text-transform: uppercase; font-weight: bold; margin-top: -60px;}  #faq {font-size: 13px;} #faq .question {font-weight: bold; font-size: 14px;}   .form-prompt {font-weight: bold} .form-details {font-size: 10px}   /* ########giving menu css ############# */   /* Menu Wrapper */ #menu-wrapper{  padding: 15px 0;  font-size:13px;  background:url(/images/border_dottedorange.gif) repeat-x bottom left;}  #menu-wrapper ul{  margin:0;  padding:0;}  #menu-wrapper li{  float:left;  list-style-type:none;}  #menu-wrapper ul#breadcrumbs{  float:left;}  #menu-wrapper ul#breadcrumbs li{  margin: 0 5px 0 0;}  #menu-wrapper ul#breadcrumbs a{  color:#60460A !important;  text-decoration:underline !important;}  #menu-wrapper ul#breadcrumbs li.active a{  text-decoration:none !important;}  #menu-wrapper ul#sub-menu{  float:right;  color:#54B4C9;}  #menu-wrapper ul#sub-menu li a{  color:#54B4C9 !important;  text-decoration:underline !important;  padding-left: 5px;}  /* Content */ #giving-menu h3{  text-indent:-9999px;  overflow:hidden;  margin:  15px 0;}  #giving-menu h3.discover{  background:url(/images/discoverwhatyoucareabout.gif) no-repeat top left;  width: 751px;  height:231px;}  /* table */ #giving-menu-table{  width: 752px;}   #giving-menu-table #table-menu{  background:url(/images/bg_menubottomrounded.gif) no-repeat top left;  height:49px;  padding: 0 10px 0 0;}  #giving-menu-table #table-menu ul#tabs{  float:left;  margin:0;  padding:0;  font-size:13px;}  #giving-menu-table #table-menu ul#tabs li{  float:left;  margin:0 2px 0 0;  list-style-type:none;  padding:0;  cursor: pointer; }  #giving-menu-table #table-menu ul#tabs li.active a{  font-size:18px;  background-position: 0 -43px !important;}  #giving-menu-table #table-menu ul#tabs li.active a span{  background-position: right -43px !important;  padding: 0px 20px 0 11px; cursor: pointer;}  #giving-menu-table #table-menu ul#tabs li a{  display:block;  background:url(/images/tableft.gif) no-repeat top left;  height:43px;  color:#FFF !important;  font-weight:bold;  float:left;  }  #giving-menu-table #table-menu ul#tabs li a span{  background:url(../images/tabright.gif) no-repeat top right;  display:inline;  float:left;  height:43px;  margin: 0 0 0 9px;  padding: 0 10px 0 6px; line-height: 41px;}  #giving-menu-table #table-menu p.pages{  float:right !important;  padding: 5px 0 0 0;}  #giving-menu-table  p.pages{  color:#54B4C9;  float:left;  font-size:13px;}  #giving-menu-table  p.pages span{  padding-right: 30px;}  #giving-menu-table  p.pages a{  color:#54B4C9 !important;  text-decoration:underline !important;}  #giving-menu-table p.buttons{  float:right;}         #giving-menu-table #table-content{  background:#E3E290;  border-left:5px solid #E3E290;  margin-bottom:-3px;  position:relative;  color: #5F450A;  border-right:5px solid #E3E290;}  #giving-menu-table #table-content .titles{  background:#C8CD33;  padding: 10px 0 10px 92px;  color:#FFF;  font-size:17px;  font-weight:bold;  margin: 0 0 10px 0;  height:25px; }  #giving-menu-table #table-content .titles span{  display:block;}  #giving-menu-table #table-content span.authors{  text-align:left;}  #giving-menu-table #table-content p{  text-align:center;  font-size:9px;  margin:0;  line-height:10px;  padding: 6px 0 0 0;}  #giving-menu-table #table-content .nonprofit{  width: 168px;  float:left;}  #giving-menu-table #table-content .nonprofit a{  color:#3357A2 !important;  text-decoration:underline !important;  font-weight:bold;  padding: 10px 0 0 0;  display:block;  font-size:16px;}  #giving-menu-table #table-content .profile{  width: 245px;  float:left;}  #giving-menu-table #table-content .profile .text{  background:url(/images/learnmore_desc.png) no-repeat top left;  width: 220px;  height:63px;  font-size:13px;  color:#5F450A;  padding: 13px 10px 6px 10px;}  #giving-menu-table #table-content .profile a.learnmore{  background:url(/images/learnmore_orange.png) no-repeat top left;  width: 240px;  height:40px;  text-indent:-9999px;  margin-top:-1px;  overflow:hidden;  display:block;}  #giving-menu-table #table-content .orange a.learnmore{  background:url(/images/learnmore_green.png) no-repeat top left !important;}  #giving-menu-table #table-content .authors{  width:110px;  text-align:center;  float:left;}  #giving-menu-table #table-content .school{  width: 100px;  float:left;}  #giving-menu-table #table-content .thumb{  width: 92px;  float:left;}  #giving-menu-table #table-content .thumb img, #giving-menu-table #table-content .authors img{  border:2px solid #844B8F;}  #giving-menu-table #table-content .org{  background:url(/images/bg_tableroundedgreen.gif) no-repeat top left;  width: 732px;  height:120px;  padding: 7px 5px;  margin: 0 0 5px 0;}   #giving-menu-table #table-content .orange{  background:url(/images/bg_tableroundedorange.gif) no-repeat top left !important;}  #giving-menu-table .thumb a{  text-indent:-9999px;  overflow:hidden;  display:block;  float:left;  width: 24px;  height:27px;  margin: 0 3px 0 0;}  #giving-menu-table .thumb a.nav-photo{  background:url(/images/icon_camera.png) no-repeat top left;}  #giving-menu-table .thumb a.nav-video{  background:url(/images/icon_video.png) no-repeat top left;}  #giving-menu-table .thumb a.nav-notes{  background:url(/images/icon_notes.png) no-repeat top left;}  #giving-menu-table .bottom{  background:url(/images/bg_bottom_giving.gif) no-repeat top left;  padding: 13px 0 0 0;}       /* Non Profit Page */ #nonprofit h3 { margin:0pt 0pt 15px; overflow:hidden; text-indent:-9999px; } #nonprofit #main-info { height:300px; margin:10px 0pt 0pt; padding:0pt 0pt 0px; } #nonprofit #main-info #intro { clear:both; float:left; font-size:12px; height:auto !important; width:476px; } #nonprofit h2 { color:#58B7CD; font-size:26px; margin:0pt; padding:0pt; } #nonprofit .top { text-align:left; } #nonprofit #main-info #intro p { color:#5f4509;font-size:12pt; } #logo_display { background:transparent url(/galleries/1/0000/0463/giving-menu6.jpg) no-repeat scroll left top; display:inline; float:left; font-size:12px; height:285px; margin:0pt; width:476px; } #nonprofit #main-info p.website { color:#513601; margin:0px 0px 1px; padding:0px; text-align:left; width:110px; } #nonprofit #main-info p.website a { color:#206CD3 !important; } #nonprofit #main-info #intro p.buttons { margin-top:192px; } #nonprofit #main-info #intro a.buttons { margin-top:192px; } #nonprofit #main-info #intro p.buttons a { color:#0090A2 !important; display:block; float:left; font-size:10px; height:10px; margin-top:46px; padding:2px 10px 3px 25px; text-decoration:underline !important; } #nonprofit #main-info #intro p.buttons a.facebook { background:transparent url(images/icon_facebook.gif) no-repeat scroll left top; } #nonprofit #main-info #intro p.buttons a.email { background:transparent url(images/icon_email.gif) no-repeat scroll left top; } #nonprofit #main-info #authors {  float:right; width:263px; } #nonprofit #main-info #authors .buttons { height:10px; float:right; margin-top:-26px; } #nonprofit #main-info #authors .buttons a { color:#0090A2 !important; display:block; float:left; font-size:10px; height:0px; padding:5px 0pt 0pt 39px; text-decoration:underline !important; margin-bottom:16px; } #nonprofit #main-info #authors .buttons a.photo { background:transparent url(images/icon_camera.png) no-repeat scroll left top; } #nonprofit #main-info #authors .buttons a.profile { background:transparent url(images/icon_profile.gif) no-repeat scroll left top; } #nonprofit #main-info #authors .buttons a.video { background:transparent url(images/icon_video.png) no-repeat scroll left top; } #nonprofit #main-info #authors .buttons a.scrap { background:transparent url(images/icon_notes.png) no-repeat scroll left top; } #nonprofit #main-info #authors img.main { margin:0pt 0pt 5px; } #nonprofit #main-info #authors .by { background:transparent url(/galleries/1/0000/0466/photo-caption-back.jpg) no-repeat scroll left top; color:#5f4509; font-size:14px; height:51px; margin-top:10px; padding:23px 36px 0pt 13px; } #nonprofit #main-info #authors .by span { display:block; font-size:11px; } #nonprofit #profile-photos {  border-bottom:1px solid #c7bab2; float:left; margin-bottom:20px; padding:0px 0pt 10px; width:750px; margin-top:-20px; } #nonprofit #profile-photos #profile { float:left; width:433px; } #nonprofit #profile-photos #profile h3 { background:transparent url(images/header_profile.gif) no-repeat scroll left top; color:#6C8B9B; font-weight:normal; height:37px; padding:0px 0pt 0pt 129px; text-indent:0pt; } #nonprofit #profile-photos #profile h3 span { font-size:12px; font-weight:normal; } #nonprofit #profile-photos #profile-wrapper { color:#000; font-size:13px; padding:7px; border:2px solid #58b7cd; width:460px; text-align:justify; } #nonprofit #profile-photos #photos { float:right; width:263px; } #nonprofit #profile-photos #photos #background_picture { background:transparent url(images/cork-board-photo-back.jpeg) no-repeat scroll left top; } #nonprofit #profile-photos #photos h3 { background:transparent url(/galleries/1/0000/0436/header_photos1.gif) no-repeat scroll left top; height:37px; width:262px; } #nonprofit #profile-photos #photos .main { border:2px solid #F3B429; } #nonprofit #profile-photos #photos .thumb { border:1px solid #FFF3AE; margin:0pt 10px 0pt 0pt; } #nonprofit #profile-photos #photos p.photo-desc { background:transparent url(images/bg_photodesc.gif) no-repeat scroll left top; color:#077D8C; font-size:12px; height:26px; padding:8px 8px 0pt; width:236px; } #nonprofit #videos { border-bottom:1px solid #E7EDED; height:800px; margin:20px 0pt 0pt; padding:10px 0pt 5px; } #nonprofit #videos h3 { background:transparent url(images/header_videos.gif) no-repeat scroll left top; height:40px; width:129px; } #nonprofit #videos .video-wrapper { margin-top:9px; padding:0pt 0pt 10px; } #nonprofit #videos .video-desc { background:transparent url(images/videodesc.gif) no-repeat scroll left top; float:left; height:142px; padding:23px 15px 0pt; width:280px; } #nonprofit #videos .video-desc h4 { color:#F3B429; font-size:16px; margin:0pt 0pt 10px; padding:0pt; } #nonprofit #videos .video-desc p span { font-size:11px; } #nonprofit #videos .video-desc p { font-size:13px; margin:0pt; padding:0pt 0pt 5px; } #nonprofit #videos .video { float:right; width:440px; } #non-profit-bottom { color:#513601; font-size:13px; text-align:center; } #non-profit-bottom p { clear:both; padding:0pt 0pt 8px; } #non-profit-bottom a { color:#1278C7 !important; text-decoration:underline !important; } .address { font-size:10px; width:100px; }  .non-share{ margin-bottom:10px; }  .authoricon{ background:transparent url(/galleries/1/0000/0427/authors_img.jpg) no-repeat scroll left top;  height:30px; width:108px; }   .background_crockboard_picture { background:transparent url(/galleries/1/0000/0439/cork-board-photo-back.jpg) repeat scroll left top; width:250px; height:164px; padding:0; display:table; }  #box {margin:4px; padding:0;}.background_crockboard_picture_author { background:transparent url(/galleries/1/0000/0451/author_corkboard.jpg) repeat scroll left top; width:263px; height:178px; padding:0; display:table; }  #box_author {margin:14px; padding:0;}  .nonprofit_givenow{ margin-top:35px; }#home-left-block{ 	width:375px; 	height:258px; 	background:url('/images/home-left-block-bg.png'); }  #home-left-block-inner{ 	padding:5px 15px; }#info { 	margin-bottom:14px; width: 750px; 	margin-right: auto; 	margin-left: auto; 	text-align: center; 	color: #B5CC02; 	margin-top: 15px; }#mediabox { 	width: 750px; 	height: 80px; 	border-bottom-width: 1px; 	border-bottom-style: dotted; 	border-bottom-color: #B5CC02; 	border-top-width: 1px; 	border-top-style: dotted; 	border-top-color: #B5CC02; 	padding-top: 5px; 	margin-top: 25px; }.flt { 	float: left; 	margin-right: 5px; } .frt { 	float: right; 	margin-right: 5px; }#banner { 	background-image: url(/images/banner.jpg); 	height: 155px; 	width: 750px; }

table.table-left{
	float:left;
}

table.table-right{
	float:left;
}