/* styles.css */

/* colors 
   badge red: a42224
*/

body { background-color: #a42224; font-family: verdana, arial, halvetica, 
  sans-serif; font-size: 12px; padding: 0 20px; text-align: center;/*IE*/ 
  min-width: 730px;/*NS*/ }

h1 { color: #000; font-family: "Georgia Bold", Georgia, Times, serif;
  size: 2em; line-height: .8em; margin: 0; padding: .4em; }
h2 { font-family: "Georgia Bold", Georgia, Times, serif; size: 1.0em; 
  margin-top: 0; }
h3 { font-family: "Georgia Bold", Georgia, Times, serif; size: 0.8em; }

/* links */
a:link, a:visited, a:hover, a:active { text-decoration: none; color: #a42224; 
  border-bottom: 1px dotted #a42224; font-weight: normal; }
a:link, a:visited {}
a:hover { border-bottom: 1px solid #a42224; }
a:active {}

/* container */
#container { width: 730px; margin: 0 auto; text-align: left;/*IE*/
  background-image: url(background.png); background-position: top center;
  background-repeat: repeat-y; }

/* header */
#header { margin: 0 20px; padding: 5px 0 0 0; }
#header table td { text-align: center; vertical-align: middle; 
  padding: 5px 10px 0 10px; }
#header table td.title { width: 100%; text-align: center; }
#header table td img { border: none; }
#header a:link, #header a:visited, #header a:hover, #header a:active
  { border: none;  }

/* headerSecond */
#headerSecond { margin: 0 15px; }

/* nav */
#nav { width: 150px; float: left; padding: 20px 10px 20px 10px; 
  margin: 0 0 0 15px; }
#nav img { border: none; }
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active
  { border: none; }

/* content */
#content { width: 490px; float: right; padding: 1em 1em 1em 1em;
  line-height: 1.6em; clear: right; margin-right: 10px; }
#content h1, h2, p { padding-right: 20px; }
#content p { margin-bottom: 2em; }
#content div.faq { padding-left: 2em; }

#content img { border: 1px solid #666; }
#content img.noBorder { border: none; }
#content img.established { float: right; padding: 20px 25px 10px 20px;
  border: none; }
#content img.left { float: left; margin: 0 10px 10px 0; }
#content img.right { float: right; margin: 0 20px 10px 10px; }

#content table.firefighters th { text-align: left; padding: .2em 1em 0 0; }

/* footer */
#footer { clear: both; padding: 20px; margin: 0 18px; text-align: center; 
  border-top: 1px solid #ccc; line-height: 1.4em; }
  
#footer a { font-weight: normal; }
#footer a:link, #footer a:visited { border: none; }
#footer a:hover, #footer a:active { border-bottom: 1px solid #a42224; }
