/* ******************************************************************** */
/* Maine Association of Nonprofits */
/* Global Style Sheet */
/* Version 1.0 08.10.04 */
/* Author: Digital Goat - www.digitalgoat.net*/
/* ******************************************************************** */
/*
/* 
336633 dark green
669966 lighter green
CCCCCC grey for level 2 nav off
CCCC99 khaki for level 1 nav off
336633 dark green for nav on
*/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

/* new */
#mainwrapper {
	border:1px solid #336633;
	margin: 0px auto 20px auto;
	text-align:left;
	width:780px;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background-color:#ffffff;
}

/* default hyperlink styles */
a:link, a:visited, a:hover {
	color: #336633;
	text-decoration: underline;
}

a:active {
	color: #336633;
	text-decoration: underline;
}

/* overrides decoration from previous rule for hovered links */
a:hover {
	text-decoration: underline;
	color: #000000;
}

a:active {
	color: #336633;
	text-decoration: underline;
}

/* set up some heading styles */
h1, h2, h3, h4, h5, h6 {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin: 0; padding: 0;
}

h1{
 font-size:1.2em;
 color: #336633;
 font-weight:bold;
}

h2{
 font-size: 1em;
 color: #336633;
 font-weight:bold;
}

h3{
 font-size: .9em;
 color: #336633;
 font-weight:bold;
}

h4{
 font-size: .9em;
 font-weight: normal;
 color: #000000;
}

h5{
 font-size: .8em;
 color: #000000;
 font-weight:bold;
}

ul { /* all unordered lists site-wide */
	/* we definitely override this for related items boxes */
	margin-top: 0;
}

ul li { /* unordered list items only */ }

/* remove border for images with links */
a img {
	border-color:black;
}


div.middlecolcontent p {
	margin-bottom: 15px; /* change from 20px to 15px 4/19/2007, flip padding from top to bottom, 2007-03-21 */
}

div.middlecolcontent h1, div.middlecolcontent h2, div.middlecolcontent h3 {
	margin-bottom: 10px; /* flip padding from top to bottom, 2007-03-21 */
}


/*******************styles for top of page *******************/
table#header {
	width: 100%;
	background-color: #CCCC99;
	border-bottom: 1px solid #ffffff;
}

table#header td#header_logo {
	padding: 20px 10px 10px 20px;
	width: 224px;
}

/* links at top right */
table#header td#top_links {
	vertical-align: top;
}

table#header td#top_links #top_links_table {
	margin: 0px 10px 0px 0px;
	float: right;
	font-size:small;
}

table#header td#top_links #top_links_table td {
	border-left: 2px solid #336633;
	padding: 20px 8px 0px 8px;
}

table#header td#top_links #top_links_table a {
	text-decoration:none;
	font-weight: bold;
	color: #000000;
	font-size: x-small;
}

table#header td#top_links #top_links_table a:hover {
	color: #ffffff;
}

table#header td#top_links #top_links_table .search_arrow:hover {
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
}


/* signed-in status bar */
table#header td#sign_in_status {
	vertical-align: bottom;
}

table#header td#sign_in_status table#sign_in_status_table {
	background-color: #4E814E;
	float: right;
	font-size: x-small;
	color: #ffffff;
}

table#sign_in_status_table a:link, table#sign_in_status_table a:visited {
	color: #ffffff;
	text-decoration: underline;
}

table#sign_in_status_table a:hover {
	text-decoration: underline;
	color: #CCCC99;
}

table#sign_in_status_table td#sign_in_status_td_right {
	padding-right: 10px;
}

/*******************end styles for top of page *******************/

table#body_table { /* table containing everything below header on subpages */
	border: 0;
	border-top: 1px solid #669966;
	width: 100%;
	background-color: white;
}

td#body_table_main_td { /* main content cell on subpages */
	border-left: 1px solid #669966;
	width: 100%;
	text-align: left;
}

td#body_table_main_bottom_td { /* bottom cell containing address on subpages */
	border-left: 1px solid #669966;
}

.searchform {
	display:inline;
	margin:0px;
	padding:0px;
}

.searchform INPUT {
	font-size: small;
	width:100px;
	margin:0px;
	margin-right: 3px;
	padding:0px;
	vertical-align: middle;
}

INPUT.gobutton {
	background-color: #336633;
	color: #EFEFDF;
	border-color: #668C66;
	font-size: xx-small;
	padding: 0px;
	vertical-align: middle;
	width: auto;
	margin: 0px;
}

INPUT.search_arrow {
	vertical-align: middle;
	width: 52px;
	height: 8px;
	margin-left: 6px;
}

INPUT.searchbutton {
	width:18px;
	height:15px;
	margin:0px;
	margin-bottom:2px;
	vertical-align:bottom;
}

.searchtext {
	margin:0px;
	padding:0px 5px 0px 5px;
	border-left:2px solid #ffffff;
}

td.leftcol {
	width:160px;
	vertical-align:top;
	border-right:1px solid #ffffff;
	height:100%;
	background-color:#336633;
	font-size:.7em;
}

table.border_right_white {
	height:100%;
	width:100%;
	border-right:1px solid #ffffff;
}

td.border_right_white {
	height:100%;
	width:100%;
}

.leftcol {
}

table.leftnav {
	border-top: 1px solid #ffffff;
}

a.leftnav_level1 {
	display:block;
	font-weight:bold;
	padding:5px 0px 5px 10px;
	border-bottom:1px solid #ffffff;
	width:150px;
}

a.leftnav_level1:link,a.leftnav_level1:visited,a.leftnav_level1:hover {
	color:#336633;
	text-decoration:none;
	background-color:#CCCC99;
}

/* nov override hover style */
a.leftnav_level1:hover {
	color: #ffffff;
	background-color:#336633;
	text-decoration:none;
}

a.leftnav_level1_active {
	display:block;
	font-weight:bold;
	padding:5px 0px 5px 10px;
	border-bottom:1px solid #ffffff;
	width:150px;
}

a.leftnav_level1_active:link,a.leftnav_level1_active:visited,a.leftnav_level1_active:hover {
	color:#ffffff;
	text-decoration:none;
	background-color:#336633;
}

a.leftnav_level2 {
	display:block;
	font-weight:bold;
	padding:5px 0px 5px 20px;
	border-bottom:1px solid #ffffff;
	text-decoration:none;
	width:140px;
}

a.leftnav_level2:link,a.leftnav_level2:visited,a.leftnav_level2:hover {
	color:#336633;
	text-decoration:none;
	text-decoration:none;
	background-color:#CCCCCC;
}

/* nov override hover style */
a.leftnav_level2:hover {
	color: #ffffff;
	background-color:#669966;
	text-decoration:none;
}

a.leftnav_level2_active {
	display:block;
	font-weight:bold;
	padding:5px 0px 5px 20px;
	border-bottom:1px solid #ffffff;
	width:140px;
}

a.leftnav_level2_active:link,a.leftnav_level2_active:visited,a.leftnav_level2_active:hover {
	color:#ffffff;
	text-decoration:none;
	background-color:#669966;
}

div#social {	
	text-align:left;
	padding:20px 0px 20px 10px;
	background-color:#336633;
}

div#social h2 {
	color:#fff;
	font-size:1.2em;	
}

div#social ul {
	list-style-type:disc;
	font-size:1em;
}

div#social a:link {
	text-decoration:none;
	color:#CCCC99;
	/*color:#555555;*/
}

div#social a:visited {
	text-decoration:none;
	color:#CCCC99;
	/*color:#555555;*/
}

div#social a:hover {
	text-decoration:underline;
	color:#FFF;
}

div#social a:active {
	text-decoration:underline;
	color:#FFF;
}

.middlecol {
	margin:0px;
	padding:0px;
	padding:0px 0px 20px 20px;
}

table#pageheader_table { /* table wrapping page headers */
	width: 610px;
}
td#pageheader_table_middlecol { /* primary cell in above */ }

table#pagecontent_table { /* table wrapping main page content */
	width: 610px;
}
td#pagecontent_table_middlecol { /* primary cell in above */
	width: 100%;
}

.middlecolheader {
	padding:0px 0px 0px 20px;
}

div.middlecolcontent {
	font-size:small;
	width:100%;
	padding-top: 20px; /* globally apply padding to the top of this body div, 2007-03-21 */
}

.receiptbody {
	width:600px;
	margin:10px;
}

.receiptcontent {	
	font-size:small;
	/*padding:10px;*/
}

td.rightcol {
	vertical-align:top;
	height:100%;
	width: 160px;
}

.rightcol {
	text-align:left;
	background-color:#ffffff;
	width: 160px;
}

.rightcolcontent {
	font-size:small;
	padding-top: 20px; /* globally apply padding to the top of this body div, 2007-03-21 */
}

.rightcolcontent p {
	padding: 20px 0px 0px 0px;
	padding: 0px 0px 20px; /* flip padding from top to bottom, 2007-03-21 */
	margin:0px;
}

.pageheader {
	font-size:x-large;
	font-family:Georgia,"Garamond","Times New Roman", Times, serif;
	padding:0px 0px 0px 0px;
	color:#336633;
	width:100%;
	letter-spacing:.1em;
}

ul.sitemap { /* sitemap page */
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
ul.sitemap h2 {/* headers within sitemap */
	margin-bottom: 5px;
}
ul.sitemap li { /* first layer of li w/in sitemap */
	margin-bottom: 15px;
}
ul.sitemap ul { /* embedded lists */
	list-style-type: disc;
}
ul.sitemap li li { /* 2nd level of nesting */
	margin-bottom: 0px;
}

.sitemaphead {
	font-size:medium;
	font-weight:bold;
	color: #336633;
	margin-top:10px;
	margin-bottom:5px;
	/*border-bottom:1px solid #336633;*/
}

.pagesubheader {
	font-size:medium;
	font-family:Georgia,"Garamond","Times New Roman", Times, serif;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin-bottom:5px;
	color:#999966;
	width:100%;
}

.breadcrumbs {
	border-top:1px solid #336633;
	font-size:xx-small;
	padding:5px 0px 0px 0px;
	margin:0px;
	color:#336633;
	width:100%;
}

.footer {	
	padding:10px 0px 0px;
	border-top:1px solid #336633;
}

.address {
	font-size:x-small;
	text-align:center;
	margin-bottom: 10px;
}

div.bottomnav {
	text-align: center;
	padding: 5px 0px;
	color: #ffffff;
	background-color: #336633;
	font-size: x-small;
}

.webcredit {
	padding:0px 20px 5px 20px;
	font-size:x-small;
	margin-top:5px;
}

.webcredit a, div.bottomnav a {
	color: #ffffff;
}

div.border_right_white {
	margin:0px;
	padding:0px;
	height:100%;
	border-right:1px solid #ffffff;
}

img.border_right_white {
	margin:0px;
	padding:0px;
	border-right:1px solid #ffffff;
}

img.border_right_bottom_white {
	margin:0px;
	padding:0px;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}

img.img_left_aligned {
	float:left; clear: left;
	margin: 0px 6px 6px 0px;
}

img.img_right_aligned {
	float: right; clear: right;
	margin: 0px 0px 6px 6px;
}

li.bottompadding {
	padding-bottom:10px;
}

.coursecomment {
	color:#FF0000;
	font-style:italic;
}

table.noBorder {
	margin:0px;
	padding:0px;	
	border-collapse:collapse;
	width:99%;
}

td.noBorder {
	vertical-align:top;
	margin:0px;	
	padding:8px;	
}

td.noBorderCenter {
	margin:0px;	
	margin-top:10px;
	text-align:center;
	border:0px solid red;	
}

.greenbox {
	border:1px solid #336633;
	padding:5px;
}

.caption {
	font-size:xx-small;
	text-align:center;
}

.errorText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #CC0033;
	font-weight:bold;
}

.searchHeader {
	clear:both;
	width:98%;
	background-color:#669966;
	color:#ffffff;
	font-weight:bold;
	padding:2px 0px 5px 5px;
	margin-top:5px;
	margin-bottom:5px;
	height:1em;
}

span.left {
	float:left;
	text-align:left;
}

span.right {
	float:right;
	text-align: right;
	margin-right:20px;
}

.pagingControls {
	text-align:center;
}

.skillbuilderMessage {
	font-weight:normal;
	color: #FF0000;
	border:2px dotted #FF0000;
	padding:5px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.skillbuilderSubMessage {
	font-size:smaller;
	border:0px;
}

div.skillbuilder_detail_sidebar {
	width: 250px;
	float: right;
	border: 1px solid #CCCC99;
	padding: 5px;
	margin: 0px 0px 5px 5px;
}


.relatedoptionselect {
	font-family: Verdana,Arial,sans-serif;
	/*font-size:small;*/
	width:98%;
}

.note {
	margin:10px 0px 5px 0px;
	color:#333333;
	font-size:smaller;
	/*font-size:x-small;*/
}

.manp_online_note {
	margin:3px 0px;
	color:#666666;
	font-size:smaller;
	border:2px dotted #cccccc;
	padding:3px;
}

/* ***************************** manp online pages *********************** */

table#manp_online_info { /* manp online personal and organizational info */
	width: 584px;
	margin: 0; padding: 0;
	border-collapse: collapse;
}

table#manp_online_info td { /* cells of above */
	width: 48%;
	padding: 0; margin: 0;
	vertical-align: top;
	text-align: left;
}

table#manp_online_info td.spacer { /* spacer cell in above */
	width: 4%;
}

/* ********************************************************************* */

.checkout_steps {
	margin-top:10px;
	font-size:10px;
	text-align:center;	
}

table.checkout {
	border-collapse:collapse;
	border:0px;
	padding:0px;
	margin:0px;
}

td.checkout_complete {
	border:1px solid #336633;
	background-color:#CCCC99;
	margin-right:3px;
	padding:2px;
	height:100%;
	width:80px;
	vertical-align:middle;
}

td.checkout_current {
	border:1px solid #336633;
	background-color:#669966;
	color:#ffffff;
	font-weight:normal;
	margin-right:3px;
	padding:2px;
	height:100%;
	width:80px;
	vertical-align:middle;
}

td.checkout_incomplete {
	border:1px solid #336633;
	background-color:#ffffff;
	margin-right:3px;
	padding:2px;
	height:100%;
	width:80px;
	vertical-align:middle;
}

.sb_viewnav {
	padding:5px 0px 10px 0px;
	font-size:x-small;
}

/* additive classes to specify width */
.fullwidth { /* whatever box-level element should be 100% */
	width: 100%;
}

.null_class { /* this class does NOTHING.  it is used in dreamweaver templates to avoid class="" */
	/* remember, this does NOTHING */
}

/***********************************************/
/* Newsletter tag styles                             */
/***********************************************/ 

span.newsletter_head {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#E06F1D;
	font-size:11px;
}

#newsletter_contents p{
	margin-top: 4px;
	margin-bottom: 6px;
	padding: 0px;
	font-size:11px;
}

.newsletter_contents {
border:1px solid #669966;
padding: 5px 5px 5px 5px;
}

/************************ Principles & Practices Pages ***********************/

table#pp_columns {
	width: 100%;
	clear: both;
}

table#pp_columns td {
	vertical-align:	top;
}

table#pp_columns td#pp_subcat_leftcol {
	width: 70%;
}

table#pp_columns td#pp_subcat_rightcol {
	width: 30%;
}

div#pp_cat_header { /* inline header for the category/subcategory */
	margin: 0px 0px 15px; /* dumped top padding, now done by container, 03-21-07 */
}

div#pp_cat_header h3 { /* inline page headings on P&P category & subcategory pages */
	display: inline;
	color: #336633;
	font-weight: bold;
	font-size: 120%;
}

div.pp_subcat_list { /* subcategory list on p&p category pages */}

div#pp_cat_body { /* central body of pp category pages */ }
div#pp_cat_editable { /*editable region of pp category pages */ }
div#pp_subcat_body { /* central body of pp subcategory pages */ }
div#pp_subcat_editable { /*editable region of pp subcategory pages */ }
div#pp_walk_body { /* body/editable region of walk the talk pages */ }

div#pp_subcat_editable ol { /*numbered lists on subcat pages */ 
	list-style-type: decimal;
	margin-top: 0; padding-top: 0;
}

div#pp_subcat_editable ol li ol { /* 2nd-level lists on subcat pages*/
	list-style-type: lower-alpha;
}

div#pp_cat_editable img { /* all images within the editable region on category pages */
	 float: left; clear: left;
	 margin: 0px 8px 8px 0px;
	 border: 1px solid black;
}
 
.pp_cat_body_image { /* clipart images on pp category pages */ }


/* ******************** Related Info Callouts/Boxes ***************************** */

div.related_items { /*list of items related to current view */
	width: 200px;
	float: right; clear: right;
	border: 1px solid #CCCC99;
	margin: 0;
	padding: 7px;
	margin-bottom: 10px;
	margin-left: 10px;
	background-color: #EFEFDF;
}

div.related_items h1 {
	font-weight: bold;
	margin-bottom: 5px;
	font-size:110%;
}

div.related_items h2, div.related_items h3 {
	font-weight: bold;
	margin-bottom: 2px; padding-bottom: 0;
}

div.related_items ul {
	list-style-type: none;
	padding: 0;	margin: 0;
}

div.related_items ul li {
	padding: 0;	margin: 0;
	margin-bottom: 8px;
}

div.related_items p {
	margin: 0 0 10px;
	padding:0px;
}

div.related_items li img { /* e.g. a document type icon */
	vertical-align: middle;
}
	
div.related_items div { /* additional divs within a related items div (subgroupings) */
	margin-bottom: 15px;
}

/* specific lists we might want to override */
div.skillbuilders_on_resource_lib { /* specific to related skillbuilders list on resource lib page */
	margin-top: 3px /* to try to line up with header */
}

div.related_pp_resources { /* specific to related resources on pp subcategory pages*/}
div.pp_online_link_list { /* list on p&p online page of external resources */ }
div.related_pp_resources ul, div.pp_online_link_list ul {
	list-style-type: disc;
	margin-left: 1.5em;
}

div.related_pp_resources ul li, div.pp_online_link_list ul li {
	margin-bottom: 0;
}

div.pp_cat_additional_resources { /* right col on category pages */ }
div.pp_subcat_additional_resources { /* right col on subcategory pages */ }
div.search_member_dir { /* message on members-only error page inviting you to search for yourself */ }
div.skillbuilder_detail_page {/*right col on skillbuilder detail */
}

div.shared_asset_box { /* shared asset that MANP can drop in */ }

/* ******************** Document Icons ********************** */

img.members_only_icon {
	vertical-align: middle;
	border: 0;
}

img.document_icon { /*all filetype icons (pdf, etc) */
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin: 0px 3px;
}

img.pdf_icon, img.doc_icon, img.xls_icon, img.ppt_icon { /* specific filetype icons */}

img.pdf_icon { /* PDF Icon */
	width: 17px; /* for some reason this one's different */
}

/* ******************************************************************* */

div.access_error_page { /* div containing entire page body of error page for members-only (or logged-in) access */
	/* margin-top: 20px; */ /* dumped top padding, now done by container, 03-21-07 */
}

div.access_error_page h2, div.access_error_page h3 {
	margin-bottom: 10px;
}

div.access_error_page h1 { /* deal with included login form that has h1's */
	font-size: 1em;
}
div.access_error_page hr {
	color: #CCCC99; background-color: #CCCC99; height: 1px;
}

/* *************************** MANP ONLINE ************************** */
table.manp_online_splash {
	margin-top: 15px;
	border-collapse: collapse;
}

table.manp_online_splash td {
	vertical-align: top;
	width: 33.33%;
	border: 1px solid #CCCC99;
	padding: 5px;
}

table.manp_online_splash h3 {
	margin-bottom: 10px;
}

p.debug_sql { /* SQL debugging messages */
	font-size:	smaller;
	margin: 0;
	padding: 0;
	padding-bottom: 2px;
	margin-bottom: 3px;
	border-bottom: 1px solid blue;
}

/* inline quote styles with quote images */

.inline_quote {
	width: 250px;
	float: right;
	display: inline;
	padding: 5px 0px 5px 15px;
	margin: 10px 0px 10px 20px;
	border-left: 1px solid #669966;
}

.inline_quote img.quote {
	float: left;
	padding: 0 7px 0 0;
}

.inline_quote img.quoteEnd {
	display: inline;
	padding: 0;
	margin: -4px 0 0 0;
	position: relative;
	top: 5px;
}

.inline_quote h3 {
	margin: 0;
	padding: 7px 0 8px 0;
	line-height: 1.3em;	
	font-size:1.2em;
	color:#000;
}

.inline_quote p {
	
	margin: 0 0 0 20px;
	padding: 0;
}

.casestudy_links {
	width:250px;	
}

/* Google CSE styles */

#cse-search-box input.cseq {
	font-size: small;
	width:115px;
	margin:0px;
	margin-right: 3px;
	padding:0px;
	vertical-align: middle;
}

#cse-search-box input.csesubmit {
	background-color: #336633;
	color: #EFEFDF;
	border-color: #668C66;
	font-size: xx-small;
	padding: 0px;
	vertical-align: middle;
	width: auto;
	margin: 0px;
}
