@import url(../reset.css);
@import url(base.css);
@import url(typography.css);
@import url(ie6.css);

/*
Main styles and different imported style sheets follow the order of the markup code (page, branding, search, etc.) within the pages followed by specific styles.
In order to see how all the base html elements are styled to default please refer to the html_template.html page as needed.
Global styles to specific html tags should be placed in this file.
*/

/* begin -- set color of links for whole site */
a:link { color: #6c8a44; text-decoration: none}
a:visited { color: #6c8a44; text-decoration: none }
a:hover { color: #6c8a44; text-decoration: underline }
a:active { color: #6c8a44; text-decoration: none }
/* end -- set color of links for whole site */


/* begin - classes for styling as needed
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.bold { font-weight: bold }
.italic { font-style: italic }
.underline { text-decoration: underline }
.overline { text-decoration: overline }
.strike { text-decoration: overline }
.fltlft { float: left }
.fltrgt { float: right }
.clrbth { clear: both }
.clrlft { clear: left }
.clrrgt { clear: right }

.nobrder { border: 0px !important }

.ovrflw_hdn { overflow: hidden }

.hide_ADA { position: absolute; left: -999999em } /* hide but remain usable for text readers */

/* end - classes for styling needed
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


body { padding-bottom:2em; font-family:Arial,Verdana,Helvetica,sans-serif; color:#666;background:url(../../images/shared/bg.gif) no-repeat fixed center #e2efd3;  } 

#page { width: 560px; margin: 0px auto; background-color:#ffffff; position:relative; }

/* hide header then display after scripts onload */
#header { display:none; position:relative; width:560px; height:250px; }
#header h1 { position:absolute; top:0px; left:0px; margin:0px;  text-indent:-99999em;  } 
#header h1 a { display:block; width:560px; height:250px; background: url(../../images/shared/headerbg2.gif) no-repeat 0px 0px; text-indent:-99999em;  } 
#header div.date { position:absolute; top:203px; left:0px; width:560px; text-align:center; font-size:9px; color:#999999; text-decoration:none; }
#header div.url { position:absolute; top:5px; right:5px; width:560px; text-align:right; font-size:9px; color:#999999; text-decoration:none; }
#header div.date a { color:#acc699; text-decoration:none; }
#header div.date a:hover { color:#acc699; text-decoration:underline; }
#header a.db_link { position:absolute; top:198px; right:7px; font-size:80%; color:#acc699; }

#header div.description { display: none  }

#header div.top_nav {  position:absolute; width:560px; height:24px; top:220px; background:#dbdbdb; z-index:100; text-align:center;}
#header table.top_nav {  border:none; margin:0px; padding:0px; font-family:arial; color:#7d7d7d; font-size:9px; text-decoration:none; }
#header table.top_nav a {  border:none; margin:0px; padding:0px; font-family:arial; color:#7d7d7d; font-size:9px; text-decoration:none; }
#header table.top_nav a:hover {  border:none; margin:0px; padding:0px; font-family:arial; color:#7d7d7d; font-size:9px; text-decoration:underline; }
#header tr, td.top_nav {  border:none; margin:0px; padding:0px; padding-left:10px; padding-top:3px; font-family:arial; color:#7d7d7d; font-size:9px; text-decoration:none; }


#content{ height:100% }
#content.narrowcolumn { width:520px; margin:20px; }
#content a{ color: #6c8a44; text-decoration:underline; font-weight:bold }
#content a:visited { color: #6c8a44; text-decoration:underline; font-weight:bold }
#content a:hover { color: #6c8a44; text-decoration:none; font-weight:bold }
#content a:active { color: #6c8a44; text-decoration:underline; font-weight:bold }

div.post { margin-bottom: 1.7em; color:#5c5c5c; }
div.post .heartrule { display:block; width:515px; height:26px; margin-top:20px; background: url(../../images/shared/heartrule.gif) no-repeat 0px 0px; text-indent:-99999em;  }

div.post h2 { margin-bottom: 0.3em; font-size:150%; letter-spacing:-0.3px; color:#030303;  margin-top:0px; text-decoration:none; }
div.post h2 a { text-decoration:none; }
div.post h2 .posttitle { text-decoration:none; }
div.post h2 .posttitle a { text-decoration:none; }
div.post span.time { display: block; margin-bottom: 0.7em; padding-bottom: 0.7em; font-size: 80%; }
div.enter a { font-weight: bold }
div.postmetadata { padding: 0.8em 1.8em 0.8em 1.8em; background-color: #f0f0f0; font-size: 80% }
div.postmetadata a { text-decoration: none }
div.postmetadata a:hover { text-decoration: underline }
div.postmetadata p { margin: 0.3em 0px }

#facebook_like 	  { diplay:block; position:relative; clear:both; }
.reTweetPost 	  { display:block; width:57px; height:80px; margin-right:20px;  background: url(../../images/shared/retweet.gif) no-repeat 0px 0px; text-indent:-99999em;float:left;}
.hrclear	{clear:both;}

h2.pagetitle { margin-bottom: 0.3em; padding: .5em 0.8em; background-color:#9C9A9C; color: #fff }
#home #content h2.posttitle{  font-weight:400; font-size:18px; font-family:Times; color:#363636; margin-top:0px; line-height:20px; text-decoration:none; }
#home #content h2.posttitle a {font-size:24px; font-family:Times; color:#363636; margin-top:0px; line-height:28px; text-decoration: none }
#home #content h2.posttitle a:visited { text-decoration:none; }
#home #content h2.posttitle a:hover { text-decoration:underline; }
#home #content h2.posttitle a:active { text-decoration:none; }

#home #content img.alignnone { margin:0px 10px 10px 0px; }
div.post img.alignnone { margin:0px 10px 10px 0px;}

ol.commentlist { margin: 0px }
ol.commentlist li { margin: 0px 0px 1em 0px; list-style: none; border-bottom: solid 1px #CCC; }
ol.commentlist li div.commentmetadata { padding: 0.4em 0px 0.9em 0px; font-size: 80%; }

#content.widecolumn #comment { width: 80%; }
#content.widecolumn { width:520px; margin:20px; }
p.nocomments { padding: 1em 0px }


div.navigation { width: 100%; margin: 1em 0px; overflow: hidden; font-weight: bold }
div.navigation a { text-decoration: none }
div.navigation div.alignleft { float: left }
div.navigation div.alignright { float: right }

#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}


/* hide sidebar then display after scripts load */
#sidebar { display:none; position:absolute; top:230px; left:570px; width:220px; font-size:80% }
#sidebar ul { margin:0px; padding: 0px; }
#sidebar ul li  { margin:0px; padding: 0.8em 1.4em 0.8em 1.4em; list-style:none; color:#5c6353; }
#sidebar ul li ul { border:0px; color:#5c6353; }
#sidebar ul li ul li { border:0px; margin: 0px 0px 0.6em 0px; padding: 0px; color:#5c6353;  }
#sidebar h2 { margin: 0px 0px 0.7em 0px; font-size:100%; color:#5c6353; }
#sidebar a { text-decoration:none; color:#5c6353; }
#sidebar a:hover { text-decoration:underline; color:#5c6353; }

#tag_cloud div { margin: 0px 0px 0.7em 0px }

#s {width:80px; background-color:#FFF; border:solid 1px #e0e0e0;}
#sidebar { display: none } 

#sidebar a.rss { display:block; margin:0px auto; width:139px; height:21px; float:left;  background: url(../../images/shared/rss.gif) no-repeat 0px 0px; text-indent: -99999em }

#sidebar #search { padding: 9px 0px 8px 0px; line-height: 0em; }
#sidebar #search #searchform div { width: 100%; margin: 0px; padding: 0px; overflow: hidden }

#sidebar #search label.hidden { position: absolute; top: -99999em; left: -99999em; height: 0px; margin: 0px; font-size: 0px }
#sidebar #search input { position: relative; right: 16px; margin: 0px; float: right}
#sidebar #search input#s {  position: relative; left: 16px; width: 110px; margin: 0px; float: left }

#sidebar div.style_council h2 { width: 142px; height: 67px; margin: 0px auto 1em auto; text-indent: -99999em }
#sidebar div.style_council h2 a {display:block; width: 142px; height: 67px }

#sidebar div.in_the_news h2 { width: 170px; height: 44px; margin: 0.45em auto 1.3em auto; text-indent: -99999em }
#sidebar div.in_the_news h2 a {display:block; width: 170px; height: 44px }

#footer { width: 560px; padding: 0.7em 0px 0px 0px;  border-top: solid 1px #CCC; clear: both; text-align: center; color: #999; font-size: 80%;}

.tfe {
	overflow:hidden;
  margin-bottom: 20px;	
}

/* Safari FOUC - always leave this at the end of this file */
body { display: block !important }