body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;padding:0;
	margin: 0px;
	padding: 0px;
	background:#eeeeee url('../images/header-section.gif') top repeat-x;
	link="#77aa50"; vlink="#77aa50";
	
}

: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: top; 
	 font-style: normal;
     font-weight: bold; 
 }

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

h1 { font-size: 8pt; 
     color: #5c5c5c; 
     font-style: normal;
     font-weight: normal; 
}
h2 { font-family:  arial, helvetica;
     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: 10pt; 
     color: #326c9e; 
     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 }


#wrapper {
    position: relitive;  width: 960px;
    margin-left: auto;
	margin-right: auto;
	text-align: center;   
}

#header {
	height:115px;
}	

#lights {
    position: relative; top:-50px;  left: 100px; 
	width:410px;
	height:124px;
	background-image:url('../images/xmas-card.jpg');
	background-repeat: no-repeat;
	text-align:right
}


#title {
    position: relative; top:20px;  left: 0px; 
	width:240px;
	height:80px;
	background-image:url('../images/title.gif');
	background-repeat: no-repeat;
	text-align:right
}

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


#headline {
    position: absolute; top:30px;  left:400px; 
	width:339px;
	height:30px;
	background-image:url('../images/taking-action.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
	
}
/* ------  box -----*/
 #boxtop {margin:0 auto;
    position: relative; top:0px;   
    height:24px;
    width:300px;
    background: url("../images/boxtop.gif") no-repeat;
    }

 #boxmiddle  {margin:0 auto;
    width:300px; 
    position: relative; top:0px;   
    background: url("../images/boxmiddle.gif") repeat-y;
    }
    
 #boxbottom {margin:0 auto;
    position: relative; top:0px;   
    height:24px;
    width:300px;
    background: url("../images/boxbottom.gif") no-repeat;
    }
  
 #contentbox {
    position: relative; top:10px; 
    width:250px;
    margin:0 auto;
    padding:10px;
}


#contentbottom {width:250px;
    position: relative; top:10px; 
   	text-align:center;
    margin:0 auto;
    padding:0px;
} 
    
/* --- End  Box --*/ 


/* --------------- Start menu ------------------------*/

#navigation {
	position: relative; top: 30px;  left:-150px; 
	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 --------- */

#copywrite {
    position: relative; top:3px;  left:0px; 
	width:960px;
	height:10px;
	text-align:center;
}