/* Working stylesheet.  Compress before posting live.  DO NOT DELETE BETA COPY */
/* Set elements to have 0 margin and padding.  Eliminates browser defaults.  Allows page to look the same in all browsers */
* {
	margin:0;
	padding:0;
}

/* Set the default properties of the page */
html, body {
	color:#000;
	font-size:9pt;
	font-family: Arial;
	/* body background color */
	background-color:#767266;
}


/****** Setup default behaviors ********/
a {
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
td {
	/* Default table cells to valign="top" */
	vertical-align:top;
}
img {
	/* set border of 0 as default for images */
	border:0;
}
img.border {
	/* use class="border" for images you want a border */
	border:1px solid black;
}
option {
	padding-right:4px;
}

#contentbg, #leftbg {
	float:left;
	width:100%;
	position:relative;
}
#footer {
	clear:both;
	float:left;
	width:100%;
}
#content, #leftside {
	float:left;
	position:relative;
}
/****** End Default Behaviors ********/

/* bonus stlyes */

.blue {color:#002157;}
.bold {font-weight:bold;}
.right {float:right;}
.left {float:left;}
.no-list {list-style:none;}
.small {font-size:8pt;}

/****** Setup Page Layout ********/

#wrapper {
	width:955px;
	margin:0 auto;
	border: 5px solid #FFF;
	border-width: 0 5px;
}
#colwrap {
	background-color:#aba693;
}
#topbar {
	background:url(/nonprofit-software/graphics/topBackgrnd.gif) repeat-x;
	height:15px;
}
#topnav {
	background:url(/nonprofit-software/graphics/blue.png);
	border-bottom:4px solid #FFF;
}
#topnav div {
	width:955px;
	margin:0 auto;
	border: 5px solid #FFF;
	border-width: 0 5px;
	height:15px;
	padding-top:15px;
}
#header {
	background:url(/nonprofit-software/graphics/np-tut-2008-header.jpg) no-repeat;
	height:142px;
	border-bottom:3px solid #FFF;
}

.conversion {
	margin: 10px 0 10px;
}

.mip-demo {
	width:955px;
	background-color:#FFF;
}

#contentbg {
	clear:both;
	float:left;
	/* content area background */
	background:#fff;
	overflow:hidden;
}
#leftbg {
	/* width of the content area */
	right:780px;
	/* left column background */
	background:#fff;
}
#content {
	padding-left:2px;
	/* width of center column content (column width minus padding on either side) */
	width:778px;
	/* width of wrapper */
	left:955px;
}
#leftside {
	/* Width of left side  (subtract any left+right padding) */
	width:175px;
}
#contentbody {
	padding:10px;
}

#footer {
	background:url(/nonprofit-software/graphics/blue.png);
	border-top:4px solid #FFF;
}
#footer div {
	width:955px;
	margin:0 auto;
	border: 5px solid #FFF;
	border-width: 0 5px;
	height:76px;
}
.footer-phone {
	float:left;
	padding:10px 40px;
	color:#FFF;
	font-size:14pt;
}
#footer img {
	padding:10px;
}
#foot {
	text-align:center;
	color:#FFF;
	font-size:8pt;
}

#foot div {
	padding: 8px 15px;
}

#foot a {color:#FFF;}

#leftnav {
	list-style:none;
	background-color:#aba693;
	color:#FFF;
}
#leftnav li {
	padding: 5px;
	border:1px solid #FFF;
}
#leftnav a {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
#leftnav a:hover {
	text-decoration:underline;
}
#nonprof {
	padding:5px;
	background-color:#65833F;
	text-align:center;
	border:1px solid #FFF;
}
#nonprof h2, #nonprof h1{
	color:#FFF;
	font-size:12pt;
	font-weight:bold;
	font-variant:small-caps;
	font-family: Verdana;
	padding:2px 0 2px;
}
#testimonials {
	padding: 15px 10px;
}
#testimonials p {
	padding: 10px 0;
}

/****** End Page Layout ********/


/* Formatting for main body of the site */
#contentbody h1,#contentbody h2,#contentbody p,#contentbody li {
	/* Set top and bottom padding for element */
	padding:5px 0 5px;
}

#contentbody a {
	color:#002157;
}

#testimonials a {
	color:#002157;
}
#contentbody h1 {
	font-size:10pt;
	color:#000;
}

#contentbody h2, #testimonials h2 {
	font-size:11pt;
	font-weight:bold;
	color:#002157;
}

#contentbody h3 {
	font-size:10pt;
	font-weight:bold;
	color:#000;
	padding:8px 0 8px;
}

#contentbody h4 {
	font-size:10pt;
	font-weight:bold;
	color:#002157;
}
#content li {
	margin-left:25px;
}

#contentbody img {
	padding:6px;
}

.intro {
	width:350px;
	border: 1px dashed #65833F;
	margin:5px;
	padding:5px;
	background-color:#F5F5F5;
}
.pdf {
	width:150px;
	padding:5px;
	border: 1px dashed #65833F;
	margin:5px;
	background-color:#F5F5F5;
	text-align:center;
	font-size:8pt;
}

.pdf-wide{
	width:200px;
	padding:5px;
	border: 1px dashed #65833F;
	margin:5px;
	background-color:#F5F5F5;
	text-align:center;
	font-size:8pt;
}

.pdf-wide img {
	padding:5px;
}

/****** End Design section ********/

/* Styles for the contact form */
form input {
	margin-top: 8px;
}
form .label {
	display: block;
	float: left;
	text-align:right;
	width:90px;
	margin-top: 8px;
}
form label {
	margin-right:3px;
}
form textarea {
	margin:5px;
}
#Reset {
	margin-left:10px;
}

/* various styles for form elements */
.button {
	border:1px solid black;
	background:#D3D3D3;
}
.text-field {
	border:1px solid black;
	background:#f5f5f5;
}
.required {
	color:#F00;
}
.clearline {
	clear:both;
}