/*
stylesheet for Rockland Fire Department (www.rocklandfd.com)
created 1/28/09 by Ed Geis, Headwaters Writing & Design, LLC (www.hwaters.com)
revised 4/2/09
*/

/*basic layout******************************************/

	html,body {
		background:#333;
		margin:0;
		height:100%;
		width:100%;
		font:1em arial,verdana,sans-serif;
		}
	
	#container	{
		width:1000px;
		margin:0 auto 0 auto;
		border-right:1px solid #000;
		border-left:1px solid #000;
		background:#f00;
		}
	
	#banner	{
		background:#000 url(../images/shared/banner-background.jpg);
		color:#fd6;
		height:100px;
		border-bottom:3px solid #fd6;
		}
		
	#lefthand-column		{
		background:#f00;
		width:154px;
		float:left;
		height:100%;
		padding:8px;
		}
		
	#main-content	{
		background:#fff;
		height:100%;
		float:left;
		width:790px;
		min-height:440px;
		padding:20px;
		}
		
	#footer	{
		background:#fd6;
		color:#000;
		font-size:0.75em;
		text-align:center;
		clear:both;
		border-bottom:1px solid #000;
		padding:4px;
		border-top:1px dotted #666;
		}
		
	#main-content h1 {
		width:400px;
		font-size:1.25em;
		margin-bottom:1.2em;
		}
		
	#home #main-content p {
		width:400px;
		margin-bottom:40px;
		}
	
/*typography*/

	h1	{
		margin:0;
		color:#f00
		}
		
	p	{
		margin:0 0 0.5em 0;
		}
		
	h2	{
		color:#666;
		font-size:1.1em;
		}
		
	h3	{
		color:#666;
		font-size:1em;
		}
		
/*links*/

	a:link {
		color: #00f
		}     
		
	a:visited {
		color: #609
		} 
		
	a:hover {
		color:#f00;
		text-decoration:none;
		}   
	
	a:active {
		color: #00c;
		}  	
		
/*navigation menu*/

	ul#navigation-menu	{
		list-style-type:none;
		margin:0;
		padding:0;
		position:absolute;
		width:154px;
		z-index:100;
		}
		
	/*Meyer rule*/
	ul#navigation-menu	li	{
		position: relative;
		border:1px solid #f00;
		}
		
	/*Meyer rule*/
	ul#navigation-menu	ul	{
		display:none;
		}
		
	/*Meyer rule*/
	ul#navigation-menu li:hover > ul {
		display: block; 
		position: absolute;
		}
	/*Meyer rule*/	
	ul#navigation-menu li a {display: block}
	/*Meyer rule
	ul#navigation-menu li.submenu:hover {margin-left: 100px; border: 1px solid gray; background: #666;}
	/*Meyer rule
ul#navigation-menu li.submenu:hover > a {color: #fff;}
/*Meyer rule
ul#navigation-menu li.submenu:hover > ul {top: 0; left: 0; background: #green;}*/



	ul#navigation-menu a	{
		color:#fd6;
		font-size:0.85em;
		text-decoration:none;
		}
		
	ul#navigation-menu a:hover	{
		color:#fff;
		text-decoration:underline;
		background:#666;
		}
	
	ul#navigation-menu li:hover	{
		background:#666;
		}
		
	/*submenus*/
	
	ul#navigation-menu li ul	{
		background:#666;
		list-style-type:none;
		padding:0 6px 6px 6px;
		display:none;
		position:relative;
		margin:-18px 0 0 120px;	
		/*float:right;*/
		z-index:200;
		}
		
	ul#navigation-menu li ul li	{
		border:none;
		}
		
  	ul#navigation-menu li:hover > ul {
		display: block;
		} 

/************ end of navigation menu rules *****************/


/*style rules unique to particular pages******/

	#home #main-content	{
		background:#fff url(../images/home/homepage-background.jpg) no-repeat right bottom;
		}
		
/*images***********/
		
	img.right-float 	{
		float:right;
		margin:0 0 20px 20px;
		border:1px solid #000;
		}
		
	#main-content	img	{
		border:1px solid #000;
		}
	
/*apparatus containers*/
	div.apparatus-container	{
		padding-top:10px;
		}
		
	.clearfloat		{
		clear:both;
		}
		
	li.undecorated	{
		list-style-type:none;
		margin:0 0 0.5em 0;
		}
		
	#incident-count	{
		background:#fd6;
		margin-top:240px;
		padding:6px;
		text-align:left;
		font-size: 0.75em;
		border:1px dotted #000;
		}
		
	#incident-count ul	{
		list-style-type:none;
		padding-left:0;
		margin:0;
		}
		
	#incident-count h1	{
		font-size:1.2em;
		}
		
	body#ems div#banner	{
		background-image:url(../images/shared/banner-background-ems.jpg);
		}
		
	body#news div#banner	{
		background-image:url(../images/shared/banner-background-alternate.jpg);
		}
		
	table.calendar	{
		border:2px solid #666;
		background-color:#fff;
		padding:0;
		font-size:9px;
		}
		
	table.calendar tr	{
		height:94px;
		margin:0;
		padding:0;
		}
		
	table.calendar td	{
		border:1px solid #666;
		margin:0;
		padding:0;
		width:94px;
		padding:2px;
		vertical-align:top;
		}
		
	table.calendar caption	{
		color:#fd6;
		font-size:2em;
		background-color:#000;
		padding:4px;
		font-weight:bold;
		}
		
	table.calendar tr.day-labels	{
		text-align:center;
		height:30px;
		background-color:#fd6;
		font-size:12px;
		font-weight:bold;
		}
		
	td.drill-topic	{
		background-color:#fff;
		}
		
	td.a-shift	{
		background-color:#FF99FF;
		}
		
	td.b-shift	{
		background-color:#99CCFF;
		}
		
	td.c-shift	{
		background-color:#66FF66;
		}
		
/*feature boxes on homepage*/
	ul#feature-boxes	{
		width:318px;
		margin:0;
		padding:0;
		}
		
	ul#feature-boxes li	{
		background:#f00;
		width:135px;
		height:120px;
		float:left;
		display:block;
		margin:0 10px 10px 0;
		list-style-type:none;
		color:#fff;
		font-size:11px;
		padding:2px;
		}
		
	ul#feature-boxes 	a	{
		color:#fff;
		text-decoration:none;
		}
		
	ul#feature-boxes a:hover	 {
		/*background:#00f;*/
		color:#fd6;
		}
		
	ul#feature-boxes a:hover li	{
		/*background:#00f;*/
		}
		
/*lists*/
	#main-content li	{
		margin-top:1em;
		}
		
	form li	{
		list-style-type:none;
		}
		
	form ol {
		margin:0;
		}
		
	fieldset	{
		background:#ccc;
		padding:8px;
		}
		
	label	{
		display:block;
		}
		
	textarea	{
		width:300px;
		}
		
	input	{
		width:300px;
		}
		
	.submit input	{
		width:auto;
		}
		
	div#photo-box	{
		background:#fd6;
		padding:6px;
		width:auto;
		}
		
	p.caption	{
		color:#000;
		font-size:11px;
		}
		
	.float-right	{
		float:right;
		}
		
	body#news	h2	{
		margin-top:100px;
		}