body {
  background-color: #e7e7e7;
  color: #323232;
}

a {
  color: #0040B8;
}

#page {
  background-color: #fff;
}

#header-inner,
#footer {
  background-color: #bbb;
}

#navigation {
  background-color: #888;
}

#suckerfishmenu	 {
  background-color: #888;
}

#suckerfishmenu a,
#suckerfishmenu ul.menu li ul a {
  color: #fff;
}

#suckerfishmenu ul.menu li ul a {
  background-color: #888;
}

.sidebar .block h2.title a {
  color: #fff;
}

.sidebar .block h2.title,
#content .block h2.title {
  color: #fff;
  padding: 4px 10px;
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  border: 1px solid #888;
  background-color: #888;
}

.sidebar .block .content,
#content .block .content {
  margin: 0;
  -moz-border-radius-bottomleft: 7px;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  border-top: none;
  background-color: #e7e7e7;
  border: 1px solid #e7e7e7;
  padding: 10px;
}

.region-sidebar-first .no-header .content {
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
}

#mission {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  background-color: #e7e7e7;
  border: 1px solid #e7e7e7;
  padding: 10px;
  margin-bottom: 20px;
}

.comment {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border: 1px solid #D6D6D6;
}
  


.node-type-forum h3.title {
  font-size: 150%;
  margin: 15px 0px 0px 0px;
  padding-left: 0px;
}

.node-type-forum .submitted {
  font-size: 90%;
  color: #666;
}

.node-type-forum .content {
  margin-top: 10px;
}

.forum-topic-navigation {
  clear: both;
  margin-top: 15px;
}

#forum ul.links {
  margin-top: 15px;
}

#forum li.forum {
  margin: 0;
  padding: 0;
  font-weight: bold;
}

#forum tr td.forum {
  background-image: none;
}

td.forum .name {
  font-size: 110%;
}

td.forum .name a {
  font-weight: bold;
}




.more-link {
  text-align: right;
}


@media only screen and (min-width: 768px) {
    
}

@media only screen and (max-width: 800px) {
    
    
    html{ font-weight: normal !important;
        font-size: 100% !important;
        line-height: normal !important;
        font-family: Helvetica, Arial, sans-serif !important; 
    }
    #page-wrapper{
        width: 100% !important;
    }
    #content{
        width: 100% !important;
        margin: 0 auto !important;
        float:none !important;
    }
    .sidebar{
        margin: 0 auto !important;
    }
    #header{margin-top: 2em}
    #navigation{position:  fixed; top:0;width: 92.5% !important;margin:0 auto !important;}
    #suckerfishmenu a {font-size: 100%;padding: 0 1em;}
	
	img {max-width: 100% !important;}
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
    
}