/* =----------------------------------------------------------------------------------

Main Style Sheet

Version:	1.1

--------------------------------------------------------------------------------------*/
/* =------------------------------------------------------------------------

CSS

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

@import url("reset.css");
@import url("typo.css");

/* */

/* =------------------------------------------------------------------------

Clearing

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

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix{display: inline-block;}

.clear {clear: both;}

/* */


/* =------------------------------------------------------------------------

Layout

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

html, body{
 margin:10px 0;
 padding:0;
 text-align:center;
}

#pagewidth{
 width:760px;
 text-align:left;
margin-left:auto;
 margin-right:auto;
}

#header{
 position:relative;
 height:180px;
 width:100%;
}

#subNav{
 width:120px;
 float:left;
 position:relative;
 margin: 0 0 0 5px
 }

#mainContent{
	float: left;
	position: relative;
	width:482px;
	color: #666
 }

 #content{
 width:627px;
 float:right;
 position:relative;
  }

#secondaryContent{
 width:139px;
 float:right;
 position:relative;
 }

#footer{
 clear:both;
 border-left: 133px solid #fff;
 margin: 5px 0 0 0
 }

/* Skip Navigation */

.textonly {/* Hides the 'Skip Navigation' link */
	position:absolute;
	left:-1500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

 /* =------------------------------------------------------------------------

Nav

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

#logo {
background: url(../../images/org/header_bk.png) top left no-repeat;
display: block;
width: 760px;
height: 111px;
text-indent: -2000px
}

#mainContent ul{
 padding: 0 1.2em;
 margin: 0 5px
}

#mainContent li{
 list-style: circle
}

#mainNav {margin: 14px 0 0 0; float: right}
#mainNav li {float: left}
#mainNav li a{
display: block;
width: 143px;
background: #ED1C24;
text-align: center;
color: #fff;
text-transform: uppercase;
margin: 0 0 0 5px;
border: 2px solid #ED1C24;
font-size: 1em;
font-weight: bold
}

#mainNav li a:hover {
border: 2px solid #000
}

#mainNav li a.this{
border: 2px solid #000;
}

#crumb_tools {
display: block;
width: 755px;
float: left;
background: #C7C8CA;
margin: 10px 0 10px 5px;
padding: 1px 0
}

#crumb_tools p.crumb {
float: left;
margin: 0;
padding: 1px 0 0 10px;
font-size: 1em
}

#crumb_tools p.crumb a {color: #000}
#crumb_tools p.crumb a:hover {text-decoration: underline}
#crumb_tools ul.toolkit {
float: right
}

#subNav ul.namedmenu li { float: left}
#subNav li {
margin: 0 0 5px 0;
}

#subNav li a{
display: block;
background: #818285;
border: 2px solid #818285;
text-align: right;
color: #fff;
padding: 0 5px 0 0;
width: 110px
}

#subNav li a:hover {
border: 2px solid #ED1C24;
}

#subNav li.this a {
background: #000
}

#subNav ul ul {margin: 0 0 0 10px}
#subNav ul ul li {float: right; margin: 5px 1px 0 0}
#subNav ul ul li a{
display: block;
background: #818285 !important;
border: 2px solid #818285;
text-align: right;
color: #fff;
padding: 0 5px 0 0;
width: 100px
}

#subNav ul ul li.thissubitem a {
background: #000 !important
}

#secondaryContent li {margin: 0 0 5px 0}

#secondaryContent li a {
display: block;
background: #ED1C24;
border: 2px solid #ED1C24;
text-align: center;
color: #fff;
height: 50px;
text-transform: uppercase;
font-size: 0.9em;
font-weight: bold;
display: table-cell;
vertical-align: middle;
width: 139px;
}

#secondaryContent li.donate a {
font-size: 2em
}

#secondaryContent li a:hover {
border: 2px solid #000
}

 /* =------------------------------------------------------------------------

searchbox

----------*/
#searchbox {display: block;  width: 129px; clear: both; margin: 0 0 5px 0; background: #ccc; padding: 5px}
#searchbox legend {display: none}
#searchbox label {font-weight: bold; margin: 0 0 3px 0; display: block}
#searchbox button {width: 18px; float: left; background-color: #F4F4F4; border: none; font-size: 10px; margin: 0 0 0 1px; padding: 0 0 2px 0;}

#searchbox input {background-color: #F4F4F4; border: none; width: 110px; float: left; font-size: 12px; padding: 1px 0 3px 0}
#searchbox input:hover, #searchbox button:hover, #searchbox .searchBoxinput:hover {background-color: #fff}

 /* =------------------------------------------------------------------------

Formatting

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

#mainContent h2 {letter-spacing: -1px; color: #000}
#mainContent .highlight {
display: block;
background: #F9AA8F;
width:482px;
font-size: 1.4em;
color: #231F20;
margin: 0 0 0.6em 0;
}

#mainContent .highlight p {padding: 0.5em 10px}

#mainContent .intro p{font-size: 1.4em; line-height: 1.1em; font-weight: bold; color: #000;}

#mainContent a {color: #000}
#mainContent a:hover {text-decoration: underline}

#footer p {font-size: 0.95em;}

#footer p.links {
padding: 0.4em 0 0.4em 1em;
color: #000;
background-color:#C7C8CA;
}

#footer p a{
color: #000
}

#footer p a:hover {
text-decoration: underline
}

#footer p.webbler {float: right;}
#footer p.details {margin: 0 0 0 1em}

 /* =------------------------------------------------------------------------

toolkit

----------*/
#toolkit {float: right; margin: 2px 5px 0 0; font-size: 10px}
#toolkit .toolitem {display: inline; float: left; padding: 0px 2px; font-size: 11px; color: #ccc;}
#toolkit .toolitem a {color: #ccc; border: none; text-decoration: none}
#toolkit .toolitem a:hover {color: #fff; border: none; text-decoration: none;}
#toolkit .txtdefault a {background: url(../../images/tool_fontdef.png) top right no-repeat; width: 15px; height: 14px;display: block}
#toolkit .txtdefault a:hover {border: none; text-decoration: none}
#toolkit .txtinc a {background: url(../../images/tool_fontinc.png) top right no-repeat; width: 15px; height: 14px;display: block}
#toolkit .txtinc a:hover {border: none; text-decoration: none}
#toolkit .mail a {background: url(../../images/tool_mail.png) top right no-repeat; width: 15px; height: 14px;display: block}
#toolkit .mail a:hover {border: none; text-decoration: none}
#toolkit .text a {background: url(../../images/tool_text.png) top right no-repeat; width: 15px; height: 14px;display: block}
#toolkit .text a:hover {border: none; text-decoration: none}
#toolkit .print a {background: url(../../images/tool_print.png) top right no-repeat; width: 15px; height: 14px;display: block}
#toolkit .print a:hover { border: none; text-decoration: none}
#toolkit a span {display: none}

 /* =------------------------------------------------------------------------

Misc

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

#subNav .homeblurb {
display: block;
background-color: #E01E26;
padding: 7px 0 7px 0;
margin: 0 0 4px 0;
color: #fff; font-weight: bold;
width: 120px;
margin: 0 0 5px 0
}

#subNav .homeblurb p {margin: 0; padding: 0 5px 0 5px}
#subNav .homeblurb ul {margin: 0; padding: 0 5px 0 5px; list-style: none}
#subNav .homeblurb li {margin: 5px 0 0 0; display: block; background: #EFF5F9; color: red; font-weight: normal;padding: 3px}

#mainContent .right {float: right; margin: 0 0 5px 5px}
#mainContent .left {float: left; margin: 0 5px 5px 0}
#mainContent .webblerimage {border: 1px solid #ED1C24}

#listings .entry {padding: 0.2em 0.3em}
#listings .shade {background: #EFF5F9}

.webblerpaging {float: left; width: 100%; margin: 0.5em 0}
.webblerpaging .pagingprevious, .webblerpaging .pagingnext {display: none}
.webblerpaging a {margin: 0 0.5em 0 0}
.webblerpaging a.current {font-weight: bold}
/* SEARCH RESULTS */

div.searchresults {margin: 0 0 10px 0; padding: 0; display: block; float: left;width: 400px;}
div.resultsnumber {margin:0; padding: 0; display: block; float: left; font-weight: bold}
div.resultstext {margin: 0 0 0 25px; padding: 0; display: block; position: relative;}
div.resultsurl {margin:0 0 5px 0}
div.resultsscore {font-size: 10px}

/* PAGE FORMS */
#form input.checkbox {width: 15px; clear: both}
#form {margin: 10px 0 0 0 }
#form select.inputitem,
#form select,
#form input.inputitem {width: 200px;font-size: 9px;margin: 5px 0 0 0;border: 1px solid #7F9DB9;}

#form textarea {font-size: 12px; width: 200px; height: 250px;border: 1px solid #7F9DB9; margin: 5px 0 0 0}
.maintext .error {font-weight: bold; color: red; display: block; margin: 10px 0 0 0}

#form .formblock {display:block; float:left; margin:1em 0 0; width:460px;}
#form label {width: 201px; margin: 0em 5px 0 0; display: block; float: left}
#form .label2 {width: 400px; margin: 5px 0 0 0; display: block; float: left;}
form span.error,
span.required,
#form span.required {font-weight: bold; color: red; font-size: 9px}
#form #kwlib2 {width:40px !important;}
#form .small_print {font-size:10.5px}

a.formsubmit {border: 2px solid #ED1C24; background-color: #ED1C24; color: #fff !important; padding: 3px 5px; margin: 1em 0; font-weight: bold; clear: both; display: block; width: 9em; text-align: center}
a:hover.formsubmit {border: 2px solid #000 !important; text-decoration: none !important}

#form .checkbox {
float:left;
margin:1em 15px 0 0;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

 /*printer styles*/
 @media print{
/*hide the left column when printing*/
#leftcol{display:none;}

/*hide the right column when printing*/
#rightcol{display:none;}
#twocols, #mainContent{width:100%; float:none;}
}