/* CSS Document */

body {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, Sans Serif;
	font-size: 12px;
	color: #333333;
	background-color: #1F54A5;
}

img {
	display: block;
}

.clr {
	clear: both;
}

#main {
	background-color: #1F54A5;
	background-image: url(../images/bg.gif);
}

#header {
	background-color: #1F54A5;
}





/* logo */
#top-header {
	margin: 0px;
	padding: 0px;
	position: absolute;
	width:310;
	height:85;
	z-index:5;
	right:59%;
	top: 3px;
}


#top-separator {
	background-color: #1F54A5;
	line-height: 22px;
	height: 20px;
}


#rotating-images {
	margin: 0px;
	padding: 0px;
	background-color: #1F54A5;
}

#main-body, #footer {
	width: 730px;
	margin: auto;
}

#top-menu div {
	text-align: left;
}

#main-body, footer {
	text-align: center;
	background-color: white;
}

#top {
	height: 0px;
	color: #d4e3f9;
	background-color: #1F54A5;
	padding: 5px;
	line-height: 16px;
	vertical-align: middle;
	text-align: left;
	border: none;
}

#bottom {
	height: 26px;
	line-height: 18px;
	border-top: #767676 1px solid;
	font-size: 10px;
	color: #b0d8f1;
	background-color: #1e3170;
	vertical-align: middle;
}

/* left column code has been duplicated for each menu to set the height of column for each option*/
/******************************* L E F T    C O L U M N ***/

#left-column {
	font-family: Arial, Helvetica, Sans Serif;
	padding: 0px;
	
	height: auto !important;
	width: 190px;
	float: left;
	background-color:#D7DEE6;
}
#left-column div.moduletable table {
	width: 100%;
	margin: 0; padding: 0;
	border-top: #767676 solid 1px;
}

#left-column div.moduletable table td {
	font-size: 12px;
	border-bottom: #767676 solid 1px;
}

#left-column div.moduletable table td a {
	padding: 8px 15px 8px 15px;
	display:block;
	color: #1E1F53;
	font-weight: bold;
	text-decoration: none;
	padding-left: 5px;
	text-transform: uppercase;
	text-align: right;
}

#left-column div.moduletable table td a:hover, #active_menu {
	display: block;
	background-color: #A5B5C7;
	color: #1E1F53;
	text-decoration: none;
	text-transform: uppercase;
}

/***** LEFT COLUMN HOME *****/
.left-column-home {
	min-height: 830px;
}
/***** LEFT COLUMN WHY GIVE*****/
.left-column-why {
	min-height: 700px;
	height: 100%; !important
}
/***** LEFT COLUMN FAQ*****/
.left-column-faq {
	min-height: 1370px;
}
/***** LEFT COLUMN WAYS TO GIVE*****/
.left-column-ways {
	min-height: 900px;
}
/***** LEFT COLUMN MATCHING GIFT*****/
.left-column-matching {
	min-height: 200px;
}
/***** LEFT COLUMN MAKING GIFT NI SOMEBODY HONOR*****/
.left-column-honor {
	height: 100%;
}
/***** LEFT COLUMN CONTACT US*****/
.left-column-contact {
	height: 100%;
}
/***** LEFT COLUMN DONATION FORM*****/
.left-column-donationform {
	min-height: 1950px;
}



#content {
	width: 525px;
	float: left;
	font-size:130%;
	text-align: left;
}

#content-giftform {
	background-color:#FFFFFF;
	width: 530px;
	float: left;
	font-size:130%;
	text-align: left;
	padding-left: 10px;
	min-height:1950px;
	height:auto !important;
	height:1950px;
}

#right-column {
	padding: 0px;
	height: 100%;
	width: 160px;
	float: right;
}

#main-body, #content {
	height: 100%;
	border: none;
}

#main-body, #top {
	border: none;
}

#footer {
	display: none;
}

#top-menu {
	width: 730px;
	height: 0px;/*top space*/
	font-size: 14px;
	font-weight: bold;
	color: #d4e3f9;
	vertical-align: middle;
	text-align: left;
	line-height: 22px;
	background-color: #1F54A5;
	padding: 5px 5px 5px 15px;
}

#top-menu label {
	float: left;
}

#top-menu div.moduletable {
	margin: 0px;
	padding: 0px;
	width: auto;
	background-color: #930827;
	float: right;
	font-size: 14px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}

#top-menu div.moduletable ul {
	margin: 0px;
	padding: 0px;
	padding-right: 6px;
}

#top-menu div.moduletable li {
	margin: 0px;
	padding: 0px 14px;
	display: inline;
}

#top-menu div.moduletable li a {
	color: white;
	font-weight: bold;
	text-decoration: none;
}

div#af-title {
	height:0px;
	width: 200px;
	float: left;
	margin-left: 104px;
}

div#af-give {
	float: right;
	margin-right: 104px;
	width: 165px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}

div#af-give a {
	display:block;
	text-decoration: none;
	color: #FFF;
	background-color: #940825;
}

div#af-give a:hover {
	background-color: #767676;
	color: #940825;
}

.pathway {
	background-color: #1F54A5;
}





/*  LINKS*************************************/
a:link {text-decoration: underline; color: #336699;}
a:visited {text-decoration: underline; color: #336699;}
a:active {text-decoration: underline; color:#336699;}
a:hover {text-decoration: none; color: #336699;}






div.moduletable {
	padding: 0px;
	margin-top: -1px;
	margin-bottom: 26px;
	width: 100%;
}

div.moduletable h3 {
	font-size: 14px;
	font-weight: bold;
	color: white;
	background-color: #197BB8;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	border-bottom: #000033 1px solid;
	text-align: left;
}

div.moduletable table {
	padding: 0px 5px;
}


.imageButtonsMakeAGive{
border:none;
padding-left: 13px;
height:35px;
}



.moduletable-af-latest {
}

.moduletable-af-latest h3 {
	font-size: 16px;
	font-weight: bold;
	color: white;
	background-color: #197BB8;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	border-bottom: #000033 solid 1px;
	text-align: left;
}

ul.latestnews-af-latest {
	background-color: #B0D8F1;
	margin: 0;
	padding: 0;
	border-bottom: #767676 solid 1px;
}

li.latestnews-af-latest {
	list-style: none;
	margin: 0 5px 0 5px;
	text-align: left;
	padding: 5px;
}

li.latestnews-af-latest a {
	display:block;
	color: #767676;
	text-decoration: none;
	font-weight: bold;
}

table.contentpaneopen {
	width: 90%;
	border-collapse: collapse;
	margin: 5px 20px 0 20px;
	font-size: 80%;
}

.light {
	margin: 0px;
	padding: 5px 10px 5px 10px;
	font-size: 12.4px;
	font-family:Verdana,Arial,Helvetica,Sans Serif;
}


.lightblue {
	margin: 0px;
	padding: 5px 10px 5px 10px;
	font-size: 12.4px;
	font-family:Verdana,Arial,Helvetica,Sans Serif;
	background-color:#D8DEE5;
}

a.link_mail {
	color: #b0d8f1;
	text-decoration: underline;
}

a.link_mail:hover {
	color: #b0d8f1;
	text-decoration: none;
}

.light a {
	color: black;
	text-decoration: underline;
}

.light a:hover {
	color: black;
	text-decoration: none;
}

.lightblue a {
	color: black;
	text-decoration: underline;
}

.lightblue a:hover {
	color: black;
	text-decoration: none;
}

td.contentheading
{
	font-size: 20px;
	color: #1F54A5;
	padding-left: 0 !important;
	padding-left: 5px;
}




span.contentheading { /* SubHeadings */
	color:#1f54a5;
}

#donation-form h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
}

#donation-form  #LoginForm {
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}

#donation-form  hr {
	border: 1px dashed #999999;
}
#donation-form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#donation-form  h2 {
	font-size: 22px;
	font-weight: normal;
}

#areas_giving  li {
	list-style: none;
}

#donation-form form input.radio {
	width: 20px;
}

#donation-form label {
	text-align: right;
	width: 200px;
	padding-right: 20px;
}

#donation-form form br {
	clear: left;
}