html, body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #666666;
	background-color: #2d5123;
	background-image: url(images/widebg.jpg);
	background-repeat: repeat-y;
	background-position: top center;
}

h1, h2, h3, h4 {
	color: #666666;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
	font-weight: normal;
	line-height: 1.5em;
	padding-left: 0;
}
h1 {
	font-size: 24px;
	font-weight: bold;
}

h1 a:link, h1 a:visited, h3 a:link, h3 a:visited {
	color: #666666;
}
h2 {
	font-size: 18px;
	font-weight: bold;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
}
h3.label {
	margin-bottom: 0;
}
h3 span {
	color: green;
	font-style: italic;
	font-weight: normal;
}
h4 {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background-color: #ccccff;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 2px;
}
p {
	margin-bottom: 10px;
	/*
	line-height: 1.3em;
	*/
	line-height: 22px;
}

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

input[type=text], textarea, select {
	padding: 2px;
	font-size: 14px;
}

a:link, a:visited, a:active {
	color: #0000CC;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


#container {
	width: 968px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}

#header {
	height: 300px;
	background-image: url(images/headerbackground.jpg);
	color: #fff;
}
#header h1 {
	color: #ffffff;
}
#headerHome{
	height: 132px;
	background-image: url(images/featuresheader.jpg);
	color: #fff;
}
#headerAbout {
	height: 132px;
	background-image: url(images/aboutheader.jpg);
	color: #fff;
}
#headerBlog {
	height: 215px;
	background-image: url(images/blogheader.jpg);
	color: #fff;
}

#header404 {
	height: 132px;
	background-image: url(images/404header.jpg);
	color: #fff;
}

#headerFeatures {
	height: 132px;
	background-image: url(images/featuresheader.jpg);
	color: #fff;
}

#headerPricing {
	height: 132px;
	background-image: url(images/pricingheader.jpg);
	color: #fff;
}

#headerContact {
	height: 132px;
	background-image: url(images/contactheader.jpg);
	color: #fff;
}

#headerPartners {
	height: 132px;
	background-image: url(images/partnersheader.jpg);
	color: #fff;
}

#headerTestimonials {
	height: 132px;
	background-image: url(images/testimonialsheader.jpg);
	color: #fff;
}

#headerDemo {
	height: 132px;
	background-image: url(images/demoheader.jpg);
	color: #fff;
}

#headerSignup {
	height: 132px;
	background-image: url(images/signupheader.jpg);
	color: #fff;
}

#headerDU {
	height: 215px;
	background-image: url(images/duheader.jpg);
	color: #fff;
}

#navigation {
	background-image: url(images/navbarbackground.jpg);
}
#navigation .inset {
	/*
	padding: 5px 0 5px 0;
	*/
}
#navigation a {
	display: block;
	color: white;
	font-weight: bold;
	text-decoration: none;
	padding: 13px 7px 19px 9px;
	background-image: url(images/navbarbackground.jpg);
	background-repeat: repeat-x;
	line-height: 1.2em;
}
#navigation a:hover, #navigation .current {
	color: #a33911;
	background: none;
}
#navigation span {
	cursor: hand;
}
#navigation .leftImage {
	float: left;
	background-image: url(/images/navhoverleft.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin-right: 10px;
}
#navigation .rightImage {
	background-image: url(/images/rightnavcut.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	width: 100%;
}

#subNavigation {
	border-right: 1px solid #EFF0E8;
	width: 28%;
}
#subNavigation .icon2 {
	border-top: 0px;
	border-right: 0px;
	border-bottom: 1px solid #EFF0E8;
	border-left: 0px;
	padding-left: 40px;
	padding-bottom: 8px;
	margin-bottom: 5px;
}
#subNavigation .menuItem {
	display: block;
	padding-top: 10px;
	padding-bottom: 5px;
}
.menuItem a {
	line-height: 1.2em;
	color: #7e7e7e;
	font-weight: bold;
	text-decoration: none;
}
#subNavigation .current {
	color: orange;
	background-image: url(images/selectionarrow.jpg);
	background-position: right center;
	background-repeat: no-repeat;
}
.subSubNav {
	display: none;
	margin-left: 10px;
}
.subSubNav a {
	line-height: 22px;
	color: #7e7e7e;
	font-weight: normal;
	text-decoration: none;
}


#content {
	width: 71%;
}

#main {
	background-image: url(images/maincontentbg.jpg);
	background-repeat: repeat-x;
}

#right {
	background-color: #dedede;
}

#iconSettings {
	background-image: url(images/settingsicon.gif);
}
#iconDU {
	background-image: url(images/duicon.gif);
}
#iconTicket {
	background-image: url(images/ticketicon.gif);
}
#iconWebBased {
	background-image: url(images/webbasedicon.gif);
}
#iconAbout {
	background-image: url(images/iconaboutus.jpg);
}
#iconDonations {
	background-image: url(images/iconfeatures2.jpg);
}
#iconPricing {
	background-image: url(images/iconpricing.jpg);
}
#iconFeatures {
	background-image: url(images/iconfeatures.jpg);
}
#iconDemo {
	background-image: url(images/icondemo.jpg);
}
#iconOnlineDonations {
	background-image: url(images/icondonations.jpg);
}
#iconRecurring {
	background-image: url(images/iconrecurring.jpg);
}
#iconEventRegistration {
	background-image: url(images/iconeventregistration.jpg);
}
#iconWebsiteIntegration {
	background-image: url(images/iconwebsiteintegration.jpg);
}
#iconReporting {
	background-image: url(images/iconreporting.jpg);
}
#iconContact {
	background-image: url(images/iconcontact.jpg);
}
#iconPartners {
	background-image: url(images/iconpartners.jpg);
}
#iconBlog {
	background-image: url(images/iconblog.jpg);
}
#iconDownload {
	background-image: url(images/icondownload.jpg);
}
#iconMobile {
	background-image: url(images/iconmobile.jpg);
}
#iconSecurity {
	background-image: url(images/iconsecurity.jpg);
}
#iconDU {
	background-image: url(images/icondu.jpg);
}
#iconDUGrad {
	background-image: url(images/icondugrad.jpg);
}
#iconDUFeatures {
	background-image: url(images/icondufeatures.jpg);
}
#iconDUChoosing {
	background-image: url(images/iconduchoosing.jpg);
}


#footer {
	background-color: #eff0e8;
	font-size: 10px;
	height: 130px;
}
#footer a {
	color: #7e7e7e;
	text-decoration: none;
}
#footer p {
	line-height: 1.3em;
}

.alphaBorder {
	height: 6px;
	opacity: 0.1;
	filter: alpha(opacity=10);
}
.icon {
	padding-left: 62px;
	background-repeat: no-repeat;
	height: 60px;
}
.icon2 {
	padding-left: 36px;
	background-repeat: no-repeat;
	background-position: left top;
}
.piText {
	width: 300px;
}
.piImage {
	width: 180px;
	height: 100px;
	border: 1px solid red;
}
.piText .padded {
	padding-top: 0px;
}

.frontRight {
	background:#EEFCE4 none repeat scroll 0 0;
	border:1px solid #D6F0C4;
	height: 600px;
}
.frontRight .listItem {
	padding-left: 22px;
	background-image: url(/images/check.png);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	line-height: 18px;
	font-size: 14px;
}

.testimonial {
	float: left;
	width: 32%;
	margin-right: 10px;
	margin-bottom: 10px;
}
.testimonial p {
	font-size: 10px;
}

.inset {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.inset2 {
	width: 850px;
	margin-left: 60px;
}

.demopush {
	background:#EEFCE4 none repeat scroll 0 0;
	border:1px solid #D6F0C4;
	height:54px;
	margin:0 0 24px;
	position:relative;
}

.demopush a {
	background: transparent url(/images/forward.png) no-repeat scroll top right;
	display:block;
	height:23px;
	float: right;
	margin-top: 20px;
	margin-right: 20px;
	width:276px;
	font-size: 14px;
	font-weight: bold;
	color: red;
}

.prevnext {
	border:1px solid #D6F0C4;
	height:70px;
	margin:0 0 24px;
	background-color: #EEFCE4;
	background-image: url(/images/dude.png);
	background-position: center;
	background-repeat: no-repeat;
}
.prevnext a {
	display:block;
	height:23px;
	margin-top: 30px;
	font-size: 14px;
	font-weight: bold;
	color: red;
}
.prev {
	background: transparent url(/images/previous.png) no-repeat scroll top left;
	float: right;
	margin-right: 40px;
	text-align: right;
	padding-left: 20px;
}
.next {
	background: transparent url(/images/forward.png) no-repeat scroll top right;
	float: left;
	margin-left: 40px;
	padding-right: 20px;
}

.pricing {
	background-repeat: no-repeat;
	width: 528px;
	height: 454px;
}
.pricingA {
	background-image: url(/images/pricinga.jpg);
	background-repeat: no-repeat;
	width: 528px;
}
.pricingB {
	background-image: url(/images/pricingb.jpg);
}
.pricingC {
	background-image: url(/images/pricingc.jpg);
}

.pricing h1, .pricing h2 {
	font-weight: normal;
}
.pricing h1 {
	font-size: 22px;
	color: #f57f1f;
}

.pricing table {
	padding: 10px;
	width: 100%;
	color: black;
}
.pricing tr {
}
.pricing th, .pricing td {
	padding: 10px 5px 10px 5px;
}
.pricing th {
	background-color: #e7ece5;
}

td.striped {
	background-color: #fdf6d9;
}
th.numeric, td.numeric {
	text-align: center;
}

.check {
	padding-top: 7px;
	padding-left: 28px;
	height: 16px;
	background-image: url(/images/checkbox.jpg);
	background-repeat: no-repeat;
}

.left {
	float: left;
}
.right {
	float: right;
}

.atLeft {
	margin-right: 10px;
	margin-bottom: 10px;	
}
.atRight {
	margin-left: 10px;
	margin-bottom: 10px;	
}

/*
.atLeft + h2 {
	margin-left: 150px;
}
*/

.textLeft {
	text-align: left;
}
.textRight {
	text-align: right;
}
.textCenter {
	text-align: center;
}
.smaller, .details {
	font-size: smaller;
	line-height: 1.2em;
}
.clear {
	clear: both;
}

.half {
	width: 50%;
}
.third {
	width: 33%;
}
.twoThird {
	width: 66%;
}
.fourth {
	width: 25%;
}

.padded {
	padding: 15px;
}
.padded2 {
	padding: 15px 15px 15px 0;
}
.padded3 {
	padding: 20px 20px 20px 0;
}


.left .padded {
	padding-top: 0px;
}

.push {
	height: 5px;
}

.green {
	color: #709866;
}
.orange {
	color: #f27f22;
}
.error {
	font-size: larger;
	color: red;
}


.blogLeft {
	float: left;
	width: 600px;
}
.blogLeft h1 {
	margin-bottom: 0px;
}
.blogRight {
	float: right;
	width: 150px;
}
.blogRight h2 {
	font-size: 14px;
	line-height: 16px;
}
.blogComments {
	float: right;
}
.blogCommentBlock textarea {
	width: 500px;
}
.blogRight ul {
	margin-bottom: 20px;
}
.blogRight li {
	margin-bottom: 5px;
}

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