html, body {
    height: 100%;
   font-family:Chalkboard;
   }

img {
   border:0;
}
#header
{
    width: 100%;
    background-color: #C0C0C0;
    height: 16px;
    color: White;
    text-align: center;
    position: relative;
    top:0px;
}
#site_content
{ 
  overflow: hidden;}   
  
#menubar
{ width: 700px;
  height: 70px;
  padding-top: 25px;
  text-align: center; 
  margin: 0 auto;
  background: transparent url(images/greenbar.jpg) no-repeat;} 

ul#menu
{ 
  margin: 0;}

ul#menu li
{ padding: 0 0 0 0px;
  list-style: none;
  margin: 2px 0 0 0;
  display: inline;
  background: transparent;}

ul#menu li a
{ font-size: 130%;
  letter-spacing: -1px;
  height: 35px;
  padding: 15px 20px 0 20px;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  background: transparent;} 

ul#menu li.current
{ margin: 2px 0 0 0;}

ul#menu li.current a
{ text-decoration: underline;}

ul#menu li a:hover
{ text-decoration: underline;}

#content
{ text-align: left;
  width: 750px;
  margin-top: 10px;
  margin-left: 15%;
  padding: 20px 20px 0 20px;
  float: left;}
  
 .menubanner
{ width: 700px;
  height: 140px;
  padding-top: 25px;
  text-align: center; 
  margin: 0 auto;
  background: transparent url(images/yellowbanner.jpg) no-repeat;} 

ul.banner
{ 
  margin: 0;}

ul.banner li
{ padding: 0 0 0 0px;
  list-style: none;
  margin: 2px 0 0 0;
  display: inline;
  background: transparent;}

ul.banner li a
{ font-size: 200%;
  letter-spacing: -1px;
  height: 35px;
  padding: 0 0px 0 30px;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  background: transparent;} 

ul.banner li.current
{ margin: 2px 0 0 0;}

ul.banner li.current a
{ text-decoration: underline;}

ul.banner li a:hover
{ text-decoration: underline;}
        
  
  
.sidebar_container
{ float: left;
  width: 200px;
  margin: 60px 10px 20px 0;
  border:2px solid #a1a1a1;
  background: transparent;}

.sidebar
{ float: right;
  width: 190px;
  padding-left: 10px;
  margin-bottom: 10px;}

.sidebar_item
{ 
  padding: 0 15px 0 0;
  width: 191px;}

.sidebar h2
{ color: #3c492e;}  
  
.sidebar h4
{ font-size: 125%;
  color: #3c492e;}

.sidebar p
{ color: #3c492e;}

.sidebar a
{ color: #3c492e;}

.sidebar a:hover
{ text-decoration: none;}

.sidebar ul li, .sidebar ul li.selected
{ list-style: none; 
  margin: 15px 0;
  padding: 0;}

.sidebar li.selected, .sidebar li:hover
{ color: #5D5D5D;
  text-decoration: none;} 
  
.alignleft {
	float: left;
}
.alignright {
	float: right;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -63px;
}

.push {
	height: 63px;
}
/* not required for sticky footer; just pushes hero down a bit */
.wrapper>.container {
	padding-top: 60px;
}

ul#foot
{ 
  margin: 0;}

ul#foot li
{ padding: 0 0 0 0px;
  list-style: none;
  margin: 2px 0 0 2px;
  display: inline;
  background: transparent;}

ul#foot li a
{ font-size: 130%;
  letter-spacing: -1px;
  height: 35px;
  padding: 15px 0px 0 0px;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  background: transparent;} 


footer {
   color: #FFF;
   height: 60px;
   background: lightgray;
   border-top: 1px solid #000;
   text-align: right; 

}
footer a {
   color: #999;
}
footer a:hover {
   color: #efefef;
}

/* additions */
table.contact {
    font: 13px Tahoma, Arial;
    width: 700px;
    border: 1px solid rgb(136,136,136);
}
table.contact th {
    border-right: 1px solid rgb(136,136,136);
}
tr.tbltd1 th, tr.tbltd1 td {
    background-color: rgb(244,244,244);
    border-bottom: 1px solid rgb(221,221,221);
}
tr.tbltd1 td:hover, tr.tbltd2 td:hover {
    background-color: rgb(197,218,7);
}
tr.tbltd2 th, tr.tbltd2 td {
    background-color: rgb(255,255,255);
    border-bottom: 1px solid rgb(221,221,221);
}