@charset "UTF-8";
/* CSS Document */body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/alertbackground.jpg);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
    }

a image    { border:none;
}


 #container {
	width: 850px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin:30px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	position: relative;
}a:hover {
	color:#006699;
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */h1, h2, h3, h4, h5, h6 {
	
	margin: 10px 0px 3px 0px;
	padding: 0px;
	
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;}h2{
 font-size: 115%;
 color: #006699;}h3{
 font-size: 110%;
 color:#3C6F63;}h4{
 font-size: 105%;
 font-weight: normal;
 color: #333333;
}h5{
 font-size: 100%;
 color: #334d55;
}.right{
	float:right;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
	}
	
.left{
		float:left;
		padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
		}
		
ul{
 list-style-type: square;
 margin:0 0 0 20px;
} #header {
	background-image:url(../images/alertlogo.png);
	height:290px;
	padding:0px 10px 10px 10px;
	background-repeat: no-repeat;
}
.title {
	float: right;
	margin: 130px 3px 0px 500px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	font-family: "Gill Sans";
	color: #000000;
}.phone{
	float:right;
	margin:104px 10px 0px 590px;
	
	}.nav {
	
	background-color: #ccc;
	height: 110px;
	padding-top: 5px;
	width:850px;
	
}.nav ul {
	margin: 0;
	padding: 0;
	height: 36px;
	line-height: 36px;
	
}
.nav li {
	list-style: none;
	float: left;
	height: 40px;
	margin-left: 20px;
	padding-left: 20px;
	font-family: "Trebuchet MS";
}
.view{
	float:right;
	margin: -40px 50px 0px 0px;
	width:140px;
	height:120px;
	text-align:center;
	font-family: "Trebuchet MS";
	position: relative;
	}.nav a {
	color: #000000;  text-decoration: none;
	font-size:16px;
	text-align:center;
	font-family: "Gill Sans";
    }

.nav a:hover {
	color:#9F3029;
	text-align: center;
}
	
	
 #content {
	background:#ccc;
}#content-wrap{
	background-color:#FFFFFF;
	width:800px;
	margin-right: 25px;
	margin-left: 25px;
	}
	
 .text{
	margin:0px 10px 10px 10px;
	font-family: "Trebuchet MS";
	color: #333333;
	text-align:justify;
	}
	
.text img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}	

.text ul{
 list-style-type: square;
 margin:0 0 0 20px;
}
	
#footer {
	text-align: center;
	color: #000;
	background-color:#ccc;
	width: 800px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size:10px;
	height: 15px;
}

#footer a{
  color: #000;
  text-decoration: none;
}

#footer a:hover {
  color: #9F3029;;
}