/*
    Main Colors
    
    Background:   #e9e5d8
    Green:        #03764a
    Purple:       #68428d
    Red:          #b52a45
    Gold:         #fec537    
  */
  
  body { background: #FFF url(../images/backgrounds/bg.png) top left repeat; } /* whitblur-bg.jpg   bg.png  bluemarb.gif  marbre.gif */
  
  div#content { background: #fff url(http://www.raftbayarea.org/public/images/content-bg.gif) repeat-x left bottom; width: 940px; margin: 0 auto; }
  div.wrapper { padding: 0 30px 30px; }
  
  /* Typography */
/*  @font-face {
  	font-family: 'LeagueGothicRegular';
  	src: url('../fonts/League_Gothic.eot');
  	src: local('League Gothic Regular'), local('LeagueGothic'), url('../fonts/League_Gothic.ttf') format('truetype');
  }*/
  
  hr.spacious { margin: 30px 0; }

  h1, h2, h3, h4, h5, h6 { font-family: "Georgia", Times New Roman, Times, serif; }
 /*  h1 { font-family: "LeagueGothicRegular", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 50px; text-transform: uppercase; }*/
  h1 { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 50px; font-weight: 300; text-transform: uppercase; } 
  h2 { font-family: Georgia, serif; font-size: 21px; color: #777; }
  p { margin-bottom: 10px; }
  p.lead { font-size: 20px; line-height: 25px; margin: 0 0 20px; }
  
  img.section-icon { float: right; margin: 0 10px 15px 10px; }
  img.left-icon { float: left; margin-right: 15px; }
  img.img-button{ cursor:pointer; }
   
  /* Page Headers */
  div.page-header { margin-bottom: 30px; }
  div.image-header { background-color: #eee; background-position: bottom left; background-repeat: no-repeat; padding-bottom: 190px; }
  div.page-header div.page-title { background: #fff url(../images/page-headers/page-header-title.gif) no-repeat bottom left; padding: 20px 30px; }
  div.page-header div.page-title h1 { font-size: 40px; }
  div.page-header div.page-title a.button { float: right; margin-top: 2px; }
  
  /* Patterns */
  div.well { background: rgba(0,0,0,.1); padding: 19px 19px 2px; border: 1px solid rgba(0,0,0,.05); border-top-color: rgba(0,0,0,.15); border-bottom: none; -webkit-border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(255,255,255,.5); }
  div.narrow-well { width: 180px; }
  div.well.right { margin-left: 20px; margin-bottom: 20px; }
  div.well hr { border-top: 1px solid rgba(0,0,0,.15); border-bottom: 1px solid rgba(255,255,255,.25); }
  
  /* Header */
  div#header { height: 100px; }
  div#header div.container { width: 940px; height: 100px; padding: 0; position: relative; z-index:998; background: #fff; }
  div#header img { margin: 20px 0 0 30px; }
  
  div#header form { float: right; margin: 0 0 0 20px; }
  div#header form input.input-text { float: left; width: 130px; margin-right: 5px; }
  div#header form button {  }
  div#header form p { margin-bottom: 0; }
  
  div#header div.secondary { float: right; position: absolute; top: 18px; right: 30px; }
  
  ul#secondaryNav { float: right; margin: 0; }
  ul#secondaryNav li { display: inline; }
  ul#secondaryNav a { display: inline; float: left; padding: 5px 8px; }
 
  /* old top nav */
  ul#mainNav { float: right; margin: 0; height: 38px; overflow: hidden; position: absolute; bottom: 19px; right: 20px; }
  ul#mainNav li { display: inline; }
  ul#mainNav a { background: url(http://www.raftbayarea.org/public/images/header/nav-matrix.gif) no-repeat 0 0; display: inline; float: left; width: auto; height: 38px; font-size: 15px; margin: 0 0 0 0; text-transform: uppercase; color: #333; text-indent: -999em; }
  
  ul#mainNav a#main { background-position: 0 0; width: 61px; }
  ul#mainNav a#main:hover, ul#mainNav li.active a#main { background-position: 0 -38px; }
  
  ul#mainNav a#educator_tools { background-position: -61px 0; width: 142px; }
  ul#mainNav a#educator_tools:hover, ul#mainNav li.active a#educator_tools { background-position: -61px -38px; }
  
  ul#mainNav a#donate_materials { background-position: -203px 0; width: 162px; }
  ul#mainNav a#donate_materials:hover, ul#mainNav li.active a#donate_materials { background-position: -203px -38px; }
  
  ul#mainNav a#get_involved { background-position: -365px 0; width: 119px; }
  ul#mainNav a#get_involved:hover, ul#mainNav li.active a#get_involved { background-position: -365px -38px; }
  
  ul#mainNav a#visit_raft { background-position: -484px 0; width: 99px; }
  ul#mainNav a#visit_raft:hover, ul#mainNav li.active a#visit_raft { background-position: -484px -38px; }
  
  ul#mainNav a#become_a_member { background-position: -583px 0; width: 160px; }
  ul#mainNav a#become_a_member:hover, ul#mainNav li.active a#become_a_member { background-position: -583px -38px; }

  /* New top nav */
  ul#cbinsmenuebul_table{ float: right; margin: 0; height: 38px; overflow: hidden; position: absolute; bottom: 20px; right: 20px; }
  ul#cbinsmenuebul_table li { display: inline; }
  ul#cbinsmenuebul_table a img{ margin: 0; padding:0; }
   
  div.banner, div.banner div { height: 5px; }
  div.banner { background: #c7c4bb; width: 100%; }
  div.banner div.container { width: 940px; overflow: hidden; }
  div.banner div.container div { width: 1000px; opacity:0.8; filter:alpha(opacity=80); }
  div.banner div.container div div { float: left; width: 315px; margin-left:0px;  }/*-5px;*/
  div.banner div.container div.rainbow-one { background:#9f1b32; /*#c1962b; */ }
  div.banner div.container div.rainbow-two {  background:#fdc82f; /*#9d253c;*/  }
  div.banner div.container div.rainbow-three { background:#005a8b; /*#00693c #5b397b;*/}
      
  /* Forms */
  fieldset { border: solid 1px rgba(0,0,0,0.1); padding: 20px; background: #fff; -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.25); -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.25); margin-bottom: 18px; }
  form table.location { width: 320px; margin-bottom: 0px; }
  form table.checks { width: 500px; margin-bottom: 0px; }
  select { margin-bottom: 18px; }
  label { margin-bottom: 3px; }
  fieldset h5 { margin-bottom: 24px; padding-bottom: 6px; border-bottom: solid 1px #ccc; }

  input.name { width: 190px; margin-right: 10px; }
  input.city { width: 150px; margin-right: 10px; }
  input.state { width: 20px; margin-right: 10px; }
  input.zip { width: 70px; }
  input.phone { width: 120px; }
  input#cc { width: 130px; }
  input#ccsec { width: 40px; }
  input.amt { width: 40px; }
  input.idNumber { width: 50px; }
  
  
  /* Footer */
  /*div#footer { width: 880px; margin: 30px 30px 0; padding: 20px 0 40px; border-top: 3px solid #bdb7a3; }*/
  div#footer { width: 940px; padding: 20px 0 40px; border-top: 3px solid #bdb7a3; 
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 6%, rgba(204,204,204,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(6%,rgba(255,255,255,1)), color-stop(100%,rgba(204,204,204,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 6%,rgba(204,204,204,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 6%,rgba(204,204,204,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 6%,rgba(204,204,204,1) 100%);
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 6%,rgba(204,204,204,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );
  }
  div#footer p { margin: 0 0 5px; }
  div#footer div.three { width: 140px; }
  
  div#footer div.footer-links { padding:25px 20px 5px 20px; border-top: 1px solid #bdb7a3;  }
  
  ul#socialNetworking { height: 24px; margin: -5px 0 0; overflow: hidden; }
  ul#socialNetworking li { display: inline; }
  ul#socialNetworking a { display: inline; float: left; padding: 5px 10px 5px 20px; background-repeat: no-repeat; background-position: 0 center; }
  ul#socialNetworking li.twitter a { background-image: url(../images/icons/social/twitter.png); }
  ul#socialNetworking li.facebook a { background-image: url(../images/icons/social/facebook.png); }
  ul#socialNetworking li.youtube a { background-image: url(../images/icons/social/youtube.png); }
  ul#socialNetworking li.yelp a { background-image: url(../images/icons/social/yelp.png); }
  ul#socialNetworking li.flickr a { background-image: url(../images/icons/social/flickr.png); }
  ul#socialNetworking li.plusone{ display: inline; float:left; margin:5px 5px 0px 0px; }
  ul#socialNetworking li.newsletter a { background-image: url(../images/icons/RAFT-hand-16x16.png); }

  #viewnletter{ position:relative; left:-15px; }

  /* Sidebars */
  /*div.sidebar-nav { background: #f2eee3; padding: 20px 20px 1px 30px; margin: -30px 0 20px -30px; }*/
  div.sidebar-nav { background: #f2eee3; padding: 20px 18px 1px 18px; margin:-5px 0px 20px -30px; }
 
   /* raftstore.net sidebar ads */
  div.sidebar-nav-shop-online { background: #f2eee3; padding:0px; margin:-5px 0px 20px -30px;  text-align:center; }
  /*div.sidebar-nav-shop-online h5 { text-align:center; font-size:15px; }*/
 
  ul.side-nav { margin: 5px 0 20px -5px; }
  ul.side-nav li { width: 100%; }
  ul.side-nav li a { display: block; line-height: 24px; border-top: 1px dotted #bab7ae; padding: 0 5px }
  ul.side-nav li a:hover { background: #fff; }
  ul.side-nav li.active a { background: #68428d; color: #fff; }

  form.raised, div.raised { background: #fff; padding: 15px; margin: 0 0 20px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25); -moz-border-radius: 3px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,.25); }
  /* sidebar social button/links */
  li.icon_text{ background-image: none; list-style-image: none !important; list-style-type: none !important; padding: 0 0 5px 0; line-height:28px; height:28px; }
  li.icon_text a span { background-image: none !important; padding-left: 0 !important; margin: 0 3px 3px 0 !important; border-bottom: 1px dotted #BAB7AE; line-height:28px; height:28px;}
  

/* main page */  
  #voices-icon{ border:1px solid #030; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
  #voices-icon:hover{ border:2px solid #00703c; }
  #mission-statement{ margin-top:40px; font-size:16px; padding:10px 0 10px 0; }
  
  /* Idea Sheet List */
  ul.idea-sheets { border-top: 1px solid rgba(0,0,0,.1); border-bottom: 1px solid rgba(255,255,255,.25); }
  ul.idea-sheets li.idea-sheet { border-top: 1px solid rgba(255,255,255,.25); border-bottom: 1px solid rgba(0,0,0,.1); padding: 10px; min-height:90px;} /* height:90px; */
  /*ul.idea-sheets li.idea-sheet:hover { background-color:#e9e5d8; -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,.25)), to(#e9e5d8)); } */
  ul.idea-sheets li.idea-sheet:hover { background-color:#e9e5d8;}
  ul.idea-sheets li.idea-sheet img { float: left; width: 30px; }
  ul.idea-sheets li.idea-sheet img#new-icon { float: left; width: 52px;}
  ul.idea-sheets li.idea-sheet img#updated-icon { float: left; width: 81px;}
  ul.idea-sheets li.idea-sheet span.body { display: block; margin: 0 160px 0 40px; }
  ul.idea-sheets li.idea-sheet ul.actions { float: right; }
  ul.idea-sheets li.idea-sheet ul.actions li.download{ text-align:center; }
  ul.idea-sheets li.idea-sheet ul.actions li.video{ margin-top:3px; }
  .qtychanger{ text-align:center; }
  .qtychanger a{ font-weight:bold; }
  #dtl, #grd{ font-size:14px; }

	/* Workshop List */
	#card-note{ color:#000000; display:none; } 

  #payment-message{ display:none; font:Arial, Helvetica, sans-serif; color:#FF0000; font-size:14px; padding:15px; background:#FFC; border:1px solid #666; }

  form#cse-idea-sheets-search-box { background: #f1efe8; height: 30px; padding: 20px; }
  form#cse-idea-sheets-search-box input.input-text,
  form#cse-idea-sheets-search-box button { float: left; display: inline; margin: 0 10px 0 0; }
  form#cse-idea-sheets-search-box input.input-text { width: 510px; }
  form#cse-idea-sheets-search-box input#q{ } 

  form.right { margin-bottom: 0; margin-top: 3px; }
  form.right select { margin-bottom: 0; }

  form.filters { margin-bottom: 0; }
  
  form#wsForm span.Voice1 { color: red; }
  form#wsForm span.Voice1 strong { display: inline; }
  form#wsForm strong { display: block; text-align: right; font-size: 12px; }

  img.head { float: left; }

  div#board h2 { clear: both; }
  div#board img { float: right; }

  /* Common Tables */
  table.common-table {
    /* background: #fff;*/
    width: auto;
    padding: 0;
    margin: 0 0 20px;
    border-collapse: separate;
  }
  table.common-table tr {
  
  }
  table.common-table th {
    color: #555;
    padding: 10px 10px;
    border-bottom: 2px solid #ddd;
  }
  table.common-table td {
    padding: 5px 10px;
    color: #555;
    line-height: 18px;
    border-bottom: 1px solid #eee;
    vertical-align: top;
  }
  table.common-table .one { width: 60px; }
  table.common-table .two { width: 100px; }
  table.common-table .three { width: 160px; }
  table.common-table .four { width: 220px; }
  table.common-table .five { width: 280px; }
  table.common-table .six { width: 340px; }
  table.common-table td + td,
  table.common-table th + th {
    border-left: 1px solid #fff !important;
  }
  table.common-table p {
    margin: 0;
  }

  table.common-table a.block-link {
    display: block;
    margin: -10px;
    padding: 10px;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
  }
  table.common-table tbody tr:hover td {
    background: rgba(0,0,0,.03);
  }
  /* Style the table to have opposite background colors for improved readability -- WILL NEED TO BE REFACTORED FOR OLDER BROWSERS */
  table.zebra-striped td {
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
  }
  table.zebra-striped thead tr th {
    border-bottom: 3px solid rgba(141,192,219,.6);
  }
  table.zebra-striped tbody tr td {
    border: 0 !important;
    border-bottom: 1px solid #fff !important;
  }
  table.zebra-striped tbody tr:nth-child(odd) td {
    background-color: rgba(204,234,243,.25) !important;
  }
  table.zebra-striped tbody tr:hover td {
    background-color: rgba(204,234,243,.5) !important;
  }
  /* Begin Table Sorter Styles */
  table.common-table th.header { /* For tablesorter tables, make THs have a pointer on hover */
    cursor: pointer;
    padding-right: 20px;
  }
  table.common-table th.headerSortUp,
  table.common-table th.headerSortDown { /* Style the sorted column headers (THs) */
    background-image: url(../images/tablesorter-indicators.png);
    background-position: right -23px;
    background-repeat: no-repeat;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    background-color: rgba(141,192,219,.25);
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
  }
  table.common-table th.header:hover { /* Style the ascending (reverse alphabetical) column header */
    background-image: url(../images/tablesorter-indicators.png);
    background-position: right 16px;
    background-repeat: no-repeat;
  }
  table.common-table th.actions:hover {
    background-image: none !important;
  }
  table.common-table th.headerSortDown,
  table.common-table th.headerSortDown:hover { /* Style the descending (alphabetical) column header */
    background-position: right -24px;
  }
  table.common-table th.headerSortUp,
  table.common-table th.headerSortUp:hover { /* Style the ascending (reverse alphabetical) column header */
    background-position: right -64px;
  }

/* idea details page */
  div#hidebutton{ width:640px; height:20px; display:none; text-align:right; padding:10px; }
  div#myVideoContent.wide-video{ width:640px; height:430px; display:none; padding-bottom:10px; }
  p#qtyinstore{ position:relative; left:125px; top:-20px; width:300px; text-align:center; font-weight:bold; display:none; }
  
/* member join/renew */
 .accordionMenuItem {
	cursor:pointer;
	display:block;
	margin-top: 0;
	text-decoration: none;
	outline:0;
	clear: both;
 }
 #multiagree{ padding:10px 15px 10px 15px; width:800px; display: block; }
 div#multiagree.accordion div.ui-accordion-content ul{ list-style-type: none; padding:0; margin:0; }
 div#multiagree.accordion div.ui-accordion-content ul li{ 
    background-image:url(http://www.raftbayarea.org/public/images/circle-bullet.jpg);
	background-repeat:no-repeat;
	background-position:0px 10px; 
    padding:5px 0 0 14px;
    font-family:Arial, Helvetica, sans-serif; 
 }
 .chkbox{ position:relative; float:left; left:10px; width:30px; display:inline; margin:0; padding:8px 0 0 0; }
 div#multiagree.accordion div.ui-accordion-content div label{ padding-top:10px; }
  
 /* misc */
 .td150px{ width:125px; }
 
 div.buttons ul li button{
  font-size:13px;
  margin-bottom:3px;
 }
 div.buttons ul li a{
  font-size:13px;
 }
 .rounded{ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
 #hsform{ display:none; }
 
 /* jquery tools styles */
 .overlay {
	display:none;
	z-index:10000;
	background-color: #FFFFFF;
	background-image:url(../images/white-overlay-wide.png);
	width:750px;	
	min-height:601px;
	border:1px solid #666;
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
 }
 .overlay .close {
	background-image:url(../images/close-overlay.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
 }
 
 /* brochure */
 #broch-cover{ background-image: url(../images/brochure.jpg); }
 #broch-cover:hover{ background-image: url(../images/brochure-hover.jpg); cursor:pointer; }
 
 /* why give */
 ul.whygive li{ margin-bottom:5px; }

 div#master{
	margin: 0 auto;
	margin-bottom: 20px;
    position: relative;
    width: 940px;
	-webkit-box-shadow: 0px 0px 10px 10px rgba(55, 55, 51, 0.3);
	-moz-box-shadow: 0px 0px 10px 10px rgba(55, 55, 51, 0.3);
	box-shadow: 0px 0px 10px 10px rgba(55, 55, 51, 0.3); 
	 }
	 

 /* orbit overrides */
 .orbit-wrapper .orbit-caption {
	font:"Arial Black", Gadget, sans-serif;
	font-weight:bold;
    background: none repeat scroll 0 0 rgba(255, 255, 255, .6);
    bottom: 20px;
    color: #000;
    font-size:2em;
    padding: 7px;
    text-align:left;
    width: 50%;
	height:55px;
	line-height:1;
  }
  .orbit-wrapper .orbit-caption a{
	font:"Arial Black", Gadget, sans-serif;
	font-weight:bold;  
	font-size:1em;
	line-height:1;
  }

.seals{ width:100%; text-align:center; margin:20px 0; }
.seals div{ width:50%; text-align:center; position:relative; float:left;  }