 BODY {
    background-color: #ffffff;
    font-family: 'veranda', 'arial';
    font-size:16px;}

div.container {
	width:100%;
	margin:0px;
	border:1px solid gray;
	line-height:110%;}

div.header {
	padding: 0px;
	color:white;
	font-weight: normal;
	font-size: 9pt;
	background-color:#264A98;
	background-image:url(st_004bg.png);
	background-repeat:repeat-x;
	clear:left;}

.toplinks {
	margin-top:-10; 
	background-color:#264A98;
	text-align:right;
	letter-spacing:2px;
	padding:1px;
	height:20px;
	color:#fff;
	font-weight:bold;}

.shelterwatch {
	padding-top:10px;
	padding-bottom:10px;
	background-color:#fff;
	width:148px;
	text-align:center;
	font-family:arial;
	font-weight:normal;
	font-size:9pt;
	margin-bottom:5px;
	border:1px solid #444;}

a:active {
    font-weight:bold;
    color:#0033CC;
    text-decoration:none;}
a:visited {
    font-weight:bold;
    color:#0033CC;
    text-decoration:none;}
a:link {
    font-weight:bold;
    color:#0033CC;
    text-decoration:none;}
a:hover {
    font-weight:bold;
    color:#0033CC;
    text-decoration:underline; }

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#0000ff;
    text-decoration:none}
a.info:hover{z-index:25; color:#000099; background-color:#ffffcc;font-weight:normal;}

a.info span{display: none}
a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:4em; width:30em;
    border:1px solid #0cf;
    padding: 5px;
    background-color:#ffffcc; color:#000;
    text-decoration:none;
    text-align: left}
    
a.pages{
    position:relative; /*this is the key*/
    z-index:24;
    color:#0000ff;
    text-decoration:none}
a.pages:hover{z-index:25; color:#000099; background-color:#ffffcc;}

a.pages span{display: none}
a.pages:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    bottom:2em; left:4em; width:30em;
    border:1px solid #000;
    padding: 5px;
    background-color:#ffffcc; color:#000;
    text-decoration:none;
    text-align: left}



a.home:link {
	color: orange;
	font: 12px Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;}
a.home:visited {
	color: orange;
	font: 12px Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;}

a.home:hover {
	color: yellow;
	background-color:navy;
	text-decoration: none;}

a.header:link {
	color: #fff;
	font: 12px Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;}

a.header:visited {
	color: #fff;
	font: 12px Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;}

a.header:hover {
	color: yellow;
	background-color:navy;
	text-decoration: none;}



div.footer {
	text-align: center;
	padding: 2px;
	color:#ffffff;
	font-weight: normal;
	font-size: 9pt;
	background-color:#3b5891;
	clear:left;}

h2 {
	font-size:16pt;
	font-family:veranda,helvetica;
	color:#333;}
h1.header {
	padding:0;
	margin:0;}

div.left {
	float:left;
	width:160px;
	margin:0;
	background-color:#eee;
	padding:1em;}

div.content {
	margin-left:190px;
	padding:1em;
	font-size: 10pt;}

.buttonscontainer {
	width: 148px;
	border: 1px solid #555;
	background-color:#fff;
	padding-top:5px;
	padding-bottom:5px;}
.buttonstitle {
	background-color:navy;
	color:#fff;
	width:150px;
	text-align:center;
	font-weight:bold;
	font-size:10pt; }
.buttons a {
	color: #336699;
	background-color: #F8F8F8;
	padding: 2px;
	padding-left: 14px;
	display: block;
	border-bottom: 1px solid #FFFFFF;
	font: 12px Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: left;}
.buttons a:hover {
	background-color: #ADC8D4;
	color: #000;
	text-decoration: none;}

a.links:link {
    font-weight:bold;
    font-size:9pt;
    color: #336699;
    text-decoration:none;}
a.links:visited {
    font-weight:bold;
    font-size:9pt;
    color: #336699;
    text-decoration:none;}
a.links:hover {
    font-weight:bold;
    font-size:9pt;
    color: #336699;
    text-decoration:underline;}
a.links:active {
    font-weight:bold;
    font-size:9pt;
    color: #336699;
    text-decoration:none;}
    
    
a.newslinks:link {
    font-family:veranda;
    font-weight:bold;
    font-size:12pt;
    color: blue;
    text-decoration:none;}
a.newslinks:visited {
    font-family:veranda;
    font-weight:bold;
    font-size:12pt;
    color: blue;
    text-decoration:none;}
a.newslinks:hover {
    font-family:veranda;
    font-weight:bold;
    font-size:12pt;
    color: blue;
    text-decoration:underline;}
a.newslinks:active {
    font-family:veranda;
    font-weight:bold;
    font-size:12pt;
    color: blue;
    text-decoration:none;}    

.menulist {margin-left:10px;}

#outside{
	border:1px solid #000000;
	background:#000000;
	}
#navigation-1 {
	padding:1px 0;
	margin:0px;
	list-style:none;
	width:100%;
	height:21px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	font:normal 8pt verdana, arial, helvetica;
}
#navigation-1 li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;
	width:148px;
}
#navigation-1 li a:link, #navigation-1 li a:visited {
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#000000;
	color:#ffffff;
	width:148px;
	height:13px;
}
#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#666666;
	color:#ffffff;
	width:146px;
	height:13px;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
#navigation-1 li ul.navigation-2 {
	margin:0;
	padding:1px 1px 0;
	list-style:none;
	display:none;
	background:#ffffff;
	width:146px;
	position:absolute;
	top:21px;
	left:-1px;
	border:1px solid #000000;
	border-top:none;
}
#navigation-1 li:hover ul.navigation-2 {
	display:block;
}
#navigation-1 li ul.navigation-2 li {
	width:146px;
	clear:left;
	width:146px;
}
#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
	clear:left;
	background:#000000;
	padding:4px 0;
	width:146px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
	clear:left;
	background:#666666;
	padding:4px 0;
	width:146px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 {
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:145px;
	top:-2px;
	padding:1px 1px 0 1px;
	border:1px solid #000000;
	border-left:1px solid #000000;
	background:#ffffff;
	z-index:900;
}
#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
	display:block;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
	background:#000000;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
	background:#666666;
}
#navigation-1 li ul.navigation-2 li a span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#fe676f;
}
#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#ffffff;
}

blockquote {
width:460px;
margin-left:20px;
border-left:4px solid #ccc;
padding: 5px;
}

