﻿/* common  */

* {
	padding: 0;
	margin: 5;
}
html {
 background: #dddbdd;
 font: 12px Verdana, Geneva, Arial, Century Gothic, sans-serif;
 color: #444;
}
body {
 margin: 0px auto 0 auto;
}
br {
 clear: both;
}
div
{
    padding: 0;
    margin: 0p
}
img{
 border: none;
}
p
{
    padding-top: 5px;
    padding-bottom: 5px;
}
h1
{
    font-size: 14px; 
    font-weight: 600;
}

a, a:link, a:visited {
    Color: #384c02; text-decoration: underline
}
a:hover {
    Color: #660000; text-decoration: none
}
.margin
{
    width: 666px;
    padding-left: 17px;
    padding-top: 0px;
    padding-bottom: 10px;
}

/* header */
.header-left 
{
    height: 18px;
    width: 21px;
    background: url(../images/corner_l_top.gif) no-repeat;
}
.header-middle 
{
    height: 18px;
    width: 622px;
    background: url(../images/top_bg.gif) repeat-x;
}
.header-right 
{
    height: 18px;
    width: 23px;
    background: url(../images/corner_r_top.gif) no-repeat;
}
.header-left2
{
    height: 22px;
    width: 21px;
    background: url(../images/top_l_bg.gif) repeat-y;
}
.header-middle2
{
    height: 22px;
    width: 622px;
    background: #b2b2b2;
}
.header-right2
{
    height: 22px;
    width: 23px;
    background: url(../images/top_r_bg.gif) repeat-y;
}
.spacer
{
    width: 666px;
    background: #fff;
    font-size: 0px;
    padding-top: 3px;

}
.logo
{
    padding-left: 6px;
    padding-right: 7px;
    background: #fff;
}
.logoHDC
{
    width: 327px;
    height: 169px;
    background: url(../images/HDC_logo.jpg) no-repeat;
}
.logoAbout
{
    width: 327px;
    height: 169px;
    background: url(../images/HDC_aboutus.jpg) no-repeat;
}
.center
{
    width: 471px;
    padding-left: 115px;
    padding-right: 80px;
    background: #fff;
    text-align: left;
}
.centerTitle
{
    width: 482px;
    height: 68px;
    border-left: solid 1px #959da5;
    border-bottom: solid 1px #959da5;
}
.centerTitleImage
{   
 padding: 39px 0px 8px 15px;
}
.centerText
{
    width: 482px;
    height: 471px;
    border-left: solid 1px #959da5;
}
.centerTextArea
{   
     padding: 14px 0px 25px 16px;
     font-family: Verdana, Geneva, Arial, Century Gothic, sans-serif;
     font-size: 12px;
     color: #444;
     line-height: 1.35em;
}
.centerContact
{
    font-size: 11px;
}
.footer
{
    width: 666px;
    height: 15px;
    padding-top: 10px;
    background: #fff;
}
.footer-left
{
    height: 15px;
    width: 22px;
    background: url(../images/corner_l_bottom.gif) no-repeat;  
}
.footer-middle
{
    height: 15px;
    width: 622px;
       
}
.footer-right
{
    height: 15px;
    width: 23px;
    background: url(../images/corner_r_bottom.gif) no-repeat;  
}
.copyright
{
    padding: 8px 80px 8px 0px;
    text-align: right;
    font-family: Arial;
    font-size: 10px;  
}
/* navigation */
.navheader
{
    padding-top:4px;
}
#navigation { 
 list-style-type: none;
}
#navigation li {
 float: left;
 margin-bottom: 0px;
}
#navspacer1, #navspacer2, #navspacer3, #navspacer4
{
 background: url(../images/menu_space.gif)  no-repeat top left;
 width: 39px;
}
#navigation a {
 display: block;
 height: 0px;
 padding-top: 13px;
 overflow: hidden;
}
#nav_home a {
 background: url(../images/menu_01_h.gif)  no-repeat top left;
 width: 35px;
}
#nav_presentations a {
 background: url(../images/menu_02_h.gif)  no-repeat top left;
 width: 93px;
}
#nav_profile a {
 background: url(../images/menu_03_h.gif)  no-repeat top left;
 width: 48px;
}
#nav_publications a {
 background: url(../images/menu_04_h.gif)  no-repeat top left;
 width: 85px;
}
#nav_contact a {
 background: url(../images/menu_05_h.gif)  no-repeat top left;
 width: 74px;
}
#nav_home a:hover {
 background: url(../images/menu_01.gif)  no-repeat top left;
 width: 35px;
}
#nav_presentations a:hover {
 background: url(../images/menu_02.gif)  no-repeat top left;
 width: 93px;
}
#nav_profile a:hover {
 background: url(../images/menu_03.gif)  no-repeat top left;
 width: 48px;
}
#nav_publications a:hover {
 background: url(../images/menu_04.gif)  no-repeat top left;
 width: 85px;
}
#nav_contact a:hover {
 background: url(../images/menu_05.gif)  no-repeat top left;
 width: 74px;
}
Form {
	padding-left: 20px;
}
.bodycopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	text-align: left;
}
