<!--

/* Line below sets the paragraph Header Styles */

h1{ font-size: 10pt; color: #800000; font-family: Tahoma; font-weight: bold; margin-left: 5; margin-top: 20 }


/*use this tag for the want a site text link*/
h6 { font-family: Square721 BT; font-size: 8pt; font-weight: normal; color: #808080 }

/*want a site link*/
a.wasl:link {color: #CCCCCC; font-family: Square721 BT; font-size: 8pt; font-weight: normal;text-decoration: none; }
a.wasl:active {color: #CCCCCC; font-family: Square721 BT; font-size: 8pt; font-weight: normal;text-decoration: none; }
a.wasl:visited {color: #CCCCCC; font-family: Square721 BT; font-size: 8pt; font-weight: normal; text-decoration: none;}
a.wasl:hover {color: #000080; font-family: Square721 BT; font-size: 8pt; font-weight: normal; text-decoration: none;}

/* Line below sets the paragraph attributes*/

p { font-family: Tahoma; font-size: 10pt; color: #666666; margin-left: 5; margin-top: 2; text-align: left; }


/* tag for contact form fonts*/

h2 { font-family: Tahoma; font-size: 10pt; color: #336699; margin-left: 5; margin-top: 5; font-weight: bold; text-align: left; }

h3 { font-family: Trebuchet MS; font-size: 20pt; color: #800000; margin-left: 30; margin-right: 30; margin-top: 5; font-style: italic; font-weight: bold;  }

h4 { font-family: Tahoma; font-size: 10pt; color: #336699; margin-left: 5; margin-top: 2; font-weight: bold }

/*sets the colour for the bullets*/

ul { color: #003366;
     margin-top: 5;  }

quot { font-family: tahoma; font-size: 26pt }

.bg-one {background-repeat: no-repeat;background: url('images/hands3.jpg');}

.left {text-align: left;
       font-family: Tahoma;
       font-size: 10pt;
       color: #003366;
       font-weight: bold;
       margin-left:5;
       margin-top: 5; }

TR.left {background: url('images/hands3.jpg') no-repeat;
       text-align: left;
       font-family: Tahoma;
       font-size: 10pt;
       color: #003366;
       font-weight: bold;
       margin-left:5;
       margin-top: 5;}
TD.left {background: url('images/bus-image15.jpg') no-repeat;background-position: middle;
         text-align: left;
       font-family: Tahoma;
       font-size: 10pt;
       color: #003366;
       font-weight: bold;
       margin-left:5;
       margin-top: 5;
             }
 .fleft {text-align: left;
       font-family: Tahoma;
       font-size: 10pt;
       color: #003366;
       font-weight: bold;
       margin-left:5;
       margin-top: 5; }

TR.fleft {background: url('images/hands3.jpg') no-repeat;
       text-align: left;
       vertical-align:middle;
       font-family: Tahoma;
       font-size: 10pt;
       color: #003366;
       font-weight: bold;
       margin-left:5;
       margin-top: 5;}
TD.fleft {background: url('images/bus-image15.jpg') no-repeat;background-position: middle;
         text-align: left;
            vertical-align:middle;
       font-family: Tahoma;
       font-size: 10pt;
       color: #003366;
       font-weight: bold;
       margin-left:5;
       margin-top: 5;
             }            
             
             
             
TD.base {background: url('images/keys6.jpg') no-repeat;}
TD.top {background: url('images/header-logo.jpg') no-repeat;}

/*code below sets the attributes for the links in the text*/

a.blue:link { font-family: Tahoma; font-size: 10pt; color: #003366; margin-left: 5; margin-top: 5;font-weight: bold; text-decoration: none }
a.blue:active { font-family: Tahoma; font-size: 10pt; color: #003366; margin-left: 5; margin-top: 5;font-weight: bold; text-decoration: none  }
a.blue:visited { font-family: Tahoma; font-size: 10pt; color: #003366; margin-left: 5; margin-top: 5;font-weight: bold; text-decoration: none  }
a.blue:hover { font-family: Tahoma; font-size: 10pt; color: #800000; margin-left: 5; margin-top: 5;font-weight: bold }

a.maroon:link {color: #800000; background: #ffffff; font-family: Tahoma; font-size: 10pt; font-weight: normal;}
a.maroon:active {color: #CC0000; background: #ffffff; font-family: Tahoma; font-size: 10pt; font-weight: normal;}
a.maroon:visited {color: #993300; background: #ffffff; font-family: Tahoma; font-size: 10pt; font-weight: normal;}
a.maroon:hover {color: #CC0000; background: #ffffff; font-family: Tahoma; font-size: 10pt; font-weight: normal;}

/*code below sets the attributes for links in the top navigation bar*/

a.top:link {color: #800000; background: #FFFFFF; font-family: Tahoma; font-size: 10pt; font-weight: bold; text-decoration: none; }
a.top:active {color: #800000; background: #FFFFFF; font-family: Tahoma; font-size: 10pt; font-weight: bold;text-decoration: none; }
a.top:visited {color: #800000; background: #FFFFFF; font-family: Tahoma; font-size: 10pt;font-weight: bold;text-decoration: none; }
a.top:hover {color: #666666; background: #FFFFFF; font-family: Tahoma; font-size: 10pt; font-weight: bold;text-decoration: none; }

a.head:link {color: #800000; font-family: Tahoma; font-size: 10pt; font-weight: bold; text-decoration: none; }
a.head:active {color: #800000; font-family: Tahoma; font-size: 10pt; font-weight: bold;text-decoration: none; }
a.head:visited {color: #800000; font-family: Tahoma; font-size: 10pt;font-weight: bold;text-decoration: none; }
a.head:hover {color: #666666; font-family: Tahoma; font-size: 10pt; font-weight: bold;text-decoration: none; }

.bottom { text-align: left;}

a.bottom:link {color: #666666; font-family: Tahoma; font-size: 10pt; ; text-decoration: none; }
a.bottom:active {color: #31659C; font-family: Tahoma; font-size: 10pt; text-decoration: none; }
a.bottom:visited {color: #666666; font-family: Tahoma; font-size: 10pt;text-decoration: none; }
a.bottom:hover {color: #800000; font-family: Tahoma; font-size: 10pt; text-decoration: none; }


.box {
position:relative;
float:left; 
width:125px;
  }
.box a {
background: url(images/logo-hov/t2g.jpg) 0 0 no-repeat;
outline:none;
}
.box a:hover {
background: url(images/logo-hov/t2g.jpg) 0 100% no-repeat;
}
.box2 {
position:relative;
float:left;
width:214px;
}
.box2 a {
background: url(images/logo-hov/ilmhov.jpg) 0 0 no-repeat;
outline:none;
}
.box2 a:hover {
background: url(images/logo-hov/ilmhov.jpg) 0 100% no-repeat;
}
.box3 {
position:relative;
float:left;
width:71px;
}
.box3 a {
background: url(images/logo-hov/ioshhov.jpg) 0 0 no-repeat;
outline:none;
}
.box3 a:hover {
background: url(images/logo-hov/ioshhov.jpg) 0 100% no-repeat;
}
.box4 {
position:relative;
float:left;
width:111px;
}
.box4 a {
background: url(images/logo-hov/ocrhov.jpg) 0 0 no-repeat;
outline:none;
}
.box4 a:hover {
background: url(images/logo-hov/ocrhov.jpg) 0 100% no-repeat;
}
.box5 {
position:relative;
float:left; 
width:150px;
}
.box5 a {
background: url(images/logo-hov/lschov.jpg) 0 0 no-repeat;
outline:none;
}
.box5 a:hover {
background: url(images/logo-hov/lschov.jpg) 0 100% no-repeat;
}

.box6 {
position:relative;
float:right; 
width:480px;
}
.box6 a {
background: url(images/logo-hov/pavhov.jpg) 0 0 no-repeat;
outline:none;
}
.box6 a:hover {
background: url(images/logo-hov/pavhov.jpg) 0 100% no-repeat;
}

.box7 {
position:relative;
float:right; 
width:159px;
}
.box7 a {
background: url(images/logo-hov/edexhov.jpg) 0 0 no-repeat;
outline:none;
}
.box7 a:hover {
background: url(images/logo-hov/edexhov.jpg) 0 100% no-repeat;
}



#menu a, #menu a:visited {
  position:relative; 
  display:block; 
  height:76px;
  }
#menu a:hover {
  height:76px;
}
#menu {
  text-align:center; 
  position:relative;
  height:76px;

  }

#menu2 a, #menu2 a:visited {
  position:relative; 
  display:block; 
  height:76px;
  }
#menu2 a:hover {
  height:76px;
}
#menu2 {
  text-align:center; 
  position:relative;
  height:76px;

  }