/* Project: givingisgood.com Spring 2008
*  Copyright 2008 All Rights Reserved.
*  Structure of this document:
* 1) GLOBAL 2) LAYOUT 3) STYLES 4) NAVIGATION 5) ACCESSIBILITY
*/

/* GLOBAL ***************************************************/

/*Initialize the browser's CSS*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{margin:0; padding:0;}

table
{border-collapse:collapse; border-spacing:0;}

fieldset, img
{border:0;}

address, caption, cite, code, dfn, em, strong, th, var
{font-style:normal; font-weight:normal;}

ol, ul
{list-style:none;}

caption, th
{text-align:left;}

h1, h2, h3, h4, h5, h6
{font-size:100%; font-weight:normal;}

abbr, acronym
{border:0;}
/*End Initizlization*/

p {margin:4px 0;}

body, div, p, select, input, textarea
{font-family:Arial, Tahoma, _serif; color:#333; font-size:12px; line-height:14px;}

.bold {font-weight:bold;}
.italic {font-style:italic;}




/* LAYOUT SPECIIFC ******************************************/

body
{background:#797979 url('images/bak-x.gif') repeat-x;}

/*Define Page*/
div#bak-wrapper
{position:relative; margin:0px auto 0 auto; width:852px; background:#fff url('images/bak-y.gif') repeat-y;}

div#page-wrapper
{position:relative; margin:0px auto 0 auto; width:800px; padding:0px 27px; background:transparent url('images/bak-page.jpg') no-repeat; }

div#wrapping_box
{border:1px solid #CCC; float:left;}

div#header
{position:absolute;height:229px; width:800px; position:relative;
background:#000 url('images/home-header.jpg') no-repeat; /*Default BG image*/
}
div#header-promo
{float:right; width:146px; margin:70px 23px 0 0;}
* html body div#header-promo
{float:right; width:146px; margin:70px 10px 0 0;}

div#page-wrapper div.home
{background:#000 url('images/home-header.jpg') no-repeat;}
div#page-wrapper div.why_give
{background:#000 url('images/why-give-header.jpg') no-repeat;}
div#page-wrapper div.charities
{background:#000 url('images/charities-header.jpg') no-repeat;}
div#page-wrapper div.charity_category
{background:#000 url('images/charities-header.jpg') no-repeat;}
div#page-wrapper div.about_us
{background:#000 url('images/about-us-header.jpg') no-repeat;}
div#page-wrapper div.give_now
{background:#000 url('images/give-now-header.jpg') no-repeat;}

#logo_fla {float:left;}
h1#logo {text-indent:-9999px; padding:20px 0 0px 17px; font-size: 1px; line-height: 1px; float:left; z-index:2;
		position: absolute; top: 5px }
		
h1#logo a {display:block; width:198px; height:58px; overflow:hidden }

div#toplinks
{position: absolute; top:19px;  right:52px; width:150px; text-align:right;}

div.topnav_search
{/*height:37px;line-height:37px;float:right; padding-right:21px;*/
  top: 5px;
  *top: 2px; 
  position: absolute;
  right: 40px;
  width: 310px;
}

table.padedTable td
{padding:4px;}

/* Start Top Navigation */
div#topnav-wrapper
{position:relative; float:left; padding:0 0 0 16px; height:37px;width:800px;}
* html body div#topnav-wrapper
{padding:0 0px 0 20px;}

div#topnav-wrapper ul.lines_right
{width:402px; float:left;}
div#topnav-wrapper ul li
{float:left;}
div#topnav-wrapper ul li a {display:block; height:37px; text-indent:-9999px; overflow:hidden;}
div#topnav-wrapper ul li.charities a {background:transparent url('images/topnav-charities.gif') no-repeat; width:83px;}
div#topnav-wrapper ul li.why-give a {background:transparent url('images/topnav-why-give.gif') no-repeat; width:106px;}
div#topnav-wrapper ul li.about-us a {background:transparent url('images/topnav-about-us.gif') no-repeat; width:108px;}
div#topnav-wrapper ul li.give-now a {background:transparent url('images/topnav-give-now.gif') no-repeat; width:105px;}
/* End Top Navigation */


/* Start Main conents */
div#main-contents
{width:754px; margin:0px auto; padding-top:23px; padding-bottom:20px;}


/*Start Homepage Specific Styles */
div.main-body
{float:left;}
div#home-body-left
{width:266px; padding-right:22px;}
div#home-body-middle
{width:246px; padding-right:24px;}
div#home-body-right
{width:195px; }

div#secondary-body-right
{width:465px;padding-right:22px}

p#promo-jpg
{width:246px; height:146px; overflow:hidden;}

div.clear
{clear:both;}

ul.hot_topics li
{list-style:none;margin-left:3px;}

ul.hot_topics li a:link,
ul.hot_topics li a:visited {
  color:#678499;
  text-decoration: none;
}

ul.hot_topics li a:hover {
  text-decoration: underline;
  color:#235a80;
}


/*start footer*/
#footer {  
  position:absolute;
  background:transparent url('images/bak-footer.gif') no-repeat; 
  width:854px; 
  height:80px; 
  padding-top:11px; 
  text-align:center; 
  left:0;
}

#footer a {
  color: #ffffff;
}


/*End footer*/


/* STYLES SPECIFIC ******************************************/
h1
{font-size:16px; color:#000; line-height:120%; font-weight:bold; font-family:Trebuchet MS, Tahoma, Arial;}
h2
{font-size:14px; color:#999; font-weight:bold; font-family:Trebuchet MS, Tahoma, Arial;}
h3
{font-size:12px; color:#333; line-height:100%; font-weight:normal; font-family:Trebuchet MS, Tahoma, Arial;}
h4
{font-size:11px; color:#c32231; line-height:100%; font-weight:bold; font-family:Trebuchet MS, Tahoma, Arial;}

div.topnav_search
{font-family:Trebuchet MS, Tahoma, Arial; font-weight:bold; font-size:14px; color:#000;}
div.gray-box
{border:1px solid #ccc;}
div#home-body-right div.gray-box
{margin-top:4px;}

div.pad15
{padding:15px;}
div.ln140
{line-height:140%;}

ul.lines_right
{list-style:none; float:right;}
ul.lines_right li
{float:right;}

.float_left {float:left}
.float_right {float:right}

.lineHt15 {line-height:15px;}
.lineHt17 {line-height:17px;}

.green-bg {background-color:#c4da5f;width:196px;}
.gray-bg {background-color:#ebebeb;padding:3px 0 5px 10px; width:186px; color:#000;}

#main-contents p 
{line-height:120%;}
#main-contents p.footnote
{font-size:11px; line-height:140%;}

img.spacer12
{padding:3px 12px 0 0}


/*FORM ELEMENTS*/
.topnav_search form {position:relative;}
input.search_box
{border:1px solid #ccc; width:167px; height:18px; margin:0 5px 0 3px; /*vertical-align:3px;*/}
* html body input#search_box
{vertical-align:0px;margin-top:5px;}
*+html body input#search_box
{vertical-align:0px;margin-top:5px;}

.search_submit
{/*vertical-align:-14px;*/position:absolute;right:0;top:-2px;}
* html body input.search_submit
{vertical-align:-9px;}
*+html body input.search_submit
{vertical-align:-9px;}


/*DIV WIDTH*/
.w155 {width:155px;}
.w200 {width:200px;}
.w250 {width:250px;}


/*FONTS*/
span {font-family:Trebuchet MS, Tahoma, Arial;}
.heading-green {color:#c4da5f; font-size:21px;}
.c4da5f {color:#c4da5f;}
.a0b7c7 {color:#a0b7c7;}
.b1b700 {color:#b1b700; font-size:13px;}
.gray-num {color:#999; font-weight:bold; margin-right:7px;}
.black {color:#000;}

/* NAVIGATION SPECIFIC **************************************/
a:link, a:active
{color:#555; text-decoration:underline; font-weight:normal;}
a:hover
{color:#346d95;}
a:visited
{color:#999}

a.black:link, a.black:visited, a.black:active
{color:#000; text-decoration:none; font-weight:bold}
a.black:hover
{color:#346d95; text-decoration:underline;}

a.toplinks, a.toplinks:visited
{color:#fff;text-decoration:none;}
a.toplinks:hover
{text-decoration:underline;}

a.underline:link, a.underline:visited, a.underline:hover, a.underline:active
{text-decoration:underline}

a.blue:link, a.blue:visited 
{color:#a0b7c7;}
a.blue:hover
{color:#346d95;text-decoration:underline;}

a.blue_cat:link, a.blue_cat:visited 
{color:#678499; text-decoration:none; line-height:180%; padding-left:16px; font-size:13px;}/*Alternate #8da4b5*/
a.blue_cat:hover
{color:#235a80;text-decoration:underline;} /*Alternate #346d95*/

a.gray:link, a.gray:visited 
{color:#666;}
a.gray:hover
{text-decoration:underline;}


/* ACCESSIBILITY SPECIFIC ***********************************/

/* accessibility divs are hidden by default text, screenreaders and such will show these */

.accessibility, hr 
{position: absolute;top: -999em;left: -999em;}

/* definition tags are also hidden these are also used for menu links ************************************/
dfn 
{position: absolute;left: -1000px;top: -1000px; width: 0;height: 0;overflow: hidden;display:inline;}

/* end accessibility */
h2.heading-feed-the-children {color: #000; font-size: 16px; padding: 6px 0 2px 0 }