/* HAYS - NHS Blood styles */

body { font-family: Arial, Helvetica, sans-serif; font-size: small; background: #a0acc5 url(images/bodybg.gif) center top repeat-y; text-align: center; padding: 0; margin: 0; color: #213f58; }

a:link, a:visited { color: #80b8ea; }
a:hover, #a:focus { color: #639fd4; }

#container { width: 780px; border: #FFFFFF solid 1px; background: #ddddde url(images/containerbg2.gif) top left repeat-y;margin: auto; text-align: left; }

#innercontainer { background: url(images/headerbg.jpg) top left no-repeat; }

#header { height: 134px; }

#header h1 { display: none; margin: 0; padding: 0; height: 0; }
.clearer { clear: both; }

#nav { float: left; width: 190px; padding: 135px 0 50px 10px; }
#nav ul { margin: 0; padding: 0; list-style: none; }
#nav li { display: block; margin-bottom: 5px; margin-top: 0; width: 190px; }
#nav a { display: block; width: 190px; text-decoration: none; background: url(images/navap2.gif) top left; font-weight: bold; }
#nav a:link, #nav a:visited { background-position: -200px 0; color: #030029;  } 
#nav a:hover, #nav a:focus { background-position: 0 0; color: #353354; } 

#nav a span { background: url(images/navaspan2.gif) no-repeat; padding: 12px; display: block; }
#nav a:link span, #nav a:visited span { background-position: -200px bottom; } 
#nav a:hover span, #nav a:focus span { background-position: 0 bottom; } 

#nav li.active { display: block; padding: 0; background: url(images/navap2.gif) 0 0; color: #030029; font-weight: bold;  }
#nav li.active span { display: block; padding: 12px; background: url(images/navaspan2.gif) 0 bottom no-repeat; }


#content { width: 520px; float: left; padding: 0px 30px 30px 30px; line-height: 1.4em; margin-top:30px; }
#content p { margin-top: 0; }

h1 { margin-top: 0; line-height: 1.4em; font-size: 1.9em; color: #a0acc5; font-weight: normal; border-bottom: #bcd2e4 solid 1px; padding-bottom: 3px; }

h2 { color: #6b7ea4; margin-top: 0; line-height: 1.4em; font-size: 1.2em; }
h2 span { font-weight: normal; color: #FFFFFF; }

.float { float: right; margin: 0 0 10px 10px; border: #1d41b6 solid 1px; }

#tvadvert { clear: both; padding-bottom: 15px; font-size:200%; color:#8f94a3; border-top:1px dashed #7a819c;}

.floatright { float: right; margin-right: -15px; }

#videolink { width: 498px; background: #3c3d5f url(images/videograd.gif) repeat-y; padding: 10px; border: #999aca solid 0px; }
#videolink .ss { border: #FFFFFF solid 1px; float: right; }
#videolink h2 { margin: 0; padding: 30px 0 0 70px; background: url(images/filmcamera.gif) top left no-repeat; display: block; min-height: 60px; _height: 60px;}

.videosplayerContainer { margin-bottom: 25px; }

.clearer { clear: both; }



#footer { padding-top:15px;  padding-bottom:8px; padding-left:10px; font-size: 0.85em; position: relative; color:#e3e6eb; margin: 0px auto 0 auto;  width:770px; background: #FFFFFF url(images/footerbg.gif) top left; }
#footer a { margin: 0.3em 0.5em;}
#footer a:link, #footer a:visited { color: #e3e6eb; text-decoration: underline; font-weight:bold; }
#footer a:hover, #footer a:focus { color: #e3e6eb; text-decoration: none;font-weight:bold; }
#footer a.hayslogo { border: none; float:left; margin: -5px 7px 0 0; position: relative;}
#footer a.awardslogos { border: none; float:right; padding-right:35px; margin: -25px 7px 0 0; }