/* INITIAL
*/

/* Neutralize styling:
   Elements we want to clean out entirely: */ html, body, form, fieldset {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

body {
	background: #f4f4e6;
}

/* Neutralize styling:
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, pre,
blockquote, ul, ol, dl, address {
        margin: 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */ li, dd, blockquote {
        margin-left: 3em;
        margin-bottom: 1em;
}

/* Miscellaneous conveniences: */
form label {
	display: block;
	float: left;
	width: 120px;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
}
img {
	border: 0px none;
}
a {
	text-decoration: underline;
	color: #FFFFFF;
}

/** begin custom **/

#container {
	background: url(../images/shadow.gif) repeat-y left;
	width: 752px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 8px;
	padding-right: 8px;
}

#header {
	background: url(../images/grass.jpg) no-repeat bottom;
	width: 752px;
	height: 265px;
}
#header #nav  {
	padding-top: 78px;
	height: 27px;
	overflow: hidden;
}
#header #nav a {
	display: block;
	float: left;
	width: 89px;
	height: 27px;
	line-height: 27px;
	background: url(../images/tab-off.gif) no-repeat;
	text-align: center;
	color: #266c96;
	font-size: 8pt;
	text-decoration: none;
}
#header #nav a.under {
	background: url(../images/tab-off-under.gif) no-repeat;
}
#header #nav a.on, #header #nav a:hover {
	background: url(../images/tab-on.gif) no-repeat;
	color: #ffffff;
}

#middleBar {
	background: url(../images/blue-bg.gif) repeat-x;
	height: 98px;
	width: 752px;
}
#middleBar #logo {
	float: left;
	height: 98px;
	padding-left: 20px;
}
#middleBar #roots {
	float: right;
	height: 98px;
}
#middleBar #slogan {
	color: #ffffff;
	height: 98px;
	float: left;
	width: 170px;
}
#middleBar #slogan #sloganContent {
	padding: 34px 0 0 20px;
}

#contentArea {
	background: #64aad5;
	min-height: 200px;
	width: 752px;
	text-align: left;
	color: #ffffff;
	font-size: 8pt;
	background: #64aad5 url(../images/button-shadow-bottom.gif) no-repeat 1px 300px;
}

h1, h2 {
	font-size: 9pt;
}

#news {
	width: 205px;
	float: left;
	margin-top: 0.5em;
	background: url(/custom/images/vertical-dots.gif) repeat-y right top;
	height: auto !important;
	min-height: 100px;
	height: 100px;
}
#news #newsContent {
	padding: 0.5em 5px 0 10px;
}
#news #content_news_preview {
	padding-top: 1em;
}
#news  .newsListingDate {
	margin-top: 0;
}
#news  .newsListingTitle {
	font-weight: normal;
	margin-bottom: 1em;
}
#news  .newsListingTitle a {
	font-weight: normal;
	text-decoration: none;
}
#news  .newsListingTitle a strong {
	font-weight: normal;
}
#news  .newsListingTitle a:hover {
	text-decoration: underline;
}
#news  .newsListingPreview {
	display: none;
}

#buttons {
	float: left;
	width: 220px;
}

.buttonsContainer {
	background: url(../images/button-bg.gif) repeat-y;
	padding-left: 4px;
}
.serviceButton {
	width: 200px;
	height: 50px;
	text-align: right;
	font-size: 9pt;
	cursor: pointer;
	padding-right: 9px;
}

.serviceButton a {
	color: #266c96;
	text-decoration: none;
}

.serviceButton a span {
	padding-top: 18px;
	padding-right: 10px;
	float: right;
	cursor: pointer;
}
.serviceButton a span.doubleLine {
	padding-top: 10px;
}

.fundraisingOff {
	background: url(../images/services-fundraising-off.gif) no-repeat;
}
.membershipOff {
	background:  url(../images/services-membership-off.gif) no-repeat;
}
.mailingOff {
	background: url(../images/services-mailing-off.gif) no-repeat;
}
.printOff {
	background: url(../images/services-print-off.gif) no-repeat;
}
.creativeOff {
	background: url(../images/services-creative-off.gif) no-repeat;
}
.dataOff {
	background: url(../images/services-data-off.gif) no-repeat;
}

.fundraisingOn {
	background: url(../images/services-fundraising-on.gif) no-repeat;
}
.membershipOn {
	background: url(../images/services-membership-on.gif) no-repeat;
}
.mailingOn {
	background: url(../images/services-mailing-on.gif) no-repeat;
}
.printOn {
	background: url(../images/services-print-on.gif) no-repeat;
}
.creativeOn {
	background: url(../images/services-creative-on.gif) no-repeat;
}
.dataOn {
	background: url(../images/services-data-on.gif) no-repeat;
}

#content {
	float: left;
	width: 520px;
	font-size: 8pt;
}
#content #contentContent {
	padding: 10px 0 10px 0px;
}
#content p, .newsArticle {
	margin-top: 1em;
	margin-bottom: 0;
}

.clearer {
	clear: both;
}

#footer {
	background: url(../images/shadow-bottom.gif) repeat-x top;
	clear: both;
	height: 20px;
	width: 752px;
	margin-left: auto;
	margin-right: auto;
	color: #328fc7;
	padding-top: 5px;
	text-align: center;
}
#footer a {	
	color: #328fc7;
	text-decoration: none;
}
#footer .divider {
	margin-left: 14px;
	margin-right: 14px;
}

/** NEWS **/

.newsListingDate {
	margin-top: 2em;
}

/** END NEWS **/

#printerFlash {
	margin: 1em 0;
}