@charset 'UTF-8';

/* ----------------------------------------------------------------------------
Project:		CarDonationGuide.com
Version:		1.0.1
Last Change:	12.11.08
Author:			Brian Rhinehart
Primary Use:	Screen Dispaly
---------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- */
/* ------------------------------>>> RESET <<<------------------------------ */
/* ------------------------------------------------------------------------- */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {
margin:0;
padding:0
}

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {
font-size:100%;
font-weight:normal
}

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

ul,ol {
list-style:none
}

abbr,acronym {
border:0
}

fieldset,img {
border:0
}

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

caption,th {
text-align:left
}

/* ------------------------------------------------------------------------- */
/* -------------------------->>> GLOBAL CLASSES <<<--------------------------*/
/* ------------------------------------------------------------------------- */
.fltrt {
float:right;
margin-left:8px
}

.fltlft {
float:left;
margin-right:8px
}

.clearfloat {
clear:both;
font-size:1px;
height:0;
line-height:0
}

/* ------------------------------------------------------------------------- */
/* ---------------------------->>> WRAPPERS <<<----------------------------- */
/* ------------------------------------------------------------------------- */
#container {
margin:0 auto;
padding:0;
width:960px;
border:1px solid #aaa;
}

#header {
background:url(images/site/bgHeader.png) repeat-x;
border-left:5px solid #fff;
border-right:5px solid #fff;
border-top:5px solid #fff;
height:100px;
margin:0;
padding:10px 0 10px 20px
}

#midsection {
background:#fff url(images/site/midfade.png) repeat-x 0 0;
float:left;
margin:0;
padding:0
}

#midsection-contents {
border-left:5px solid #fff;
border-right:5px solid #fff;
float:left;
}

#content {
float:left;
margin:50px 40px 0;
min-height:580px;
padding:0;
text-align:left;
width:625px
}

#leftsidebar {
float:left;
margin:5px 10px 40px 0;
overflow:hidden;
padding:0;
width:235px
}

#rightsidebar600 {
display:none
}

/* ------------------------------------------------------------------------- */
/* ------------------------------>>> LAYOUT <<<----------------------------- */
/* ------------------------------------------------------------------------- */
body {
background:#ddd;
}

/* ---------------------------> Head and Main Nav <------------------------- */

.logo {
background:url(images/site/bgLogo.png) no-repeat 240px 0;
float:left;
height:86px;
margin:10px 0 0;
width:400px
}

#topnav {
background:#000 url(images/site/bgNav.png) repeat-x 0 0;
border-left:5px solid #fff;
border-right:5px solid #fff;
clear:both;
height:36px;
padding:0
}

/* -----------------------------> Body Content <---------------------------- */
.aboutbox {}

.charitylist {}

.charitylistcal {}

.contentbox {}

.featurecharities, .featurecharitieslinks  {
float:left;
margin:0;
padding:0
}

.featurecharities a, .featurecharitieslinks ul li {
float:left
}

.featurecharities a {
background:#222;
border:1px solid #d8d8d8;
height:110px;
margin:3px 20px 2px 0;
padding:5px;
width:170px
}

.featurecharitieslinks ul li {
font-size:11px;
margin:0 20px 10px 0;
padding:0;
width:180px
}

.leftbox, .rightbox {
width:49%
}

.leftbox {
float:left
}

.rightbox {
float:right
}

.leftsideinfo {
line-height:
margin:0;
min-height:160px;
padding:0 0 10px 20px
}

.leftsideinfo ul li img {
vertical-align:top
}

.listingrowHome {
clear:both;
padding:20px 0
}

.listingrow {
border-top:1px solid #f4f7f9;
height:120px;
margin:15px 0 0;
padding:0;
width:520px
}

.listingrow180bottom {
border-top:1px solid #f4f7f9;
height:180px;
margin:15px 0 0;
padding:0;
width:520px
}

.listingrow250 {
border-top:1px solid #f4f7f9;
height:220px;
margin:15px 0 0;
padding:0;
width:520px
}

.screen {
height:300px;
margin:20px auto 40px;
width:520px
}

.screen img {
background:#e8e8e8 url(images/site/bgScreen.png) no-repeat 0 0;
border:1px solid #d8d8d8;
padding:10px
}

.screenmain {
margin:0;
padding:0
}

.sidead {
margin:0;
padding:0
}

.sidead3 {
margin:30px 0 20px 40px
}

.sidead200x90 {
display:none;
margin:0 0 0 35px;
height:120px
}

.sidead200x200 {
margin:0 20px 20px 20px;
}

/* --------------------------------> Footer <------------------------------- */
#footer {
background:#2f3f5e url(images/site/bgFooter.png) repeat-x 0 0;
border-bottom:1px solid #2b1d15;
border-left:1px solid #2b1d15;
border-right:1px solid #2b1d15;
clear:both;
color:#b69b95;
height:80px;
margin:0 0 20px 0;
padding:0
}

#footer p {
color:#eee;
margin:0;
padding:15px 20px 20px;
text-align:right
}

#footer a {
color:#ccc;
float:left;
margin:0;
padding:0 5px 0 20px
}

/* ------------------------------------------------------------------------- */
/* ---------------------------->>> NAVIGATION <<<--------------------------- */
/* ------------------------------------------------------------------------- */
a {
color:#001966;
text-decoration:none
}

a:hover {
color:#000;
text-decoration:underline
}

/* ------------------------------> Main Nav <------------------------------- */
#topnav ul {
margin:0 auto;
overflow:hidden;
width:720px
}

#topnav li {
background:url(images/site/navTab.png) no-repeat 0 0;
color:#fff;
display:block;
float:left;
height:32px;
list-style:none;
margin:4px 0 0;
width:180px
}

#topnav li a, #topnav li.current, #topnave li.current a {
display:block;
font-size:13px;
height:32px;
line-height:32px;
padding:0;
text-align:center
}

#topnav li a {
color:#fff
}

#topnav li a:hover {
text-decoration:none
}

#topnav li a:hover, #topnav li.current, #topnav li.current a  {
background:url(images/site/navTab.png) no-repeat 0 100%;
color:#2a2a2a
}

/* --------------------------------> Sub Nav <------------------------------ */
#subnavlinks {
border-bottom:2px solid #50648c;
float:left;
margin:10px 0;
width:100%
}

#subnavlinks li {
display:inline;
list-style:none
}

#subnavlinks a, #subnavlinks li.current {
float:left;
margin:0 20px;
padding:3px 0;
text-align:center;
width:100px
}

#subnavlinks a:hover, #subnavlinks li.current {
background:#50648c;
color:#fff
}

#subnavlinks a:hover {
text-decoration:none
}


/* -------------------------------> Misc Nav <------------------------------ */
.charitysearch {
float:right;
text-indent:12px
}

.charitysearch a {
background:url(images/site/button.png) no-repeat 0 0;
color:#fff;
display:block;
font-size:11px;
font-weight:700;
height:36px;
line-height:36px;
margin:13px 10px 10px;
padding:0;
width:145px
}

.charitysearch a:hover {
background:url(images/site/button.png) no-repeat 0 100%;
color:#2a2a2a;
text-decoration:none
}

.leftsideinfo ul li a {
}

.screenmain h5 a {
color:#75705c
}

.screenmain h4 a {
color:#385072;
float:right;
margin:6px 0 0;
padding:3px;
width:100px
}

#sitemap a {
display:block
}

/* -----------------------------> Breadcrumbs <----------------------------- */
#breadcrumb {
color:#353B4C;
height:16px;
margin:0 auto;
padding:6px 0 6px;
text-align:right;
width:960px
}

#breadcrumb a {
color:#6B7699;
text-decoration:none
}

/* ------------------------------------------------------------------------- */
/* ---------------------------->>> TYPOGRAPHY <<<--------------------------- */
/* ------------------------------------------------------------------------- */
body {
color:#211e19;
font:12px/15px Arial, Verdana, Geneva, Helvetica, sans-serif
}

p {
margin:0 0 18px
}

strong,b {
font-weight:700
}

em,i {
font-style:italic
}

h1, h2, h3, h4 {
font-family:'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, Verdana, sans-serif
}

h1 {
color:#2a2a2a;
font-size:24px;
line-height:30px;
margin:0 0 8px
}

h2 {
color:#1a1a1a;
font-size:18px;
line-height:28px;
margin:0 0 10px
}

h3 {
color:#000;
font-size:16px;
line-height:26px
}

h4 {
color:#47505b;
font-size:14px;
line-height:22px
}

h5 {
color:#555;
font-weight:700;
line-height:20px
}

/* -------------------------------> Lists <--------------------------------- */
ul {
margin:0 0 18px;
padding:0 0 0 16px
}

ol {
margin:0 0 18px 5px;
padding:0 0 0 16px
}

ul li, ol li {
margin:0 0 3px;
padding:0
}

ul li {
list-style:disc
}

ol li {
list-style:decimal
}

ul ol li {
margin:0 0 3px 16px
}

ol ul li {
list-style:none
}

ul li ul li, ol li ol li {
margin:0 0 3px 32px
}

ol ol li {
margin:0 0 3px 48px
}

/* -------------------------------> Misc: <--------------------------------- */	
p.hometext {
margin:0
}

p.rightfloat {
color:#bbb;
margin:0 0 20px;
text-align:right
}

.big {
}

.feature {
color:#222
}

.grey {
color:#91b317
}

.small {
font-size:11px
}

/* ----------------------> Content Specific Styles <------------------------ */
.aboutbox h3 {
margin:0 0 14px;
padding:0
}

.aboutbox h5 {
border-bottom:1px solid #edf0f4
}

.charitylist h5 {
marign:0;
padding:5px 0;
text-align:right
}

#content h1 {
border-bottom:1px solid #dadada;
color:#2a2a2a;
margin:0 0 10px;
padding:0 10px 4px 0
}

#content h2 {
border-bottom:1px solid #edf0f4;
margin:25px 0 0;
padding:0 0 3px
}

#leftsidebar h1 {
color:#3c5078;
font-size:14px;
font-weight:500;
line-height:24px;
margin:0 0 0 30px;
}

#leftsidebar li {
list-style:none
}

#leftsidebar #program h1 {
color:#1E2233;	
font-size:15px;
font-weight:700;
line-height:24px;
margin:45px 0 10px 25px;
}

.leftsideinfo ul {
margin:0;
padding:0 0 0 5px
}

.leftbox p, .rightbox p {
margin:3px 0 5px
}

.logo h1 {
color:#f8f8f8;
font-size:11px;
font-weight:700;
letter-spacing:1.5px;
margin:0 0 0 8px;
padding:0
}

.screenmain h5 {
color:#787878;
margin:0;
padding:5px 30px 10px 25px
}

#subnavlinks h3 {
margin:30px 0 10px;
padding:10px 10px 0 20px
}

/* --------------------------> PHP Table Styles <--------------------------- */
#content table {
margin:20px 0 0;
padding:0
}

#content table tr {
margin:0;
padding:1px 2px
}

.result_row_1 {
background:#f4f7f9
}

/* ------------------------------> IE6 Hacks <------------------------------ */
/* Main Content Div */
* html #content {
width:585px
}

/* Featured Charities on Index Page */
* html .featurecharitieslinks ul li {
margin:0 5px 10px 0;
}

* html .featurecharities a {
margin:3px 10px 2px 0;
}

/* Charity Search Button */
* html .charitysearch a {
background:transparent;
cursor:pointer;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/site/button.png', sizingMethod='crop')
}

* html .charitysearch a:hover {
background:transparent;
color:#fff;
cursor:pointer;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/site/button.png', sizingMethod='crop')
}