/*----------------------------------------------------------------------

                           Subpages.css
Contents:
	=main
	=#main
	=#main h2
	=#main ul
	=#main ul li
	=#main p
	=#main table
	=#main img.photo_left
	=#main div.spacer20
	=fieldset ol li
	=fieldset ol li label
	=article
	=#main div.article
	=#main div.article h2
	=#main div.article p
	=#main div.article ul.photo
	=#main div.article ul.right
	=#main div.article ul.left
	=#main div.article div.article img
	=#main div.article .noborder
	=#main div.article ul.photo img
	=#main div.article ul.photo.large
	=#main div.article ul.photo.large img
	=#main div.article ul.photo.small
	=#main div.article ul.photo.small img
	=#main div.article ol
	=sidebar
	=div#sidebar
	=#footer
	=#footer-bottom	
	=#footer-bottomABS
	
	=ideas matter section
	
	CFORMS STYLING -- BASED ON CFORMS GREY_BLOCK.CSS
----------------------------------------------------------------------*/


/* ---------------------------------------

		Main
	=main
	=#main
	=#main h2
	=#main ul
	=#main ul li
	=#main p
	=#main table
	=#main img.photo_left
	=#main div.spacer20
------------------------------------------- */

#main {
	width: 640px;
	float: left;
	margin-left: 10px;
	padding-left: 20px;
	}

#main.wide {
	width: 980px;
	}
	
	#main h2 {
		font-size:25px;
		margin-top:15px;
		margin-bottom:15px;
		}
		
	#main h3 {
		font-size:18px;
		margin:25px 0 10px 0;
		}
		
	#main ul {
		margin-left:15px;
		margin-top:10px;
		margin-bottom:20px;
		}
		
		#main ul li {
			padding-top:3px;
			padding-bottom:3px;
			}
			
	#main p {
		font: 120%;
		line-height:160%;
		margin-left: 5px;
		}
		
	#main table {
		margin:10px 0;
		font-size:12px;
		}
		
	#main img.photo_left {
		float:left;
		margin:0 15px 0 0;
		padding:3px;
		border:1px solid #ccc;
		}
	
	#main div.spacer20 {
		clear:both;
		height:20px;
		width:1px;
		}
	
/*------------------------------------------------------------
		Form properties
	
	Contents:
	=fieldset
	=fieldset ol li
	=fieldset ol li label	
------------------------------------------------------------*/


/* 	Styling for Easy Contact Plugin - 
	http://wordpress.org/extend/plugins/easy-contact/
	Page: OKWUeagle.com/contact
	Added: April 2009
*/
/* COMMENTED OUT -- REPLACED WITH CFORMS -- SEET AT BOTTOM OF THIS STYLESHEET
	fieldset {
		clear: both;
		border: none;
		margin: 20px;
		}
		
	legend {
		font-size: 150%;
		margin: 0 0 10px 135px;
		}
			
	div.form-label {
		clear: both;
		width: 130px;
		float: left;
		text-align: right;
		margin: 0 10px 0 0;
		}
		
	div.form-input {
		width: 280px;
		float: left;
		}
	
	input {
		margin-bottom: 14px;
		}

	div.formcontainer p.information {
		color: #900;
		font-size: 120%;
		}
		
	div.formcontainer p.success {
		color: #090;
		font-size: 150%;
		font-weight: bold;
		}
*/
/* End Styling for Easy Contact Plugin - April 2009 */

/*		
	input#ec_option_cc {
		clear: both;
		}
		
	input.form-submit, input.form-option {
		clear: both;
		margin-left: 140px;
		}
	
*/
	

/*---------------------------------------------------------
	Article Styles
	
	Contents:
	=article
	=#main div.article
	=#main div.article h2
	=#main div.article p
	=#main div.article ul.photo
	=#main div.article ul.right
	=#main div.article ul.left
	=#main div.article div.article img
	=#main div.article .noborder
	=#main div.article ul.photo img
	=#main div.article ul.photo.large
	=#main div.article ul.photo.large img
	=#main div.article ul.photo.small
	=#main div.article ul.photo.small img
	=#main div.article ol	
	=standard 
	=ol,ul
	=resource
	=#main div.resources
	=#main div.resources h2
	=#main div.resources ul
	=#main  div.resources ul li
	=#main  div.resources li a
	=#main div.resources li a:hover
	=#main div.resources dl
	=#main div.resources dl dt
	=#main  div.resources dt a
	=#main div.resources dt a:hover
	=#main div.resources dd
	=#main div.resources dd a:hover
	
----------------------------------------------------------*/
	
	#main div.article {
		padding:10px 20px 20px 0px;
		margin-bottom:20px;
		}
		
		#main div.article h2 {
			font-size:25px;
			}
						
		#main div.article p {
			color:#222;
			font-size:12px;
			line-height:20px;
			font-family:"Lucida Grande";
			margin:12px 0;
			}
			
		#main div.article ul.photo, .wp-caption  {
			list-style-type: none;
			color: #444; 
			float:left;
			margin:0 10px 7px 0;
			background:#eee;
			padding: 7px;
			border:1px solid #ddd;
			}

		#main div.article ul.photo {
			width: 304px;
			}

		.wp-caption-text {
			color: #444;
			}

			#main div.article img, 
			.wp-caption img, 
			#main div.article a img, 
			.wp-caption a img {
				border: 2px solid #ccc;
				margin: 0;
				padding: 0;
				}

			#main div.article ul.left, .alignleft, p img.alignleft {
				float: left;
				margin: 0 10px 7px 0;
				}

			
			#main div.article ul.right, .alignright {
				float:right;
				margin: 0 0 7px 10px;
				}
								
				
			#main div.article .noborder {
				border: none;
				}
				
			#main div.article ul.photo img {
				width: 300px;
				}
				
			#main div.article ul.photo.large {
				width: 504px;
				}
				
			#main div.article ul.photo.large img {
				width: 500px;
				}
				
			#main div.article ul.photo.small {
				width: 204px;
				}
				
			#main div.article ul.photo.small img {
				width: 200px;
				}
			
			#main div.article ol {
				margin:15px 0 15px 15px;
				}

/* -----------------------------------------------------
		Sidebar Subpage		
		=sidebar
		=div#sidebar
------------------------------------------------------*/


		div#sidebar {
			width: 240px;
			float: right;
			height: 500px;
			margin: 20px 40px 0 0;
			}

		div#sidebar h3 {
			margin: 10px 0 8px 0;
			padding: 0;
			font-size: 20px;
			}
			
		div#sidebar h4 {
			margin-top: 10px;
			font-size: 16px;
			}
			
		div#sidebar ul {
			list-style-type: disc;
			margin: 5px 0 10px 10px;
			}

		div#sidebar li {
			margin-bottom: 3px;
			}

		div#sidebar p {
			margin: 7px 0 10px 10px;
			}

/* ------------------------------------------------------------
	
	Standard Lists
	
	=standard 
	=ol,ul
-------------------------------------------------------------*/

ol, ul {
	padding-left: 10px;
	}


/* ------------------------------------------------

	Resource Lists 
	
	Contents:
		=resource
		=#main div.resources
		=#main div.resources h2
		=#main div.resources ul
		=#main  div.resources ul li
		=#main  div.resources li a
		=#main div.resources li a:hover
		=#main div.resources dl
		=#main div.resources dl dt
		=#main  div.resources dt a
		=#main div.resources dt a:hover
		=#main div.resources dd
		=#main div.resources dd a:hover
		=gallery 
		=div.gallery-item
		=div.gallery-item img, div.gallery-item a img
		=div.gallery-item a img:hover
		=div.gallery-item a	
		
----------------------------------------------- */

#main div.resources {
/*	background-color: #ddd; */
	width: 580px;
	padding:0;
	margin:0;
	clear:both;
/*	background: transparent url(../images/Background-bg-mid.gif) repeat-y; */
	}
	
	#main div.resources h2 {
		margin:0px;
		height: 30px;
		padding:1px 0 5px 14px;
		font-size:18px;
		line-height: 30px;
/*		background: transparent url(../images/Background-bg-top.gif) top left no-repeat; */
		}
	
	#main div.resources ul, #main div.resources dl { 
		margin:0px;
		padding: 0 0 20px 6px;
/*		background: transparent url(../images/Background-bg-bottom.gif) bottom left no-repeat; */
		}
	
		#main div.resources ul li {
			color: #091944;
			width: 500px;
			line-height: 52px;
			list-style-type: none;
			margin: 0 0 0 10px;
			font-size: 16px;
			padding: 0;
			background: transparent url(../images/resource-button.gif) no-repeat;
			}

			#main div.resources li:hover {
				background-position: top right;
				color: #fff;
				}
		
			#main div.resources li a {
				padding: 0 30px 0 25px;
				color:#091944;				
				display:block;
				text-decoration: none;
				}
			
			#main div.resources li a:hover {
				color: #eee;
				}

			#main div.resources li a[href$=".pdf"] {				
				background: url(../images/pdficon_small.gif) 465px center no-repeat;
				}

	#main div.resources dl { 
		margin:0;
		padding: 0 0 20px 0;
		}

	
	#main div.resources dl dt {
			margin: 0;
			padding: 0 40px 0 20px;
			font-size: 20px;
/*			background-color: #5A677E; */
			color: white;
			list-style-type:none;
			}


	#main div.resources dt.top {
		margin:0;
		height: 30px;
		padding: 16px 40px 5px 20px;
		font-size:18px;
		line-height: 30px;
		}

	#main  div.resources dt a {
/*			color:#fff; */
			display:block;
			text-decoration: none;
			padding:4px;
			}

	#main div.resources dt a:hover {
/*			background:#77869F; */
			}
	
	#main div.resources dd {
/*		background-color: #5A677E;
		color: white; */
		padding: 0 90px 10px 30px;
		margin: 0;
		}	
		
	#main div.resources dd a {
/*		color: white; */
		border-bottom: 1px dotted;
		text-decoration: none;
		}	

	#main div.resources dd a:hover {
		border-bottom: 1px solid;
		}
		

/* -----------------------------------------------------------

	Gallery Item
	
	Contents:
	=gallery 
	=div.gallery-item
	=div.gallery-item img, div.gallery-item a img
	=div.gallery-item a img:hover
	=div.gallery-item a
------------------------------------------------------------ */

div.gallery-item {
	width: 270px;
	padding: 5px;
	margin: 5px;
	height: 300px;
	float:left;
	}

div.gallery-item img, div.gallery-item a img {
	width: 240px;
	padding: 5px;
	background-color: #ddd;
	border: 1px solid #aaa;
	}
	
div.gallery-item a img:hover {
	background-color: #eee;
	}

div.gallery-item p {
	margin: 3px 30px 0 0;
	padding: 0;
	text-align: center;
	font-size: 120%;
	}

div.gallery-item p a {
	text-decoration: none;
	font-weight: bold;
	}


/*----------------------------------
Footer fixes 

Contents:
=#footer
=#footer-bottom
=#footer-bottomABS
------------------------------------*/

#footer {
	width:991px;
	background: url('../images/footer.jpg') -3px 0;
	}
	
#footer-bottom {
	width:991px;
	background: url('../images/footer2.jpg') -3px 0;
	}
	
#footer-bottomABS {
	width:991px;
	background: url('../images/footer2.jpg') -3px 0;
	}



/*--------------------------------------------

CFORMS styling

from cforms' grey_blocks.css

---------------------------------------------*/

/*                                                    */
/*  main 'top-level' form elements                    */
/*                                                    */
@import "calendar.css";

.cform { 
	margin:10px auto 0 auto; 
	width: 410px; 
}

.cform fieldset	{ 
	margin-top:10px; 
	padding:5px 0 10px 0; 
	border:none;
}

.cform .cf_hidden {
	display:none; 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

.cform legend { 
	color:#353c40;
	margin:0;
	line-height:2em;
	padding: 0; 
	font-size:20px; 
	font-variant:small-caps;
}

ol.cf-ol { 
	margin:0!important; 
	padding:0!important; 
}
ol.cf-ol li	{
	background:none!important; 
	margin:2px 0!important; /*some themes may interfere otherwise*/
	padding:0; 
	list-style:none!important; 
	text-align:left;
}


/*                                                    */
/* just for text-only fields (no input)               */
/*                                                    */

ol.cf-ol li.textonly {
	padding:4px 0; 
	text-align:left;
	font: bold 14px Arial;
}


/*                                                    */
/* global definitions for field labels                */
/*                                                    */

.cform label {

	background:#E0E0E0 none repeat scroll 0%;
	color:#000000;
	font:12px Arial;
	margin:0 10px 0 0;
	padding:5px 5px 5px;
	width:140px;

	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	vertical-align:top;
}
.cform label span {
	width:140px; /* must be the same as above!*/
	display:block; 
}

label.cf-before {
	margin:0 10px 0 0; 
}

label.cf-after 	{
	margin:2px 1px 0pt 3px !important;
	width:90px;
	text-align:left;
	background:none;
	padding:2px;
	line-height:1.3em;
}

label.cf-after span {
	width:90px;
	display:block;
}

label.cf-group-after {
	margin:2px 0 0 3px!important;
	width:100px;
	text-align:left;
	padding:2px;
	background:none;
	line-height:1.3em;
}
label.cf-group-after span {
	width:100px;
	display:block;
}

/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */

.cform input,
.cform textarea,
.cform select {
	font:12px Arial;
	margin:0;
	border:1px solid #CCCCCC;
	color:#666666;
	padding:4px 5px;
	width:230px;
	vertical-align:top;
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	border:1px solid #999999;
	color:#000000;
	width:230px;
}
.cform .cf_date {
	width:210px!important;
}

.cform select,
.cform select:hover {
	width:242px; /* attempt to have equal length */
	padding: 3px 5px;
}  

.cform select.cfselectmulti	{ 
	height:7.5em; 
}

.cform textarea {
	overflow:auto;
	height:8em;
}

.cform input.fldrequired,
.cform input.fldrequired:hover{
	border-right:3px solid #ebc2c2; 
	width:228px;
}

.cform select.fldrequired,
.cform select.fldrequired:hover {
	border-right:3px solid #ebc2c2; 
	width:242px;
}

/*                                                    */
/* formatting for text:  "(required)"  & other        */
/*                                                    */

span.reqtxt,
span.emailreqtxt { 
	display:none;
}


/*                                                    */
/*   radio button title                               */
/*                                                    */

ol.cf-ol li.cf-box-title {
	font-weight:bold;
	margin:8px 0pt 0pt !important;
	padding-left:160px; /* check with label 'width' incl. */
}

/*                                                    */
/*   check boxes                                      */
/*                                                    */

.cform input.cf-box-a:hover,
.cform input.cf-box-b:hover,
.cform input.cf-box-a,
.cform input.cf-box-b 	{ 
	vertical-align:top;
	margin:2px 0 0 0; 
	width:14px!important;
	height:22px;
	border:0!important;
	background:none!important;
}

.cform input.cf-box-a 	{ 
	margin-left:160px!important; /* check with label 'width' incl. */
} 

/*                                                    */
/* check box groups                                   */
/*                                                    */

ol.cf-ol li.cf-box-group {
	font-weight:bold;
	margin:10px 0pt 0px !important;
	padding-left:160px; 
} 


/*                                                    */
/*   FORM submit button                               */
/*                                                    */

p.cf-sb {
	padding: 0!important;
	margin: 0;
	text-align:right!important;
}
.cform input.backbutton,
.cform input.resetbutton,
.cform input.sendbutton	{ 	
	border:none!important;
	background:transparent url(../../../plugins/cforms/images/grey_block_submit.jpg) no-repeat 0 0;
	color:#FFFFFF;
	cursor:pointer;
	font:14px Arial;
	height:31px;
	line-height:31px;
	margin: 0px 7px 10px 0px;
	padding: 0 0 5px;
	width:72px;
}
.cform input.sendbutton:hover	{ 
	background-position:0 -31px;
}
.cform input.resetbutton {
}
.cform input.backbutton {
}


/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */
ol.cf-ol li.cf_li_err {
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
	padding:10px 0!important;
	margin:5px 0!important;
}

ol.cf-ol li ul.cf_li_text_err {
	margin:0 0 0 160px;
	padding:0;
	color:#333;
}

ol.cf-ol ul.cf_li_text_err li {
	background:url(icon-alert.png) no-repeat left 1px!important;
	list-style:none!important;
	font-weight:bold;
	text-indent:0;
	margin:0 0 2px!important;
	padding-left:15px;
}
ol.cf-ol ul.cf_li_text_err li:before {
	content:'';
}

/*                                                    */
/* 'visitor verification' related styles              */
/*                                                    */

#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
	width:50px!important;
	padding: 4px 4px;
	margin: 0;
}

img.captcha	{
	vertical-align:top;
	margin:0 0 0 10px!important;
	padding:0!important;
	border:none!important;
	float:none!important;
}

img.captcha-reset {
	vertical-align:text-bottom;
	background:	url(captcha_reset_grey.gif) no-repeat;
	margin:0 0 2px 3px;
	width:21px;
	height:21px;
}
img.imgcalendar {
/*	
	position:relative;
	top:4px;
*/
}

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

div.cf_info {
	color:#333;
	display:none;
	padding:10px 15px!important;
	width:380px;
	line-height:1.3em;
	margin:10px auto;
}
div.cf_info ol {
	margin:0;
	padding:5px 15px 0 30px;
}
div.cf_info ol li {
	padding:1px 0;
	margin:2px 0;
}
div.cf_info a	{
	color:#d13d3d!important;
	text-decoration:underline!important;
}
div.success {
	background:#F5F5F5 none repeat scroll 0%;
	color:#888888;
	display:block;
}
div.failure {
	display:block;
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
}
div.waiting {
	background:#F9F9F9;
	color:#AAAAAA;
	display:block;
}
/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */
.cform input.cf_error,
.cform input.cf_error:hover {
	color:#d13d3d;
	border-right:6px solid #d13d3d; 
	width:225px;
}
.cform select.cf_error,
.cform select.cf_error:hover {
	color:#d13d3d;
	border-right:6px solid #d13d3d; 
}

div.mailerr {
	display:block;
}
.mailerr,
.cform .cf_errortxt {
	color:#d13d3d;
}
/*                                                    */
/* disabled fields [disabled] does not work on IE!    */
/*                                                    */

[disabled] {
	color:#dddddd;
	border-color:#dddddd!important;
	background:none!important;
}
.disabled {
	border-color:#dddddd!important;
}

/*                                                    */
/* upload box styling                                 */
/*                                                    */
.cform input.cf_upload  {
	width:242px;
	background: #f9f9f9;
	border:1px solid #888888;
}
html:root .cform input.cf_upload { 			/* FF only */ 
	margin-top:4px;
}
.cform input.cf_upload:hover  {
	width:242px!important;	
}
/*                                                    */
/*  Other: link love                                  */
/*                                                    */
.linklove {
	width:410px;
	margin:0 auto 10px!important;
	padding:0!important;	
	text-align:right!important;
}
.linklove a,
.linklove a:visited {
	font:10px Tahoma;
	color:#aaaaaa!important;
}

/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
* html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
*+html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
* html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: -8px; 
}
*+html .cform legend { 
	position:absolute; 
	top: -10px; 
	margin-left:-8px;
}

* html ol.cf-ol,
* html ol.cf-ol li	{
	display: inline-block;  /*for ie6*/
}
*+html ol.cf-ol,
*+html ol.cf-ol li	{
	display: inline-block;  /*for ie7*/
}
* html .cform select {
	margin-top:3px;
}
*+html .cform select {
	margin-top:3px;
}
* html img.captcha {
	margin-top:1px!important;
}
*+html img.captcha {
	margin-top:1px!important;
}

* html .cform label {
	margin-top:1px;
}
*+html .cform label {
	display: inline-block; /*for ie7*/
	margin-top:1px;
}


/* -----------------------------------------

	Ideas Matter Section 
	
-------------------------------------------- */

ul.articles-list {
	margin:0;
	padding:0;
	}

ul.articles-list li {
	list-style-type: none;
	}
	
ul.articles-list li a {
	display: block;
	text-decoration: none;
	padding: 10px 5px;
	border-bottom: 1px dashed #ccc;
	}
	
ul.articles-list li a:hover {
	background-color: #ddd;
	color: #000066;
	}