/* CSS Document */

/* CLEAR DEFAULTS & SET PAGE
---------------------------------------------------*/
html								{margin: 0px; padding: 0px;}
body 								{position: relative; width: 100%; margin: auto; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px; color:#000;  background:url(../images/bkg_interior.jpg) top center repeat;}

h1, h2, h3, h4, h5, h6, li, 
ol, ul, form, fieldset, input,
p, blockquote, img, label			{margin: 0px; padding: 0px; list-style:none}
img									{border: none}
table, tr, td, th					{/*padding: 0px; margin: 0px;*/ vertical-align:top; border-collapse:collapse; border: none}/* sets declarations for all tables throughout the site */
table th							{text-align: right; speak-header: always; width: 25%; padding-right: 8px}
th									{speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/
a:link, a:visited					{color: #95310d; text-decoration:underline; font-weight:bold; cursor: pointer}
a:hover, a:active					{color: #bd842a; text-decoration:none; cursor: pointer;}
input, select,
textarea							{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; width: 320px}
label								{cursor: pointer; margin-bottom: 5px}

/* BRANDING / NAVIGATION
---------------------------------------------------*/
#branding							{position:relative; top:25px; padding:0px 0px 50px 13px; width:990px; clear:both;}
#branding ul 						{position:relative; height:22px; padding:0px; clear:both;}
#branding ul li						{display:block; float:left; padding:0px 11px 0px 11px; margin:0px; border-right:2px solid #dccaa2;}
#branding .last						{padding:0px 0px 0px 11px; border-right:none; margin:0px;}

#branding li a:link,
#branding li a:visited				{margin-top:7px; font-size:12px; color:#95310d; text-decoration:none;}
#branding li a:hover,
#branding li a:active				{color:#bd842a; text-decoration:none;}
		
#branding blockquote				{position:relative; float:right; padding:0px 60px 30px 0px;}


/* BOXES
--------------------------------------------------*/
#container							{position:relative; width:1003px; margin:0px auto;}
#content							{position:relative; width:983px; padding:0px 0px 0px 20px;}
#contentbox							{position:relative; width:620px; float:left; margin:0px 58px 0px 0px;}
#sidebar							{position:relative; width:225px; max-height: 495px; float:left; padding:20px 15px 30px 15px; background:url(../images/bkg_sidebar.gif) no-repeat;}
* html #sidebar						{margin-bottom: -100px;}
#sidebtns							{position:relative; width:114px; float:right; right:55px; padding:15px 0px;}
#sidebtns img						{padding:0px 5px;}


/* CONTENT FORMATTING
---------------------------------------------------*/
#content ul, #content ol			{margin: 10px 5px 20px 20px}
#content li							{margin-bottom: 8px; margin-left: 20px; list-style:disc;}
#content ul li						{list-style:url(../images/bullet.gif); color:#000; margin:0px 0px 10px 10px;}
#content ol li						{list-style:decimal;}
#content ol li ol li				{list-style: lower-alpha; margin-bottom: 5px}
#content p							{margin: 0px 0px 20px 0px; line-height: 16px}
#content h1							{font-family:Arial, Helvetica, sans-serif; font-size:26px; line-height:24px; margin:0px 0px 10px 0px; padding:0px; color:#95310d; font-weight:bold;}
#content h2							{font-size:18px; line-height:18px; margin:0px 0px 20px 0px; color: #bd842a; font-weight:bold;}
#content h3							{font-size:14px; margin:0px 0px 10px 0px; color: #53443e; font-style:bold;}
#content h4							{font-size:15px; line-height:18px; color: #bd842a; font-weight:bold; font-style:italic; margin:0px 0px 10px 0px;}
#content h5							{font-size: 12px; color: #53443e; font-weight:normal; margin:0px 0px 10px 0px;}
#content cite						{margin-left: 10px}
#content .small						{font-size:11px; margin:0px 0px 20px 40px;}

#breadcrumbs						{font-size:11px; font-weight:bold; color:#824d0e; margin: 0px 0px 30px 0px;}
#breadcrumbs a:link,
#breadcrumbs a:visited				{font-size:11px; color:#824d0e;}
#breadcrumbs a:hover,
#breadcrumbs a:active				{font-size:11px; color:#bd842a;}

#content table						{position:relative; margin:10px 0px 30px 0px; left:40px;}
#content table#recaptcha_table { left: 0px; }
#content table td					{font-size:12px; padding:0px 5px;}
#content table .line				{border-right:1px solid #95310d;}

#content h5 a:link,
#content h5 a:visited				{font-size:12px; color:#53443e; font-weight:normal;}
#content h5 a:hover,
#content h5 a:active				{font-size:12px; color:#95310d;}

#content blockquote .col1			{position:relative; width:200px; float:left;}
#content blockquote .col2			{position:relative; width:200px; float:left;}
#content blockquote .col3			{position:relative; width:200px; float:left;}
#content blockquote li				{margin-bottom: 8px; margin-left: 20px; list-style:disc;}
#content blockquote ul li			{list-style:url(../images/bullet.gif); color:#000; margin:0px 0px 10px 10px;}

#content blockquote .first_col		{width:227px; float:left; margin:0px 15px 36px 0px;}
#content blockquote .second_col		{width:218px; float:left; margin:0px 20px 36px 0px;}
#content blockquote .third_col		{width:227px; float:left; margin:0px 15px 36px 0px;}
#content blockquote .fourth_col		{width:218px; float:left; margin:0px 0x 0px 0px;}
#content blockquote span			{font-weight:bold; font-style:italic; color:#bd842a;}


.divider							{width: 933px; margin:0px 0px 15px 0px;}
.photo 								{border:2px solid #298662;}
.photoLeft, .photoRight				{border:2px solid #298662; float: left; margin: 0px 20px 10px 0px}
.photoRight							{float: right; margin: 0px 0px 15px 20px;}
.photoLeft							{float: left; margin: 0px 20px 15px 00px;}
.photoMain							{position:absolute; top:-23px; right:-8px; z-index:300;}
.clear								{clear:both;}
.red								{color:#963008;}


/* SITE INFO (footer)
---------------------------------------------------*/
#siteinfo 							{position:relative; height:23px; clear: both; display:block; margin:0px auto; text-align:center;}
#siteinfo cite 						{font-size:10px; color:#53443e; font-style:normal;}

#siteinfo a:link,
#siteinfo a:visited					{color:#53443e; text-decoration:underline; font-weight:normal;}
#siteinfo a:hover,
#siteinfo a:active					{color:#95310d; text-decoration:none;}


/* FORM
---------------------------------------------------*/
.form_row							{position: relative; margin:10px 0px 15px 0px; clear:right; height:30px}
.form_row2							{height:90px}
.form_row table td					{padding:0px; height:30px;}
.form_row table select,
.form_row table input				{width:5px;}
.form_row span,
.form_row2 span						{width:10px; margin-top:3px; float:left; color:#963008;}
label								{width:200px; margin-top:3px; float:left; padding:0px 10px 0px 0px;}
.form_row table label				{width:75px;}

.form_row2 input, .form_row2 select,
.form_row2 textarea					{width:20px}
.form_row2 label					{width:165px}
.form_row2 table label				{width:105px;}
.form_row2 table .quote_txt_box		{margin-top:5px;}

/* PAGE SPECIFIC
---------------------------------------------------*/
#pgnonprofits #content blockquote .first_col			{width:550px; float:left; margin:0px 30px 36px 0px;}
#pgnonprofits #content blockquote .second_col			{width:300px; float:left; margin:0px 20px 36px 0px;}
#pgnonprofits #content ul li							{list-style:url(../images/bullet.gif); color:#000; margin:0px 0px 5px 3px;}

#pgpolitical #content blockquote .first_col				{width:500px; float:left; margin:0px 50px 36px 0px;}
#pgpolitical #content blockquote .second_col			{width:350px; float:left; margin:0px 20px 36px 0px;}
#pgpolitical #content ul li								{list-style:url(../images/bullet.gif); color:#000; margin:0px 0px 5px 3px;}
#pgpolitical #content ul ul li							{list-style:url(../images/bullet-sq.gif); color:#000; margin:0px 0px 5px 3px;}

#pgpolitical #content table						{position:relative; margin:10px 0px 20px 0px; left:0px;}
#pgpolitical #content table td					{font-size:12px; padding:0px 5px;}
#pgpolitical #content table .line				{border:none;}
#pgpolitical #content							{width:927px;}


/*HOME
---------------------------------------------------*/
#pghome #branding					{padding:0px 0px 0px 0px; width:1003px;}
#pghome #branding ul 				{position:relative; height:22px; padding:0px 0px 15px 23px;}
	
#pghome #branding blockquote		{position:absolute; right:40px; top:90px;}

#pghome #content					{position:relative; width:973px; float:right; padding:0px 0px 55px 10px;}
* html #pghome #content				{padding:80px 0px 40px 20px;}
#pghome #content h1					{font-size:18px; margin:0px 0px 5px 0px; padding:0px; color:#95310d; font-weight:bold;}

#pghome #content blockquote 		{position:relative; top:50px;}
#pghome #content blockquote .first	{width:200px; float:left; margin:0px 40px 0px 0px; font-size:11px;}
#pghome #content blockquote .second	{width:200px; float:left; margin:0px 40px 0px 0px; font-size:11px;}
#pghome #content blockquote .third	{width:200px; float:left; margin:0px 40px 0px 0px; font-size:11px;}
#pghome #content blockquote .fourth	{width:245px; float:left; margin:0px 0x 0px 0px;}


/* Featured Projects Sidebar
---------------------------------------------------*/
.yui-carousel
{
	visibility:hidden;
	overflow:hidden;
	position:relative;
	text-align:left;
	zoom:1; 
	left:-20px;
	top: -125px;
}

.yui-carousel.yui-carousel-visible
{
	visibility:visible;
}

.yui-carousel-content
{
	overflow:hidden;
	position:relative;
	max-width:250px;	
	margin-left: 17px;
}

* html .yui-carousel-content
{
	width: 240px;
}


.yui-carousel-element
{
	margin:5px 0;
	overflow:hidden;
	padding:0;
	position:relative;
	width:32000px;
	z-index:1;
}

.yui-carousel-element li
{
	float:left;
	list-style:none;
	margin:1px;
	overflow:hidden;
	padding:0;
	text-align:center;
	*float:none;
	*display:inline-block;
	*zoom:1;
	*display:inline;
}

.yui-log .carousel
{
	background:#f2e886;
}

.yui-carousel-nav
{
	zoom:1;
}

.yui-carousel-nav:after
{
	clear:both;
	content:"";
	display:block;
}

.yui-carousel-min-width .yui-carousel-content
{
	margin:0 auto;
}
 
.yui-carousel select
{ 
	display: none;
	visibility: hidden;
}

.yui-carousel-element li 
{
	text-align: left;
} 

#imagecontainer 
{
	font-size: 13px;
	margin: 0 auto;
	padding-top: 0px;
}
	  
#imagecontainer .item 
{
	display: inline;
	margin: 0;
	overflow: hidden;
	padding-right: 50px;
	width: 200px;	
}
#imagecontainer #carousel { margin: 0; }

* html #imagecontainer .item 
{
	display: inline;
	margin: 0;
	overflow: hidden;
	padding-right: 55px;
	width: 190px;
}

#imagecontainer button
{
	visibility: hidden;
}

#prev_button, #next_button
{	
	cursor: pointer;
}

#imagecontainer .item h3
{
	margin-top: 50px;
	*margin-top: 60px;
}

#project_nav
{
	position: relative;
	z-index: 100;
	top: 300px;
	*top: 310px;
	right: 1px;
}

#sidebar h2	
{
	margin-bottom: 0px;
}

*html #sidebar h2	
{
	margin-bottom:30px;
}

.item h3, .item h5, .item p
{
	*overflow: hidden;
}

.item h3
{
	*height: 35px;
}

.item h5
{
	*height: 15px;
}

.item p
{
	*height: 150px;
}