body {
  background-color: #ffffff;
  font-family: sans-serif, serif, arial;
  margin-left:20px;
  margin-right:20px;
  background-image:url('images/bsa_back.gif');
}

img {  /* prevents borders around images that are links (whose dumb idea was that anyway?) */
  border-width:0px;
}

a:link { color: #336633; text-decoration: underline}
a:visited { color: #336633; text-decoration: underline}
a:hover { color: #CC0033; text-decoration: underline}
/* page size */
@page {
   size:8.5in 11.0in;
}

/* Font Definitions */
@font-face {
   font-family:Arial;
   panose-1:2 11 6 4 2 2 2 2 2 4;
}

h1 {
   color: #CC0033;
   font-family: Arial, sans-serif, serif;
   font-weight: bold;
   font-size: 14pt;
}
h2 {
   color: #336633;
   font-family: Arial, sans-serif, serif;
   font-weight: bold;
   font-size: 12pt;
}
h3 {
   font-family: Arial, sans-serif, serif;
   font-size: 10pt;
}
h4 {
   font-family: Arial, sans-serif, serif;
   font-size: 8pt;
}

#header_alt {
   width: 100%;
}

/* content in table php file */
#content_body {
  width: 100%;
  text-align: justify;
  vertical-align: top;
}

#content_cal {
  float: left;
  width: 100%;
  text-align: justify;
}

#leftcol {
  width: 15%;
  vertical-align: top;
}

#content {
  float: left;
  width: 85%;
  text-align: justify;
}

#footer {
  clear: both;
  width: 100%;
  text-align: center;
}

/************ header_alt stuff **************/
#header_alt h1{
   font-style: italic;
}

#header_alt h3{
   color: #336633;
}

#header_alt {
   width: 100%;
}

#header_alt table.header_table {
   padding: 0;
   border: 0;
}

/************ leftcol stuff **************/
#leftcol h4{
  color: #000000;
  font-family: Arial, sans-serif, serif;
  font-weight: normal;
}

/* navigation table */
#leftcol table.nav_table {
  font-family: Arial, sans-serif, serif;
  border-style:solid;
  border-width:0px; 
  border-color:#336633; 
  padding:0px;
  margin:0px;
  text-decoration: none;
  vertical-align:top;
  text-align:center;
  padding: 0px;
}

#leftcol td.active_tab {
  background-color:#CC0033;
  padding:2px;
  margin:2px;
  border-style:solid;
  color:#ffffff;
  font-size:10pt;
  font-weight:normal;
  text-decoration:none;
}

#leftcol .active_tab a {
  color:#ffffff;    
  text-decoration:none;
}

#leftcol td.a_page {
  background-color:#336633;
  padding:2px;
  margin:2px;
  border-style:solid;
  color:#ffffff;
  font-weight:normal;
  font-size:10pt;
  text-decoration:none;
}

#leftcol .a_page a {
  color:#000000;    
  text-decoration:none;
}

/************ content stuff **************/
#content h2{
   color: #CC0033;
}

#content h3{
   color: #000000;
   font-weight: normal;
}

#content img {
  float: right;
  margin: 0px 0px 15px 20px;
}

#content_cal h2{
   color: #CC0033;
}

#content_cal h3{
   color: #000000;
   font-weight: normal;
}

#content_cal ul {
  list-style-type: disc;
  list-style-position: outside;
}

#content_cal table.content_table {
   padding: 0;
   border: 0;
  vertical-align: top;
  text-align: left;
}

p.boldletter {
  text-indent:0pt;
  margin-left:0pt;
  margin-right:0pt;
  margin-top:2pt;
  margin-bottom:2pt;
  text-align:left;
  font-family:Arial;
  font-size:10.0pt;
  color:black;
  font-weight: bold;
}

p.boldletter_small {
  text-indent:0pt;
  margin-left:0pt;
  margin-right:0pt;
  margin-top:0pt;
  margin-bottom:0pt;
  text-align:left;
  font-family:Arial;
  font-size:8.0pt;
  color:black;
  font-weight: bold;
}

p.green {
   font-family: Arial, sans-serif, serif;
   font-size: 10pt;
   color: #336633;
}
p.greenbold {
   font-family: Arial, sans-serif, serif;
   font-size: 10pt;
   color: #336633;
   font-weight: bold;
}
table.plannedevents {
  font-family: Arial, sans-serif, serif;
  border-style:solid;
  border-width:0px; 
  border-color:#336633; 
  padding:0px;
  margin:0px;
  text-decoration: none;
  vertical-align:top;
  text-align: left;
}

.centeredImage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }

table.patrols td.icon{
  margin-left:3px;
  margin-right:3px;
  vertical-align:middle;
  text-align: center;
}

table.patrols td.title {
  text-align: center;
  margin-left:5px;
  padding:5px;
  vertical-align: middle;
}

table.patrols p.boldletter {
  margin-top:2pt;
  margin-bottom:2pt;
  text-align:center;
  font-family:Arial;
  font-size:10.0pt;
  color:black;
  font-weight: bold;
}

td.spacer {
   width: 1%;
}

td.linkcol1 {
  width: 50%;
  text-align: justify;
  vertical-align: top;
}

td.linkcol2 {
  width: 50%;
  text-align: justify;
  vertical-align: top;
}

table.photos{
  width: 550;
  margin-left:3px;
  margin-right:3px;
  vertical-align:middle;
  text-align: center;
}
table.photos td{
  width: 137;
}

table.merit td.icon{
  margin-left:3px;
  margin-right:3px;
  vertical-align:middle;
  text-align: center;
  width: 75
}

table.merit td.title {
  text-align: center;
  margin-left:5px;
  padding:5px;
  vertical-align: middle;
}
   
img.thumb {
  width: 130px;
  height: 110px;
}

img.popitup {
  width: 400px;
  height: 310px;
}

/***********************************/
/* Calendar stuff */
/* event_box surrounds each event*/
#content_cal a.event_box { 
  border-style:solid;
  border-width:1px; 
  border-color:#aaa; 
  padding:3px;
  margin:2px;
  text-align:left;
  color:#306030;    
  font-weight:normal;
  font-size:10pt;
  text-decoration:none;
}

/* styles for events list mode */
#upcoming_events_menu ul.upcoming_events {
  border:solid 1px #000;
  margin:0;
  padding:0;
  margin:1px;
}

#upcoming_events_menu ul.upcoming_events li {
  list-style-type:none;
  cursor:pointer;
  margin:0;
  padding:0;
  margin-top:5px;
  clear:left;
  font-size:10pt;
}

#upcoming_events_menu ul.upcoming_events li a{
  text-decoration:none;
  color:#000;
  margin:2px;
}


#upcoming_events_menu ul.upcoming_events li .date{
  text-align:right;
  display:block;
  float:left;
  clear:left;
  vertical-align:middle;
}

#upcoming_events_menu ul.upcoming_events li .icon{
  border:0;
  margin-left:3px;
  margin-right:3px;
  vertical-align:middle;
}

#upcoming_events_menu ul.upcoming_events li .title {
  border:solid 1px #aaa;
  text-align:left;
  margin-left:5px;
  padding:3px;
  vertical-align:middle;
}

/* styles for events table mode */
#upcoming_events_menu table.upcoming_events {
  border:solid 1px #000;
  border:0;
  margin:0;
  padding:0px;
  margin:0px;
}

#upcoming_events_menu table.upcoming_events td {
  margin:0px;
  padding:0;
  clear:left;
  font-size:10pt;
  padding:0px;
}

#upcoming_events_menu table.upcoming_events td.merged_events.date{
  white-space:nowrap;
  vertical-align:top;
}
#upcoming_events_menu table.upcoming_events td.merged_events{
}

#upcoming_events_menu table.upcoming_events td .merged_event {
  margin-top:1em;
  margin-bottom:1em;
}

#upcoming_events_menu table.upcoming_events td a{
  text-decoration:none;
  color:#000;
  margin:0px;
  vertical-align:middle;
}


#upcoming_events_menu table.upcoming_events td .date{
  text-align:right;
  float:left;
  clear:left;
  vertical-align:middle;
}

#upcoming_events_menu table.upcoming_events td .icon{
  border:0;
  margin-left:3px;
  margin-right:3px;
  vertical-align:middle;
}

#upcoming_events_menu table.upcoming_events td .title {
  border:solid 1px #aaa;
  text-align:left;
  margin-left:5px;
  padding:0px;
  vertical-align:middle;
  
}