/*-------------------- master styles --------------------*/
html {overflow-y:scroll;}
* {
	margin:0px;
	padding:0px;
	font:small arial;
	border:0px;
	}

em {
	font-style:italic;
	}

b, strong {
	font-weight:bold;
	}

ul {
	margin-left:40px;
	}

.spacer {
	line-height:0px;
	font-size:0px;
	height:0px;
	clear:both;
	}

.formInput {
	border:1px solid #bfbfbf;
	background:white url(/images/form-background-text-field.gif) repeat-x bottom left;
	font:8pt arial;
	margin-left:10px;
	padding:4px 5px 3px 5px;
	overflow:hidden;
	}
	
a, a:link, a:visited {color:#003399; text-decoration:underline;}
a:active, a:hover {color:#cc0000; text-decoration:underline;}

td {vertical-align:top;}

small, small a, small a:link, small a:visited, small a:active, small a:hover, .small {font:small Arial Narrow, Arial, Helvetica, sans-serif; color:#666666;}
small a, small a:link, small a:visited {color:#003399; text-decoration:underline;}
small a:active, small a:hover {color:#cc0000; text-decoration:underline;}

/*-------------------- main site wrapper styles (full 100% width so background image spans the page) --------------------*/
#pageWrapper {
	min-width:950px;
	/* IE Dynamic Expression to set the width */
	width:expression(document.body.clientWidth < 951 ? "950px" : "100%" );
	background:white url(/images/mainBG.jpg) repeat-x left 70px;
	}

/*-------------------- logo styles --------------------*/
#logo {
	width:98%;
	height:70px;
	margin:0px;
	}
#logo img {
	float:right;
	margin:18px 0px 0px 0px;
	}

/*-------------------- main wrapper housing all content, marked as 98% to allow right-side spacing --------------------*/
#pageContentWrapper {
	width:98%;
	background:transparent url(/images/subnav-bg.gif) repeat-y 10px 46px;
	}

/*-------------------- main nav div --------------------*/
#mainNav {
	width:699px;
	height:46px;
	margin-left:247px;
	}

/*-------------------- left column subnav --------------------*/
#subNavWrapper {
	float:left; 
	width:201px; /*desired final width INCLUDING padding */
	max-width:201px; /*desired final width MINUS left & right padding */
	margin:0px;
	padding:140px 0px 0px 11px; 
	z-index:1;
	}

#subNav {
	margin:0px;
	}

#subNav ul {
	list-style-type:none;
	margin:0 0 20px 0;
	border-bottom:1px solid #c8d4e1;
	}
	
#subNav ul li {
	font:small arial;
	color:black;
	padding:0px;
	margin:0px;
	width:201px;
	background:#a8c0d9;
	border-top:1px solid #c8d4e1;
	list-style: none;
	}

#subNav ul a {
	width:166px; /*target 201*/
	max-width:166px;
	margin:0px;
	display: block;
	list-style: none;
	text-decoration:none;
	padding:10px 0px 10px 35px;
	font: bold small/1 Arial,Helvetica,Verdana,sans-serif;
	line-height:1.2em;
	color:#555555;
	text-decoration:none;
	}

#subNav ul li a:hover {
	background:#96aecb  url(/images/subnav-arrow-on.gif) no-repeat 0px 45%;
	text-decoration:none;
	color:black;
	}

#subNav ul li a strong, #subNav ul li a b {
	display:none;
	}

#subNav ul ul a {
	width:151px;
	max-width:151px;
	margin:0px;
	display: block;
	list-style: none;
	text-decoration:none;
	padding:5px 0px 5px 50px;
	font:small/1 Arial,Helvetica,Verdana,sans-serif;
	color:#555555;
	text-decoration:none;
	}

#subNav ul ul li a:hover {
	background:#96aecb  url(/images/subnav-arrow-small-black.gif) no-repeat 40px 40%;
	text-decoration:none;
	color:black;
	}

#subNav ul li a.navON, #subNav ul li a:hover.navON, #subNav ul ul li a.navON, #subNav ul ul li a:hover.navON {
	color:black; 
	background:#96a91d url(/images/subnav-bg-on.gif) repeat-x bottom left; 
	cursor:default; /*arrow*/
	text-decoration:underline;
	}

/*-------------------- right column feature boxes: standatd elements --------------------*/
#rightGutterWrapper {
	float:right;
	width:184px;
	padding:20px 0px 0px 0px;
	z-index:2;
	}

#rightGutterWrapper p.moreButton {
	margin:8px 0px 0px 0px;
	text-align:right;
	}

#rightGutterWrapper h2 {
	display:none;
	}

#rightGutterWrapper a, #rightGutterWrapper a:link, #rightGutterWrapper a:visited {
	font:small arial;
	}

#rightGutterWrapper a:active, #rightGutterWrapper a:hover {
	text-decoration:underline;
	}

#box1, #box2, #box3, #singingPraisesWrapper {
	margin:0px;
	width:184px;
	}

.rightGutterFeatureHeader, .rightGutterFeatureFooter {
	text-indent:0px;
	background-color:transparent;
	font-size:0px;
	line-height:0px;
	}

.rightGutterFeatureHeader {
	height:49px;
	background:transparent;
	}

.rightGutterFeatureOutterWrapper {
	background:transparent url(/images/right-gutter-feature-box-bg.gif) repeat-y left top;
	}

.innerContentWrapper {
	background:transparent url(/images/right-gutter-feature-box-content-bg.gif) no-repeat left bottom;
	}

.rightGutterFeatureFooter {
	height:8px;
	background:transparent;
	}
	
/*-------------------- right column feature boxes: feature-specific elements --------------------*/
/*-------------------- Singing Praises feature box styles --------------------*/
#singingPraisesInnerContent {
	background:transparent url(/images/right-gutter-singing-praises-body-quote-bg.gif) no-repeat 1px top;
	}

#singingPraisesOutterWrapper p {
	font:medium/1.2 Palatino, Palatino Linotype, Times New Roman, Times, serif;
	color:black;
	text-indent:16px;
	margin:0px 5px 5px auto;
	width:170px;
	}

#singingPraisesOutterWrapper p.name {
	font:x-small arial;
	color:#999999;
	text-align:right;
	margin:0px 0px 0px 0px;
	}
	
/*-------------------- Latest Blogs feature box styles --------------------*/
#latestBlogsInnerContent {
	}

#latestBlogsOutterWrapper p {
	font:small/1 Arial;
	color:black;
	color:black;
	text-indent:0px;
	margin:0px 5px 5px auto;
	width:170px;
	}

#latestBlogsInnerContent ul {
	list-style-type:none;
	margin:0px 5px 5px auto;
	padding:10px 0px 0px 15px;
	line-height:0.8;
	}

#latestBlogsInnerContent ul li {
	padding:0px 0px 10px 0px;
	}
	
/*-------------------- Stay Informed feature box styles --------------------*/
#stayInformedInnerContent {
	}

#stayInformedOutterWrapper p {
	font:small arial;
	color:black;
	margin:0px 10px 5px auto;
	padding:10px 0px 0px 0px;
	width:160px;
	}

/*-------------------- content styles (liquid middle column) --------------------*/
#mainContentWrapper {
	margin:0px 185px 0px 248px;
	z-index:5;
	}

#mainContentHeaderWrapper {
	}

#mainContentHeader {
	margin-bottom:20px;
	border-bottom:1px solid #d2c080;
	height:auto;
	min-height:80px;
	overflow:visible;
	}

#mainContentHeader h1, #mainContent h1 {
	font:180%/1.1 Palatino, Palatino Linotype, Times New Roman, Times, serif;
	margin-bottom:14px;
	}

#mainContentHeader h2 {
	font:medium/1.1 Palatino, Palatino Linotype, Times New Roman, Times, serif;
	margin-bottom:12px;
	}

#mainContentHeaderBottomHR { /*line under page headers, seperating content from headers */
	height:1px; 
	width:98%; 
	margin:5px auto 15px auto;
	line-height:1px;
	font-size:1px;
	background:url(/images/b8b8b8.gif) repeat-x center top;
	display:none;
	}

#mainContent {
	padding:40px 70px 0px 0px;
	}

#mainContent h3 {
	font:normal large Georgia, "Times New Roman", Times, serif;
	}

#mainContent p {
	font:small/1.3 arial;
	color:black; /*#555555;*/
	margin-bottom:12px;
	}

#mainContent li {
	margin-bottom:10px;
	}

#mainContent.ourWork h1, #mainContent.ourWork h2, #mainContent.ourWork p {
	width:690px;
	}

#mainContent.ourWork p {
	margin-bottom:50px;
	}

#mainContent.ourWork p img, #mainContent.ourWork table tr td img {
	border:1px solid black;
	}
	
#mainContent.ourWork #ethanallenletter {
	padding:30px 30px 10px 30px;
	margin-left:30px;
	border:1px solid black; 
	background-color:white; 
	width:500px;
	overflow:auto;
	}
#mainContent.ourWork #ethanallenletter p, #mainContent.ourWork #ethanallenletter p b, #mainContent.ourWork #ethanallenletter p strong {
	width:auto;
	font:medium "Times New Roman", Times, serif;
	margin-bottom:20px;
	line-height:1.5em;
	}
#mainContent.ourWork #ethanallenletter p b, #mainContent.ourWork #ethanallenletter p strong {
	font-weight:bold;
	}
#mainContent.ourWork #ethanallenletter p b {
	font-weight:bold;
	text-decoration:underline;
	}
#mainContent.ourWork #ethanallenletter p.date {
	text-align:right;
	font-size:small;
	}

#pageIcon { /*service icon to the left of the page headers*/
	float:left;
	margin:0px 10px 0px 0px;
	}

#textCallout {
	float:right;
	display:inline; /*this is required to fix the IE double-margin bug*/
	margin:-8px -65px 10px 0px;
	width:175px;
	padding:10px 15px 0px 15px;
	}

#textCalloutBorder {
	padding:15px 0px 10px 10px;
	border-left:1px solid #999999;
	}

#textCalloutBorder h3 {
	font:x-large/1 Palatino, Palatino Linotype, Times New Roman, Times, serif;
	color:#cc9900;
	margin:0px 0px 10px 0px;
	}
	
#textCalloutBorder p {
	font:medium/2 arial;
	color:black;
	}

#textCalloutBorder .subFeature {
	font:small/1.5 arial;
	color:#666666;
	}

.highlight {
	font-family:Georgia, 'Times New Roman', Times, serif; 
	background-color:#fde76b; 
	padding:0px 3px; 
	font-size:1.2em;
	font-style:italic;
}
	
#mainContent p.middlehighlight, #mainContent p.middlehighlight span {
	text-align:center; 
	font:normal x-large Georgia, 'Times New Roman', Times, serif; 
	font-style:italic;
}

#mainContent p.dent {
	margin-left:40px;
}

ul.sitemap {
	list-style:square; 
	color:#999999; 
	margin-top:10px;
	}
/*-------------------- blog page styles --------------------*/
.blogWrapper {
	margin-top:30px;
	width:100%;
	display:block;
	}

.blogDate {
	float:left; 
	width:70px;
	margin:0px 0px 10px 0px; 
	text-align:center;
	font-family:Georgia, 'Times New Roman', Times, serif;
	line-height:24px;
	color:#666666;
	}

.blogDate span {
	font:24pt Georgia, 'Times New Roman', Times, serif; 
	line-height:27px; 
	color:#666666;
	display:block;
	}

.blogSummary h3, .blogSummary h3 a, .blogSummary h3 a:link, .blogSummary h3 a:visited, .blogSummary h3 a:active, .blogSummary h3 a:hover {
	font:large Georgia, 'Times New Roman', Times, serif;
	margin-bottom:4px;
	}

.blogSummary {
	margin-left:75px;
	}
	
/*-------------------- footer elements --------------------*/
#footerWrapper {
	height:129px; /*required 109, extra for white spacing*/
	background:transparent url(/images/footer-bg.gif) repeat-x left 74px;
	}

#footerTrioIcons {
	z-index:5;
	margin:0px 35px 0px 10px;
	float:left;
	}

#footerIcons {
	margin:0px 25px 0px 0px;
	text-align:right;
	}

#footerIcons img {
	margin:42px 0px 0px 8px;
	}

#footerLinks {
	margin:0px;
	padding:9px 0px 0px 0px;}
#footerLinks hr {display:none;}

#footerLinks, #footerLinks div, #footerLinks span, #footerLinks h5, #footerLinks a, #footerLinks a strong {
	font:10px arial;
	color:#dcdfff;
	text-decoration:none;
	}
#footerLinks h5 {display:inline;}

#footerLinks a:active, #footerLinks a:hover {
	text-decoration:underline;
	}

#copyText {
	margin:30px 0px 20px 11px; 
	color:#c3d3eb;
}
#copyText, #copyText span {
	font-size:10px;
}
/*-------------------- circle feature image (top left) --------------------*/
#featureImage {
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	width:236px;
	height:229px;
	background:transparent;
	}

/* misc 2010 additions */
ul#ourWorkLinks li a { text-decoration:none; color:#000;}
ul#ourWorkLinks li a strong {color:#039;}
ul#ourWorkLinks li a:hover strong {color:#c00; text-decoration:underline;}
ul#ourWorkLinks li a span {text-decoration:none; color:#000;}


/****************** TEMP STYLES FOR DEV  *****************/