/* global styles */

* {
  margin:0;
  padding:0;
}

body, p, div, td, span, li, a,
input, textarea, select, option {
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 11px;
}

input, textarea, select, option {
  color: #333;

  font-size: 10px;
}

body {
  color:#666;
  margin: 8px 9px;
  background-color: #dddace;
}

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

.clear {
  clear:both;
  height:0;
  line-height:0;
}

/* typographical defaults */

a {
  /* color: #0066ff; */
  color: #996633;
}
a:hover {
  text-decoration: none;
}

a img {
  border: none;
}



p {
 margin:0 0 12px 0;
 line-height: 15px;
}

h1, h2 {
  font-size: 12px;
  margin-bottom: 8px;
}

ul, li {
  list-style: none;
}

th {
  text-align: left;
}

.errMsg,
.error-global,
.errMsg p {
  color: red;
}
.noticeMsg, 
.noticeMsg p {
  color: green;
}

#errorExplanation,
.errorExplanation,
#errorExplanation {
  background: #DF5360;
  color: #fff;
  padding: 10px;
  width: 300px;
  margin-bottom: 20px;
}

.fieldWithErrors input {
  border: 2px solid red;
}

/*// Generic Two-Column Setup, override/modify with greater specificity if needed */
.cols {
  
}
.col1 {
  float: left;
}
.col2 {
  float: left;
}
.col3 {
  float: left;
}

/* TODO : add default styles for bullets and so on; sync up with default rails stylesheet... */


/* typographical defaults end */

/* global styles above this point 
    everything below should be qualified geographically */

/* main page division styles: layout / broad strokes / common */

/* masthead styles */ 
#masthead {
  background-color: #3d3d3d;
}

/* set main columns */
#content {
  width: 1008px;
  background: url(../images/bgd_body.gif) top left repeat-y scroll;
  float: left;
  min-height: 500px;
}

#content #sidebar {
  width: 140px;
  float: left;
  color: #efefef;
}
#sidebar a {
  color: #cc9933;
}
#content #sidebarBlock {
  margin: 0px 4px 20px 5px;
}
#sidebar #sidelinks {
/*  margin: 0px 5px;*/
}

#content #main {
  float: left;
  width: 868px;
  display: inline;
}
#content #mainBlock {
  margin: 15px 20px 30px 25px;
}

#content .perPage {
  margin: 20px 0;
}
/* footer styles */
#footer {
  
}

/* end: footer styles */

/* section-specific typographical styles: fine-grain */

#masthead {
  
}

#sidebar * {
  font-size: 10px;
}
#sidebar p {
  margin-bottom: 4px;
  line-height: 13px;
}
#sidebar .sideinput {
  width: 120px;
}
#sidebar ul#nav {
  margin-bottom: 40px;
}
#sidebar ul#nav li {
  background: #3d3d3d;
  width: 138px;
  
}

ul#nav li a {
  width: 128px;
  padding: 10px 5px 10px 5px;
  text-decoration: none;
  font-weight: bold;
  display: block;
  color: #fff;
  min-height: 16px;
}
ul#nav li a:hover {
  background: #63645e;
}

#main {
  
}
#main ul {
  margin-bottom: 20px;
}

#main .pages {
  margin: 20px 0;
}
#main .page {
  margin: 0 2px;
}
#main .prev_page {
  margin-left: 0px;
}
#main .current_page {
  font-weight:bold;
}
#main .searchOptions {
  background-color: #dbccbb;
  max-width: 460px;
  padding:10px;
}

#main .searchOptions .scol1 {
  float: left;
  width: 220px;
  display: inline;
}
#main .searchOptions .scol2 {
  float: left;
  width: 220px;
  display: inline;
}
#main textarea {
  width: 450px;
  height: 400px;
}

.dataTable th, .dataTable td {
  vertical-align: top;
}
.dataTable tr.even {
  background-color: #dbccbb;
}
.dataTable tr td, 
.dataTable tr th {
  padding: 2px 3px;
}

/* form styles */
.std .frow {
  margin-bottom: 11px;
}
.frow label {
  
}


/* draggable styles for albums etc. */
.sortable_group ul {
  padding: 1px;
  border: 1px solid #999;
  min-height: 24px;
  min-width: 300px;
}
.sortable_group li,
body .sort_item {
  background: #dbccbb none repeat scroll 0 0;
  margin:2px;
  padding:5px;
  width: 40px;
  height: 40px;
  list-style: none;
  font-size: 10px;
  float: left;
}
.sortable_group ul {
  cursor: hand;
  cursor: pointer;
}

.sortable_group .results {
  height: 400px;
  overflow: scroll;
}


.sortable_group .members {
  min-height: 400px;
}

.sortable_group .members span {
  display: inline-block;
  width: 100px;
}

.sortable_group .col1, 
.sortable_group .col2 {
  float: left;
}
.sortable_group .col2 {
  margin-left: 50px;
}
#main ul.album {
  width: 600px;
  
}
ul.album li {
  display: block;
  padding: 0px 1px 1px 0px;
}
#main .large_image {
  min-width: 350px;
  min-height: 350px;
}

/* accordion style */

.basic  {
  width: 300px;
}


.basic div {
  margin-bottom : 10px;
  text-decoration: none;
  margin: 0px;
  clear: left;

}
.basic a.btn {
  cursor:pointer;
  display:block;
  padding:3px 0px 3px 12px;
  margin-top: 0;
  text-decoration: none;
  background: transparent url('../images/r0_off.gif') 3px 9px no-repeat scroll;
  clear: left;


}
.basic a:hover {


}
.basic a.btn.selected {
  color: #666666;
  background: transparent url('../images/r0_on.gif') 3px 9px no-repeat scroll;


}
.basic .thumbBlock img {
  padding: 0px 3px 3px 0px;
}


#large_image {
  clear: left;
  padding-top: 10px;
}
#large_image .image {
  min-height: 350px;
}

table#forums,
table.forum {
  width: 800px;
  background-color: #efefef;
}
table.forum th, table.forum td {
  vertical-align: top;
}
table.forum tr.odd {
  background-color: #ffffff;
}
table#forums td.topic,
table#forums th.topic {
  text-align: center;
  width: 230px;
  width: 3px 5px;
}
table#forums th.name,
table#forums td.name {
  width: 650px;
  padding: 3px 5px;
}

table#topics th.name,
table#topics td.name {
  width: 550px;
  padding: 3px 5px;
}
table#topics th.reply,
table#topics td.reply {
  width: 100px;
}
table#topics th.author,
table#topics td.author {
  width: 230px;
  padding: 3px 5px;
}
table#posts th.author,
table#posts td.author {
  width: 230px;
  padding: 3px 5px;
}
table#posts th.post,
table#posts td.post {
  width: 650px;
  padding: 3px 5px;
}
table#posts td.post,
table#posts td.author {
  padding: 3px 5px 12px 5px;
}

table#posts td.post div.signature {
  border-top: 1px solid #efefef;
  padding: 3px 0px 0px 0px;
  margin-top: 11px;
}
.post_date {
  color:#aaa;
  font-size:10px;
  text-align:right;
}
.post_stats {
  color: #aaa;
  font-size: 10px;
}
.post_attrib {
  color: #aaa;
  font-size: 10px;
}


table.events th,
table.events td{
  vertical-align: top;
  padding: 5px;
}

#footer {
  clear: left;
  padding-top: 20px;
}

span.fieldWithErrors label {
  color: red !important;
}

.home .col1 {
  float: left;
  width: 400px;
  overflow: hidden;
  display: inline;
}
.home .col2 {
  float: left;
  width: 400px;
  margin-left: 15px;
  overflow: hidden;
  display: inline;
}
.home .announce,
.home .event,
.e_calendar .event {
  
  clear: left;
  margin-bottom: 10px;
  float: left;
}
.e_calendar .event {
  width: 400px;
  margin-bottom: 15px;
}
.home .annImage,
.home .evImage,
.e_calendar .evImage {
  float: left;
  margin-right: 10px;
  width: 100px;
  min-height: 50px;
}
.e_calendar .evImage {
  width: auto;
  min-height: 0px;
}
.e_calendar .evDescImage {
  margin-top: 6px;
}
.home .annInfo,
.home .evInfo {
  float: left;
  width: 290px;
}
.e_calendar .evBody {
  float: left;
  width: 290px;
}
.home .evImage {
  margin-left: 10px;
  margin-right: 0px;
  padding-bottom: 10px;
}
.home .mission {
  background-color: #eee;
  padding: 15px;
}