body {
    margin:0;
	padding:0;
	background-color: #eeeeee;  
/*	background-image: url(back.jpg) ; */
	background-repeat: repeat;
}

#top_page{
    background-color: #eeeeee;
    background: url(graphics/background_top.jpg) no-repeat top left;
    width:700px;
    margin-right: auto; 
    margin-left: auto;
    margin-top: 5px;
    margin-bottom: -20px;
    padding-left:20px;
    padding-right:0px;
    padding-bottom:0px;
    padding-top:15px
}
#top_page_store{
    background-color: #eeeeee;
    background: url(graphics/store_top_yellow.jpg) no-repeat top left;
    width:876px;
    margin-right: auto; 
    margin-left: auto;
    margin-top: 5px;
    margin-bottom: -12px;
    padding-left:20px;
    padding-right:0px;
    padding-bottom:0px;
    padding-top:15px
}

#bottom_page{
    background-color: #eeeeee;
    background: url(graphics/background_bottom.jpg) no-repeat bottom left;
    width:700px;
    margin-right: auto; 
    margin-left: auto;
    margin-top: -5px;
    margin-bottom: 0px;
    padding-left:20px;
    padding-right:0px;
    padding-bottom:0px;
    padding-top:0px
}

#bottom_page_store{
    background-color: #eeeeee;
    background: url(graphics/store_bottom_yellow.jpg) no-repeat bottom left;
    width:876px;
    margin-right: auto; 
    margin-left: auto;
    margin-top: -5px;
    margin-bottom: 0px;
    padding-left:20px;
    padding-right:0px;
    padding-bottom:0px;
    padding-top:0px
}


#paneldiv {
    background-color: #eeeeee;
    background: url(graphics/background_mid.jpg) repeat-y top left;
    width:700px;
    margin-right: auto; 
     margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left:20px;
    padding-right:0px;
    padding-top:0px
}

#paneldiv_store {
    background-color: #eeeeee;
    background: url(graphics/store_mid_yellow.jpg) repeat-y top left;
    width:876px;
    margin-right: auto; 
     margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left:20px;
    padding-right:0px;
    padding-top:0px
}


#bannerdiv {
    width: 655px;
    margin-bottom: 10px;
}

#bannerdiv_store{
display: block;
margin-left: 25px;
    margin-right: auto;
width: 876px;
   /* margin-bottom: 10px; */
}

#bannerdivlogo {
/*    width: 655px; */
    margin-bottom: 10px;
    margin-left: 10px; 
    padding-left: 0px; 
}

#maindiv {
    float:left;
	  background-color: #fff9e7;
	  width:430px;
	  border:1px solid #3F5191; 
	  margin-left:10px;
	  margin-top:-1px
}


#maindiv_store{
    float:left;
	  background-color: #fff9e7;
	  width:830px;
	  border:1px solid #3F5191; 
	  margin-left:2px;
	  margin-top:-1px;
	  padding:0px
}

#maintitle {
    font-weight: bold;  
    font-family:  'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
    background-color: #fff9e7;
    margin-left:5px;
    padding-top:15px;
    padding-bottom:2px;
    padding-left: 10px
}

#maincontent {
    width:95%;
   font-family: arial,geneva;
/*   background-color: #ffffff; */
   background-color: #fff9e7;
   padding-top:5px;
/*  old  border-right: 1px dotted #0000FF; */
/*  old  border-top: 1px dotted #0000FF; */
   padding-left:15px;
}

#maincontent_map {
    width:95%;
   font-family: arial,geneva;
/*   background-color: #ffffff; */
   background-color: #fff9e7;
   padding-top:5px;
   background: url(graphics/maps_2006.jpg) no-repeat top left;
/*  old  border-right: 1px dotted #0000FF; */
/*  old  border-top: 1px dotted #0000FF; */
   padding-left:15px;
}


#rightcolumn {
    margin: 0 0 0 465px;
    background-color: #ffffff;
    width:175px;
    padding-top:20px
}

#rightcolumn .rightnode {
	font-size: small;
/*	border-top: 1px solid  #3F5191; removed jan 2006 */
/*	border-right: 1px solid	 #3F5191; removed jan 2006 */
/*	border-bottom: 1px solid  #3F5191; removed jan 2006 */
/*	border-left: 1px solid	 #3F5191; removed jan 2006 */
}

#rightcolumn .nodetitle{
/*    text-align:center; removed jan 2006 */
    text-align: left;
    font-weight: bold; 
    font-family: arial,geneva;
    border-bottom: 1px dotted  #3F5191;
/*    border-bottom: 1px solid  #0000FF; */
/*        background-color: #fff9e7;  removed jan 2006 */
    padding-bottom: -5px;
}

#rightcolumn .nodecontent{
    text-align:center;
    font-family: arial,geneva;
    background-color: #ffffff;
/*    line-height: 8px; */
    padding:8px;
    padding-top: 0px;
    margin-top: -5px;
}

#footer {
	color: #888;
	padding: 10px; 
	padding-bottom: 5px; 
	font-family: arial,geneva;
	clear: both;
/*	background: url(Untitled_mid.jpg) repeat-y top left; */
	font-size: x-small;
	}


div.row {
  clear: both;
  padding-top: 5px;
  }
div.row span.label {
    font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
      font-size:12px;
  float: left;
  width: 112px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 290px;
  text-align: left;
  } 

div.rowhead {
  clear: both;
  padding-top: 0px;
 vertical-align: text-bottom;
  }
div.rowtab {
  clear: both;
  padding-top: 0px;
  }
 
div.rowodd {
  clear: both;
  padding-top: 0px;
    }

div.rowhead span.mic {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:11px;
  float:left;
  width:80px;
  text-align: right;
  border:0px;
font-weight: bold;
background-color: #f1ede2;
  height:40px;
 line-height:10px;
 }

div.rowhead span.feat1 {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:12px;
  float:left;
  width:65px; 
  text-align: center;
/*background-color: #f1ede2;*/
background-color: #dadad7;
  height:40px;
 }
div.rowhead span.feat2 {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:12px;
  float:left;
  width:75px;
  text-align: center;
background-color: #f1ede2;
  height:40px;
  }
div.rowhead span.feat3 {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:12px;
  float:left;
  width:50px;
background-color: #dadad7;
  text-align: center;
  height:40px;
  }
div.rowhead span.feat4 {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:12px;
  float:left;
  width:75px;
  text-align: center;
background-color: #f1ede2;
  height:40px;
  }
div.rowhead span.price {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:12px;
  float:left;
  width:62px;
  text-align: center;
background-color: #dadad7;
  height:40px;
  }  

 div.rowtab span.mic {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:11px;
  float:left;
  width:80px;
  text-align: right;
  border:0px;
font-weight: bold;
background-color: #f1ede2;
  height:20px;
  }

div.rowtab span.feat1 {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:12px;
  float:left;
  width:65px; 
  text-align: center;
/*background-color: #f1ede2;*/
background-color: #dadad7;
  height:20px;
font-weight: bold;
  }
div.rowtab span.feat2 {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:12px;
  float:left;
  width:75px;
  text-align: center;
background-color: #f1ede2;
  height:20px;
font-weight: bold;
  }
div.rowtab span.feat3 {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:12px;
  float:left;
  width:50px;
background-color: #dadad7;
  text-align: center;
  height:20px;
font-weight: bold;
  }
div.rowtab span.feat4 {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:12px;
  float:left;
  width:75px;
  text-align: center;
background-color: #f1ede2;
  height:20px;
font-weight: bold;
  }
div.rowtab span.price {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:12px;
  float:left;
  width:62px;
  text-align: center;
background-color: #dadad7;
  height:20px;
font-weight: bold;
  }
  
  
  
  div.rowtab span.micuk {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:11px;
  float:left;
  width:80px;
  text-align: right;
  border:0px;
font-weight: bold;
background-color: #f1ede2;
  height:30px;
  }

div.rowtab span.feat1uk {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:12px;
  float:left;
  width:65px; 
  text-align: center;
/*background-color: #f1ede2;*/
background-color: #dadad7;
  height:30px;
font-weight: bold;
  }
div.rowtab span.feat2uk {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:12px;
  float:left;
  width:75px;
  text-align: center;
background-color: #f1ede2;
  height:30px;
font-weight: bold;
  }
div.rowtab span.feat3uk {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:12px;
  float:left;
  width:50px;
background-color: #dadad7;
  text-align: center;
  height:30px;
font-weight: bold;
  }
div.rowtab span.feat4uk {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:12px;
  float:left;
  width:75px;
  text-align: center;
background-color: #f1ede2;
  height:30px;
font-weight: bold;
  }
  
  
  
  
  
div.rowodd span.mic {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:11px;
  float:left;
  width:80px;
  text-align: right;
  border:0px;
font-weight: bold;
background-color: #ffffff;
  height:20px;
  }

div.rowodd span.feat1 {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:12px;
  float:left;
  width:65px; 
  text-align: center;
/*background-color: #ffffff; */
background-color: #d8dce9;
  height:20px;
font-weight: bold;
  }
div.rowodd span.feat2 {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:12px;
  float:left;
  width:75px;
  text-align: center;
background-color: #ffffff;
  height:20px;
font-weight: bold;
  }
div.rowodd span.feat3 {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:12px;
  float:left;
  width:50px;
  text-align: center;
background-color: #d8dce9;
  height:20px;
 vertical-align:middle;
font-weight: bold;
     }
div.rowodd span.feat4 {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:12px;
  float:left;
  width:75px;
  text-align: center;
background-color: #ffffff;
  height:20px;
font-weight: bold;
  }
div.rowodd span.price {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:12px;
  float:left;
  width:62px;
  text-align: center;
background-color: #d8dce9;
  height:20px;
font-weight: bold;
  }
  
  
  
  div.rowodd span.micuk {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:11px;
  float:left;
  width:80px;
  text-align: right;
  border:0px;
font-weight: bold;
background-color: #ffffff;
  height:30px;
  }

div.rowodd span.feat1uk {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:12px;
  float:left;
  width:65px; 
  text-align: center;
/*background-color: #ffffff; */
background-color: #d8dce9;
  height:30px;
font-weight: bold;
  }
div.rowodd span.feat2uk {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:12px;
  float:left;
  width:75px;
  text-align: center;
background-color: #ffffff;
  height:30px;
font-weight: bold;
  }
div.rowodd span.feat3uk {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:12px;
  float:left;
  width:50px;
  text-align: center;
background-color: #d8dce9;
  height:30px;
 vertical-align:middle;
font-weight: bold;
     }
div.rowodd span.feat4uk {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:12px;
  float:left;
  width:75px;
  text-align: center;
background-color: #ffffff;
  height:30px;
font-weight: bold;
  }
  
  
  
div.row span.address {
    font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
      font-size:12px;
      font-style: oblique;
  float: left;
  width: 200px;
  text-align: right;
  }

div.row span.flash {
  float: right;
  width: 190px;
  text-align: left;
  margin-top:0px;
  padding: 0px
  } 

h4 {font-family: arial}
h5 {font-family: arial}


		


p {
    font-family:  'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
    font-size:13px
}

p.right {    font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
text-align:right;
    font-size:12px
}

p.normal {font-family:  'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
text-align:left;
font-size:13px
}

p.center {
text-align:center;
    }

p.title {
	font-weight: bold;
	font-size: 10pt;
}

p.heading {
   font-size: small
}

p.update {
    font-family:  'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-size:18px;
font-weight: bold;
}


li {font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
text-align:justify;
    font-size:12px
}

li.normal {font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
text-align:left;
font-size:12px
}


address {
    font-size: 10pt
}

a {
	color: #36648B
}

		
a:hover {
	color: #1C86EE
}

a.links:hover {
	text-decoration:underline;
	color: #00008B
}


a.links {text-decoration: none;
	font-family: arial,geneva;
	font-size: 10pt;
	color: #FF0000 
}

li.normalmed {font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
text-align:left;
    margin-top: 15px;
font-size:12px
}



/* ----- Pure CSS tabs start here ----- */
/* adapted from diveintomark.org/public/tabs-example.html */
#nav ul {
  display: block;
  list-style: none outside;
  padding: 0;
/*  margin: 0 0 0 10px; */
margin-left: 10px;
margin-bottom: 0px;
font-family: Verdana, sans-serif;
  font-size: x-small;
  float: left 
}

#nav li {
  padding: 0;
  margin: 0 4px 0 0; 
margin-left: 1px; 
border-top: 1px solid #3F5191; 
border-right: 1px solid #3F5191; 
border-left: 1px solid #3F5191; 
/*border-bottom: 2px solid #3F5191; */
border-bottom: 1px solid ;
  background-color: #3F5191; 
  color: #3F5191; 
/*  font-weight: bold;*/
  /* the next 4 lines are magic */
  display: block;
  float: left;
  position: relative; 
/*  top: -1.32em; */
}

#nav a:link,
#nav a:visited {
/*  background-color: #fff9e7; */
/*  color: #000066; */
  background-color: #3F5191;
  color: #ffffff;
  text-decoration: none;
  padding-left: 1em;
  padding-right: 1em;
}

#nav a:hover {
  background-color: #cecbc6;
  color: #000066;
}

#navclear {
  display: none;
}
html>body #navclear {
  display: block;
  clear: both;
}

	
/* ----- now highlight active tab based on body @class attribute ----- */

body.index #nav li#nav-index a,
body.services #nav li#nav-services a,
body.about #nav li#nav-about a,
body.projects #nav li#nav-projects a,
body.contact #nav li#nav-contact a, 
body.links #nav li#nav-links a {    
/*   background-color: #3F5191; */
/*  color: #ffffff; */
   background-color: #fff9e7; 
  color: #000066;
  font-weight: bold;
  border-bottom: 2px solid #fff9e7; 
 margin-bottom: 2px;
 padding-bottom: 4px
}

div.clear {
    clear:both
}
		
		

/* CSS code from http://www.interspire.com/content/articles/10/1/Building-An-Expanding-DHTML-Menu-With-CSS-and-JavaScript */
.faq1{
text-decoration: none;
/*background-color: #3f5191;*/
/*background-color: #fff9e7; */
color:#000000;
font-weight: bold; 
padding-top:-5px
    }

    .faq1:hover {
 /*   color: #00008B; */
    color: #3f5191;
}

.hide{
display: none;
padding:0px;
background-color: #3f5191;
}
.show{
display: block;
padding:5px
}