body{
	font-family:Arial,Helvetica,sans-serif;
	text-align:center;
	line-height:160%;
	padding:0px;
	margin:0px;
	font-size:1em;
}

#banner{
	/*border:1px solid blue;*/
	width:940px;
	text-align:left;
	margin:auto;
	padding: 5px;
	height:120px;
	position:relative;


}

#banner .site_title{
	text-indent:-3000px;
	width:463px;
	height:105px;
	float:left;
	background-image: url(../images/jodi-mattes-trust-plain-banner.gif);
	background-repeat: no-repeat;
	margin: 10px 0 0;
}
#banner a h2.awards{
	background-image: url(../images/jodi-awards.gif);
    background-repeat: no-repeat;
    bottom: 0;
    height: 85px;
    margin: 0;
    position: absolute;
    right: 0;
    text-indent: -3000px;
    width: 142px;

}
#banner a:hover h2.awards{
	background-image: url(../images/jodi-awards-blue.gif);

}
.clearboth {
	clear:both;

}
.twitter-home {
	float:right;
	width: 133px;

}

#accessnav {
	float:right;
	font-size:0.9em;
}

#accessnav a {
	color:#444;
	font-size:0.9em;
	text-decoration:none;
	padding-top:2px;
	padding-bottom:2px;

}
#accessnav a:hover {
	color:#D1005D;
	text-decoration:underline;

}
#accessnav a.donate {	
	padding-left:10px;


}
#accessnav a.sitemap {
	background-image:url(../images/sitemap-icon.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:30px;
	padding-right:15px;
	
	
}
#accessnav a.access {
	background-image:url(../images/access-icon.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:14px;
	padding-right:15px;
	
	
}
#accessnav a.contact {
	background-image:url(../images/contact-icon.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:26px;

}

#navigation{

	width: 100%;
	background-color:#2d2e4d;

}

#navigation ul{;
	border-left:1px solid white;
	width:950px;
	text-align:left;
	margin:auto;
	padding:0px;
	color:white;
	font-size:1.1em;
	height:25px;
}

#navigation ul li{
	display:inline;


}

#navigation li a{
	display:block;
	color:white;
	text-decoration: none;
	border-right:1px solid white;
	color: #fff;
	text-align:left;
	padding:0px;
	height:25px;
	float:left;
	width: 14%;
	text-align:center;
	background-color:#2d2e4d;
	margin-bottom:1em;
	

}

#navigation .clearboth{
font-size:1px;
line-height:0;
height:0px;
clear:none;
}

#navigation a:hover {
	text-decoration:underline;
}

#navigation li.here a, #navigation li.ancestor a, #navigation li.expandhere a{
	color:#ffffff;
	font-weight:none;
	background-color:#d1005d;
}
#navigation ul li.here {
	color:#ffffff;
	font-weight:none;
	background-color:#d1005d;
	padding-top:2px;
	padding-bottom:2px;

}
/*---------SUBNAV-------------*/
#subnav {
	width:210px;
	float:left;
	margin-right:10px;

}
#subnav p {
	border-bottom: 5px solid #2D2E4D;

}
#subnav ul li a{
	text-decoration:none;
	padding-left: 18px;
	color: black;
	font-weight:normal;
	border:none;

}
#subnav ul li.here a {
	background-image:url(../images/here-arrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
	font-weight:bold;

}
#subnav ul li a:hover {
	color:#d1005d;
	border-bottom:none;
	
	
}
#subnav ul {
	list-style:none;
	padding-left:0px;
	
}
.subnav_left #content0, .subnav_left h2.pagetitle, .subnav_left #description {
	width:700px;
	float:right;
	margin-right:15px;
	


}
#contentarea{
	width:950px;
	text-align:left;
	margin:auto;
	/*border:1px solid green;*/

}

#contentarea h3 {
	color:#2d2e4d;
	text-decoration: bold;
	padding-bottom: 4px;
	border-bottom: solid #2d2e4d 5px;
}

#contentarea h2 {
	color:#2D2E4D;
	text-decoration: none;
}

#contentarea blockquote {
	background-image: url(../images/quotes.gif);
    background-position: left top;
    background-repeat: no-repeat;
    margin-left: 0;
    margin-bottom:0px;
    padding: 0 10px 0px 45px;

}
#contentarea blockquote p {
	background-color: white !important;
    color: black;
    margin-top: 0;
    text-align:left !important;
    font-size:1em !important;
    
}
#contentarea .quote {
	border-bottom: solid #2d2e4d 5px;
	margin-bottom:25px;

}
#contentarea .quote .imageholder {
	float: right;
    margin: 0 0 10px 20px;
    padding: 0;
    width: auto;
	
}
#contentarea .quote p {
	/*background-color: #F4F4F7;*/
    margin-bottom: 0;
    margin-top:0px;
    padding: 3px;
    text-align:right;
    font-size:0.9em;

}

#description {
	width:950px;
	font-size:1em;
	color:black;
	line-height:160%;
	margin-bottom:0px;
	padding-bottom:10px;


}

#contentarea a {
	color:#d1005d;
	font-weight: bold;
	line-height:110%;
	text-decoration:none;
	border-bottom:dotted 1px #d1005d;

}
#contentarea a:hover {
	color:#2d2e4d;
	border-bottom:dotted 1px #2d2e4d;
	
}

a img {
	border:none;
	border-bottom:5px #2d2e4d solid;
}

p a.doc {
	background-image:url(../images/downloadarrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:5px 25px;

}

#contentarea .imageholder {
	border: 1px solid #EFEFEF;
    float: left;
    margin-right: 20px;
    text-align: center;
    width: 250px;
}

#contentarea .imagewrapper {
	width:200px;
	/*border:solid red 1px;*/
	clear:none;
}
#contentarea .caption  {
	background-color: #EFEFEF;
    color: #2D2E4D;
    font-size: 0.8em;
    line-height: 140%;
    margin-bottom: 0;
    margin-top: 0;
    padding: 2px;
    text-align: left;
}
#contentarea .dark {
	background-color:#F4F4F7;
}
#contentarea table tr td {
	padding:10px;
}

#contentarea table tr th {
	padding:10px;
	font-size:1.5em;
	color:#2d2e4d;

}
#content0 {

	text-align:left;
	margin-right:15px;
	/*border:red solid 1px;*/
	float: left;
	font-size: 0.9em;
	padding:5px;
}

.two_column #content0{
	width:435px;
}

.three_column #content0{
	width:445px !important;
}

#content0 h3 {
	margin-top:0px;
}

#content0 .awards {
	width:670px;
	text-align:left;
	margin-right:15px;
	/*border:red solid 1px;*/
	float: left;
	font-size: 0.9em;
	padding:5px;
}

#content1 {
	/*border:solid blue 1px;*/
	width: 210px;
	float:left;
	text-align:left;
	margin-left:15px;
	font-size: 0.9em;
	padding:5px;

}

.two_column #content1{
	width:435px;
	float:right;
}

.three_column #content1{
	width:210px !important;

}

#content1 h3 {
	margin-top:0px;
}

#content2 {
	/*border:solid purple 1px;*/
	float:right;
	width:210px;
	text-align:left;
	margin:auto;
	font-size: 0.9em;
	padding:5px;
}

.three_column #content2{
	width:210px !important;
}

#content2 .awards {
	border:solid purple 1px;
	float:right;
	width:210px;
	text-align:left;
	margin:auto;
	font-size: 0.9em;
	padding:5px;
	position:relative;
	top:-100px;

}

#content2 h3 {
	margin-top:0px;

}

.centered {
	text-align:center;

}
p.mediafile a {
	background-image:url(../images/download.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:22px;
	padding-bottom: 2px;
	border-bottom: medium none !important;

}
.internal-link p.link a, p.internal-link a {
	background-image:url(../images/more-arrow.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:22px;
	padding-bottom: 2px;

}

/*--------------BLOG---------------*/

.blogadmin p.admin a, .blog p.admin a {
	text-decoration:none;
	background-color:#efefef;
	padding:5px;
}
.blogadmin p.admin, .blog p.admin {
	text-align:right;
}
#blogheader h3 a{
	text-decoration:none;
	font-size:1.2em;
	font-weight: normal;
	line-height: 140%;
	border: medium none;
}
.blogitem h3 {
	text-decoration:none;
	font-size:1.3em;
}
.blogitem p.postingdate {
	text-align:left;
	float:left;
	font-size: 0.9em;
	margin-top:0px;
	margin-right:10px;
	margin-bottom:0px;
}
.bloginfo .category {
	font-size: 0.9em;
}
.bloginfo {
	border-bottom:1px solid #D7D7E1;
	border-top:1px solid #D7D7E1;
}
#contentarea #blogheader h3 {
	border:none;
	margin-bottom: 5px;
}
#blogheader {
	margin-bottom:10px;
	
}
.blogitem {
	margin-bottom:30px;
}
p.blog_utility a {
	background-image: url(../images/back-arrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:15px;
}
p.blog_utility {
	margin-top:0px;
	text-align: right;

}
#blogfeedhome .blogitem {
	width:auto;
	border: 2px solid #D7D7E1;

}
#blogfeedhome h2 {
	/*background-color: #2D2E4D;
    color: white;
    font-weight: normal;*/
    background-image:url(../images/blog-icon2.gif);
    background-position:left center;
    background-repeat:no-repeat;
    padding: 4px 5px 2px 50px;

}
#blogfeedhome #blogheader h3 a {
	border:none;
	font-size:1.1em;
	
}
#blogfeedhome p.internal-link {
	text-align:right;

}
#blogfeedhome p.internal-link a {
	font-weight:normal;
}
#blogfeedhome {
	
    width: 445px;


}
.comments h3#add_a_comment {
	border:none;
}
.blog #content1 {
	margin-left:0px;
}
.blog #contentarea .caption {
	border-bottom:none;
}	
form#comments_form {
	background-color:#efefef;
	margin-bottom:20px;

}
.commentsmonitor #content0 {
	float: none;
    margin: auto;
    width: 70%;
}
.commentsmonitor form input {
	width:40%;
}
#comments_header {
	border-bottom: 5px solid #2D2E4D;
}
#commentslisting .comment {
	border-bottom:dotted 1px black;
	padding: 10px;
}
.commentsmonitor h4.commentername {
	width:auto;
	float: left;
	margin-top: 10px;
}
.commentsmonitor p.postdate {
	text-align:right;
	float: right;
}
.commentsmonitor p.commentdetail {
	clear:both;

	
/*--------------END BLOG---------------*/

}
/*--------------FAQ---------------*/
p.toplink {
	text-align:right;

}
p.toplink a{
	text-decoration:none;
	background-image:url(../images/up-arrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:15px;

}
#contentarea .faq_detail dl dt a {
	color:#000000 !important;
	font-size:1.2em;

}
.faq_detail {
	width:80%;
	margin-left: 10%;

}
.faq_detail dl {
	border-bottom:dotted 1px grey;
	margin-bottom:20px;

}
#faq_wrapper {
	border-bottom: 5px solid #2D2E4D;
	padding-bottom:10px;
	margin-bottom: 25px;

}
#faq_wrapper a{
	text-decoration:none;
	text-decoration:none;
	background-image:url(../images/faq-arrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;


}

#footer {
	/*border: red solid 1px;*/
	height: 30px;
	clear:both;
	width:950px;
	text-align:left;
	margin:auto;
	font-size: 0.8em;
	line-height:120%;
	border-top:1px solid #777777;
	/*background-image: url(../images/surfaceimpression_logo.gif);
	background-repeat:no-repeat;*/
}

#footer a {
	padding: 22px 36px 0;
	color:#2d2e4d;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;

}
#footer p.loginstatus {
	text-align:right;
	margin-top: 40px;

}
#footer p {
	float: left;

}
#footer p.reg {
	float: right;
    padding-top: 0;
    text-align: right;
	
	
}
#footer p.comments {
	text-align:right;
	margin-top: 14px;
}
#footer p.comments a, #footer p.loginstatus a {
	color: #D1005D;
	
}
#footer .websponsors {
	float: left;
    height: 200px;
    width: 250px;

}
#footer .awardssponsors {
	float: right;
    height: 200px;
    width: 100%;
    padding-top: 21px;


}
#footer .websponsors p, #footer .awardssponsors p {
	text-align:left;
	margin-top:0px;
	float: none;

}
#footer .websponsors a, #footer .awardssponsors a {
	float: left;
	padding-left:0px;

}
#footer .websponsors a img, #footer .awardssponsors a img{
	border:none;

}
#footer .websponsors a {
	

}
#footer #sponsor-wrapper {
	border-top: 1px solid #777;
    margin-top: 41px;

}
.newsitem {
	border-top:5px solid #2D2E4D;

}
#contentarea .newsitem .imageholder {
	float:right;
	padding-right:0px;
	padding-left:5px;
	padding-bottom:15px;
	padding-top:15px;

}
td{
	vertical-align:top;
	border-right:1px solid white;
}



.editable {
	position:relative;
}
.editable .graphictoolbar {
	position:absolute;
	top:0px;
	left:0px;
}

.editorcontent{
	width:700px;
	text-align:left;
}


form {
	margin: 0;
	padding: 0 3% 0 3%;
}

fieldset {
	background-color: #FFF;
	border: 1px #CCC solid;
	padding: 0.8em;
	margin: 10px 0 10px 0;
	position: relative;
	clear: left;
}

legend {
	padding: 4px;
}

input, textarea {
	width: 70%;
	display: block;
	float: left;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 8px;
}

textarea {
	width: 70.5%;
	height: 12em;
}

label {
	display: block;
	width: 22%;
	text-align:right;
	float: left;
	clear: both;
	font-size: 1em;
	font-weight: bold;
	margin: 8px 2% 0 0;
}

.checkboxinput {
	width: auto;
}

form .clear {
	clear: both;
}

.formelementwrapper {
	padding-bottom: 10px;
}

.button {
	width: 70.5%;
	font-size: 1.1em;
	background-color: #62A1A3;
	color: #FFF;
	padding: 10px;
	margin-left: 24%;
	_margin-left: 10%;
	clear: both;
	border: 0;
}

.error {
	padding: 0.8em;
	background-color: yellow;
	margin: 0.8em 3% 0.8em 0;
}

form .error {
	margin-right: 0;
}
.formelementwrapper .inputnote {
	font-size: 1em;
	padding: 0.8em;
	margin: 0.8em 0 0.8em 0;
	position: relative;
	text-align: left;
}

.inputnote strong, .warning {
	background-color: yellow;
}

.editscroller {
	height:150px;
	overflow:scroll;
}
.editscroller input[type="radio"] {
	width:25px;
}

tr.admin {
	position:relative;
}


.blog #contentarea{
	/*width: 670px;*/
}	
.blog #content1{
	width: auto;
}
.blog #content0{
	width: 100%;

}
.blog .sidebar_wrapper {
	clear: right;
    float: right;
    margin-right: 0px;
    margin-top: 20px;
    text-align: right;
    text-transform: capitalize;
    
}
.blog .sidebar ul {
	list-style:none;

}
.blog #contentarea .sidebar a{
	text-decoration:none;
	line-height: 110%;
	font-weight:normal;
	border: medium none;
}
.blog #contentarea .sidebar a:hover {
	text-decoration:underline;
}
.blog .keywordcloud a {
	display: block;
    font-size: 1em;
    text-decoration:none;
    padding-bottom: 10px;

}
.blogitem {
	overflow: auto;
    padding: 22px;
    width: 680px;
    float:left;

}
p.link {
	margin-bottom:40px;

}