﻿/**********************         GLOBAL           ******************************/
body {
height: 100%;
}

html {
height: auto;
}

body {
background:#4598BB url('../images/main/DNMainBkg.png') repeat-x left top;
color:#000;
font-size:11px;
line-height:14px;
font-family:arial, verdana;
margin:0;
padding:0;
}

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

/**********************            HEADER               ***********************/
#xHeaderbkg {
        background: url('../images/main/DNHeaderbkg.png') no-repeat 50% top;
        height: 39px;
}
#Header {
        height: 39px;
        width: 962px;
        margin: 0 auto;
        cursor: auto;
}
#HeaderLeft {
        float: left;
        height: 39px;
        width: 600px;
}
#HeaderRight {
        float: right;
        height: 39px;
}
#HeaderWords {
        margin: 4px 0 0 198px;
        color:white;
        font-size: 12px;
        font-weight: normal;
}

/**********************            SEARCH               ***********************/
#SearchBox {
        padding-top: 5px;
        width: 350px;
        height: 33px;
}
#SearchBox .SearchLeft {
        float: left;
        width: 8px;
        height: 30px;
}
#SearchBox .SearchWords {
        float: left;
        width: 342px;
        height: 30px;
        background: url('../images/main/DNSearchHeaderBkg.png') repeat-x;
}
#SearchBox .SearchWords input.search {
        float: left;
        width: 120px;
        font-size: 11px;
        border: 1px solid #ccc;
        height: auto;
        margin: 7px 3px 0px 2px;
}
#SearchBox .SearchWords select {
        float: left;
        width: 120px;
        border: 1px solid #CCC;
        font-size: 11px;
        margin: 7px 0px 0px 3px;
}
#SearchBox .SearchWords input.formTech {
        float: right;
        width: 84px;
        height: 30px;
}
#SearchBox a {
        color:#000;
        text-decoration:none;
}
#SearchBox a:hover {
        text-decoration:underline;
}

/**********************         SUBHEADER               ***********************/
#SubHeader {
background: url('../images/main/DNButtonSpacer.png') repeat-x left top;
margin-bottom: 20px;
height: 30px;
}
.SubHeaderContents {
position: relative;
width: 962px;
margin: 0 auto;
height: 30px;
}
.SubHeaderContentsText {
padding-left: 198px;
padding-top: 4px;
position: absolute;
/*
top: -11px;
left: 198px;
*/
font-weight: normal;
color: #ccc;
font-size: 11px;
}
.SubHeaderMenu {
height: 30px;
float: right;
}
.SubHeaderMenuEntry {
float: left;
padding: 0;
height: 23px;
}
.SubHeaderMenu .SubHeaderMenuEntry a {
display: block;
width: 100px;
height: 23px;
}
.SubHeaderMenu .SubHeaderMenuEntry a.active {
background-position: left bottom;
}
.SubHeaderMenu .SubHeaderMenuEntry a.active:hover {
background-position: left -23px;
}
.SubHeaderMenu .SubHeaderMenuEntry a:hover {
background-position: left -23px;
}
.SubHeaderMenu .SubHeaderMenuEntry a span {
display: none;
}
.SubHeaderMenu #my_account a {
background-image: url('../images/main/DNTopNavMyAccount.png');
width: 93px;
}
.SubHeaderMenu #mycharities a {
background-image: url('../images/main/DNTopNavMyCharities.png');
width: 117px;
}
.SubHeaderMenu #inthenews a {
background-image: url('../images/main/DNTopNavInTheNews.png');
width: 94px;
}


/**********************         MAIN TABLES/DIVs            *******************/
#dn {
position: relative;
min-height: 100%;
width: 100%;
z-index:2;
text-align:left;
cursor: default;
}

#dn .content {
text-align: left;
width: 962px;
height: auto;
padding-bottom: 20px;
margin:0 auto;
z-index:10;
}

#dn .content .left {
position: relative;
top: -80px;
width: 178px;
display: block;
}

#dn .content .right {
position: relative;
top: -20px;
width: 176px;
display: block;
}

#dn .content .middle {
margin:0px 14px;
/*background-color:#fff; */
width:576px;
}

/*******************************           MENU         ***********************/
.dn_menu .button {
background-color:#fff;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
width:176px;
}

.dn_menu .button .title {
padding:3px 10px;
font-weight:bold;
font-size:12px;
width:176px;
}

.dn_menu .menu_content {
font-size:11px;
background-color:#eee;
border-top:1px solid #bbb;
border-right:3px solid #888;
border-left:3px solid #888;
border-bottom: 1px solid #bbb;
margin:0px 0px 0px 7px;
padding:2px 10px;
}

.dn_menu .bottom {
background: url('../images/main/DNMainNavBottom.png') no-repeat left top;
width: 170px;
height: 7px;
padding: 3px 4px 4px 4px;
margin-bottom:12px;
}

/**************************        DONATED         ****************************/
#DonatedTop {
height: 30px;
background: url('../images/main/blueHeader.gif') no-repeat left top;
font-family:Georgia, "Trebuchet MS", Arial;
font-size:14px;
font-weight:bold;
color:white;
text-align:center;
padding:7px 0px 0px 0px;
}

#DonatedContent {
background: url('../images/main/DNLeftDonatedMiddle.png') repeat-y left top;
padding: 1px 10px;
font-size: 12px;
text-align:center;
font-family: Trebuchet MS, arial, verdana;
color: #000000;
}

#DonatedBottom {
height: 17px;
background: url('../images/main/DNLeftDonatedBottom.png') no-repeat left top;
}

/**************************          MIDDLE BOX      ***************************/

.MiddleBoxTop {
background: url('../images/main/DNBoxTopWhite.png' ) no-repeat left top !important;
width: 225px;
height:17px;
line-height:17px;
padding:0;
margin:0;
}

.MiddleBoxContent {
background: url('../images/main/DNBoxMiddleWhite.png') repeat-y left top !important;
width: 156px;
padding: 0 10px 3px 10px;
font-size: 11px;
}

.MiddleBoxBottom {
background: url('../images/main/DNBoxBottomWhite.png') no-repeat left bottom !important;
height:16px;
}

.MiddleBoxTitle {
font-size:14px;
text-decoration: underline;
font-weight: bold;
padding:0px 0px 6px 0px;
}

.MiddleBoxTopGreen {
background: url('../images/main/boxTopGreen.png' ) no-repeat left top !important;
width: 175px;
height:17px;
line-height:17px;
padding:0;
margin:0;
}

.MiddleBoxContentGreen {
	background: url('../images/main/boxMiddleGreen.png') repeat-y left top !important;
	width: 156px;
	padding: 0 10px 3px 10px;
	font-size: 11px;
	color: #000000;
}


.MiddleBoxBottomGreen {
background: url('../images/main/boxBottomGreen.png') no-repeat left bottom !important;
height:16px;
}

.MiddleBoxTitleGreen {
	font-size: 14px;
	text-decoration: underline;
	font-weight: bold;
	padding: 0px 0px 6px 0px;
	color: #FFFFFF;
}
/******************************************* Middle Box Large *******************/

.MiddleBoxTopLarge {
background: url('../images/main/DNBoxTopWhiteLarge.png' ) no-repeat left top !important;
width: 250px;
height:17px;
line-height:17px;
padding:0;
margin:0;
}

.MiddleBoxTitleLarge {
font-size:14px;
text-decoration: underline;
font-weight: bold;
padding:0px 0px 6px 0px;
}

.MiddleBoxContentLarge {
	background: url('../images/main/DNBoxMiddleWhiteLarge.png') repeat-y left top !important;
	width: 250px;
	padding: 0 10px 3px 10px;
	font-size: 11px;
	color: #FFFFFF;
}

.MiddleBoxContentLargeBlue {
background: url('../images/main/boxBlueBkgLarge.png') repeat-y left top !important;
width: 250px;
padding: 3px 10px 3px 10px ;
font-size: 11px;
}

.MiddleBoxContentLargeBlue a {
	font-size: 11px;
	color: #FFFFFF;
}


.MiddleBoxBottomLarge {
background: url('../images/main/DNBoxBottomWhiteLarge.png') no-repeat left bottom !important;
height:16px;
}

.MiddleBoxTopXXLarge {
background: url('../images/main/boxTopWhiteXXLarge.png' ) no-repeat left top !important;
width: 575px;
height:17px;
line-height:17px;
padding:0;
margin:0;
}

.MiddleBoxTitleXXLarge {
font-size:14px;
font-weight: bold;
padding:0px 0px 6px 0px;
font-family:Georgia, "Trebuchet MS", Arial;
}

.MiddleBoxContentXXLarge {
	background: url('../images/main/boxMiddleWhiteXXLarge.png') repeat-y left top !important;
	width: 575px;
	padding: 0 5px 0px 7px;
	font-size: 11px;
	color: #ffffff;
}
.MiddleBoxContentXXLargeCheckBkg {
	background: url('../images/main/boxMiddleCheckBkg.jpg') no-repeat left top !important;
	width: 560px;
	padding: 0 5px 0px 10px;
	font-size: 11px;
	color: #ffffff;
}

.MiddleBoxContentXXLargeBulbBkg {
	background: url('../images/main/boxMiddleBlubBkg.jpg') no-repeat left top !important;
	width: 560px;
	padding: 0 10px 3px 10px;
	font-size: 11px;
	color: #ffffff;
}

.MiddleBoxContentXXLarge a {
	font-size: 11px;
	color: #ffffff;
}


.MiddleBoxBottomXXLarge {
background: url('../images/main/boxBottomWhiteXXLarge2.png') no-repeat left bottom !important;
height:14px;
width: 575px;
}

/************************************** BLUE ********************************/

.MiddleBoxTopLargeBlueBkg {
background: url('../images/main/boxTopBlueLarge.png' ) no-repeat left top !important;
width: 250px;
height:17px;
line-height:17px;
padding:0;
margin:0;
}

.MiddleBoxTitleLargeBlueBkg {
font-size:14px;
text-decoration: underline;
font-weight: bold;
padding:0px 0px 6px 0px;
}

.MiddleBoxContentLargeBlueBkg {
	background: url('../images/main/boxMiddleBlueLarge.png') repeat-y left top !important;
	width: 250px;
	padding: 0 10px 3px 10px;
	font-size: 11px;
	color: #FFFFFF;
}

.MiddleBoxContentLargeBlueBkg a {
	font-size: 11px;
	color: #FFFFFF;
}


.MiddleBoxBottomLargeBlueBkg {
background: url('../images/main/boxBottomBlueLarge.png') no-repeat left bottom !important;
height:16px;
}

.MiddleBoxTopXXLargeBlueBkg {
background: url('../images/main/boxTopBlueXXLarge.png' ) no-repeat left top !important;
width: 575px;
height:17px;
line-height:17px;
padding:0;
margin:0;
}

.MiddleBoxTitleXXLargeBlueBkg {
font-size:14px;
text-decoration: underline;
font-weight: bold;
padding:0px 0px 6px 0px;
}

.MiddleBoxContentXXLargeBlueBkg {
	background: url('../images/main/boxMiddleBlueXXLarge.png') repeat-y left top !important;
	width: 575px;
	padding: 0 10px 3px 10px;
	font-size: 11px;
	color: #000000;
}
.MiddleBoxContentXXLargeGoldBkg {
	background: url('../images/main/boxMiddleXXLargeBkg.png') repeat-y left top !important;
	width: 575px;
	padding: 0 10px 3px 10px;
	font-size: 11px;
	color: #000000;
}

.MiddleBoxContentXXLargeBlueBkg a {
	font-size: 11px;
	color: #000000;
}


.MiddleBoxBottomXXLargeBlueBkg {
background: url('../images/main/boxBottomBlueXXLarge.png') no-repeat left bottom !important;
height:16px;
width: 575px;

}


/******************************************* Middle Box X-Large *******************/

.MiddleBoxTopXLarge {
background: url('../images/main/DNBoxTopWhiteXLarge.png' ) no-repeat left top !important;
width: 400px;
height:17px;
line-height:17px;
padding:0;
margin:0;
}

.MiddleBoxContentXLarge {
background: url('../images/main/DNBoxMiddleWhiteXLarge.png') repeat-y left top !important;
width: 400px;
padding: 0 10px 3px 10px;
font-size: 11px;
}

.MiddleBoxBottomXLarge {
background: url('../images/main/DNBoxBottomWhiteXLarge.png') no-repeat left bottom !important;
height:16px;
}

.MiddleBoxTitleXLarge {
font-size:14px;
text-decoration: underline;
font-weight: bold;
padding:0px 0px 6px 0px;
}


/**************************          RIGHT BOX      ***************************/

.RightBoxTopStart {
background: url('../images/main/DNBoxTopWhite.png') no-repeat left top !important;
width: 176px;
height:17px;
line-height:17px;
text-indent: -9999px;
padding:0;
margin:0;
}

.RightBoxTitleStart {
	font-size: 15px;
	text-decoration: underline;
	font-weight: bold;
	padding: 7px 10px 6px 0px;
	color: black;
	font-family:Georgia, "Trebuchet MS", Arial;
}

.RightBoxContentStart {
background: url('../images/main/DNBoxMiddleWhite.png') repeat-y left top !important;
width: 156px;
padding: 0px 15px 0px 6px;
font-size: 11px;
}

.RightBoxContentStartBkg {
	background: url('../images/main/rightStartBkg.jpg') no-repeat left top !important;
	width: 156px;
	padding: 0px 0px 0px 6px;
	font-size: 11px;
	color: #FFFFFF;
}

.RightBoxBottomStart {
background: url('../images/main/DNBoxBottomWhite.png') no-repeat left bottom !important;
height:14px;
}


.RightBoxContentWhiteText {
	background: url('../images/main/boxMiddleGreen.png') repeat-y left top !important;
	width: 156px;
	padding: 0px 13px 0px 8px;
	font-size: 11px;
	color: #ffffff;
}

.RightBoxContentBkg {
	background: url('../images/main/creditCardBkg.jpg') no-repeat left top !important;
	width: 156px;
	padding: 0px 13px 0px 8px;
	font-size: 11px;
	color: #000000;
}

.RightBoxBlueContent {
background: url('../images/main/BoxBlueBkg.png') repeat-y left top !important;
width: 156px;
padding: 3px 5px 3px 5px;
font-size: 11px;
}

.RightBoxContentGreenBkg {
	background: url('../images/main/rightStartBkg.png') repeat-y left top !important;
	width: 156px;
	padding: 0 10px 3px 10px;
	font-size: 11px;
	color: #ffffff;
}
.RightBoxTop {
background: url('../images/main/DNBoxTopWhite.png') no-repeat left top !important;
width: 176px;
height:17px;
line-height:17px;
padding:0;
margin:0;
}

.RightBoxContent {
background: url('../images/main/DNBoxMiddleWhite.png') repeat-y left top !important;
width: 156px;
padding: 0px 13px 0px 8px;
font-size: 11px;
}

.RightBoxBottom {
background: url('../images/main/DNBoxBottomWhite.png') no-repeat left bottom !important;
height:14px;
}

.RightBoxTitle {
	font-size: 12px;
	font-family:Georgia, "Trebuchet MS", Arial;
	font-weight: bold;
	text-align:center;
	padding: 0px 0px 3px 0px;
	color: #000000;
}

.LeftBoxTitle {
	font-size: 14px;
	text-decoration: underline;
	font-weight: bold;
	padding: 0px 0px 6px 0px;
	color: #000000
}


/**************************        FOOTER           ***************************/
#Footer {
clear: both;
position: relative;
height: 50px;
margin: auto auto auto auto;
min-width: 962px;
width: 100%;
text-align: center;
z-index: 3;
color: #ffffff;
text-align: center;
font-size: 10px;
}
#FooterContents {
        width: 962px;
        height: 23px;
        margin: 0 auto;
}
#FooterContents .left {
        float: left;
        width: 6px;
        height: 23px;
}
#FooterContents .right {
        float: right;
        width: 6px;
        height: 23px;
}
#FooterContents .middle {
        float: left;
        width: 950px;
        height: 23px;
        padding-top: 4px;
        background: url('../images/main/DNFooterBkg.png') repeat-x;
}
#FooterCopyright {
        margin: 0 auto;
        clear: both;
        text-align: right;
        width: 962px;
}
.Grey {
color:#eee;
}

/**************************          TABS           ***************************/
.tabs {
height:20px;
position:relative;
}
.tabs ul {
list-style:none;
margin:0;
padding:0;
}
.tabs li {
background:url('../images/main/bg_tab_right.png') no-repeat right top;
float:left;
font-weight:bold;
height:20px;
list-style:none;
margin:0 2px 0 0;
padding:0 5px 0 0;
}
.tabs li a {
background:url('../images/main/bg_tab_left.png') no-repeat left top;
color:#FFF;
display:block;
float:left;
margin:0;
padding:2px 5px 4px 10px;
}
.tabs li.currentTab {
background:url('../images/main/bg_tab_current_right.png') no-repeat right top;
}
.tabs li.currentTab a {
background:url('../images/main/bg_tab_current_left.png') no-repeat left top;
color:#333;
padding-bottom:5px;
}

/***************************************             OTHER              ********************/

.PagesRightBoxTitle {
font-size: 14px;
text-decoration: underline;
font-weight: bold;
padding: 0px 0px 6px 0px;
}

.PagesRightBoxTop {
background: url('../images/main/DNBoxTopWhite.png') no-repeat left top !important;
width: 176px;
height:17px;
line-height:17px;
text-indent: -9999px;
padding:0;
margin:0;
}

.PagesRightBoxBottom {
background: url('../images/main/DNBoxBottomWhite.png') no-repeat left bottom !important;
height:14px;
}

.PagesRightBoxContent {
background: url('../images/main/DNBoxMiddleWhite.png') repeat-y left top !important;
width: 156px;
padding: 0px 13px 0px 8px;
font-size: 11px;
}

.mainSearchBox {
	 background-image:url('../images/main/charitySearchBottom.gif');
	 font-family: Georgia, "Trebuchet MS", Arial;
	 font-weight:bold;
	 width:559px;
	 height:57px;
	 padding-left:17px;
	 padding-top:17px;
	 	 }
	 
.charitySearchHeader {
	 font-family: Georgia, "Trebuchet MS", Arial;
	 font-size:19px;
	 color:#FFFFFF;
	 font-weight:bold;
	 width:495px;
	 height:20px;
	  
}

.faqQHeader {
	font-family:Georgia, "Trebuchet MS", Arial;
	font-size:16px;
	color:maroon;
	font-weight:bold;
	background-color:#F4F7F5;
	height:20px;
	padding:0px 0px 0px 7px;
	border:1px teal solid;
	
	
}

.faqQAnswer {
	font-family:Georgia, "Trebuchet MS", Arial;
	font-size:12px;
	color:black;
	padding:0px 0px 0px 25px;
	
}


