body 
{
font-family: Verdana, Arial, Helvetica, sans-serif;  
font-size: 9pt;
text-align: center;
height: 100%;
}

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

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

a:hover 
{
color: #413679; 
font-weight: normal;
text-decoration: underline;
}

a:active 
{
color: #413679; 
font-weight: normal;
text-decoration: underline;
}

h1
{
color: #413679;
font-size: 10pt;
margin: 20px 0 0 0;
padding: 0;
}

h2
{
color: #75b2e1;
font-size: 9pt;
margin: 20px 0 0 0;
padding: 0;
}


#container
{
background-color: #fff;
color: #333;
margin: 0px auto;
text-align: left;
width: 950px;
border-left: 1px solid #75b2e1;
border-right: 1px solid #75b2e1;
border-top: 1px solid #75b2e1;
border-bottom: 1px solid #75b2e1;
height: 100%;
}

#mainbody
{
clear: both;
height: 100%;
margin: 0px;
background: #fff url('images/graphics/body_back.gif') repeat-y;
overflow:auto;
}

#leftpagetitle
{
float: left;
height: 100%;
margin: 0px;
padding: 0px;
width: 50px;
background-color: #75b2e1;
}

#leftsidebar
{
float: left;
height: 100%;
margin: 0px;
padding: 0px;
width: 240px;
background-color: #413679;
}


/*--- header -------------------------------------------------*/

#header
{
background-color: #75b2e1;
border-bottom: 1px solid #7daad6;
height: 200px;
width: 950px;
padding: 0px;
margin: 0px;
}

#header img {display: block;}

/*--- footer ------------------------------------------------*/

#footer
{
clear: both;
color: #413679;
background-color: #75b2e1;
height: 20px;
margin: 0px;
}

#footerpadding
{
background-color: #75b2e1;
height: 5px;
}

#footerleft /*--- copyright ---------*/
{
float: left;
font-size: 8pt;
text-align: left;
margin-left: 5px;
width: 500px;
}

#footerright /*--- navigation ---------*/
{
float: right;
text-align: right;
font-size: 8pt;
margin-right: 5px;
width: 400px;
}

/*---main area of page ---------------------------------------*/

#content
{
margin: 0 220px 0 330px;
height: 100%;
}

#contenthome
{
margin: 0 10px 0 330px;
height: 100%;
}

#contenthomeleft
{
float: left;
margin: 0 220px 0 20px;
height: 100%;
}

#contenthomeright
{
float: left;
margin: 0 10px 0 730px;
height: 100%;
}



/*--- right sidebar includes logo and highlight text ---------*/


#sidelogo
{
background-image: url("images/graphics/hb_logo.gif");
height: 137px;
width: 150px;
margin-top: 10px;
}

#rightsidebar  
{
float: right;
margin: 10px 10px 0 10px;
width: 170px;
}

#righthighlight  /*--- text area ---*/
{
clear: both;
text-align: left;
}

/* --- nav left side -------------------------------------------- */

#navcontainer1 ul
{
font-size: 9pt;
font-weight: bold;
list-style-type: none;
margin: 0;
padding: 0;
}

#navcontainer1 ul a
{
background-color: #413679;
border-bottom: 1px solid #75b2e1; 
color: #ffffff;
display: block;
padding: 8px 15px;
text-decoration: none;
width: 230px;
font-weight: bold;
}

#navcontainer1 ul a:hover
{
background-color: #413679;
color: #75b2e1;
text-decoration: none;
}

#navcontainer1 a:active
{
background-color: #90bade;
color: #1f218d;
text-decoration: none;
}

#navcontainer1 ul ul a
{
background-color: #90bade;
border-bottom: 1px solid #90bade; 
color: #1f218d;
display: block;
padding: 2px 5px 2px 30px;
text-decoration: none;
width: 235px;
}

#navcontainer1 ul ul a:hover
{
background-color: #d8e8f7;
color: #1f218d;
text-decoration: none;
}

#navcontainer1 a:link.activelink 
{
background-color: #90bade;
color: #1f218d;
}

#navcontainer1 a:visited.activelink
{
background-color: #90bade;
color: #1f218d;
}

#navcontainer1 a:hover.activelink
{
background-color: #d8e8f7;
color: #1f218d;
}

#navcontainer1 a:link.activelink2
{
background-color: #90bade;
color: #fff;
}

#navcontainer1 a:visited.activelink2
{
background-color: #90bade;
color: #fff;
}

#navcontainer1 a:hover.activelink2
{
color: #fff;
}

/* --- highlight box left side below nav ------------------------------- */

#highlightboxleftcontainer
{
margin-left: 17px;
}

#highlightboxleft
{
display: inline;
float: left;
font-size: 8pt;
width: 235px;
}

#highlightboxleft p
{
margin-bottom: 5px;
color: #fff;
}

#highlightboxleft ul
{
font-weight: normal;
list-style-type: disc;
color: #fff;
}

#highlightboxleft h1
{
color: #fff;
}
/*------------------------------------*/

#topnav
{
margin: 0px auto;
text-align: left;
width: 950px;
height: 23px;
overflow-x: hidden; 
overflow-y: hidden;
}


#navcontainer2, #navcontainer2 ul{
	margin: 0;
	padding: 0;
	list-style: none;
	height: 19px;
}

#navcontainer2 li{
	float: right;
	padding: 5px 0 4px 0;
}

#navcontainer2 li a{
	float: left;
	overflow: hidden;
}

#navcontainer2 a:hover,
#navcontainer2 a.selected,
#navcontainer2 a:hover.selected,
#navcontainer2 a:active {
	background-position: 0 -21px;
}

#navHome a{
	width: 60px;
	height: 19px;
	background: url("images/buttons/button_home.gif");
	background-repeat: no-repeat;
}

#navAbout a{
	width: 60px;
	height: 19px;
	background: url("images/buttons/button_about.gif");
	background-repeat: no-repeat;
}

#navContact a{
	width: 60px;
	height: 19px;
	background: url("images/buttons/button_contact.gif");
	background-repeat: no-repeat;
}

#navLocation a{
	width: 141px;
	height: 19px;
	background: url("images/buttons/button_location.gif");
	background-repeat: no-repeat;
}





/*--- table 1 ------------------------------------------------*/

#content table.table1
{
border-collapse: collapse;
border-color: #333;
border-spacing: 0px;
border-style: solid;
border-width: 1px;
}

#content table.table1 th  
{
background-color: #75b2e1;
border-color: #333;
border-width: 1px;
border-style: solid;
color: #333;
padding: 0 1.0em;
vertical-align: top;
}

#content table.table1 td  
{
border-color: #333;
border-width: 1px;
border-style: solid;
padding: 0 1.0em;
vertical-align: top;
}


/*--- table 2 ------------------------------------------------*/

#content table.table2
{
border-collapse: collapse;
border-color: #333;
border-spacing: 0px;
border-style: solid;
border-width: 1px;
}

#content table.table2 th  
{
background-color: #75b2e1;
border-color: #333;
border-width: 1px;
border-style: solid;
color: #333;
padding: 0 1.0em;
vertical-align: top;
font-size: 0.8em;
}

#content table.table2 td  
{
border-color: #333;
border-width: 1px;
border-style: solid;
padding: 0 1.0em;
vertical-align: top;
font-size: 0.8em;
}

/*--- table 2 ------------------------------------------------*/

#content table.tablehome
{
border-collapse: collapse;
border-color: #333;
border-spacing: 0px;
}

#content table.tablehome th  
{
background-color: #75b2e1;
color: #333;
padding: 0 1.0em;
vertical-align: top;
}

#content table.tablehome td  
{
padding: 0 1.0em;
vertical-align: top;
}