/* CSS Document */
/* Scripted by Justin Greet for Salisbury Country Fire Service */

/* #008080 CFS GREEN*/
/* #D31B1D CFS RED */
/* #F0B32C CFS ORANGE */
		
		
	.www {
	width:				200px;
	height:				77px;
	padding:			0em 0.5em 0em 0.5em;	
	color:				black;
	border:				1px solid #D31B1D;
	background:			#F0B32C;
	}
		
	.boxicon {
        float:                          left;
	width:				24px;
	height:				24px;
	}	
		
	.boxtitle {
	padding:		    0em 0em 0em 5px;
	line-height:		25px;
	}	
			
	.alignleft {
	float:				left;
	}
	.alignright {
	float:				right;
	}
	
body {
	background:		#D6D6D6;
	overflow-x:		hidden;
	min-width: 		770px; /* 800x600 */
	min-width:		994px; /* 1024x786 - overides above res */
	margin:			0px;
	padding:		0px;
	}
	
a:link, a:visited, a:active {
	text-decoration: 	none;
	color:			    #D31B1D;
	}
	
a:hover {
	text-decoration: 	none; 
	color: 			    white;
	}
	
img {
	border-style:		none;
	}	
	
h4 a:link, h4 a:visited, h4 a:active, h4 a:hover{
	text-decoration: 	none;
	color:			    black;
	}
.content a:hover {
    text-decoration: 	none; 
	color: 			    blue;
    }
	
.ankle a {
    text-decoration: 	none; 
	color: 			    #000;
    }

.ankle a:hover {
    text-decoration: 	none; 
	color: 			   	#D31B1D;
    }	
				
	
h1 {}
		
h2 { /*Box Headers */
	background:		    url(/nav/header_red.png) left repeat-x #D31B1D;
	padding:		    0em 1em 0em 0em;
	margin:			    0em;
	color:			    #FFFFFF;
	height:			    24px;
	line-height:		25px;
	font-family:		Tahoma;
	font-size:		    14px;
	}

h3 { /*Sub Heading */
	padding-left:		1em;
	font-weight:		bold;
	} 
    
h4 { /* Divider-Heading */
	padding:		    0em;
	margin:			    0em;
	border-bottom:		2px solid #D31B1D;
	color:			    black;
	min-width:		    70px;
	height:			    24px;
	font-family:		Tahoma;
	font-size:		    15px;
	}
	
	
#header {
	background:		    url(/nav/title.png) left top no-repeat;
	/*background:		    url(/nav/2010_title_test.png) left top no-repeat;*/
	border:			    0px solid #D31B1D;
	}

	#header a.srollover {
		display:            block;
		width: 			    185px;
		height:             199px;
		/*background:		    url(/nav/CFSLogo.png) 0 0 no-repeat;*/
		text-decoration:    none;
		}
	
	#header a:hover.srollover {
		background-position: -185px 0;
		}
	
#left {
	float:			    left;
	width:			    175px;
	}
	
	.search p {
		margin:				0px;
		}
				
		.search .searchinput {
			color: 		    #000000;
			font-family: 	Verdana, Arial, Helvetica, sans-serif;
			}
			
			.searchinput {
				border:			1px solid #7F9DB9;
				width:			121px;
				height:			18px;
				margin:			4px;
				}
			
			.search img {
				border-width:		0px;
				text-decoration: 	none;
				}
			
		.search .searchinput:hover {
			color: 		   	#D31B1D;
			}
		
	.search {
		margin-top:		    15px;
		border:			    1px solid #D31B1D;
		background-color: 	#F0B32C;
		color:			    #D31B1D;
		line-height:		20px;
		font-family:		Tahoma;
		font-size:		    14px;
		}
	
	.nav {
		margin-top:		    15px;
		border:			    1px solid #D31B1D;
		background-color: 	#F0B32C;
		color:			    #D31B1D;
		line-height:		20px;
		font-family:		Tahoma;
		font-size:		    14px;
		}

	.callouts p {
		text-align:		    right;
		width:				120;
		padding:			0em;
		margin:				0em;
		color:				black;
		}

	.callouts {
		margin-top:		    15px;
		border:			    1px solid #D31B1D;
		background-color: 	#F0B32C;
		color:			    #D31B1D;
		line-height:		20px;
		font-family:		Tahoma;
		font-size:		    14px;
		}	
				
		.asof {
			float:				left;
			margin-left:		2px;
			font-family:		Tahoma;
			font-size:		   	10px;
			}
		
	.nae p {
		text-align:		    center;
		}

	.nae {
		margin-top:		    15px;
		border:			    1px solid #D31B1D;
		background-color: 	#F0B32C;
		color:			    #D31B1D;
		line-height:		20px;
		font-family:		Tahoma;
		font-size:		    14px;
		}
		
	.counter p {
		margin:				0.1em;
		text-align:		    center;
		}

    .counter {
		border:			    1px solid #D31B1D;
		margin-top:		    15px;
		background-color: 	#FFFFFF;
		color:			    #D31B1D;
		font-family:		Tahoma;
		font-size:		    14px;
		font-weight:		bold;
		}	

#center {
	position:		    relative;
	margin-left:		190px;
	margin-right:		190px;
	}

	ul#list {
		text-align:			left;
		list-style-type:	disc;
		}
	
	.message p {
		padding-left:		1em;
		padding-right:		0.5em;
		color:			    #D31B1D;
		}
	
	.message {
		/*background:		    url(/nav/important.png) top left no-repeat #FFFFFF;*/
		background:			#FFFFFF;
		height:				110px;
		border:			    1px solid #D31B1D;
		margin-top:		    15px;
		color:			    #D31B1D;
		font-family:		Tahoma;
		font-size:		    16px;
		}

	.content p {
		display:			block;
		padding-left:	    1em;
        padding-right:      1em;
		color:			    #000000;
		}
			
	.content {
		background:		    url(/nav/watermark_bw.png) center no-repeat #FFFFFF;
		min-height:         400px;
		border:			    1px solid #D31B1D;
		margin-top:		    15px;
		color:			    #D31B1D;
		font-family:		Tahoma;
		font-size:		    16px;
		}
		        
    .inner p {
		display:		    block;
        padding:            0em;
		color:			    #000000;
		}
        
    .inner {
        min-width:          100px;
		min-height:	    100px;
        border:             0px;
        margin:             0em 1em 0em 1em;
        padding:	    0 0 6px 0px;
	}
		
	iframe {
		
	}
        
	.ankle p{
		text-align:			left;
		margin:				1em 0em 1em 0em;
		color:			    #D31B1D;
		}

	.ankle {
		/* 		    #FFFFFF;*/
		background:			#D6D6D6;
		min-width:		    100%;
		min-height:		    53px;
		/*border:			    1px solid #D31B1D;*/
		margin-top:		    15px;
		font-family:		Tahoma;
		font-size:		    14px;
		}	
		
#right {
	float:			right;
	width:			175px;
	}

    .info p {
		padding-left:       0.7em;
		margin:				0.5em;
		font-family:		Tahoma;
		font-size:		    14px;
		}

    .info {
		border:			    1px solid #D31B1D;
		margin-top:		    15px;
		background-color: 	#F0B32C;
		color:			    #D31B1D;
		line-height:		20px;
		}
		
	.weather {
		border:			    1px solid #D31B1D;
		margin-top:		    15px;
		background-color: 	#F0B32C;
		color:			    #D31B1D;
		line-height:		20px;
		font-family:		Tahoma;
		font-size:		    14px;
		}	
				
	.login p {
		margin:				0.5em;
		}

	.login {
		border:			    1px solid #D31B1D;
		margin-top:		    15px;
		background-color: 	#F0B32C;
		color:			    #D31B1D;
		line-height:		20px;
		font-family:		Tahoma;
		font-size:		    14px;
		}
		
		.login .input {
			border:			1px solid #7F9DB9;
			width:			150px;
			height:			18px;
			color: 		    #D31B1D;
			font-family: 	Verdana, Arial, Helvetica, sans-serif;
			}
						
	.calendar p {
		padding-left:		1em;
		padding-right: 		1em;
		margin:				0.5em;
		}
		
		.calendar .days:hover{
			color:	black;
		}
		
	.calendar {
		border:			    1px solid #D31B1D;
		margin-top:		    15px;
		background-color: 	#F0B32C;
		color:			    #D31B1D;
		line-height:		20px;
		font-family:		Tahoma;
		font-size:		    14px;
		}
	
	.credit  p{
		margin:				0.5em;
		text-align:		    center;
		}
	
	.credit {
		color:			    #D31B1D;
		font-family:		Tahoma;
		font-size:		    14px;
		font-weight:		bold;
		}
	
	.spacer {
		margin-bottom:		15px;
		}

#footer {
	clear:			    both;
	background:			url(/nav/footer.png);
	min-width:			100%; /* IE Hack */
	height:			    60px;
	border:			    1px solid #D31B1D;
	}

#navlist {
	list-style-type:	none;
	width: 			    158px;
	width: 		    160px;
	width: 		    158px;
	padding: 		    0px;
	/*border:		1px solid #808080;*/
	border-top: 		0px;
	margin: 		    0px;
	font: 			    bold 12px verdana,helvetica,arial,sans-serif;
	background: 		#808080;
	}

/*
// Horizontal Bars //
ul#navlist li{
	list-style: 		none;
	margin: 		0px;
	border: 		0px;
	border-top: 		1px solid #808080;
	}
*/

ul#navlist li a /* BACKGROUND */ {
	display: 		    block;
	width: 			    137px;
	\width: 		    158px;
	w\idth:			    137px;
	padding: 		    4px 8px 4px 8px;
	border: 		    0px;
	border-left: 		20px solid #aaaabb;
	border-left: 		20px solid #F0B32C;
	background: 		#F0B32C;/*CFS ORANGE*/
	text-decoration: 	none;
	text-align: 		left;
	}

ul#navlist li a:link { color: #D31B1D; }
div#navcontainer li a:visited { color: #D31B1D; }

ul#navlist li a:hover {
	border-color: 		#F0B32C;/*CFS ORANGE*/
	color: 			    #ffffff;
	background: 		#D31B1D;/*CFS RED*/
	}
	
	
	
	
	
	
	
#dockContainer{
    display    : table;
    margin     : 0 auto;
    text-align : center;    /* fixes IE bug */
  }

  #dockContainer > div{
    display : inline-block; /* fixes IE bug */
  }

  #dockContainer > div{
    display : inline;       /* fixes IE bug */
  }

  #dockContainer > div{
    display       : table-cell;
    text-align    : left;
    background    : url('dock-centre-40.png') repeat-x 0 64px;
    border-bottom : 1px solid rgb(220,220,200);
  }

  #dockContainer > div > div{
    background : url('dock-right-40.png') no-repeat right 64px;
  }

  #dockContainer > div > div > div{
    background : url('dock-left-40.png') no-repeat left 64px;
    height     : 88px;
    overflow   : hidden;
    padding    : 0 10px;
 }