/****************** base ******************/
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol{ margin-bottom: 18px; list-style: none outside; }

/* LAYOUT */
.clear { clear: both; }
img { behavior: url(/css/iepngfix.htc)}
img { border: 0;  }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }
#container { width: 980px; margin: 0 auto; position: relative; }
#main { width: 100%; position: relative; }
#content { padding: 18px 20px; position: relative; color: #333; }

/* GRID */
.column { float: left; }
.grid2columns, .grid3columns, .grid4columns { width: 100%; }
.grid2columns .column { width: 46%; }
.grid3columns .column {margin-left:50px; width:260px; }
.grid4columns .grid2columns .column { width: 45%; }
.grid4columns .column { width: 23%; margin-left: 3%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }
p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; }

#container:after, #content:after, .grid2columns:after, .grid4columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container, #content, .grid2columns, .grid3columns, .grid4columns { zoom: 1; }

/* TYPE */
body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background-color: #fff; color: #333; width: 800px; margin: 0 auto; position: relative;}


a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
abbr { border: 0; }
p { margin-bottom: 18px; }
h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
p.intro { font-weight: bold; }
#microdonors { font-style: italic; }
.info { text-align: right; }
a.info { white-space: nowrap; padding-right: 10px; background: url(images/rightarrow.gif) no-repeat 100% 50%; zoom: 1; }
.last { margin-bottom: 0; }

/****************** html ******************/
/*html { background-color:#f5f6f7; }*/
html { background-color:#000; }
body { background:transparent; width:984px; margin:0 auto; }
#container { width: 984px; padding-top:10px; background:url(images/content-top.gif) no-repeat 0 0; }
#content { padding:30px 52px 12px; background:url(images/content-background.gif) repeat-y; _margin-right:-52px;}
#main { width: 984px; padding-bottom:10px; background: url(images/Content-Bottom.gif) no-repeat 0 100%; }

.replaced { display: block; height: 10px; overflow: hidden; outline: none; text-indent: -9999px; width: 10px; }

/****************** body template ******************/
/* CONTENT */
#main #content p { color: #5c686a; }

/* INTRO */

#intro h1 { margin-bottom:4px; background: transparent url(images/FrameHeadline.jpg) no-repeat; width:700px; height:46px; }

#intro p { font-size:18px; color:#898989; }

/* TEMPLATE MAIN */
#tempbody #main #content { clear: both;  margin: 0 auto; }
#tempbody #main #intro { margin:0px 0px 0px; }

/* Content Rows */
#tempbody #main #fourwide.grid4columns { margin:10px 0 0 0; }
#tempbody #main #fourwide.grid4columns .column { margin-left: 26px; min-height: 250px; width: 196px; }
#tempbody #main #fourwide.grid4columns .column.last { border: none; padding-right: 0; }
#tempbody #main #fourwide.grid4columns .column h3 { font-size: 16px; font-weight: normal; line-height: 20px; }
#tempbody #main #fourwide.grid4columns .column p { margin: 10px 0 8px; }
#tempbody #main #fourwide img { position:relative; }
#tempbody #main #fourwide.grid4columns .column img.across { margin:-50px 0 10px 0; }
#tempbody #main #fourwide #g4image1 { margin-left:30px; margin-top:-52px;}
#tempbody #main #fourwide #g4image2 { margin-left: 28px; }
#tempbody #main #fourwide #g4image3 { margin-left: 28px; }
#tempbody #main #fourwide #g4image4 { margin-left: 28px; }
#g4image3 { margin-left: 2px; }


#tdempbody #main #twowide.grid2columns .column.first { width: 467px; }
#tdempbody #main #twowide.grid2columns .column.last { width: 435px; }
#tempbody #main .grid2columns .column h3 { font-size: 16px; font-weight: normal; line-height: 20px; }
#tempbody #main #twowide.grid2columns .column.last p { margin-top: 10px; }
#tempbody #main #twowide { width:auto; margin:57px 0 10px; }
#tdempbody #main #twowide.grid2columns .column.first img { margin-left: 30px; }
#tempbody #main #twowide.grid2columns .column.last p { margin-right: 20px; } 

#tempbody #main .grid3columns { margin-top: 18px; }
#tempbody #main  .grid3columns .column img { display: block; padding-top: 4px; margin-bottom: -4px; }
.grid3columns ul { font-size:0.9em; }
.sectionDivide h2 {border-bottom:2px solid #DDDDDD; font-size:18px; font-weight:normal; margin-bottom:18px; padding-bottom:5px; padding-top:18px;}
.sectionDivide { clear:both; margin-top: 18px;}

/* Site-wide footer */
#siteFooter {clear:both;	color:#888888; font-size:10px; margin:18px auto; padding-bottom:36px; text-align:left !important; width:984px;}

#siteFooter .sf-legal {border-top:1px solid #DDDDDD; clear:both; padding-top:9px; width:100%;}
#siteFooter .sf-legal p {float:left; 	margin-left:3px;}
.pipethis {display:block; float:right;}
.grid3columns .pipethis {display:block; float:left;}
.pipethis li {display:inline; float:right;}
.grid3columns .pipethis li {display:inline; float:left;}
.pipethis a {border-left:1px solid #D0D0D0; margin-left:1.5em; padding:0 0 0 1.5em;}
.pipethis a.first { border-left:0 none; margin-left:0; padding: 0 0 0 0; }
#PrivacyPolicy {font-weight: bold; font-size: 1.2em; margin: 18px; }

/* Navigational Bar */
#siteHeader{height:30px; margin:2px auto 0px auto; position:relative; width:984px; z-index:1000;}
#siteHeader #site-nav-ul {margin:0; padding:0;}
#siteHeader h3{display: none;}
#siteHeader #site-nav-ul li {display: inline;}
#siteHeader #site-nav-ul li a {background-image:url(images/nav-bar002a.gif); background-repeat:no-repeat; float: left; height:0; overflow:hidden; padding-top:30px;}

#site-nav-ul li a:hover {background-position:0 -30px;}
li#site-nav-one a{width: 120px; background-position: 0 0;}					/*** DONATE ***/
li#site-nav-one a:hover{width: 120px;	background-position: 0 -30px;}
li#site-nav-two a{width: 202px; background-position: -120px 0;}				/*** PROBLEM ***/
li#site-nav-two a:hover{width: 202px; background-position: -120px -30px;}
li#site-nav-three a{width: 201px; background-position: -322px 0;}				/*** SOLUTIONS ***/
li#site-nav-three a:hover{width: 201px; background-position: -322px -30px;}
li#site-nav-four a{width: 193px; background-position: -523px 0;}				/*** MAKE A DIFFERENCE ***/
li#site-nav-four a:hover{width: 193px; background-position: -523px -30px;}
li#site-nav-five a{width: 125px; background-position: -716px 0;}				/*** ABOUT US ***/
li#site-nav-five a:hover{width: 125px; background-position: -716px -30px;}
li#site-nav-six a{width: 143px; background-position: -841px 0;}				/*** CONTACT US  ***/
li#site-nav-six a:hover{width: 143px; background-position: -841px -30px;}

/* Page Header Information */
#pageHeader { position: relative; border-bottom: 1px solid #ddd; padding: 0 0 0px; overflow: hidden; width: 800px; margin: 0 auto; *height: 581px; }
#pageHeader { border: 0; }
#pageHeader h1 {display:inline; float:left; line-height:581px; margin:12px 0 10px 8px; padding:0;}
#pageHeader h1 a{ line-height: 581px; background-position: 0 0; background-repeat: no-repeat; color: #888; display: block; font-weight: normal; 
height: 581px; position: relative; outline: none; text-decoration: none; text-indent: -9999px; }
#pageHeader h1 a { background-image: url(images/HomePage.gif); width: 792px; }
#pageHeader a.donate {height: 25px; width: 104px; background: url(images/SmallButton.gif) no-repeat 0 0; margin: 72px 0 0 20px; display: block; float: right; position: relative; text-decoration: none; text-indent: -9999px; outline: 0; overflow: hidden;}
#pageHeader ul {display:inline; float:right; margin:0;}
#pageHeader ul li {display:inline;}
#pageHeader ul li a {color:#999999; float:left !important; margin-left:30px; margin-right:8px; margin-top:74px; padding:0;}