﻿ 
* { margin: 0px; padding: 0px; }


 /*  menu at top  */

#nav {
	  background:url(menu.png) 0px 0px no-repeat;
	  height: 268px;
      width: 588px;
      margin: 0 auto;
}

#nav span {display: none}

#nav li {
	list-style-type: none;
	float: left
}

#nav a {height: 270px;	display: block;}

#list1 { width: 86px;}
#list2 { width: 88px;}
#list3 { width: 76px;}
#list4 { width: 74px;}
#list5 { width: 82px;}
#list6 { width: 88px;}
#list7 { width: 94px;}

#list1 a:hover {
      background: url(menu.png) 2px -269px no-repeat;
}

#list2 a:hover {
      background: url(menu.png) -84px -269px no-repeat;
}

#list3 a:hover {
      background: url(menu.png) -172px -269px no-repeat;
}

#list4 a:hover {
      background: url(menu.png) -248px -269px no-repeat;
}

#list5 a:hover {
      background: url(menu.png) -322px -269px no-repeat;
}

#list6 a:hover {
      background: url(menu.png) -404px -269px no-repeat;
}

#list7 a:hover {
      background: url(menu.png) -492px -269px no-repeat;
}


/* changing "up" states of menu buttons depending on pages's body class */

.pagehome #list1 {
      background: url(menu.png) 2px -269px no-repeat;
}

.pageabout #list2 {
      background: url(menu.png) -84px -269px no-repeat;
}

.pagevisit #list3 {
      background: url(menu.png) -172px -269px no-repeat;
}

.pageserve #list5 {
      background: url(menu.png) -322px -269px no-repeat;
}

.pagenews #list6 {
      background: url(menu.png) -404px -269px no-repeat;
}

.pagemedia #list7 {
      background: url(menu.png) -492px -269px no-repeat;
}


/* text */

.title {
	font-size:22px; color:#333333; line-height:30px; font-family: 'Gill Sans', 'Gill Sans MT','Trebuchet MS', sans-serif;
}

.text {
	font-size:15px; color:#000000; line-height:26px
}


/* footer */

.footer {
	z-index:1; 
	position:relative; 
	width:100%; 
	height:100px; 
	border:0px; 
	background-image:url('bgbottomgrey.jpg'); 
	background-position:0px 137px; 
	background-repeat:repeat-x; 
	font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; 
	color:#333333; 
	font-size:14px
}

/* links */

a:link {
	color:#333333; text-decoration:none
}

a:hover {
	color:#000000
}

a:active {
	color:#000000
}

a:visited {
	color:#333333; text-decoration:none
}

/* main content div's */

#div1 {
	position:absolute; left:50%; margin-left:-499px; z-index:1
}

#div2 {
	background-image:url('bgtext.jpg'); background-repeat:repeat-x; background-position: 0px 10px; width:998px; position:static; z-index:-1
}

#div3{
	width:940px; text-align:justify; font-size:18px; font-family: Calibri, 'Gill Sans', 'Gill Sans MT','Trebuchet MS', sans-serif; margin:5px; padding-bottom:120px; color:#000000; line-height:26px
}



/* miscellaneous */

.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}


