/* Fire Department Stylesheet */
/* ---------------------------------*/

div#firecontent {
  
  color: #444;
  margin: 0px; /* had to include in order to overwrite the #content in cogr_web-42-c2.css */
  /* background: #D0D7DD;*/ /* had to include in order to overwrite the #content in cogr_web-42-c2.css */
  border: none; /* had to include in order to overwrite the #content in cogr_web-42-c2.css */
  padding: 0px; /* eventually needs to be added to the #templateContent padding */
  width: auto; /* overrides other #content settings */
  float: left;

}

div#firecontent h1 { font: bold 17px Arial, Helvetica, sans-serif; margin: 16px 0 12px 0; color: #444; }
div#firecontent h2 { font: bold 15px Arial, Helvetica, sans-serif; margin: 14px 0 2px 0; color: #444; }
div#firecontent h3 { font: bold 17px Arial, Helvetica, sans-serif; margin: 16px 0 3px 0; color: #444; }

div#firecontent h4 { font: bold 15px Arial, Helvetica, sans-serif; margin: 13px 0 2px 0; color: #444; }


/*  Related Links & Additional Resources  */
/*------------------------------------------------*/
/*  H5 is used only for the headings "Related Links" and "Additional Resources"  */

div#firecontent h5 { font: bold 15px Arial, Helvetica, sans-serif; margin: 12px 0 3px 13px; color: #444; }
div#firecontent h6 { font: bold 13px Arial, Helvetica, sans-serif; margin: 0; color: #444; }
div#firecontent td { font: 12px Arial, Helvetica, sans-serif; padding: 0;	vertical-align: top; }

div#firecontent p,
div#firecontent td,
div#firecontent ul,
div#firecontent ol
 { font: 12px/17px Arial, Helvetica, sans-serif; color: #343434; } 	


/*     Links                       */
/*---------------------------*/

div#firecontent a,
div#firecontent a:visited {
  font: 12px/17px Arial, Helvetica, sans-serif;
  color: #039;
  border-bottom: 1px solid #1a478f;
  }
div#firecontent a:hover { 
  color: #fff;
  background-color: #039;
  border-bottom: 1px solid #039;
  }

/* Special Links           */
/*-------------------------*/
div#firecontent a.top,
div#firecontent a.top:link,
div#firecontent a.top:visited,
div#firecontent a.top:hover {
  font: 11px Arial, Helvetica, sans-serif;
  text-align: right;
}


/*  Remove bottom border from images that are linked */
/*---------------------------------------------------------------*/

div#firecontent a img,
div#firecontent a:visited img {
  border: 1px solid #CCC;
  padding: 2px;
  background-color: #FFF;
  margin: 0;
  text-decoration: none;
  }	
div#firecontent a:hover img {
  border: 1px solid #000;
  padding: 2px;
  background-color: #fff;
  margin: 0;
  text-decoration: none;
}


/* List with blue triangle bullets    */	
/*------------------------------------*/
ul#submenu {
  list-style-type: none;
  padding: 0;
  margin-top:0;
  margin-right: 0px;
  margin-bottom: 18px;
  margin-left: 13px;
  }
ul#submenu li {
  background: url(/index.pl?binobjid=4802) 0 5px no-repeat;
  padding-left: 1.2em;
  margin: 0;
 font: 12px/16px Arial, Helvetica, sans-serif;
  }

/*  List with regular bullets and no indent  */
/*------------------------------------------------*/
ul#nomargin {
  list-style-type: none;
  padding: 0;
  margin-top:4px;
  margin-right: 0px;
  margin-bottom: 12px;
  margin-left: 19px;
}
ul#nomargin li {
  list-style-type: disc;
  padding-left: 1px;
  padding-bottom: 3px;
  margin: 0;
 font: 12px/17px Arial, Helvetica, sans-serif;
}
ul#nomargin li ul {
  list-style-type: none;
  padding: 0;
  margin-top:0;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 15px;
}
ul#nomargin li ul li {
  list-style-type: circle;
  padding-left: 1px;
  padding-bottom: 3px;
  margin: 0;
 font: 12px/18px Arial, Helvetica, sans-serif;
}


/* Pretty data table      */
/*------------------------*/

div#dataTable table { /* background-color: #D0D7DD;*/ }
div#dataTable .small td { font: 11px Arial, Helvetica, sans-serif; }
div#dataTable tr.odd { background-color: #CBD4D9; }
div#dataTable tr.even { background-color: #C6CFD5; }
div#dataTable td {
  font: 12px Arial, Helvetica, sans-serif;
  padding: 3px 4px 3px 4px;
  vertical-align: top;
}
div#dataTable th {
  padding: 2px 6px 4px 6px;
  background: url(/index.pl?binobjid=4801) repeat-x top left; /* "../images/btn_blue-gradient-bg.jpg" */
  color: #fff;	
  font: bold 13px Arial, Helvetica, sans-serif;
  border-top: 3px solid #036;
  line-height: 17px;
  text-align: left;
}

div#dataTable td.lastrow { 
  border-bottom: 3px solid #036; 
  }

div#dataTable a.th {
  color: #fff;
  border-bottom: 1px solid #fff;
  font: bold 13px Arial, Helvetica, sans-serif;
}


/*   Blue Buttons              */
/*----------------------------*/
div#btn_blue {
  background: url(/index.pl?binobjid=4801) repeat-x left center; /* "../images/btn_blue-gradient-bg.jpg" */
  border: 1px solid #5e7484;
  margin: 0;
  color: #fff;
  vertical-align: middle;
  padding: 1px 5px 2px;
}
div#btn_blue a,
div#btn_blue a:link,
div#btn_blue a:visited {
  font: bold 12px Arial, Helvetica, sans-serif;
  letter-spacing: .03em;
  color: #fff;
  text-decoration: none;
  border: none;
}


/*        Image Styles            */
/*--------------------------------*/

/* All main images */
img.feature {  
  margin-bottom: 0px;
  padding: 2px;
  background: #fff;
  border: 1px solid #999;
}

/* Floats an image right */
img.floatr {  
  float: right;
  margin: 0 0 12px 12px;
  padding: 2px;
  background: #fff;
  border: 1px solid #999;
}

/* Floats an image right; no borders or background  */
img.noborder_right {
  float: right;
  margin: 0;
  padding: 2px;
  background: none;
  border: none;
}

/* Floats an image left */
img.floatl {  
  float: left;
  margin: 0 12px 12px 0;
  padding: 2px;
  background: #fff;
  border: 1px solid #999;
}

/* Floats an image left; no borders or background */
img.floatl_noborder {
  float: left;
  margin: 0 12px 12px 0;
  padding: 2px;
  background: none;
  border: none;
}

/* No border, no background, no float */
img.noborder {
  margin: 0;
  padding: 2px;
  background: none;
  border: none;
}

/* padding to use for station thumbnails of stations */
img.stations { 
  margin: 1px 7px;
  padding: 2px;
  background: #fff;
  border: 1px solid #999;
  display: block;
}


/*  11px - Smaller Text               */
/*-------------------------*/
div#firecontent .small { font: 11px Arial, Helvetica, sans-serif; }	


/* Fire Home Page       */
/*-------------------------*/
div#banners {
  margin: 10px 0 0 0;
  padding: 0;
  border: 1px solid #CCC;
  width: 142px;
  display: block;
}

div#banners img a,
div#banners img a:visited {
  margin: 2px 0;
  padding: 0px;
  border-width: 1px solid #555;
}

div#banners img a:hover {
  padding: 2px;
  border: 1px solid #000;
  background: #fff;
}

/* Other miscellaneous styles        */
/* ---------------------------------------*/
.titleShadow { 
  color: #667987; /* makes the page title a deep blue */
/* REMOVE NEXT 3 LINES TO COMPLY WITH GRCITY.US GUIDELINES */
  font-size: 20px;
  font-weight: bold;
  font-style: normal; 
} 
h4 a { font: bold 13px Arial, Helvetica, sans-serif; }

div#firecontent .bold { font-weight: bold; }

/* This is to indent a paragraph of text (like a blockquote usually does) */
div#firecontent p.indent { margin: 16px 26px;} 


/*  OPERATIONAL PERMITS PAGE                         */
/*---------------------------------------------------------*/
.fireclosed {	display: none; }
.fireclosed:hover { cursor: crosshair; }
.fireopen {	
   display: block; 
   margin-top: 6px; 
   margin-bottom: 12px;
}

div#firecontent dt {
   cursor: pointer;
   color: #003399;
   text-decoration: none;
   font-weight: bold;
   margin-bottom: 6px;
   background: url(/index.pl?binobjid=5273) 0 50% no-repeat;
   padding-left: 21px;
}

div#firecontent dd {	
   margin-left: 0;
   padding-left: 23px;
}	

/* Maroon IFC source reference on the Operational Permits page (ID=5456) */
.ifc {
   font: bold 11px Arial, Helvetica, sans-serif;
   color: #900;
}


/*  Go "back" link                         */
/*-------------------------------------*/
/* This style would be used in the following code snippet: */

   /* <a href="javascript:history.go(-1)" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('btn_back','','/index.pl?binobjid=5297',1)"> */
   /* <img src="/index.pl?binobjid=5296" alt="Go Back" name="btn_back" width="57" height="17" border="0" id="btn_back" /></a> */

div#firecontent a.back,
div#firecontent a.back:visited { 
  background: url(index.pl?binobjid=5296) no-repeat top left;
  width: 57px;
  height: 17px;
  display: block; }
div#firecontent a.back:hover { 
  background: url(index.pl?binobjid=5296);
}

/* --------------------------------------------------- */