body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:#326C9E;
	margin: 0px;
	padding: 19px;
	background-repeat: no-repeat;
	overflow: -moz-scrollbars-vertical;
}

:focus
{
  -moz-outline-style: none; /* gets rid of that pesky dotted out line on FF  */
}


a:active{outline:none} /* May get rid of pesky dotted link out line in IE -- not sure */

.link { color: #14531a;
	 font-family: verdana, arial, helvetica;
	 font-size: 10pt;
	 text-decoration: none;
	 vertical-align: middle; 
 }

.link:hover { color: red;
	 font-family: verdana, arial, helvetica;
	 font-size: 10pt;
	 text-decoration: none;
	 vertical-align: middle; 
 }



h1 { font-size: 8pt; 
     color: #5c5c5c; 
     font-style: normal;
     font-weight: normal; 
}
h2 { font-size: 10pt; 
     color: #5c5c5c; 
     font-style: normal;
     font-weight: normal; 
}
h3 { font-size: 15pt; 
     color: #27547c; 
     font-style: normal;
     font-weight: normal; 
}
h4 { font-size: 7pt; 
     color: #b4c9db; 
     font-style: normal;
     font-weight: normal; 
}
h5 { font-size: 7pt; 
     color: #ffffff; 
     font-style: normal;
     font-weight: normal; 
}
h6 { font-size: 10pt; 
     color: #ffffff; 
     font-style: normal;
     font-weight: normal; 
}
.news { color: green;
	 font-family: verdana, arial, helvetica;
	 font-size: 10pt;
	 text-decoration: none;
	 vertical-align: middle; 
 }
	 
.news:hover { color: red }

.web { color: #b4c9db;
	 font-family: verdana, arial, helvetica;
	 font-size: 7pt;
	 text-decoration: none;
	 vertical-align: middle; 
 }
	 
.web:hover { color: #d58b0b }


/* --------------- Start menu ------------------------*/
#header {
    position: relative; top:0px;  left:0px; 
	width:790px;
	height:115px;
	background-image:url('../images/header.gif');
	background-repeat: no-repeat;
	text-align:right
}

#title {
    position: absolute; top:20px;  left:25px; 
	width:240px;
	height:80px;
	background-image:url('../images/title.gif');
	background-repeat: no-repeat;
	text-align:right
	
}
#sticky {
    position: relative; top:350px;  left:-100px; 
	width:140px;
	height:140px;
	background-image:url('../images/sticky-note-g.jpg');
	background-repeat: no-repeat;
	text-align:right
	
}

#tagline {
    position: absolute; top:30px;  left:298px; 
	width:410px;
	height:20px;
	background-image:url('../images/tag_line.jpg');
	background-repeat: no-repeat;
	text-align:right
	
}

#navigation {
	position: relative; top: 30px;  left:-33px; 
	width:790px;
	height:34px;
	display:block;
}

#navigation ul {
	margin:0;
	padding:0;
}

#navigation li {
	list-style-type: none;
	display: inline;
	margin:0;
	padding:0;
}
#navigation a:link, #navigation a:visited {
	font-size: 11px;
	font-weight:bold;
	display:block;
	float:left;
	text-decoration: none;
	color: #ffffff;
	width:100px;
	height:35px;
	background-image:url('../images/tab.gif');
	background-repeat: no-repeat;
	text-align:center;
	margin:0;
	padding:0;
	line-height:35px
}
#navigation a:hover {
	color: #ffffff;
	text-decoration:none;
	background-image:url('../images/tab-up.gif');
	line-height:20px
}
ul {
	padding-top:0;
	padding-bottom:0px;
	line-height:14px;
}

/* ------ end menu --------- */

#footer {
    position: relative; top:-2px;  left:0px; 
	width:790px;
	height:22px;
	background-image:url('../images/footer.gif');
	text-align:right
}
#copywrite {
    position: relative; top:3px;  left:0px; 
	width:790px;
	height:10px;
	text-align:center;
}