


a img, img
{
  padding: 0;
  margin: 0;
  border: none;
}

hr 
{
  height: 0; 
  border: 0; 
  border-top: 1px solid #b5bfc8; 
}

a:link 
{
  background-color: inherit;
  color: #003399; 
  text-decoration: none;
}    

a:visited 
{
  background-color: inherit;
  color: #0066CC;
  text-decoration: none;
}  

a:hover 
{
  background-color: inherit;
  color: #003399;
  text-decoration: underline;
}   

a:active 
{ 
  background-color: inherit;
  color: #0066CC; 
  text-decoration: underline;
}

.a-z-heading
{ 
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #003399;
  background-color: inherit;
  margin-top: 0px;
  padding: 4px;
  background-image: url('http://images.hw.ac.uk/bkground_category02.gif');
  border: 1px solid #B5BFC8;
  width: 15px;
  height: 15px;
  text-align: center;
  display: block;
  vertical-align: middle;
}



.banner 
{
  border: 0px solid;
  position: relative;
  width: 192px;
  margin-top: 8px;
  margin-left: 8px;
}

#banner-grey-text 
{
  width: 100%;
  background-color: transparent;
  color: #FFFFFF;
  font-size: 11px;    
}

#banner-grey-text img 
{
  border: 1px solid #FFFFFF;
  margin-right: 6px;
  margin-left: 6px;
  float: left;
}

#banner-grey-text img.button 
{
  border: 0px solid #FFFFFF;
  float: right;
  margin-right: 6px;
}

#banner-grey-text p 
{
  margin: 8px 6px 0 6px;    
}

#banner-grey-text h3 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 13px;
  color: #FFFFFF;
  background-color: inherit;
  margin: 0 6px 0 6px;    
}

#banner-grey-text h3 a:visited 
{
  color: #FFFFFF;
  background-color: inherit;
  text-decoration: none;  
}

#banner-grey-text h3 a:active 
{
  color: #005EBC;
  background-color: inherit;
  text-decoration: none;
}

#banner-grey-text h3 a:link 
{
  color: #FFFFFF;
  background-color: inherit;
  text-decoration: none;  
}

#banner-grey-text h3 a:hover 
{
  color: #003399;
  background-color: inherit;
  text-decoration: none;  
}

#banner-grey 
{
  width: 100%;
  background-color: #B5BFC8;
  color: inherit;
  background-image: url('http://images.hw.ac.uk/bkground_banner_grey.gif');
  background-repeat: repeat-x;
}

#banner-grey-top 
{ 
  background: url('http://images.hw.ac.uk/tr_grey.gif') no-repeat top right; 
}

#banner-grey-bottom 
{
  background: url('http://images.hw.ac.uk/br_grey.gif') no-repeat top right; 
}

#bottomnav 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666666;
  background-color: inherit;
  white-space: nowrap;
}

#bottomnav a:link 
{
  text-decoration: none;
  background-color: inherit;
  color: #003399;
}

#bottomnav a:visited 
{
  text-decoration: none;
  background-color: inherit;
  color: #003399;
}

#bottomnav a:active 
{
  text-decoration: underline;
  background-color: inherit;
  color: #0066CC;
}

#bottomnav a:hover 
{
  color: #003399;
  background-color: inherit;
  text-decoration: underline;
}

#bottomnav ul 
{
  margin: 0;
  padding-bottom: 0;
  position: absolute;
} 

#bottomnav li 
{
  margin: 0;
  padding: 3px 8px;
  border-right: 1px solid #B5BFC8;
  display: inline;
}

#bottomnav ul li.first 
{
  margin-left: 8px;
  border-left: 1px solid #b5bfc8;
  list-style: none;
  display: inline;
}


img.corner 
{
  width: 6px;
  height: 6px;
  border: none;
  display: block !important; 
}

.category 
{
  width: 269px;
  float: left;
  margin-top: 8px;
}

.container
{
  clear: both;
}

.container-subcategory-text
{
  width: 560px;
  float: left;
  background-image: url('http://images.hw.ac.uk/bkground_category03.gif');
  background-repeat: repeat-x;
}

.container-subcategory-heading
{
  clear: both;
  margin: 0;
  padding: 0;
}

#container-bottomnav 
{
  margin: 0; 
  padding: 0;
  bottom: 0px;
  width: 100%;
  left: 0;
}

.category-home 
{
  width: 100%;
  border-left: 5px solid #B5BFC8;
  background-image: url('http://images.hw.ac.uk/bkground_category01.gif');
  background-repeat: repeat-y;
  text-align: left;
  padding: 3px;
}

.category h2 
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background-color: inherit;
  color: #0066CC;
  margin: 0;
  padding: 0;
}

.category h2 a:link 
{
  background-color: inherit;
  color: #0066CC;
  text-decoration: none;
}

.category h2 a:visited 
{
  background-color: inherit;
  color: #0066CC;
  text-decoration: none;
}

.category h2 a:hover 
{
  background-color: inherit;
  color: #003399;
  text-decoration: none;
}

.category-text 
{
  width: 100%;
  border-left: 1px solid #b5bfc8;
  height: 80px;
}

.category-text p 
{
  padding: 4px 8px 0px 8px;
}

.category-text a:link 
{
  text-decoration: none;
  background-color: inherit;
  color: #666666;
}

.category-text a:visited 
{
  text-decoration: none;
  background-color: inherit;
  color: #666666;
}

.category-text a:active 
{
  text-decoration: underline;
  background-color: inherit;
  color: #0066cc;
}

.category-text a:hover 
{
  color: #003399;
  background-color: inherit;
  text-decoration: underline;
}

.category .folder 
{
  float: left;
  margin-right: 4px;
	
}

#container-a-z 
{
  float: left;
  width: 192px;
  margin-top: 8px;
  margin-left: 4px;
  margin-bottom: 8px;
}

#container-breadcrumb
{
  background-image: url('http://images.hw.ac.uk/bkground_breadcrumb.gif');
  background-repeat: repeat-x;
  background-color: inherit;
  margin-bottom: 7px;
  padding-bottom: 1px;
}

#container-breadcrumb a:link 
{
  text-decoration: none;
  background-color: inherit;
  color: #003399;
}

#container-breadcrumb a:visited 
{
  text-decoration: none;
  background-color: inherit;
  color: #003399;
}

#container-breadcrumb a:active 
{
  text-decoration: underline;
  background-color: inherit;
  color: #0066CC;
}

#container-breadcrumb a:hover 
{
  text-decoration: underline;
  background-color: inherit;
  color: #003399;
}

.container-categories 
{
  width: 100%;
  float: left;
  clear: both;
  margin-top: 8px;
} 

#container-content 
{
  width: 100%;
  float: right;
  margin-left: -203px; 
}

#container-footer 
{
  border: 0px solid;
  background: url('http://images.hw.ac.uk/bkground_footer.gif');
  background-repeat: repeat-x;
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  clear: both;
  text-align: left;
}

#container-form 
{
  position: absolute;
  right: 155px;
  top: 25px;
}

.container-form-elements 
{
  float: left;
  white-space: nowrap;
}

#container-leftnav 
{
  margin: 0;
  padding: 0;
}

#container-news 
{
  border: 0px solid;
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  clear: both;
}

.container-promotion 
{
  border: 0px solid;
  float: left;
  width: 276px;
  margin-top: 8px;
  margin-left: 8px;
  margin-bottom: 8px;
}

.container-subcategory-contact
{
  float: right;
  width: 170px;
  margin: 0px 5px 0px 10px;
}

#container-tools 
{
  padding: 0;
  margin-left: 8px;
  margin-bottom: 8px;
  padding-top: 8px;
  clear: both;
  text-align: right;
  display: block;
}


#container-topnav 
{
  margin: 0; 
  padding: 0; 
  top: 0px; 
  position: absolute; 
  width: 100%; 
  left: 0;
}

#container-topnav2 
{
  left: 0; 
  margin: 0; 
  padding: 0; 
  top: 75px; 
  position: absolute; 
  width: 100%;
}

#content 
{ 
  margin-left: 200px; 
  width: 576px; 
  margin-top: 0; 
  background-color: #FFFFFF;
  color: inherit;
}

#content-footer 
{
  padding: 16px 8px 16px 8px;
}

#content-footer a:link 
{
  text-decoration: none;
  background-color: inherit;
  color: #003399;
}

#content-footer a:visited 
{
  text-decoration: none;
  background-color: inherit;
  color: #003399;
}

#content-footer a:active 
{
  text-decoration: underline;
  background-color: inherit;
  color: #0066CC;
}

#content-footer a:hover 
{
  text-decoration: underline;
  background-color: inherit;
  color: #003399;
}

.form-button
{
  border: none;
}

.form-corp 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666666;
  background-color: #EDEDED;
  margin: 0px;
  padding: 0px;
  border: 1px solid #666666;
}

input
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666666;
  background-color: #EDEDED;
  margin: 0px;
  padding: 0px;
  border: 1px solid #B5BFC8;
}

.checkbox
{
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  border: none;
}

textarea
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666666;
  background-color: #EDEDED;
  margin: 0px;
  padding: 0px;
  border: 1px solid #B5BFC8;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-3dlight-color: #939da6;
  scrollbar-highlight-color: #b5bfc8;
  scrollbar-face-color: #a0aab3;
  scrollbar-shadow-color: #a0aab3;
  scrollbar-track-color: #b5bfc8;
  scrollbar-darkshadow-color: #7f7f7f;
}

select
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666666;
  background-color: #EDEDED;
  margin: 0px;
  padding: 0px;
  border: 1px solid #B5BFC8;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-3dlight-color: #939da6;
  scrollbar-highlight-color: #b5bfc8;
  scrollbar-face-color: #a0aab3;
  scrollbar-shadow-color: #a0aab3;
  scrollbar-track-color: #b5bfc8;
  scrollbar-darkshadow-color: #7f7f7f;
}

.submit
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #003399;
  background-color: #d9dcde;
  margin: 0px;
  padding: 1px;
  border: 1px solid #B5BFC8;
  background-image: url(../images/bkground_submit.gif);
  background-repeat: repeat-x;
}

label
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #003399;
  background: #f5f6f8;
  padding: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
  vertical-align: middle;
  display: block;
  text-align: left;
}

.label
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #666666;
  background: #f5f6f8;
  vertical-align: top;
  display: block;
  text-align: right;
}

.label-text-right
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #666666;
  background-color: inherit;
  text-align: left;
  vertical-align: top;
}

legend
{
  /*font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #0066CC;
  background: #ffffff;
  border-left: 5px solid #B5BFC8;
  border-right: 5px solid #B5BFC8;
  border-bottom: 1px solid #B5BFC8;
  padding: 4px 5px 4px 5px;
  height: 24px;
  margin-left: 0px;
  margin-bottom: 8px;
  background-image: url(../images/bkground_legend.gif);
  background-repeat: repeat-x;
  width: 100%;*/
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #0066CC;
  background: #ffffff;
  border-left: 5px solid #B5BFC8;
  border-right: 5px solid #B5BFC8;
  border-bottom: 1px solid #B5BFC8;
  padding: 4px 5px 4px 5px;
  height: 16px !important;
  height: 24px;
  margin-left: 0px;
  margin-bottom: 8px; 
  background-image: url(../images/bkground_legend.gif);
  background-repeat: repeat-x;
  width: 500px !important;
  width: 100%;
} 

fieldset
{
  border: 1px solid #B5BFC8;
  margin: 0px;
  padding: 0px 0px 8px 8px;
}


#logo 
{
  z-index: 10;
  border: none;
  right: 18px;
  position: absolute;   
} 

#logo img
{
  border: none;
}

#leftnav 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666666;
  background-color: inherit;
  position: relative;
  overflow: hidden; 
}

#leftnav ul 
{
  list-style: none;
  margin: 0 0 0 8px;
  padding: 0;
  width: 192px;
  overflow: hidden;
  background-image: url('http://images.hw.ac.uk/bkground03.gif');
  background-repeat: repeat-x;
} 

#leftnav li 
{
  border-top:  1px  solid #ffffff;
  border-bottom:  1px  solid #80a4d7;
  margin: 0;
  overflow: hidden;
}



#leftnav li a 
{
  display: block;
  text-decoration: none;
  background-color: inherit;
  color: #666666;
  padding: 4px 4px 4px 4px;
  width: 100%;
  overflow: hidden;    
}

#leftnav li a:visited 
{
  text-decoration: none;
  background-color: inherit;
  color: #666666;
  overflow: hidden;    
}

#leftnav li a:active 
{
  text-decoration: none;
  background-color: inherit;
  color: #666666;
  overflow: hidden;    
}

#leftnav li a:hover 
{
  display: block;
  color: #003399;
  text-decoration: none;
  background-color: #DCDFE3;
  width: auto;
  overflow: hidden;
}

#leftnav li.header
{

  overflow: hidden;
  background-image: url('http://images.hw.ac.uk/header.gif');
  background-repeat: no-repeat;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 13px;
  background-color: inherit;
  color: #FFFFFF;
  margin: 8px 0px 0px 0px;
  padding: 5px 4px 6px 6px;
  text-align: center;
}

#leftnav li.header a:visited 
{
  color: #FFFFFF;
  background-color: inherit;
  text-decoration: none;
}

#leftnav li.header a:active  
{
  color: #FFFFFF;
  background-color: inherit;
  text-decoration: none;  
}

#leftnav li.header a:link  
{
  color: #FFFFFF;
  background-color: inherit;
  text-decoration: none;
}

#leftnav li.header a:hover 
{
  color: #FFFFFF;
  background-color: inherit;
  text-decoration: none;
}

.nav-button-first 
{
  padding-left: 8px;
  padding-right: 8px;
  margin-left: 5px;
  border-left: 1px solid #b5bfc8;
  border-right: 1px solid #b5bfc8;
  float: left;
  white-space: nowrap;
}

.nav-button 
{
  padding-left: 8px;
  padding-right: 8px;
  border-right: 1px solid #b5bfc8;
  float: left;
  white-space: nowrap;   
}

.promotion 
{
  width: 100%;
  height: 100px;
  color: #003399;
  background-color: #FFFFFF;
  background-image: url('http://images.hw.ac.uk/bkground_promotion.gif');
  background-repeat: repeat-x;
}

.promotion-text 
{
  width: 100%;
  color: #666666;
  background-color: transparent;
  font-size: 11px;
  height: 85px;   
}

.promotion-text img 
{
  border: 1px solid #FFFFFF;
  margin-right: 6px;
  margin-left: 6px;
  float: left;
}

.promotion-text a:link 
{
  color: #666666;
  background-color: inherit;
  text-decoration: none;
}

.promotion-text a:visited 
{
  color: #666666;
  background-color: inherit;
  text-decoration: none;
}

.promotion-text a:active 
{
  color: #0066CC;
  background-color: inherit;
  text-decoration: underline; 
}

.promotion-text a:hover 
{
  color: #003399;
  background-color: inherit;
  text-decoration: none;
}

.promotion-text p 
{
  margin: 8px 6px 0 6px;
}

.promotion-text h3 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 13px;
  background-color: inherit;
  color: #FFFFFF;
  margin: 0 6px 8px 6px;
}

.promotion-text h3 a:visited 
{
  color: #FFFFFF;
  background-color: inherit;
  text-decoration: none;
}

.promotion-text h3 a:active  
{
  color: #FFFFFF;
  background-color: inherit;
  text-decoration: none;  
}

.promotion-text h3 a:link  
{
  color: #FFFFFF;
  background-color: inherit;
  text-decoration: none;
}

.promotion-text h3 a:hover 
{
  color: #FFFFFF;
  background-color: inherit;
  text-decoration: none;
}

.promotion-text .heading 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background-color: inherit;
  color: #003399;
  margin: 0px 6px 0px 6px;
  padding: 0;
}

.promotion-text .heading a:visited 
{
  color: #003399;
  background-color: inherit;
  text-decoration: none;
}

.promotion-text .heading a:active 
{
  color: #003399;
  background-color: inherit;
  text-decoration: none;  
}

.promotion-text .heading a:link 
{
  color: #003399;
  background-color: inherit;
  text-decoration: none;
}

.promotion-text .heading a:hover 
{
  color: #0066CC;
  background-color: inherit;
  text-decoration: none;  
}

.promotion-text .date 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #003399;
  background-color: inherit;
  margin: 0px 6px 0px 0px;
  padding: 0;
}

.promotion-text a:visited .date  
{
  color: #003399;
  background-color: inherit;
  text-decoration: none;
}

.promotion-text a:active .date  
{ 
  color: #003399;
  background-color: inherit;
  text-decoration: none;
}

.promotion-text a:link .date 
{
  color: #003399;
  background-color: inherit;
  text-decoration: none;
}

.promotion-text a:hover .date 
{
  color: #0066CC;
  background-color: inherit;
  text-decoration: none;
}

.promotion-top 
{ 
  background: url('http://images.hw.ac.uk/tr_promotion.gif') no-repeat top right;    
}

.promotion-button 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color: inherit;
  color: #003399;
  float: right;   
}

.promotion-button .icon 
{
  border: 0px;
  margin-right: 6px;
  margin-top: 0px;
  margin-left: 3px;   
}

.promotion-button a:link 
{
  text-decoration: none;
  background-color: inherit;
  color: #003399;
}

.promotion-button a:visited 
{
  text-decoration: none;
  background-color: inherit;
  color: #003399;
}

.promotion-button a:active 
{
  text-decoration: underline;
  background-color: inherit;
  color: #0066CC;
}

.promotion-button a:hover 
{
  text-decoration: underline;
  background-color: inherit;
  color: #003399;
}

.page 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #B5BFC8;
  margin: 1px;
  background-color: inherit;
  border: 1px outset #FFFFFF;
  background-image: url('http://images.hw.ac.uk/bkground_az_off.gif');
  width: 14px;
  height: 14px;
  text-align: center;
  display: block;
  float: left;
}

.page a:link 
{
  background-color: inherit;
  color: #003399;
}

.page a:visited 
{
  background-color: inherit;
  color: #003399;
}

.page a:active 
{
  color: #FFFFFF;
  text-decoration: none;
  background-color: #0066CC;
  width: 100%;
  height: 100%;
}

.page a:hover 
{
  color: #FFFFFF;
  text-decoration: none;
  background-color: #003399;
  width: 100%;
  height: 100%;
}

.page-button
{
  vertical-align: middle;
  margin: 2px 2px 2px 2px;
  float: left;
}

.subcategory
{
  width: 544px;
  float: left;
  margin-top: 5px;
  background-image: url('http://images.hw.ac.uk/bkground_category02.gif');
  border-left: 5px solid #B5BFC8;
  border-right: 5px solid #B5BFC8;
  border-bottom: 1px solid #B5BFC8;
  padding: 3px 3px 2px 3px;
}

.subcategory-text
{
  padding: 0px 5px 5px 5px;
}

.subcategory-a-z-text
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
  background-color: inherit;
  padding: 5px 5px 5px 5px;
}

.subcategory-a-z-text-small
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666666;
  background-color: inherit;
  padding: 3px 3px 3px 3px;
  margin: 5px 5px 5px 5px;
  
}

.subcategory-a-z-text ul
{
  list-style-image: url('http://images.hw.ac.uk/button_arrow_off.gif');
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 20px; 
}

.subcategory-a-z-text a:link
{
  color: #003399;
  background-color: inherit;
  text-decoration: none;
}

.subcategory-a-z-text a:visited
{
  color: #003399;
  background-color: inherit;
  text-decoration: none;
}

.subcategory-a-z-text a:active
{
  color: #0066cc;
  background-color: inherit;
  text-decoration: underline;
}

.subcategory-a-z-text a:hover
{
  color: #003399;
  background-color: inherit;
  text-decoration: underline;
}

.subcategory-a-z-text li
{
  padding: 0px;
  vertical-align: middle;
}

.subcategory-text p
{
  padding-top: 5px;
  text-align: justify;
}

.subcategory-text img
{
  float: left;
  margin: 5px 5px 0px 0px;
  padding: 0px;
  border: 1px solid #b5bfc8;
}

.subcategory h2 
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background-color: inherit;
  color: #0066CC;
  margin: 0px;
  padding: 0px;
}

.subcategory h2 a:link 
{
  background-color: inherit;
  color: #0066CC;
  text-decoration: none;
}

.subcategory h2 a:visited 
{
  background-color: inherit;
  color: #0066CC;
  text-decoration: none;
}

.subcategory h2 a:hover 
{
  background-color: inherit;
  color: #003399;
  text-decoration: none;
}

.subcategory .folder 
{
  float: left;
  margin-right: 4px;	
}

.subcategory-heading
{
  float: left;
  text-align: left; 
}

.subcategory-button
{
  
  margin-top: 2px;
  float: right;
 
}

.subcategory-contact
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666666;
  background-color: inherit;
  border-bottom: solid 1px #b5bfc8;
  padding: 3px 3px 3px 3px;
}

.subcategory-contact a:link
{ 
  color: #003399;
  background-color: inherit;
  text-decoration: none;
}

.subcategory-contact a:visited
{ 
  color: #003399;
  background-color: inherit;
  text-decoration: none;
}

.subcategory-contact a:active
{ 
  color: #0066cc;
  background-color: inherit;
  text-decoration: underline;
}

.subcategory-contact a:hover
{ 
  color: #003399;
  background-color: inherit;
  text-decoration: underline; 
}

.subcategory-contact-icon
{
  float: left;
  margin: 3px 3px 0px 0px;
}

#topnav1 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666666;
  background-color: inherit;
  white-space: nowrap;
}

#topnav1 a:link 
{
  text-decoration: none;
  background-color: inherit;
  color: #666666;
}

#topnav1 a:visited 
{
  text-decoration: none;
  background-color: inherit;
  color: #666666;
}

#topnav1 a:active 
{
  text-decoration: underline;
  background-color: inherit;
  color: #0066CC;
}

#topnav1 a:hover 
{
  color: #003399;
  background-color: inherit;
  text-decoration: underline;
}

#topnav1 ul 
{
  margin: 0;
  padding: 0;
  position: absolute;
} 

#topnav1 li 
{
  margin: 0;
  padding: 3px 8px;
  border-right: 1px solid #B5BFC8;
  display: inline;
}

#topnav1 ul li.first 
{
  margin-left: 8px;
  border-left: 1px solid #b5bfc8;
  list-style: none;
  display: inline;
}

.topnav2 
{
  border: 0px solid;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background-color: inherit;
  color: #003399;
  white-space: nowrap;      
}

.topnav2 img 
{
  border: 0px; 
}

.topnav2 a:link 
{
  text-decoration: none;
  color: #003399;
  background-color: inherit;
}

.topnav2 a:visited 
{
  text-decoration: none;
  background-color: inherit;
  color: #003399;
}

.topnav2 a:active 
{
  text-decoration: none;
  background-color: inherit;
  color: #0066CC;
}

.topnav2 a:hover 
{
  color: #0066CC;
  background-color: inherit;
  text-decoration: none;
}

.topnav2 img 
{
  margin-right: 8px;
  vertical-align: middle;
}

#tools 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #003399;
  background-color: inherit;
  float: left;
  clear: both;
  height: 25px;   
}

#tools .icon 
{
  border: 0px;
  margin-right: 6px;
  margin-left: 6px;
}

#tools a:link 
{
  text-decoration: none;
  background-color: inherit;
  color: #003399;
}

#tools a:visited 
{
  text-decoration: none;
  background-color: inherit;
  color: #003399;
}

#tools a:active 
{
  text-decoration: underline;
  background-color: inherit;
  color: #0066CC;
}

#tools a:hover 
{
  text-decoration: underline;
  background-color: inherit;
  color: #003399;
}

.a-z 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #B5BFC8;
  margin: 1px;
  background-color: inherit;
  border: 1px outset #FFFFFF;
  background-image: url('http://images.hw.ac.uk/bkground_az_off.gif');
  width: 16px;
  height: 16px;
  text-align: center;
  display: block;
  float: left;
}

.a-z a:link 
{
  background-color: inherit;
  color: #003399;
}

.a-z a:visited 
{
  background-color: inherit;
  color: #003399;
}

.a-z a:active 
{
  color: #FFFFFF;
  text-decoration: none;
  background-color: #0066CC;
  width: 100%;
  height: 100%;
  float: left;
}

.a-z a:hover 
{
  color: #FFFFFF;
  text-decoration: none;
  background-color: #003399;
  width: 100%;
  height: 100%;
  float: left;
}

#a-z-margin 
{
  margin-left: 2px;
  clear: both;
}

#login-footer
{ 
  float: right;
  padding: 8px;
}
  
span#indicator
{
  position: absolute;
  top: 10px;
  left: 10px;
  width: 100px;
  height: 40px;
  background: url('http://images.hw.ac.uk/indicator.gif') no-repeat 0 0;
}
  
.sortable
{
  padding: 5px;
} 
 
.hovered
{
  font-weight: bold;
}
