body
{
  background-color:	#020047;
  min-width: 780px;
  color:            black;
  font-size:        14px;
  font-family:      "MS Trebuchet", "Helvetica", sans-serif;
  text-align:		center;
  position: relative;

  margin: 0;
  padding: 0;
}

td
{
  background-color:	#020047;
  margin: 4px;
  color : #ffffff;
  border-width:1px;
}


a
{
  text-decoration:	none;
  font-family:		Arial;
  font-size:		12px;
  font-weight:		bold;
  color:		    #ffffff;
}

a:hover { color: #D10000; }

img { border: none; }

h1 { text-align : center; margin: 4px; font-size : 18px;}
h2 { text-align : center; margin: 4px; font-size : 16px;}

/* GBS thinks CSS classes named after colors are stupid... */
h1.white {color : #ffffff;font-size : 18px;}
h2.white {color : #ffffff;font-size : 16px; }

div.banner
{
  color: #ffffff;
  background-color : #D10000;
  text-align : center;
  border-style: solid ;
  border-width: 1px;
  border-color: #000000;
  margin-top: 4px;
  margin-left: 4px;
  margin-right: 4px;
}
div.navbar
{
  color: #ffffff;
  background-color : #000000;
  text-align : center;
  border-style: solid ;
  border-width: 1px;
  border-color: #000000;
  margin-left : 4px;
  margin-right : 4px;
}

div.navleft
{
  font-weight:		bold;
  background-color : #ffffff;
  color : #000000;
  font-size: 18px;
  text-align:left;
}

div.navleft a
{
  font-weight:		bold;
  background-color : #ffffff;
  color : #000000;
  font-size: 18px;

}
div.navleft a:hover
{
  font-weight:		bold;
  color : #D10000;
  font-size: 18px;
}
/* The bumper class is for a blank div the same size as the #top banner */
div.bumper { height: 125px; width: 100%; clear: both; }

div.address
{
  padding: 4px;
  text-align: left;
}

table.phone { width: 19ex; background-color: #ffffff; }
table.phone td {  background-color: #ffffff; }

td.phnum
{
  float: right; text-align: left;
}

td.phlab
{
  width: 4ex;
  text-align: right;
  float: left;
  padding-left: 1ex;
  font-weight: bold;
}


div.copyright
{
  text-align: center;
  font-weight: bold;
  margin-bottom: 5px;
}

#top
{
  margin-top: 0px;
  min-width:	400px;
  width:		100%;
  height:		125px;
}

#left
{	
  background-color:#ffffff;	
  position:absolute;
  left:0;
  margin-left:	4px;
  width : 200px;
  text-align: left;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
}

#middle
{
  background-color:#407a25;
  position:		relative;
  margin-right:	4px;
  margin-left:	208px;
  background-color : #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
}

#right
{  
  text-align: center;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
}


#bottom
{
  width: 95%;
  clear: both;
}

div.button
{
  background-color:	#fffffff;
  color: 0000000;
  border-style: solid;
  border-width: 1px;
  padding: 2px;
  font-size : 16px;
  font-weight : bold;
  text-align: left;
  margin-left:24px;
  border-color: #ffffff;
}

div.button a
{ 
  text-align: left;
  background-color:	#fffffff;
  color: #000000;
}

p
{
  text-align: left;
  margin-left:  5px;
  margin-right: 5px;
}

p:first-letter { font-size: 150%; font-weight: bold; }

div.motto
{
  font-size: 200%; 
  font-weight: bold;
  margin-bottom: 1ex;
}

div.big_phone
{
  font-size: 200%; 
  font-weight: bold;
  margin-bottom: 1ex;
}

img.border
{
  border-style: solid;
  border-width: 2px;
  border-color: black;
}
hr
{
color : #000000;
background-color : #000000;
margin : 0px;
}
hr.wht
{
color : #000000;
background-color : #000000;
}
#bleft
{	
  margin-left:8px;
  position:absolute;
  left:0;
  width : 200px;
  text-align: left;
  font-color: #ffffff;
  margin-top:15px;
  font-size:10px;
}

#bmiddle
{
  position:		relative;
  margin-top : 15px;
  margin-left:	170px;
  margin-right:	190px;
}
#bright
{  
  text-align: left;
  position : absolute;
  right:0;
  top:0;
  margin-right:8px;
  margin-left:4px;
  margin-top:15px;
  text-align: left;
  font-size : 12px;
}

white
{
color : #000000;
background-color: #ffffff;
}