html, body {
  /*background:#CDCACA url(/images/bg_fade.jpg) repeat-x fixed left top;	*/
	background-color: #CDCACA;
  font: 12px Arial, Verdana, Tahoma, Helvetica;
  margin: 0;
  padding: 0;
  background: url(/images/bg_firefighter.jpg) no-repeat fixed left top;
  background-color: #000;/* change the background and bg-color when changing themes*/
	}
body { margin-top: 100px; }
.heavy { font-weight: bold; }
h1 {
  font: bold 20px arial, verdana, helvetica;
  color: #af2708;
  text-transform: uppercase;
}
h2.cal {
  background-image: url(/images/cal.gif);
  background-repeat: no-repeat;
  padding-left: 25px;
  font: bold 16px arial, helvetica, sans-serif;
  font-variant: small-caps;
  color: #af2708;
}
h2.news {
  font: bold 16px arial, helvetica, sans-serif;
  font-variant: small-caps;
  color: #000000;
}
h2 {
  font: bold 16px arial, helvetica, sans-serif;
  font-variant: small-caps;
  color: #af2708;
}
.lower { text-transform: none; }
.upper { text-transform:uppercase; }
td#footer {
  font: 11px Arial, Verdana, Tahoma, Helvetica;
  color: #8b8787;
  padding: 30px 0px 20px 0px;
}
#other_info {
  color: #ccc;
  font: bold 11px Arial, Helvetica, sans-serif;
  padding: 15px;
}
#other_info a {
  color: #ccc;
  text-decoration: underline;
}
div.submenu { /*font: 10px normal Arial, Verdana, Tahoma, Helvetica;
	text-transform: uppercase;*/
	color: #AF2708; }
a:link, a:visited {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #AF2708;
  font-weight: bold;
  text-decoration: underline;
}
a.sidebar:link, a.sidebar:visited {
  color: #AF2708;
  text-decoration: none;
  font-weight: normal;
  padding-bottom: 24px;
}
a.sidebar:hover {
  color: #000000;
  font-weight: normal;
  text-decoration: underline;
}
.centeredImage {
  text-align:center;
  margin-top:0px;
  margin-bottom:0px;
  padding:0px;
}
/* *************************************************************************************
ENTER ALL CONFIRMED STYLES ABOVE HERE 
************************************************************************************* */	
	
div.content_main {
  margin: 10px;
  text-align: left;
}
.finished {
  text-decoration: line-through;
  color: #AF2708;
}
.centered { text-align: center; }
/* These are for indenting and other misc. margins */
.indent10 { margin-left: 10px; }
.indent20 { margin-left: 20px; }
.indent25 { margin-left: 25px; }
.staff {
  color: #AF2708;
  font-weight: bold;
}
/* Here are for some standard colors */
.red { color: #AF2708; }
.white { color: #FFFFFF; }
.black { color: #000000; }
/* This is to wrap text to the right of an image */
.leftimg {
  float: left;
  margin-right: 20px;
  margin-bottom: 6px;
}
/* This is to wrap text to the left of an image */
.rightimg {
  float: right;
  margin-left: 20px;
  margin-bottom: 6px;
}
/* This will clear the text from an image */
.clear { clear: both; }
th.footer {
  border: 4px solid;
  border-color: #AF2708;
}
td.required { color: #AF2708; }
img.staff {
  border: solid medium;
  border-color: #AF2708;
}
img.gallery {
  border: solid medium;
  border-color: #AF2708;
  margin: 5px 10px 5px 10px;
}
/* LINKS */




/* Here is a standard heading to use - just change the color */
div.heading {
  font: bold 150% Arial, Verdana, Tahoma, Helvetica;
  color: #000000;
  border-bottom: 3px solid #000000;
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 40px 10px 0px;
}
.headfont { font : bold 22px Arial, Helvetica, sans-serif; }
.subfont {
  font : bold 14px Arial, Helvetica, sans-serif;
  color: #000000;
}
.bodyfont { font : 12px Arial, Helvetica, sans-serif; }
.smallfont { font : 10px Arial, Helvetica, sans-serif; }
.font_headline {
  font-family: arial, helvetica, sans-serif;
  font-size: 21px;
  font-weight: bold;
  font-variant: small-caps;
  color: #00194A;
  text-align: center;
}
.font_subline {
  font-family: arial, helvetica, sans-serif;
  font-size: 16px;
  font-variant: small-caps;
  font-weight: bold;
  color: #000000;
}
.font_radio {
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  font-variant: small-caps;
  font-weight: bold;
  color: #00194A;
}
textarea, select, option {
  font-family: arial, verdana, "MS Serif", serif;
  padding: 1px;
  font-size: 11px;
  color: #000080;
  background-color: #FFFFC3;
  border: inset 1px #c0c0c0;
}
.alert {
  background-color:#ffffcc;
  color:#000;
  padding:10px;
  border:1px solid #ff0000;
}
.alert .ok {
  background-image: url("/images/alert_ok.gif");
  background-repeat: no-repeat;
  background-position:left center;
  padding-left: 20px;
}
.alert .warning {
  background-image: url("/images/alert_warning.gif");
  background-repeat: no-repeat;
  background-position:left center;
  padding-left: 20px;
}
.alert .error {
  background-image: url("/images/alert_error.gif");
  background-repeat: no-repeat;
  background-position:left center;
  padding-left: 20px;
}
.albumlist {
  list-style-type: none;
  margin-left: -35px;
  padding-bottom: 100px;
}
.albumlist h2 { color:#ff0000; }
.albumlist h3 {
  color:#333;
  font-style:italic;
  margin-bottom: 10px;
}
.albumlist li {
  float: left;
  widows: 200px;
  margin-right: 5px;
  margin-bottom: 15px;
  font: bold 14px Arial, Helvetica, sans-serif;
  font-style: italic;
  color: #333;
  text-align: center;
}
.albumlist img {
  display: block;
  border: 1px solid #333300;
}