/*main body text*/
body {  
  background: white;
  color: black;  
  font-family: arial,helvetica,sans-serif;
  font-size:13px;  
}

li{margin-bottom:5px;}

p{margin-left:15px}

a:link {
font-weight: normal;
text-decoration:underline;
}

a:hover{
background-color: #f63;
color: #FFFFFF;
text-decoration:none;
}

a:visited {
font-weight: normal;
text-decoration:underline;
}

a img{
border:1px solid; /*so it does not show a jumping image when hovered*/
border-color:white;
}

a:hover img{
border:1px solid;
border-color:#f63;
background:none;
}

table{
border-spacing:0px;
border-collapse:collapse;
border:2px solid rgb(221,221,221);
width:590px;
margin-left:15px;
/*margin-right:auto;*/
padding:0;
}

tr:hover{
background-color:#ffffe0;
}

.theader{background-color:rgb(241,241,241)}

.datatable{/*font-size:80%;*/
margin-left:auto;
margin-right:auto;
width:95%}

.datatable tr:hover{background-color:rgb(241,241,241)}

.datatable td{ /*regular grid for tables*/
font-size: 100%;
border:1px solid rgb(221,221,221);
vertical-align:top;
padding:5px;
margin:0;
}


td h3{margin:2px;}

td p{
margin:0px;
margin-top:5px;
font-size: 100%;
padding:0;
}

/*this is needed for transitional and should be the same as the body{} font-size*/
td {
font-size: 100%;
/*border:1px solid rgb(221,221,221);*/
border-bottom:1px solid rgb(221,221,221);
vertical-align:top;
padding:5px;
margin:0;
}


.rangetable {font-size:80%;}


/*image*/
img {  
border:0px solid;
border-color: black;
}


/*heading 1*/
h1 {
  color:white;
  background-color:blue;
  font-weight:normal;/*bold;*/
  font-size: 200%;
  text-align: left;
  margin:0px;
  padding:5px;  
  margin-bottom:10px;
margin-left:5px;
margin-right:0;
  }

/*heading 2*/
h2 {
  font-weight: normal;
  font-size: 150%;
  margin-bottom:0px;
  color:#f63;
  margin-left:15px;
  margin-right:0px;
  margin-top:30px;
  margin-bottom:10px;
  padding:0px;
  background-color:white;
  }

/*heading 3*/
h3 {
  font-weight: bold;
  font-size: 100%;
  margin-left:15px;
}

/* this holds the items on the left */
.sidebar{
position:absolute;
left:0;
width: 180px;
margin:0px;
font-size:100%;
padding:0px;
background-color:white;
}

.sidebar p{margin:0; padding-left:5px;}

/*menu navigation*/
.menu a {
color: #FFFFFF;
/*color:black;*/
border-bottom:1px solid rgb(241,241,241);
padding-top: 5px;
padding-left:5px;
padding-right:0;
padding-bottom: 5px;
text-decoration: none;
margin:0;
display:block;
background-color: #0000ff;
/*background-color: rgb(241,241,241);*/
font-weight: normal;/*bold;*/
}

.menu a:hover {background-color: #ff6030;/*color:white;*/}
.menu a:link{text-decoration:none;}
.menu a:visited{text-decoration:none;}

.copyright {
margin-top:20px;
}

.contact {
background-color:rgb(241,241,241);
border:1px solid #f63;
margin-top:20px;
padding-bottom:5px;
font-size:90%;
}


.contact h4{
background-color:#f63;
margin:0;
color:white;
padding:5px;
font-size:95%;
}

.contact img{vertical-align:middle;}

/*this wraps everything*/
.global{
position:absolute;
padding:0;
margin:0;
width:800px;
margin-left:-400px;
margin-right:auto;
left:50%;
background-color:white;
top:0;
}

/******body formatting on the right*******/
.mainbody{
margin-left:180px;
background:white;
padding:0px;
margin-bottom:20px;
margin-right:0;
margin-top:0;
}

/* top logo */
.logo{
width:800px;
height:100px;
padding:0;
margin:0;
background-color:white;
}

.logo img{
margin:20px;
margin-left:0;
}

.logo a:hover{background:none;border:white;}
.logo a:hover img{border:1px solid white;background:none;}

.leftcol{
float:left;
width:50%;
}

.rightcol{
float:right;
width:50%;
}


/*front images and text*/

#fronttitle1{
position:absolute;
font-size:210%;/*150%;*/
font-weight:normal;/*bold;*/
background:clear;/*blue;*/
color:black;/*white;*/
text-align:left;
margin:0;
padding:0;
padding-top:10px;
padding-left:5px;
padding-right:0px;
margin-left:210px;
width: 410px;/*needed by IE*/
/*height: 70px;*/
}

#fronttitle3{
position:absolute;
font-size:120%;
font-weight:normal;
background:transparent;
color:blue;
text-align:left;
border:0px solid black;
margin:0;
padding:0;
padding-left:5px;
padding-right:5px;
vertical-align:middle;
left:420px;
top:190px;
width: 200px;
height: 220px;
}

#fronttitle3 p{
margin:0;
margin-top:5px;
padding:0;
}

#fronttitle2{
position:absolute;
font-size:120%;
font-weight:normal;/*bold;*/
background:clear;/*#f1f1f1;*/
color:black;
text-align:left;
margin:0;
padding:0;
padding-top:10px;
padding-left:5px;
width:250px;
vertical-align:middle;
top:500px;
left:200px;
height:120px;
}

#frontgraphic{
margin:0;
padding:0;
border:0px solid;
}