/*these are the general style rules*/



body {
background-color:#FFFFCC;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color: #000033;
line-height: 1.5em;
font-size: .7em;
margin: 0;

}

a {
color: #333333;
}



h1 {
font-size: 1.2em;
color: #999966;
}
#logo h1 {
font-size:5em;
color: #FFFFCC;
margin-top: 0;
padding-top:0.25em;
}

h2 {
font-size: 1em;
color: #999966;
padding-bottom: 0em;
}

h3 {
font-size: 1em;
color: #999966;
border-bottom: 1px solid #999966;
padding-bottom: 0em;
}

.subhead {
font-style: italic
}

img {
margin-bottom: 1em;
}

.leftimage {
 float: left;
 margin-right: 1em;
 }
 
 .leftimage2 {
 float: left;
 margin-right: 1em;
 margin-bottom: 3em;
 }
 
 .rightimage {
 float: right;
 margin-left: 1em;
 }


/*rules for tables*/
.pricetable td {
border: 1px solid grey;
background-color:#FFFFFF;

}

div#pictures ul  {
padding-left:1em;
list-style-position:outside;
lis
}

div#award {
border:1px solid #999966;
padding:1em;
}


/*these are the  layout rules*/


#logo {
	clear: both;
	margin-top:0em;
	height: 80px;
	background-image:url(images/slate2.jpg);
}

#logoimage {
position: absolute;
top: 0px;
left:0px;
height: 80px;
width: 89px;
padding-left: 7px;}

#logotype {
position: absolute;
left: 92px;
top: 0px;
}

#topnavs {
z-index: 100;
clear: both;
margin-bottom: 3em;
width: 100%;
height: 2em;
 background-color:#CCCC99;
 padding:0;


}


#navs {
margin-left: 1em;
width: 14%;
float: left;

}

#navs.home {
}

#notes {
margin-left: 20%;
margin-right: 25%;
padding-left: 0.5em;
line-height: 1.5em;

 }

#pictures {
float: right;
height: auto;
width: 155px;
margin-right: 1em;
}


/*these are the navs rules*/
 div#topnavs ul
 {
 margin:0;
 padding: 0;
 list-style: none;
 width: 100%;
 font-weight:bold;
 background-color:#CCCC99;
 
  }


/*styles top level list*/

div#topnavs ul li {
  float: left;
  width: 18%;
	 background-color:#CCCC99; 
	border-right:1px solid white;
	  height: 2em;
	  position: relative;
	    }
		
/*below hides the submenu when not in hover*/

/*note: below is where the z-index must go for proper overlapping of rollovers*/
/* IE5 for mac hack in here to close up gap underneath navbar on rollovers*/

ul li ul {
  display: none;
  position: relative; 
  top: 2em;
  left: 0px;
  z-index: 200;
 }
 /*explorer 5 mac misses the end of comment because of the backslash. Below is the declaration for other browsers
 \*/
 ul li ul {
  display: none;
  position: absolute; 
  top: 2em;
  left: 0px;
  z-index: 200;
 }
 /*explorer 5 mac sees the end of this comment as the end of the previous one
 */

 
 
 /*shows submenu when you rollover included ie js hack*/
 
li:hover ul, li.over ul{ 
	display: block;
}


#topnavs li a:hover
 {
  background-color:#CCCC99;
font-weight:bold;
 padding-left: 0.5em;
	display: block;
 }
 
 #topnavs ul li ul li a:hover
 {
  background-color:#999966;
    color: #FFFFCC;
 }


  #topnavs ul li ul li {
   width: 100%;
   padding: 0;

   }

#topnavs a
 {
 text-decoration: none; 
   height: 2em;
   padding-left: 0.5em;
   display: block;

 }
 
#topnavs a.active {
 font-weight:bold;
  color: #FFFFCC;
  background-color:#999966;
	}
	
	#topnavs a.active:hover {
 font-weight:bold;
  color: #FFFFCC;
  background-color:#999966;
	}
	
ul li ul li a {

  	  }
	  




	
	

 

 




.bold {
font-style: normal;
font-weight: bold;
}

.indent {
list-style-position:inside;
margin-left: 3em;
}

.noindent {
margin: 0;
}

/*the declaration below is commented out because it makes the rollovers in IE5 mac centre themselves!?*/

/*
.centreimage {
text-align:center;
}
*/



#imagecol {
float: left;
margin-right: 2em;
}