body, html {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
  background-color:#CCC;
}

#container {
  padding: 0 30px 20px 30px;
}

#wrapper {
	text-align: left;
	margin: 10px auto;
	padding: 0px;
	border:0;
	width: 980px;
	background-color:#FFF;
}

/**
 * HEADER styles
 */
#header .inner {
  padding: 25px 55px 15px 30px;
}

#header .links {
  font-size:10px;
}

#header .links a,
#header .links a:link,
#header .links a:active,
#header .links a:visited {
  color: #6783bb;
}

#header .links a:hover {
  color: #aab7da;
}

#header #top-menu {
  float: right;
  width: 325px;
  text-align: right;
}

#header #top-menu h2 {
  display: inline;
  font-weight: normal;
  font-size: 11px;
  color: #333;
}

#header #top-menu .item {
  color: #CCC;
  cursor: pointer;
  font-size: 85%;
}

#header #top-menu .large {
  font-size: 110%;
}

#header #top-menu .larger {
  font-size: 120%;
}

#header #top-menu .active {
  color: #333;
}


/**
 *  Main Nav
 */
#mainnav {
  float: left;
  height: 35px;
  width: 710px;
  background-color: #005bbb;
  overflow:hidden;
}

#mainnav .inner {
  padding: 10px;
  color: #93a4d0;
}

#mainnav .inner a {
  color: #aab7da;
  font-size: 12px;
  text-decoration: none;
}

#mainnav .inner span { padding:0 1px; }

#mainnav .inner a:hover { color:#FFF; }

/**
 * Donate button
 */
#donate {
  float: left;
  width: 105px;
  height: 35px;
  overflow:hidden;
}
#donate .inner a {
  display:block;
  text-decoration: none;
  color: #FFF;
  text-align:center;
  padding: 10px 0;
}
#donate .inner {
  height: 100%;
  border-left: 10px solid #FFF;
  background-color: #4084cc;
}
#donate .inner:hover {
  background-color: #000;
}

/**
 * Volunteer button
 */
#volunteer {
  float: left;
  width: 105px;
  height: 35px;
  overflow:hidden;
}
#volunteer .inner a {
  display:block;
  text-decoration: none;
  color: #FFF;
  text-align:center;
  padding: 10px 0;
}
#volunteer .inner {
  height: 100%;
  border-left: 10px solid #FFF;
  background-color: #99bde4;
}
#volunteer .inner:hover {
  background-color: #000;
}

#sidebar-left {
  width: 220px;
  overflow:hidden;
}

#sidebar-right {
  width: 200px;
  overflow:hidden;
}

/**
 * Block-c (community)
 */
#block-c {
  float: none;
  width: 100%;
  height: auto;
  overflow:hidden;
}

#block-c .inner {
  border: none;
  height: auto;
  width: 100%;
  background-color: #4084cc;
  padding: 11px 18px;
}

#block-c h2 {
  color: #aab7da;
  font-weight: normal;
  font-size: 18px;
  margin: 0;
}

#block-c .inner a {
  text-decoration: none;
  color: #e7e7e8;
  font-size:10px;
}

#block-c .inner a:hover { color:#FFF; }

#block-c .inner .item {
  padding:6px 25px 0 0;
}

#block-c .title {
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 3px;
  color: #DDD;
}

/**
 * Events block
 */
#block-events {
  float: none;
  width: 100%;
  height: auto;
  background: #f8b842;
}

#block-events .inner {
  border: none;
  height: auto;
  width: 100%;
  color: #FFF;
  padding: 10px 18px;
}

#block-events .inner h2 {
  font-weight: normal;
  font-size: 18px;
  padding: 0;
  margin: 0;
}

#block-events .inner .title {
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 20px;
}

#block-events .inner .content {
  font-size: 10px;
  font-weight: bold;
}

#block-events a {
  color: #FFF;
}

#block-events a:hover {
  color: #000;
}

td.middle {
  background-color: #eaf5e8;
}

#middle {
  width:480px;
  overflow: hidden;
  background-color: #eaf5e8;
}

#middle #content {
  padding: 12px 19px;
}

#middle #submenu {
  background-color: #b0d9ae;
}

#middle #submenu .inner{
  padding: 6px 19px;
  color: #009b3a;
  line-height: 16px;
  font-size: 11px;
  border-bottom: 10px solid #FFF;
}

/**
 * Tip Block
 */
#tip {
  width: 100%;
  float: none;
  font-size: 11px;
  overflow: hidden;
  height: 190px;
  background-color: #de3831;
}

#tip .inner {
  border: none;
  padding: 15px 10px 15px 15px;
  color: #FFF;
  margin-right: 20px;
}

#tip .tip {
  width: 97%;
}

#tip .title {
  font-size: 20px;
  padding-bottom: 30px;
}

#tip .content {
  padding-bottom: 10px;
}

#tip .more_link {
  text-align: right;
  adding-bottom: 5px;
}

#tip a {
  color: #FFF;
}

#tip a:hover {
  color: #faba99;
}

/**
 * right menu block
 */
#right {
  width: 100%;
  height: auto;
  float: none;
}

#right .inner {
  border: none;
}

#right .button1 {
  height:34px;
  overflow:hidden;
}

#right .button1 a {
  color: #FFF;
  text-decoration: none;
  display: block;
  border-top: 4px solid #FFF;
  padding: 8px 6px 8px 13px;
  background-color: #e66a65;
}

#right .button1 a:hover {
  background-color: #de3831;
}

#right .button2 {
  height:34px;
  overflow:hidden;
}

#right .button2 a {
  color: #FFF;
  text-decoration: none;
  display: block;
  border-top: 4px solid #FFF;
  padding: 8px 6px 8px 13px;
  background-color: #eb8883;
}

#right .button2 a:hover {
  background-color: #de3831;
}

/**
 *  Misc styles
 */
div.tinymce_content .subheading {
  color: #333;
  font-weight: bold;
}

a, a:hover {
  text-decoration: none;
}

div.clear { height:10px; clear:both; width:100%; background-color:#FFF; }
a img { border:none; }

/**
 *  block-campaign Campaign Block styles
 */
#block-campaign {
  border-top: 10px solid #FFF;
}

#block-campaign .inner {
  padding: 10px 18px;
  background-color: #99bde4;
  color: #005bbb;
}

#block-campaign .inner .content {
  font-size: 10px;
}

#block-campaign h2 {
  margin: 0;
  font-weight: normal;
  font-size:18px;
  color: #FFF;
}

#block-campaign .title {
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 3px;
  color: #000;
}

#block-campaign .item {
  padding:10px 0 0 0;
}

#block-campaign .inner a {
  font-size: 10px;
  text-decoration: none;
  color: #005bbb;
}
#block-campaign .inner a:hover {
  color: #e7e7e8;
}

/**
 *  Content styles
 */
#middle .heading {
  color: #009b34;
  font-size: 18px;
}

#middle #content a {
  color: #009b34;
  text-decoration: none;
}

#middle #content a:hover {
  color: #B0D9AE;
}

/**
 * Search box styles
 */
.searchbox {
  background: #005bbb;
  padding: 10px 14px 11px 12px;
}

.searchbox form {
  margin: 0;
  padding: 0;
}

.searchbox #search_keyword {
  border: none;
  font-size: 10px;
  padding: 5px 3px;
  background-color: #99bde4;
}

.searchbox a.search_submit {
  color: #CCC;
  font-size: 12px;
  text-decoration: none;
  font-weight: normal;
}

.searchbox input.search_submit {
  background-color: #4084cc;
  color: #FFF;
  cursor: pointer;
  border: none;
  padding: 4px 5px;
  font-size: 9px;
  width: 18px;
  overflow: hidden;
  text-align: center;
}

/**
 *  Submenu styles
 */
#submenu span a {
  color: #009b34;
  text-decoration: none;
}
#submenu span a:hover {
  color: #FFF;
}

/**
 * TinyMCE cleanup
 */
.tinymce_content p, .tinymce_content h1, .tinymce_content h2, .tinymce_content h3, .tinymce_content h4, .tinymce_content h5  {
  margin: 0;
  padding: 0;
  line-height: 140%;
  font-size: 12px;
  font-weight: normal;
}

.tinymce_content {
  line-height: 140%;
  font-size: 12px;
}

.tinymce_content .subheading {
  font-size: 12px;
  color: #333;
}

/**
 * Media page
 */
img.thumb {
  max-width: 130px;
}
div.thumb {
  width: 87px;
  height: 63px;
  overflow: hidden;
}
div.thumb_archive {
  width: 104px;
  height: 80px;
  overflow: hidden;
}
.control {
  border: none;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
  margin: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.control:hover {
  color: #009b34;
}

/**
 * Footer styles
 */
#footer {
  text-align: center;
  font-size: 10px;
  color: #666666;
  background-color: #CCC;
  padding: 10px 0;
}

#footer a {
  color: #333;
  text-decoration: none;
}
#footer a:hover { color:#000; }