/* Working stylesheet.  Compress before posting live.  DO NOT DELETE BETA COPY */

/* Set elements to have 0 margin and padding.  Eliminates browser defaults.  Allows page to look the same in all browsers */
* {
	margin:0;
	padding:0;
}

/* Set the default properties of the page */
html, body {
	color:#005259;
	font-size:10pt;
	font-family:Verdana, Arial, San-Serif;
	line-height:13pt;
}

body{
	background: url("../images/page-bg.jpg") repeat 0 0;
}

body#tinymce {
  background-color: #FFF;
}

a img {
  border: 0;
}

:focus { /* remember to define focus styles! */
  outline: 0px;
}

select {
  font-family: inherit;
}

a:link {
  color: #9E1B1B;
  text-decoration:underline;
}

a:visited {
  color: #9E1B1B;
  text-decoration:underline;
}

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

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

a:focus {
  color: #000;
}

p {
  margin-bottom: 10px;
}

address {
  font-style: normal;
  margin-bottom: 10px;
}

blockquote {
  margin-bottom: 10px;
  padding-left: 20px;
  font-style: italic;
  border-left: 5px solid #9E1B1B;
}

code, pre {
  font-family: Monaco, "Lucida Console", monospace;
  white-space: pre;
  overflow: auto;
  margin-bottom: 10px;
}

/* Lists */

ul, ol {
  padding-left: 20px;
  margin-bottom: 10px;
}

li {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Tables */

table,
td {
  color: #333;
}

table, th, td {
  line-height: 10pt;
}

table {
  width: 100%;
  margin-bottom: 10px;
  border-collapse: collapse;
}

th, td {
  padding: 5px 10px;
}

thead {
  background-color: #777;
  color: #fff;
}

thead th {
  border-bottom: none;
}

tr.odd {
  background-color: #E6E6E6;
}

tr.even {
  background-color: #FFF;
}

th a:link,
th a:visited {
  color: #A9D3E6;
}

#user-admin-perm td.module {
  background-color: #777;
  color: #fff;
}

/* Headings */

h1 {
  font-size: 9pt;
}

h3, h4, h5, h6 {
  margin-bottom: 5px;
}

h2 {
  font-size: 16pt;
  line-height: 18pt;
  color: #00838C;
  margin-bottom:10px;
  font-weight:normal;
}

#left h2.block-title, #right h2.block-title {
  font-size: 14pt;
  color:#FFF;
}

.sitemap-box h2.title, .front h2.page-title{
	display:none;
}

h3 {
  font-size: 12pt;
  line-height: 14pt;
}

h4 {
  font-size: 11pt;
  line-height: 13pt;
}

h5 {
  font-size: 10pt;
  line-height: 12pt;
}

h6 {
  font-size: 10pt;
  font-weight: none;
  margin-bottom: 0;
  line-height: 12pt;
}

/* Layout */

#wrapper {
  margin: 0 auto;
  margin-bottom:15px;
  position:relative;
  width:1002px;
}

#header{
	height:115px;
	width:1002px;
	background:none;
	position:relative;
}

#header-right{
	width:650px;
	height:115px;
	overflow:hidden;
	text-align:right;
}

#header-right h1{
	margin-bottom:15px;
}

a#logo{
	position:relative;
	float:left;
	margin:15px 0px 0px 15px;
}

#nav-container{
	width:1000px;
	height:42px;
	position:relative;
}

#page{
	border:1px solid #999999;
	width:1000px;
	background-color:#FFF;
}

#main {
  width: 1000px;
  padding: 0px;
}

.sidebar-right #main{
	background: url("../images/body-bg.jpg") repeat-y;
}

#right {
	float: right;
	width: 300px;
	padding:12px;
}

#right .block-menu{
	background-color:#9FD0D5;
	padding:10px 15px 15px 15px;
}

#right .block-menu ul a, #right .block-menu ul a:visited{
	color:#005359;
	text-decoration:underline;
	font-size:9pt;
	font-weight:bold;
}

#right .block-menu ul a:hover, #right .block-menu ul a:active{
	text-decoration:none;
}

#right .block-menu ul ul a, #right .block-menu ul ul a:visited{
	font-weight:normal;
	color:005359;
}

#right .block-menu ul li{
	background: url("../images/arrow-closed.jpg") 0px 7px no-repeat;
	padding-left:10px;
}

#right .block-menu ul li.expanded{
	background: url("../images/arrow-open.jpg") 0px 7px no-repeat;
}

#right .block-menu ul li ul li{
	list-style-type:disc;
	padding-left:0px;
	background:none;
}

#right .block{

}

#right .block-content{
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
}

#right .view-content{
	font-size:8pt;
}

#right .view-content p{
	margin-bottom:0px;
}

#right .view-footer{
	position:relative;
	float:right;
	clear:both;
}

#right .view-footer a{
	color:#005259;
	font-size:9pt;
	font-weight:bold;
}

#right .view-content .views-row{
	clear:both;
}

#right .view-content .views-field-title a{
	color:#005259;
	font-weight:bold;
}

#right .view-content .views-field-nothing a{
	font-weight:bold;
	position:relative;
	float:right;
	margin-bottom: 10px;
}

#right #block-block-7{
	background-color:#FFF;
}

#content .view-content, #content .views-row{
	margin-bottom:20px;
	clear:both;
	position:relative;
	float:right;
	width:100%;
}

#content .view-content .views-field-title, #content .view-content .views-field-title a{
	font-size: 12pt;
	line-height: 14pt;
	margin-bottom: 5px;
	font-weight:bold;
}

#content .view-content .views-field-created{
	font-weight:bold;
	font-size: 9pt;
}

#content .view-content .views-field-nothing a{
	position:relative;
	float:right;
}

#content .node-submitted{
	font-weight:bold;
}

#content .block{
	margin-top:10px;
}

.one-sidebar #content {
  width: 635px;
  padding: 15px 20px;
}

.two-sidebars #content {
  width: 535px;
}

.no-sidebars #content {
  width: 960px;
  padding: 15px 20px;
}

.front #content {
  width: 1000px;
  padding: 0px;
}

.sidebar-right #content,
.two-sidebars #content {
  float: left;
}

.sidebar-left #content {
  float: right;
}

#top-footer{
	position:relative;
	width:100%;
	color:#000;
	background-color:#00838C;
}

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

#top-footer a:hover{
	text-decoration: underline !important;
}

#top-footer h2{
	color:#FFF;
	text-transform:uppercase;
	font-weight:normal;
	font-size:14pt;
	margin:10px 0 15px 0;
}

#top-footer-inner{
	position:relative;
	margin:auto;
	width:1000px;
	padding:10px 0px;
}

#top-footer #top-footer-left{
	position:relative;
	float:left;
	width:365px;
}

	#top-footer #top-footer-left .facebook_likeus {
		font-size: 8px;
	}

	#top-footer #top-footer-left .store_button {
		background-color: #EFF7F8;
		border: 1px solid #AAAAAA;
		padding: 10px;
		margin-top: 5px;
	}

#top-footer #top-footer-middle, #top-footer #top-footer-right{
	position:relative;
	float:left;
	width:260px;
	margin-left:55px;
}

#top-footer .block-menu ul.menu{
	padding-left:0px;
}

#top-footer .block-menu ul.menu a, #top-footer .block-menu ul.menu a:visited{
	color:#000;
}

#top-footer #block-block-9{
	font-size:8pt;
	line-height:9pt;
}

p.footer-statement{
	color:#CCC;
	clear:both;
	margin-bottom:0px;
	font-size:8pt;
	width:1000px;
	text-align:center;
}

#bottom-footer{
	position:relative;
	width:100%;
	color:#FFF;
	text-align:center;
	background-color:#303132;
	padding:20px 0px;
}

#bottom-footer .block{
	margin-bottom:0px;
}

#block-menu-secondary-links{
	float:right;
	left:-50%;
	position:relative;
	text-align:left;
	margin-bottom:0px;
}

#block-menu-secondary-links ul{
	float:left;
	margin:0;
	padding:0;
	left:50%;
	position:relative;
}

#block-menu-secondary-links ul li.first{
	list-style:none;
}

#block-menu-secondary-links ul li{
	list-style:disc inside none;
	float:left;
	padding-right:5px;
	padding-left:5px;
}

#block-menu-secondary-links ul li a{
	color:#FFF;
	text-decoration:underline;
  }

#block-menu-secondary-links ul li a:hover{
	color:#FFF;
	text-decoration:none;
  }

/* Navigation */

#navigation{
	height:35px;
	padding:0;
	position:absolute;
	top:115px;
	left:0px;
	width:1000px;
	z-index:5;
	background:url("../images/nav-bg.jpg") no-repeat 0 0;
}

/* Home Page */

.front #page{
	background:none;
	border:none;
}

.view-homepage-gallery{
	position:absolute;
	width:460px;
	height:300px;
	overflow:hidden;
	z-index:1;
}

.view-homepage-gallery .views-row, .view-homepage-gallery .views-content{
	margin-bottom: 0px;
}

#home-banner{
	background:url("../images/home-banner-bg.jpg") no-repeat 0 0;
	text-align: right;
	height: 260px;
    padding: 20px 30px;
}

#sub-banner p, .panel-3col-33-stacked .panel-col-top .inside{
	margin-bottom:0px;
}

.inside{
	margin-bottom:0px;
}

.center-wrapper{
	background-color: #6BB6BD;
    border: 1px solid #999999;
	border-top:none;
    height: 270px;
    position: relative;
}

.center-wrapper .pane-content h3{
	color:#FFF;
}

.center-wrapper .pane-content p.feature-summary{
	width: 260px;
	font-size:9pt;
	margin:auto;
	margin-top:0px;
}

.center-wrapper .panel-panel{
	height:270px;
}

.center-wrapper .panel-col{
	border-left:1px solid #55A89D;
	border-right:1px solid #55A89D;
}

.panel-col-bottom{
	margin-top:15px;
}

.panel-col-bottom .panel-pane{
	position:relative;
	float:left;
}

.panel-col-bottom .news-box{
	width:306px;
	height:291px;
	background-color:#EFF7F8;
	border:1px solid #AAAAAA;
	margin-right:22px;
	padding:10px;
}

.panel-col-bottom .news-box h2{
	color:#9E1B1B;
	font-size:14pt;
	font-weight:normal;
}

#content .panel-col-bottom .news-box .views-field-title a{
	color:#005259;
	font-size:8pt;
	font-weight:bold;
}

#content .panel-col-bottom .news-box p{
	color:#005259;
	font-size:8pt;
}

#content .panel-col-bottom .view-content, #content .views-row{
	margin-bottom:0px;
}

#content .panel-col-bottom .news-box .views-field-nothing a{
	font-size:8pt;
	font-weight:bold;
	position:relative;
	float:right;
	margin-bottom: 10px;
    margin-top: -5px;
}

#content .panel-col-bottom .news-box .view-footer a{
	color:#005259;
	font-size:8pt;
	position:relative;
	float:right;
	font-weight:bold;
	clear:both;
	margin-top:0px;
}

.panel-col-bottom .pane-block-7{
	width:300px;
	background-color:#FFF;
}

.panel-col-bottom .pane-block-7 p{
	margin-bottom:0px;
}

/* Feed */

.feed-source{
	padding-left:15px;
}

.feed-source,
.feed-item{
	margin-bottom:15px;
}

/* Blocks */

.block {
  margin-bottom: 10px;
}

.block ul li,
.block .item-list ul li {
  list-style: none;
  list-style-image: none;
}

.block ul {
  padding: 0;
}

.block ul li {
  margin: 0;
}

/* Accessibility */

.skip-link {
  font-size: 0.85em;
}

.acc-hide {
  left: -2500px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

#navigation .add-link {
  display: block;
}

/* Nodes */

.node-teaser,
div.panel-pane div.node-teaser {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E6E6E6;
}

.indented {
  margin-left: 20px;
}

/* Messages */

div.messages,
div.help,
div.warning {
  padding: 1em;
  margin-bottom: 1em;
}

div.messages ul {
  margin: 0;
}

div.password-description {
  padding: 10px;
}

.status {
  background-color: #CDFFD1;
}

.help {
  background-color: #D2D9FF;
}

.notice {
  background-color: #FFFDB5;
}

div.error {
  background-color: #FCC;
  border: none;
}

tr.error {
  background-color: #FCC;
  color: #333;
}

/* Nodes */

.node .content {
  padding-bottom: 1em;
}

.submitted {
  color: #777;
}

/* Comments */

#comments {
  margin: 1em 0;
}

.comment {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E6E6E6;
}

#content .comment-content {
  margin: 10px;
  padding: 10px;
  width: 100%;
}

/* Teaser button */

.teaser-checkbox {
  float: right;
  position: relative;
  top: -4px;
  width: 60%;
}

#edit-teaser-include-wrapper {
  float: right;
}

#edit-teaser-include-wrapper label {
  margin-right: 20px;
}

/* Devel */

li.krumo-footnote span.krumo-call {
  font-size: 8px !important;
}

li.krumo-footnote {
  overflow: hidden;
}

/* Fieldsets */

fieldset,
div.fieldset {
  margin: 10px 0;
}

h2.fieldset-title {
  font-size: 1em;
  margin: 10px 0 0 0;
  padding: 5px 10px;
  font-weight: bold;
}

.collapsed h2.fieldset-title {
  margin-bottom: 10px;
}

div.collapsible h2.fieldset-title {
  cursor: pointer;
}

div.fieldset-content {
  padding: 10px;
}

div.collapsed div.fieldset-content {
  display: none;
}

.vertical-tabs-panes {
  padding: 15px 0;
}

.container-inline div.fieldset-content {
  border: none;
  padding: 0;
}

.container-inline h2.fieldset-title {
  margin-bottom: 10px;
}

div.collapsible h2.fieldset-title {
  background-color: #ccc;
}

div.expanded h2.fieldset-title a:link,
div.expanded h2.fieldset-title a:visited {
  color: #333;
}

h2.fieldset-title,
div.collapsed h2.fieldset-title {
  background-color: #E2E2E2;
}

div.fieldset-content,
fieldset {
  border: 1px solid #eee;
}

/* Forms */

.form-item {
  margin: 0 0 10px 0;
}

input,
button,
textarea,
select,
input.form-text,
input.form-autocomplete,
input.form-button
.form-item input.error,
textarea.form-textarea,
select.form-select {
  padding: 3px;
  font-size: 1em;
}

input.teaser-button {
  padding: 0 5px;
  font-size: 0.9em;
  margin-right: 3px;
}

.node-form .form-text,
.node-form textarea {
  display: block;
  width: 95%;
}

input.form-submit {
  margin: 10px 5px 10px 0;
  cursor: pointer;
}

label {
  font-weight: bold;
}

.form-item label.option {
  font-size: 0.9em;
}

div.description {
  margin: 0 0 1em 0;
}

div.content-add-more {
  margin-bottom: 1.5em;
}

html.js input.form-autocomplete {
  background-position: 100% 5px;
}

html.js input.throbbing {
  background-position: 100% -15px;
}

.node-form fieldset .form-text {
  width: auto;
}

textarea,
input.form-text,
select {
  border: 1px solid #ccc;
}

input.form-text
textarea,
select {
  color: #333;
  background-color: #fff;
}

input.form-submit,
input.teaser-button,
input[type=button] {
  background-color: #E6E6E6;
  border: none;
}

input.form-text:focus,
textarea:focus {
  background-color: #F5F9FB;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #F88;
}

/* Core */

.admin-panel {
  margin: 10px 0 20px;
}

div.admin .left {
  float: left;
  width: 48%;
}

div.admin .right {
  float: right;
  width: 48%;
}
a
.admin-panel ul.menu {
  margin: 0;
  padding: 0;
}

.admin-panel ul.menu li {
  list-style: none;
}

tr.region-populated {
  display: none;
}

/* Modules */

.eminline-wrapper {
  margin-bottom: 1.5em;
}

.context-ui-block-selector {
  height: 500px;
}

#admin-menu li li {
  opacity: 1;
}

/* Markup free clearing
 *
 * Consider adding your own selectors to this instead of finding ways
 * to sneak the clear-block class into Drupal's markup.
 * From http://www.positioniseverything.net/easyclearing.html
 */
ul.links:after,
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Exclude inline links from clear-block behavior */
ul.inline:after {
  content: "";
  display: none;
  clear: none;
}

ul.links,
.clear-block {
  display: inline-block;
}

.clear{
	clear:both;
}

/* Tabs */

#tabs {
  margin-bottom: 0px;
}

ul.tabs li {
  float: left;
  margin-bottom:3px;
}

ul.tabs li a:link,
ul.tabs li a:visited {
  padding: 2px 5px;
  background: #E6E6E6;
  color: #007EE4;
}

ul.primary{
	margin:0 0 10px 0;
	width:600px;
}

ul.tabs.secondary {
  font-size: 0.9em;
  margin-bottom:15px;
  border-bottom:none;
}

ul.tabs.secondary li{
	border-right:none;
}

ul.tabs li a.active {
  color: #333;
}

/* Menus */

ul.menu {
  margin: 0;
}

ul.menu li a {
  padding: 0;
}

ul.menu {
  padding-left: 20px;
}

ul.menu li li a {
  font-size: 0.9em;
}

.sidebar ul.menu {
  padding-left: 10px;
}

li.active-trail a.active {
  color: #333;
}

ul.nice-menu,
ul.nice-menu ul,
ul.nice-menu li {
  border: none;
}

/* Node links */

.node-links ul.links li a {
  padding: 0;
  margin-right: 10px;
}

/* Admin */

div.admin-dependencies,
div.admin-required {
  color: #A3A3A3;
}

div.admin .left,
div.admin .right {
  margin: 0;
}

div.admin-panel .body {
  padding: 0;
}

/* Drupal */

.breadcrumb {
  font-size: 11px;
  padding: 0;
}

.meta {
  margin-bottom: 5px;
}

#search label {
  display: none;
}

tbody,
tbody th,
tr.even,
tr.odd {
  border: none;
}

ul.links li {
  padding-left: 0;
}

li.leaf,
li.expanded,
li.collapsed {
  padding: 0;
  margin: 0;
}

#autocomplete li {
  margin: 0;
}

dd {
  margin-left: 10px;
}

#views-ui-analyze-view-button input {
  margin-top: 10px;
}

#node-admin-filter ul li,
#user-admin-filter ul li {
  list-style: none;
}

#node-admin-filter dl.multiselect .form-item,
#user-admin-filter dl.multiselect .form-item {
  height: 2.5em;
}

#node-admin-content .container-inline div,
#user-admin-account .container-inline div {
  display: block;
}

#node-admin-content #edit-operation-wrapper,
#user-admin-account #edit-operation-wrapper {
  float: left;
  margin-right: 10px;
}

#node-admin-content .form-submit,
#user-filter-form .form-submit,
#user-admin-account .form-submit {
  margin: 0;
}

.hierarchical-select select {
  height: auto !important;
}

tr.content-add-new a.tabledrag-handle {
  display: none;
}

#views-ui-edit-view-form {
  margin-bottom: 30px;
}

form#views-ui-preview-form input#preview-submit {
  margin: 15px 0 0;
}

.display-node li,
#context-ui-form li {
  list-style: none;
  list-style-type: none;
}

#views-ajax-pad fieldset {
  padding: 10px;
  margin: 10px;
}

.emvideo {
	text-align:center;
}

#block-block-1 th,
#block-block-1 td {
	padding: 0px;
}
#block-block-1 table {
	width: 115px !important;
}

#block-block-10 {
	text-align: center;
}

#en-espanol {
	display: block;
	text-decoration: none;
	margin: 10px 0;
}

	#en-espanol:hover {
		text-decoration: underline;
	}


/* Redoing Homepage */
body.front #block-block-3 {
    background: url("http://www.sarsonline.org/sites/all/themes/clean/subthemes/sarssm/images/home-banner-bg.jpg") no-repeat 0 0;
    text-align: right;
    height: 260px;
    padding: 20px 30px;
    margin-top: -10px;
    margin-bottom: -10px;
}


body.front .center-wrapper {
	top: -20px;
	height: 290px;
}

body.front .center-wrapper .block {
    float: left;
    width: 33%;
    height: 290px;
}

body.front .center-wrapper .block .block-content {
    margin: 0 .5em 1em 0;
    padding: 0 2em;
}

body.front #home-bottom-left {
	width: 306px;
    height: 291px;
    background-color: #EFF7F8;
    border: 1px solid #AAAAAA;
    margin-right: 22px;
    padding: 10px;
    float: left;
    overflow: hidden;
}

	body.front #home-bottom-left .views-field-title a,
	body.front #home-bottom-center .views-field-title a {
		color: #005259;
	    font-size: 8pt;
	    font-weight: bold;
	}

		body.front #home-bottom-left .field-content,
		body.front #home-bottom-center .field-content {
			color: #005259;
		    font-size: 10pt;
		    font-family: Verdana, Arial, San-Serif;
		    line-height: 13pt;
		}

body.front #home-bottom-center {
	width: 306px;
    height: 291px;
    background-color: #EFF7F8;
    border: 1px solid #AAAAAA;
    margin-right: 22px;
    padding: 10px;
    float: left;
    overflow: hidden;
}

	body.front #home-bottom-center .block-content {
		width: 306px;
	}

body.front #node-99 {
	display: none;
}