/*---------------------------------------
	Main Layout
---------------------------------------*/

body { font-size:62%;  background: url(../images/template/bg.jpg) center top repeat-y; text-align:center; padding:0; }
#container { margin:0 auto; text-align:left; width:869px; background:#fff; min-width:869px; }

#content { font-size:1.1em; background:url(../images/template/content_bg.gif) top right repeat-y; border-top:1px solid #fff}
#footer { font-size:1.1em;  }


/* Top Navigation 
-------------------------------------*/
#navigation { clear:both; float:right; display:inline; background:url(../images/nav/nav_bg.gif) top right no-repeat; margin:0 20px 5px 0; width:570px; }
#navigation ul, #navigation li { margin:0px; padding:0px; list-style-type:none }
#navigation ul {  }
#navigation li { display:inline; float:left; color:#fff; margin-left:3px; }
#navigation a { display:block; line-height:25px; text-decoration:none; color:#AA4B9B; font-weight:bold; font-size:1.1em; text-align:center; background-image:top left; text-indent:-9999px; }
#navigation a:focus { outline:none }

#navigation li.home { margin-left:0; }

#navigation li.home, #navigation li.home a { width:57px; background-image:url(../images/nav/home.gif); }
#navigation li.what-we-do, #navigation li.what-we-do a { width:96px; background-image:url(../images/nav/what-we-do.gif); }
#navigation li.children-we-support, #navigation li.children-we-support a { width:151px; background-image:url(../images/nav/children-we-support.gif); }
#navigation li.apply-for-grant, #navigation li.apply-for-grant a { width:127px; background-image:url(../images/nav/apply-for-grant.gif); }
#navigation li.how-you-can-help, #navigation li.how-you-can-help a { width:127px; background-image:url(../images/nav/how-you-can-help.gif); }

#navigation li a:hover	{ background-position:bottom left; color:#666; }
.sectionWhat #navigation li.what-we-do a, .sectionChildren #navigation li.children-we-support a, .sectionApply #navigation li.apply-for-grant a, .sectionHelp #navigation li.how-you-can-help a { background-position:bottom left; }

#navigation ul.sub li, #navigation ul.sub li a { background:none; text-indent:0px; width:100%; text-align:left;  }
#navigation ul.sub, #navigation ul.sub li { margin:0; padding:0; }
#navigation ul.sub { padding:0 5px; background:url(../images/nav/dropdown_bg.png) top left repeat; }
#navigation ul.sub li { border-top:1px solid #fff; }
#navigation ul.sub li a { line-height:30px; }
#navigation li ul.sub {	position: absolute;	width:135px; left: -999em; border:1px solid #fff; }

#navigation li.what-we-do ul.sub { width:190px; }
#navigation li.children-we-support ul.sub { width:147px; }
#navigation li.how-you-can-help ul.sub { width:135px; }

#navigation ul.sub li { width:100%; }
#navigation li:hover ul.sub, #navigation li.sfhover ul.sub { left: auto; z-index:1000 }



/* Top Navigation 
-------------------------------------*/
#navbar { clear:both; float:left; display:inline; margin:0 20px 1px 0; width:100%; position:relative; height:54px; background:url(../images/template/navbar_bg.jpg) top left repeat-x; }
#navbar ul, #navbar li { margin:0px; padding:0px; list-style-type:none }
#navbar ul { text-align:right;  }
#navbar li { display:inline; color:#fff; margin:0;  font-size:1.1em; }
#navbar a { line-height:27px; width:auto; height:27px; text-decoration:none; color:#777; font-weight:bold;  text-align:center; padding:0 10px;}
#navbar li.highlight li a { color:#777; }

/*#navbar li:hover { background:url(../images/template/navbar_top_bg.jpg) top left repeat-x; }
#navbar li li:hover { background:none }*/

#navbar a:hover, #navbar li.highlight li a:hover, #navbar li.highlight a { color:#333; }

#navbar li ul.sub { display:none }
#navbar li.hide ul.sub { display:none !important;  }

#navbar li ul { position: absolute; width:500px; top:27px; }
#navbar li li { font-size:0.95em; }
#navbar li.highlight ul.sub { display:block; left: auto; z-index:200; }

.sectionWhat #navbar li.what-we-do ul.sub, 
.sectionChildren #navbar li.children-we-support ul.sub, 
.sectionHelp #navbar li.how-you-can-help ul.sub { display:block; }

#navbar li.what-we-do ul.sub { left:300px; width:500px; text-align:left  }
#navbar li.children-we-support ul.sub { left:300px;  width:500px;  text-align:left }
#navbar li.how-you-can-help ul.sub { right:0; width:400px; }

/* Header Section
-------------------------------------*/
#header { min-height: 97px; height: auto; }
* html #header { height: 97px; }

#utility { width:529px; float:right; display:inline; text-align:right; }
#utility, #utility a { color:#808080; }
#utility .links { text-align:right; clear:both; line-height:30px; margin-right:5px; }
#utility .links a { padding:0 5px; text-decoration:none }
#utility .links a:hover { color:#AA4B9B }

/* Search Form */
ul.buttons, ul.buttons li { margin:0; padding:0; list-style-type:none; background:none }

#donate { border-right:1px solid #fff; float:left; display:inline; }
#search { height:52px; background:#ccc url(../images/icons/search.gif) bottom left no-repeat; width:272px; float:right; display:inline; }
#search form { margin:0; padding:10px 0 0 20px; }
#formSearch label { margin-bottom:5px; }
#formSearch .text-button { font-size:1.7em; font-weight:bold; color:#AA4B9B; }
#formSearch input.text { width:150px; }

#banner { width:100%; }

#photo, #textbox { float:left; display:inline; }
#photo { width:596px; background-color:#eee;   }
#textbox { width:272px; float:right;  }

#logo { width:130px; float:left; display:inline; margin-left:4px; margin-top:40px; }



/* Main Content Columns
-------------------------------------*/
#content { width:100%; padding-bottom:30px; background-color:#F2F2F2 }
#content, #main, #sidebar { float:left; display:inline; }
#main { width:596px; }

#main .wrapper { padding:10px 32px 0px; }
#sidebar { width:272px; float:right }

#sidebar { min-height: 440px; height: auto; }
* html #sidebar { height: 440px; }



/* Right Sidebar Section 
-------------------------------------*/
#sidebar h2, #main h1 { font-size:1.6em; line-height:22px; font-weight:normal; background-color:#ccc; padding:7px 0 7px 45px; color:#AA4B9B; margin:0 0 1px; background-position:center left; background-repeat:no-repeat; background-image:url(../images/icons/hand.gif) }
#sidebar h2 a, #main h1 a { color:#AA4B9B; text-decoration:none }
#sidebar h2 a:hover, #main h1 a:hover { text-decoration:underline }

#sidebar h2.Arrow, #main h1.Arrow { background-image:url(../images/icons/arrow.gif) }
#sidebar h2.Hand, #main h1.Hand { background-image:url(../images/icons/hand.gif) }
#sidebar h2.House, #main h1.House { background-image:url(../images/icons/house.gif) }
#sidebar h2.Mailinglist, #main h1.Mailinglist { background-image:url(../images/icons/mailinglist.gif) }
#sidebar h2.Reward, #main h1.Reward { background-image:url(../images/icons/reward.gif); padding-left:55px; }
#sidebar h2.Search, #main h1.Search { background-image:url(../images/icons/search.gif) }
#sidebar h2.Smiley, #main h1.Smiley { background-image:url(../images/icons/smiley.gif) }
#sidebar h2.Sun, #main h1.Sun { background-image:url(../images/icons/sun.gif) }

#main h1 { margin-bottom:25px; background-image:url(../images/icons/arrow.gif) }

/* Each right sidebar section has a border, background, spacing etc. */
.section { clear:both; } 
#sidebar .section .photo {border-bottom: 1px solid #fff; }
#sidebar .section a { color:#AA4B9B; text-decoration:none }
#sidebar .section a:hover { text-decoration:underline }
#sidebar .section h3 { font-size:1em; font-weight:bold; }
.section .wrapper { padding: 15px 20px; }

ul.thumbs, ul.thumbs li { margin:0; padding:0; list-style-type:none }
ul.thumbs { margin:15px 20px; }
ul.thumbs li { padding-bottom:15px; clear:both; }
ul.thumbs li h3 { color:#AA4B9B; margin-bottom:10px; font-size:1.3em;}
ul.thumbs img { margin:0 10px 15px 0; width:75px; float:left; display:inline; }
/*ul.thumbs li div { float:right; display:inline; width:147px; }*/


/* Footer
-------------------------------------*/
#footer { clear:both; text-align:center; padding:15px 0; }
#footer, #footer a { color:#808080; text-decoration:none }
#footer a:hover { text-decoration:underline }


/*---------------------------------------
	Specific Elements
---------------------------------------*/
table.grant { border:0; width:420px; }
table.grant th, table.grant td { border:0; padding:6px 0 6px 10px; }
table.grant th, table.grant tr.total td { background-color:#7a7a7a; text-transform:uppercase; color:#fff; border-bottom:4px solid #f2f2f2; border-top:4px solid #f2f2f2; font-weight:bold; }
table.grant th.col1 { width:60%; }
table.grant tr.alt td { background-color:#ccc }

#search-results { margin-top:15px; }

/* Fundraising Event Listing*/
#event-listing h2 { font-size:1.3em; line-height:40px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin-bottom:15px;  }
#event-listing h2 a { float:right; font-size:0.66em; font-weight:normal;  }
#event-listing .item { clear:both; margin-bottom:10px; }
#event-listing .text { width:310px; float:right; display:inline; }
#event-listing .photo { width:199px; float:left; display:inline; }

/*
form.catmenu { margin:30px 0; }
form.catmenu select { font-size:1.1em; width:150px; margin-left:20px; }
*/

/*ul.listing-stories, ul.listing-stories li { margin:0; padding:0; list-style-type:none; }
ul.listing-stories { margin-bottom:2px; float:left; display:inline; width:100%; }
ul.listing-stories li { padding-bottom:5px; background:none; clear:both; border-top:1px solid #ebebeb; padding-top:5px; margin-bottom:12px;  }
ul.listing-stories h3 { margin-bottom:0; }
ul.listing-stories li.first { border-top:0; }
ul.listing-stories li.img-available .wrapper { width:270px; float:left; display:inline;  }
ul.listing-stories li .photo { margin:0 13px 5px 0; float:left; display:inline }*/



table.listing-events { border-collapse:collapse; color:#666; }
table.listing-events th { color:#333; font-weight:bold; border-top:1px solid #DFDFDF; border-bottom:1px solid #CCCCCC; font-size:1.2em; }
table.listing-events th, table.listing-events td { padding:5px 5px 5px 10px }
table.listing-events td { background-color:#EFEFEF; border-bottom:1px solid #DFDFDF; }
table.listing-events tr.even td { background-color:#fff; }


.gallery-album div.thumbnail { float:left; display:inline; width:49%; padding-bottom:15px; }

/*---------------------------------------
	Common Classes
---------------------------------------*/

img.main { float:right; margin:0 0 15px 15px; }

.date, .meta { color:#666; }

p.pagination { clear:both; margin: 10px 0 20px; font-size:1.2em; text-align:center; line-height:30px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
p.pagination a { color:#689700; text-decoration:underline }
p.pagination a:hover { text-decoration:none }
p.pagination a, p.pagination strong { margin:0 5px;}

p.return { clear:both; margin: 10px 0 20px; line-height:30px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
p.return a { color:#AA4B9B; padding-left:15px; }

.summary { padding-bottom:7px; background:none; clear:both; padding-top:5px; margin-bottom:10px;  }
.summary .photo {  margin:0 5px 5px; float:right; display:inline }
.summary h3 { margin:0 0 2px;  }
.summary p { margin:0 10px 5px 0; }
.first { border-top:0; padding-top:0; }

.more { clear:both; text-align:right; margin-right:14px;    }
.more a { background-image:url(../images/home/blue_arrow.gif); background-position:center right; background-repeat:no-repeat;  padding-right:11px; }

ul.long, ul.long li { list-style-type:none; margin:0; padding:0; }
ul.long li { width:50%; float:left; display:inline; }


/*---------------------------------------
	Forms
---------------------------------------*/

form td, form th { padding:3px 0; }
form th { color:#AA4B9B; width:140px; }
form label { color:#AA4B9B; font-weight:bold; }

#main form { margin-left:20px; }

form th label { margin-top:5px; display:block; }
form input.text { width:200px; border:0; }
form input.short { width:100px; border:0; } 
form input.wide { width:380px; border:0; }
form textarea { width:500px; border:0; }
form .text-button { color:#AA4B9B; font-size:1.9em; }

input.text, textarea { border:1px solid #fff; padding:4px 2px; }
input.text:focus, textarea:focus { border:1px solid #666; }
.text-button, #submitform { background:none; border:0; color:#AA4B9B; font-size:1.6em; cursor:pointer }




/*Donations */
#formDonate { position:relative; }
#formDonate button { position:relative; left:160px; bottom:0px; }
#formDonate p { margin:0 0 10px; }
#formDonate #specified { margin-left:25px; }
#formDonate input { margin-right:5px; }
#formDonate label { padding-bottom:2px; }
#formDonate #part1 { width:400px; margin-bottom:15px; }
#formDonate #part1 label { width:160px; float:left; clear:left; padding-top:3px;}
#formDonate #part1 input { width:200px; }
#formDonate #address1, #formDonate #address2 { margin-bottom:10px; }
#formDonate #submitform { float:right; border-width:0; background:none; cursor: pointer; color:#AA4B9B }

#formDonate .options { margin-bottom:15px; }

em.error { font-weight:bold; color:#fff; font-style:normal; background-color:#00ADA8; padding:2px; }
label em.error { margin-left:5px;  }
label em { font-weight:normal; font-style:normal; color:#333; font-size:0.9em  }


#formDonateHour #submitform { float:right }

/*---------------------------------------
	Homepage
---------------------------------------*/
.sectionHomepage #main h1 { margin-bottom:0; }

.sectionHomepage #content { background-image:url(../images/template/homepage_content_bg.gif); padding-bottom:10px; }
.sectionHomepage #column1, .sectionHomepage #column2 { float:left; display:inline; width:363px; }
.sectionHomepage #column1 { width:363px; margin-right:1px }
.sectionHomepage #column2 { width:232px; }

.sectionHomepage #column1 .photos { width:90px; float:left; display:inline; }
.sectionHomepage #column1 .photos ul, .sectionHomepage #column1 .photos li { list-style-type:none; margin:0; padding:0; }
.sectionHomepage #column1 .photos ul { margin-bottom:25px; }
.sectionHomepage #column1 .photos li { margin-bottom:10px; }

.sectionHomepage #column1 .wrapper, .sectionHomepage #column2 .wrapper { padding:16px 12px; }

.sectionHomepage #column1 ul, .sectionHomepage #column1 li, .sectionHomepage #column2 ul, .sectionHomepage #column2 li { margin:0; padding:0; list-style-type:none }
.sectionHomepage #column1 li, .sectionHomepage #column2 li { margin-bottom:4px; font-size:1.1em; }
.sectionHomepage #column1 li a, .sectionHomepage #column2 li a  { font-weight:bold; color:#AA4B9B; text-decoration:none }
.sectionHomepage #column1 li a:hover, .sectionHomepage #column2 li a:hover  { text-decoration:underline }

#subscribe { margin-top:25px; background:#ccc url(../images/icons/mailinglist.gif) top left no-repeat; }
#subscribe form { padding:10px 5px 15px 40px }
#main #subscribe form { margin:0; }
#subscribe form h3 { margin:0 0 10px; color:#666; font-size:1.3em }
#formSubscribe input.text { width:180px; }
#formSubscribe input.text-button { color:#666; font-size:1.5em; font-weight:bold; }


/*---------------------------------------
	Specific Pages
---------------------------------------*/
.sectionDonate #sidebar .section .wrapper { background-color:#ccc }


/*---------------------------------------
	Hacks
---------------------------------------*/
.clear { clear:both; height:0; }

/* Correcting the center aligned background bug in Firefox and Safari which effect large background images */
html { margin-left: -1px; overflow-Y: scroll; }
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	head~body *{ margin-left: -1px;}
}