/* 
-----------------------------------
css document for: www.clarknuber.com
created by: www.pbdh.com
-----------------------------------
*/

body {
    margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, sans-serif;	
	font-size: 12px;
	text-align: center;
	color: #333;
	background: #726e5a;
	}

#wrapper {
    background: #fff url(/image/bg-top.gif) repeat-x left top;
	}
	
#page {
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
  	width: 800px;
	}

/* 
-----------------------------------
LAYOUT
-----------------------------------
*/
 
#header {
	height: 52px;
	margin: 0;
	padding: 0 10px 0 10px;
	}
#header img {
	border: none;
	}
#header #logo {
	float: left;
	margin: 20px 0 0 0;
	}
#photo {
	position: absolute;
	left: 0px;
	top: 66px;
	}

div#main {
    width: 800px;
	margin: 0;
	padding: 255px 0 0 0;
	}

body#bio div#main {
    width: 800px;
	margin: 0;
	padding: 225px 0 0 0;
	}

body.sub div#main {
    width: 800px;
	margin: 0;
	padding: 90px 0 0 0;
	
	}
body#phb-page.sub #right-column h2,
body#nfp-page.sub #right-column h2,
body#hnw-page.sub #right-column h2,
body#clientaccess-page.sub #right-column h2,
body#testimonial.index #right-column h2{
	color: #900;
	margin-top: 0;
	}
body#phb-page.sub #right-column ul,
body#nfp-page.sub #right-column ul,
body#hnw-page.sub #right-column ul,
body#clientaccess-page.sub #right-column ul,
body#testimonial.index #right-column ul {
	margin: 10px 0 10px 0;
	}
body#home div#main {
    width: 800px;
	margin: 0;
	padding: 325px 0 0 0;
	}

body#home div#news {
    width: 250px;
	margin: 15px 0 20px 10px;
	padding: 0;
	float: left;
	}

body#home div#blurb {
    width: 495px;
	margin: 15px 10px 20px 0;
	padding: 0 5px 0 20px;
	border-left: 1px solid #ccc;
	float: right;
	}

#main-column {
    width: 500px;
	margin: 0 0 20px 10px;
	padding: 0;
	float: left;
	}
#main-column-terms {
    width: 750px;
	margin: 0 0 20px 10px;
	padding: 0;
	float: left;
	}	
#main-column-pr {
    width: 535px;
	margin: 0 0 20px 10px;
	padding: 0;
	float: left;
	}
#people-column {
    width: 200px;
	margin: 20px 0 0 75px;
	padding: 0;
	float: left;
	}
#right-column {
    width: 230px;
	margin: 20px 0 20px 25px;
	padding: 0 0 0 20px;
	border-left: 1px solid #ccc;
	float: left;
	}
#right-column-pr {
    width: 195px;
	margin: 20px 0 20px 25px;
	padding: 0 0 0 20px;
	border-left: 1px solid #ccc;
	float: left;
	}
#right-column ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#column1 {
    width: 230px;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	float: left;
	}

#column2 {
    width: 230px;
	margin: 0;
	padding: 0;
	float: right;
	}

#search {
	position: absolute;
	top: 45px;
	left: 500px;
	width: 290px;
	text-align: right;
	z-index: 99;
	}

#footer {
	background: #726e5a url(/image/bg-footer.gif) repeat-x 0 0;
	text-align: center;
	clear: both;
	}

#footer-bar {
	width: 800px;
	height: 50px;
	position: relative;
	margin: 0 auto;
	background: #726e5a url(/image/bg-footerbar.gif) no-repeat left top;
	}

#footer-logos {
	width: 800px;
	height: 30px;
	position: relative;
	margin: -20px auto;
	}
	
body.no-sidebar #right-column { display: none; }
body.no-sidebar #main-column { width: 650px; }

body.calendar #right-column { display: none; }
body.calendar #main-column { width: 780px; }

body#searchresults #right-column { display: none; }
body#searchresults #main-column { width: 780px; }

div.award { margin: 20px 0; padding: 15px 0 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 360px; }
div.award p { font-size: 11px; line-height: 14px; }
div.award img { margin: 0 5px 5px 0; float: left; }

div.pubside { margin: 20px 0; padding: 15px 0 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 85px; }
div.pubside p { font-size: 11px; line-height: 14px; }
div.pubside img { margin: 0 5px 5px 0; float: left; }

/* 
-----------------------------------
TEXT FORMATTING
-----------------------------------
*/   
 
 h1, h2, h3, h4, h5, h6 {
 	 font-family: Arial, sans-serif;
     font-weight: normal;
	}

p, ul, ol, dl, li, dt, dd, cite, table {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color: #333;
	}

h1 {
    font-size: 28px;
    margin: .15em 0 .25em 0;
	}

h2 {
    font-size: 18px;
	line-height: 22px;
	margin: .2em 0 .1em 0;
	}
	
h2.section-head {
	margin: 0 0 -3px 0;
	padding: 0;
	font-size: 16px;
}

h2.main-head {
	margin: 0 0 -3px 0;
	color: #9c3110;
}

h3 {
	font-size: 16px;
	}
	
#bio h3 {
	font-weight: bold;
	font-size: 13px;
	margin-bottom: -5px;
}

h3.tagline {
	margin-top: -.5em;
	font-weight: normal;
	font-size: 16px;
	color: #726e5a;
	}
h4 {}
h5 {}
h6 {}

.size14 {
	font-size: 14px;
	
	}

p, ul {
	line-height: 18px;
	}

p {
    margin: .25em 0 1.75em 0;
	}
	
p.footnote {
	font-size: 9px;
	font-style: italic;
}

ul {
     margin: .25em 0 1.75em 0;
	 padding: 0;
	 }
li {
    margin: 0 0 0 20px;
	padding: 4px 0 5px 0;
	}	 
	
#topnav ul, #column1 ul, #column2 ul, #people-column ul {
    margin: 5px 0 20px 0;
	padding: 0;
	list-style: none;
	}
#topnav ul li, #column1 ul li, #column2 ul li, #people-column ul li, #right-column ul li { 
    margin: 0;
	padding: 4px 0 5px 0;
	}

dl {
    margin: 0 0 15px 0;
	padding: 0;
	}
dt {
    margin: 10px 0 2px 0;
	}
dd {
    margin: 2px 0;
	}
	

ul.neg-margin {
	margin-top: -1em;
	}
	
span.red {
	color: #FF0000;
}

span.blue {
	color: #0000FF;
}

span.cnred {
	color: #9c3110;
}

span.intpagequote {
	color: #9c3110;
	font-family: Georgia, "Times New Roman", Times, serif;
}

span.portal {
	font-size: 11px;
	font-weight: bold;
}

span.grayout {
	font-size: 11px;
	color: #999;
}

a.cnred:link {
	color: #9c3110;
}

a.cnred:hover {
	color: #fff;
	background: #9c3110;
}

a.socmedlogo {
	text-decoration: none;
}

/* 
-----------------------------------
LINKAGE
-----------------------------------
*/  

a:link    { color: #4a586b; text-decoration: none; background: url(/image/bg-alink.gif) repeat-x left bottom; }
a:visited { color: #666; text-decoration: none; background: url(/image/bg-vlink.gif) repeat-x left bottom; }
a:hover   { color: #fff; background: #9c3110; }

#logo a:link, #logo a:visited, #logo a:hover   { background: none; }




/* 
-----------------------------------
NAVIGATION
-----------------------------------
*/
 #header ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	border-left: 1px dotted #a5a184;
	}
	
#header li { display: block; float: left; border-right: 1px dotted #a5a184; margin: 0; padding: 0; }
#header li a { display: block; float: left; margin: 0; padding: 2px 12px 2px 12px; text-decoration:none; background: none; }

#header li a:link,
#header li a:visited { color: #e7e2cf;  background-color: transparent; }
#header li a:hover   { color: #4A4631; background: #726e5a url(/image/bg-header-nav.gif) repeat-x left top; }

#header li a.here { color: #4A4631; background: #726e5a url(/image/bg-header-nav.gif) repeat-x left top; }
#header li a.here:link,
#header li a.here:visited { color: #fff; }
#header li a.here:hover { color: #fff; background-color: #726e5a; }

#footer ul {
	float: right;
	list-style: none;
	margin: 5px 15px 0 0;
	padding: 0;
	}
	
#footer li { font-size: 10px; letter-spacing: 1px; display: block; float: left; border-left: 1px dotted #a5a184; margin: 0; padding: 0; }
#footer li a { display: block; float: left; margin: 0; padding: 1px 8px; text-decoration:none; background: none; }

#footer li a:link,
#footer li a:visited {color: #e7e2cf;  background-color: transparent; }
#footer li a:hover { color: #433a29; background-color: #968d7a; }

#footer li a.here { background-color: #968d7a; }
#footer li a.here:link,
#footer li a.here:visited { color: #433a29; }
#footer li a.here:hover { color: #fff; background-color: #968d7a; }

#footer p {
    font-size: 10px;
	color: #968d7a;
    float: left;
	margin: 6px 0 0 20px;
	padding: 0;
	}

ul#top-nav { 
    margin: 0;
	padding: 0;
	list-style: none;
	}

li#phb a, li#nfp a, li#hnw a {
    width: 172px;
	height: 75px;
	display: block;
	z-index: 99;
	}

li#phb a {
	position: absolute;
	top: 81px;
	left: 274px;
	background: url(/image/nav-phb.gif) no-repeat 0px 0px;
	}

li#nfp a {
	position: absolute;
	top: 81px;
	left: 446px;
	background: url(/image/nav-nfp.gif) no-repeat 0px 0px;
	}

li#hnw a {
	position: absolute;
	top: 81px;
	left: 618px;
	background: url(/image/nav-hnw.gif) no-repeat 0px 0px;
	}

li#phb a:hover,
li#nfp a:hover,
li#hnw a:hover {
    background-position: 0px -75px;
	}

body#phb-page li#phb a,
body#nfp-page li#nfp a,
body#hnw-page li#hnw a {
    background-position: 0px -150px;
	}

li#phb a.here:hover,
li#nfp a.here:hover,
li#hnw a.here:hover {
    background-position: 0px -75px;
	}

body#home li#phb a, 
body#home li#nfp a, 
body#home li#hnw a {
    width: 172px;
	height: 102px;
	display: block;
	z-index: 99;
	}

body#home li#phb a {
	position: absolute;
	top: 81px;
	left: 274px;
	background: url(/image/nav-phb-home.gif) no-repeat 0px 0px;
	}

body#home li#nfp a {
	position: absolute;
	top: 81px;
	left: 446px;
	background: url(/image/nav-nfp-home.gif) no-repeat 0px 0px;
	}

body#home li#hnw a {
	position: absolute;
	top: 81px;
	left: 618px;
	background: url(/image/nav-hnw-home.gif) no-repeat 0px 0px;
	}

body#home li#phb a:hover,
body#home li#nfp a:hover,
body#home li#hnw a:hover {
    background-position: 0px -102px;
	}
a span { display: none; }

#right-column a.here:link,
#right-column a.here:visited,
#right-column a.here:hover {
	text-decoration: none; 
	color: #000; 
	cursor: default;
	background-color: #fff;
	}
	
ul#people-list {
    margin: 10px 0 0 0;
	list-style-type: none;
	}
	
ul#people-list li {
    font-size: 14px;
	line-height: 18px;
	margin: 0;
	padding: 4px 0 4px 15px;
	}
	
ul#people-list li a:link {
	text-decoration: none;
	background: url(/image/bullet-people-open.gif) no-repeat 0% 50%;
	}

ul#people-list-ind {
    margin: 10px 0 0 10px;
	list-style-type: none;
	}
	
ul#people-list-ind li {
    font-size: 14px;
	line-height: 18px;
	margin: 0;
	padding: 4px 0 4px 15px;
	}
	
ul#people-list-ind li a:link {
	text-decoration: none;
	background: url(/image/bullet-people-open.gif) no-repeat 0% 50%;
	}

	
/* 
-----------------------------------
TESTIMONIAL PAGE
-----------------------------------
 */
.testimonial-author {
	margin: 0 0 15px 0;
	padding: 15px 20px 15px 20px;
	background-color: #e6e4df;
	}
.testimonial-author h2 {
	margin: 0;
	padding: 0;
	color: #990000;
	font-size: 21px;
	}
.testimonial-author p {
	margin: 0 0 10px 0;
	}
.testimonial-author blockquote {
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-style: italic;
	}
body#testimonial .job-description {
	color: #878787;
	margin-left: 10px;
    }	 

/* 
-----------------------------------
RIGHT COLUMN QUOTES
-----------------------------------
 */
#right-column blockquote,
#client-testimonials blockquote {
	margin: 15px 0 0 -12px;
	padding: 3px 0 0 12px;
	font-size: 16px;
	color: #656250;
	line-height: 20px;
	background: #fff url(/image/quote-open.gif) no-repeat top left;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
#right-column p.author,
#client-testimonials p.author {
	margin: 7px 10px 0 0;
	padding-bottom: 15px;
	color: #9c3110;
	font-size: 11px;
	line-height: 13px;
	}

/* 
-----------------------------------
SPECIAL TYPE
-----------------------------------
 */
 
.noimgborder {
	border: none;
}
 
div#blurb p {
    font-size: 16px;
	line-height: 25px;
	margin: 0;
	}

body#home div#news h2 {
    font-size: 16px;
	margin: 0 0 5px 0;
	color: #9c3110;
	}

body#home div#news p {
    font-size: 12px;
	line-height: 18px;
    margin: 0;
	}

p.intro { 
    font-size: 13px;
	line-height: 20px;
	}
p.eventintro { 
    font-size: 13px;
	line-height: 20px;
	margin: 0;
	}
p.intpageauthor {
	color: #9c3110;
	text-align: right;
	}
h3.title {
	margin: 1.5em 0 0 0;
	}
p.date {
    font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #666;
	margin: 5px 0 0 0;
	}
p.publication,
p.by {
	color: #333;
	margin: 5px 0 0 0;
	}
	
p.numbers {
    font-size: 13px;
	line-height: 22px;
	}
p.numbers strong {
    font-size: 18px;
	color: #a23411;
	margin-right: 3px;
	}

a.more:link,
a.more:visited { 
    margin: 0 0 0 5px;
	padding: 1px 3px;
    font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	border: 1px solid #9c3110;
	color: #9c3110;
	background: none;
	}

a.more:hover {
    background: #9c3110;
	color: #fff;
	text-decoration: none;
	}

#column1 h2, 
#column2 h2 {
    color: #9c3110;
   /*border-bottom: 1px solid #ccc;*/
	}
	
#people-column h2 {
   color: #726e5a;
	}

dt.title { 
    font-size: 14px;
	line-height: 16px;
	}
dd.author {
    font-size: 12px;
	}
dd.publication {
	font-size: 11px;
	font-style: italic;
	color: #999;
	}
	
ul#people-list {
    margin: 10px 0 0 0;
	padding: 0;
	list-style-type: none;
	}

ul#people-list li {
    margin: 0;
	padding: 3px 0 3px 0;
	}
	
ul#people-list li a {
    font-size: 13px;
	line-height: 18px;
	margin: 0;
	padding: 0 0 0 15px;
	}
	
ul#people-list li a:link {
    color: #4a586b; 
	text-decoration: none;
	background: url(/image/bullet-people-open.gif) no-repeat 0% 50%;
	}
	
ul#people-list li a:visited {
   color: #4a586b; 
	text-decoration: none;
	background: url(/image/bullet-people-black.gif) no-repeat 0% 50%;
	}
	
ul#people-list li a:hover {
    color: #a23411;
	text-decoration: none;
	background: url(/image/bullet-people-red.gif) no-repeat 0% 50%;
	}

table.article, 
table.event, 
table.job {
    margin: 1em 0 2.5em 0;
    border: none;
	}
table.article th,
table.event th,
table.job th {
	font-size: 12px;
	font-weight: bold;
	color: #98300F;
	text-align: right;
	padding: 0 4px 8px 0;
	vertical-align: top;
    border: none;
    }
table.article th,
table.job th {
	width: 120px;
    }
table.article td,
table.event td,
table.job td {
    font-size: 12px;
	text-align: left;
	padding: 0 0 8px 4px;
	vertical-align: top;
    border: none;
    }
table.article td ul,
table.event td ul,
table.job td ul {
    margin-top: 0;
    margin-bottom: 0;
    }
table.article td ul li,
table.event td ul li,
table.job td ul li {
    margin: 0 0 .5em 1.5em;
    padding: 0;
    }

dl.directions dt {
	font-size: 12px;
	font-weight: bold;
	color: #98300F;
    }
dl.directions dd {
    font-size: 12px;
	line-height: 18px;
	margin: 0 0 5px 0;
    }

.float-right {
    margin: 0 0 5px 10px;
	float: right;
}
	
.centerimg {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

/* For Form 990 Pricing Table */
.spacing {
	padding: 0px 15px 15px 0px;
}
	
/* 
-----------------------------------
FORMS
-----------------------------------
*/
input {
    margin: 0;
	padding: 0;
	}
form {
    margin: 0;
    padding: 0;
	}
input.search {
	margin: 0 5px 0 0;
	padding: 0;
	width: 200px;
	vertical-align: middle;
	background: #C2B997;
	font-size: 11px;
	color: #4a473a;
	border: 1px solid #fff;
	}
input.search-button {
    margin: 0;
	padding: 0;
	vertical-align: middle;
	}

input.search:focus {
     background: #fff;
	}


.portaltable, 
.qbtable {
	border-collapse: collapse;
	border: 1px solid gray;
	margin: 10px 0 20px 0;
	}
.portaltable th, 
.qbtable th {
	padding: 3px 8px 8px 8px;
	font-size: 1.2em;
	background-color: #726e5a;
	color: #fff;
	}
.portaltable td, 
.qbtable td {
	padding: 8px;
	}
	
#paytable {
	margin: 0 0 20px 0;
	padding: 0;
	}	
#paytable td {
	padding: 4px 0 6px 0;
	}
	
table.form-layout {
	border: none;
	margin: 10px 0;
	padding: 0;
	}

table.form-layout td {
	font-size: 11px;line-height: 16px;
	margin: 0;
	padding: 0 0 8px 4px;
	vertical-align: top;
	text-align: left;
	}	
table.form-layout th {
	font-size: 11px;line-height: 16px;
	margin: 0;
	padding: 0 4px 8px 0;
	vertical-align: top;
	font-weight: bold;
	text-align: right;
	}	
table.form-layout td select {
	vertical-align: baseline;
	line-height: 16px;
	}	
table.form-layout td input[type='checkbox'] {
	vertical-align: baseline;
	line-height: 16px;
	margin: 2px 0 0 2px; 
	}	
table.inquiry input {
    width: 140px;
	}
		
.small {
	font-size: .8em;
	font-weight: bold;
	}

.smallred {
	font-size: .95em;
	font-weight: bold;
	color: red;
	}

#topnav ul {
	display: inline;
	margin: 0;
	padding: 0;
	}
#topnav ul li {
	display: inline;
	}

.adminnav {
	font-size: 12px;
	line-height: 14px;
	}
	
.noborder {
	border: none;
}
