BODY {
    background-color: #ffffff;
    font-family: 'veranda', 'arial';
    font-size:16px;}

div.container {
	margin:0px;
	line-height:110%;}

div.header {
	padding: 1px;
	color:white;
	font-weight: normal;
	font-size: 9pt;
	background-color:#264A98;
	background-image:url(st_004bg.png);
	background-repeat:repeat-x;
}

.menulist {margin-left:5px;}

.toplinks {
	margin-top:-10; 
	background-color:#264A98;
	text-align:right;
	letter-spacing:2px;
	padding:1px;
	height:20px;
	color:#fff;
	font-weight:bold;}

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:#fff;
	padding:1em;}

div.content {
	margin-left:190px;
	padding:1em;
	font-size: 10pt;}

.shelterwatch {
	padding-top:10px;
	padding-bottom:10px;
	background-color:#fff;
	width:200px;
	text-align:center;
	font-family:arial;
	font-weight:normal;
	font-size:9pt;
	margin-bottom:5px;
	border:1px solid #444;}	

.buttonscontainer {
	width: 200px;
	border: 1px solid #555;
	background-color:#fff;
	padding-top:5px;
	padding-bottom:5px;
	font-size:9pt;}
	
.buttonstitle {
	background-color:navy;
	color:#fff;
	width:202px;
	text-align:center;
	font-weight:bold;
	font-size:10pt; }



/* FIRST SET OF LINKS IN LEFT MENU */


.btn1 {
	width: 200px;
	border: 1px solid #555;
	background-color:#fff;
	padding-top:5px;
	padding-bottom:5px;
	font-size:10pt;
	line-height:20px;
	}


.btn1 a {
	margin-left:5px;
	padding: 2px;
	font-size: 10pt;
	text-decoration:none;
	}

.btn1 a:hover {
	margin-left:10px;
	color:#aaa;
	padding: 2px;
	font-size: 10pt;
	text-decoration:none;
	}


/* FIRST SET OF LINKS IN LEFT MENU */



buttons a {
	border:solid 1px #000;
	color: #336699;
	background-color: #fff;
	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: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;}

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;}


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;}