/* Reset
------------------------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll;  }
/*body { background:#F3E9F5; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666;  font-size: .90em;}*/
body { background:#ffffff;   font-family: 'Barlow Semi Condensed';font-size: 1.2em;}
ol, ul { list-style: none; margin: 0; }
ul li { margin: 0; padding: 0;}
h1 { margin-bottom: 10px; color: #111111;}	
a, img { outline: none; border:none; color: #000; } /* font-weight: bold; text-transform: uppercase; */
p { margin: 0 0 10px; line-height: 1.4em;}
img { display: block; }
aside h1{ font-style: italic; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
	}
	
nav{clear:left;}
/*:target {background-color: yellow; padding:10px; color:#000000;}*/
	
/* Structure */

.hide{display:none;}

.header-top-container{width: 100%; background-color:#612E70;}
.header-top{ width: 100%;  height:70px; max-width: 994px; margin: auto;	 }

.header-top-right{float:right} 
.header-top-right #mainname{ color:#FFB4FF;  font-family:Arial, Helvetica, sans-serif; font-size:42pt; line-height:50pt;	  }
.header-top-right #secondname{color:#EFD6FC;  padding:16px 5px 0 6px; float:right; font-size:20pt; line-height:10pt; }

.header-middle-container{width: 100%;  background-color:#8200AA; overflow:auto;font-size: 0.8125em;}	 
.header-middle{ width: 100%;   max-width: 994px; margin: auto; color:#FFCCFF; height:70px;	 background-color:#8200AA; } 	 
.header-middle #left{float:left; line-height:70px; padding:0 0 0 10px;  background-color:#8200AA;}
.header-middle #icon{margin: 25px 10px 0 0; float:left;}
.header-middle #right{float:right; padding:5px 2px 2px 0; background-color:#8200AA; white-space:nowrap  }

.menu-container{ width: 100%; max-width: 994px; height:80px;
	margin: auto; background-color:#FFFFFF; text-align:center;   }

#wrapper { box-sizing:border-box;
	width: 100%; 	
	max-width: 994px;
	background-color:#FFFFFF;
	margin: auto;
	padding: 0 2%;
	 display:block; overflow:hidden; 
	 min-height:580px;
	 font-size: 1.6em;
	} 

	#main {
		width: 60%;
		margin-left: 5%;
		float: right;
		padding-bottom:15px;
				}	
		
	aside { 
		width: 35%;
		float: left;
				}
	

  #homepanel{background-color:#FF0000; color: #333333; width:100%; padding:10px; margin-bottom:10px; box-sizing: border-box; background: #F2F2F2;  text-align:center; overflow:auto;
    background: -webkit-linear-gradient(#F2F2F2, #D5D5D5); 
    background: -o-linear-gradient(#F2F2F2, #D5D5D5); 
    background: -moz-linear-gradient(#F2F2F2, #D5D5D5); 
    background: linear-gradient(#F2F2F2, #D5D5D5);}
	
	#homepanel div{width:215px; float:left; padding-right:10px;}
	#homepanel div#nopad{padding-right:0;}
	#homepanel img#pad{ padding-bottom:10px;}
		
footer{ background-color:#EAEAEA; min-height:100px; height:auto; width:100%; padding:2%; margin-top:15px; overflow:auto;  }
#footer-container{ width:100%; margin:auto; color:#000;   }
#footer-container-left{width:50%; float:left; text-align:center;}
#footer-container-left img{ float:left;}
#footer-container-right{width:50%; float:left;}
/*#footer-container p{   margin:auto;   box-sizing:border-box;    }*/
#shlogo{width:62px;}	
#nhslogo{width:62px;  margin:0 100px;}		
#medialogos img{margin:0; width:62px;}	

/* Banner */			
#banner { display:none;
	float: left;
	margin-bottom: 15px;
	width: 100%;
	}

	#banner img {
		width: 100%;
		}
		
		
#wrapper ol  {  margin-left: 40px; padding-bottom:10px ;   list-style-type: decimal; }
#wrapper ul {  margin-left: 40px; padding-bottom:10px ;   list-style-type: disc; }
#wrapper ul li { margin: 0; padding: 5px;}
#wrapper ol li {  padding: 5px;}	

footer  {  line-height: 1.25em; font-size: 0.8125em;}	

/* from c4u */		
h3{ color:#ffffff; background-color:#346668; padding:2px; margin:12px 0;}
h3 a{ color:#ffffff; }
h2{ font: 1.8em Verdana, sans-serif;
  text-transform: uppercase; letter-spacing: 1px; color:#FF81BE;  margin:20px 0;}
.submenuhead{padding:10px 0; font: bold  Verdana, sans-serif;
  text-transform: uppercase; letter-spacing: 1px; color:#B841AF; text-align:center;}

.boldhead{font: bold  Verdana, sans-serif;  letter-spacing: 1pt; color:#B841AF; font-size:1.3em; }	
.boldfem{font: bold  Verdana, sans-serif;  letter-spacing: 1pt; color:#FF81BE; font-size:1.3em; }

.young{ color:#548DD4;}
	
.red{ color:#FF0000;}
	/* ***************  more links ******************* */
.morelink {
color : #B841AF;
text-decoration : none;
font-weight : bold;
}
a:link.morelink {
color : #B841AF;
text-decoration : none;
}
a:visited.morelink {
color : #B841AF;
text-decoration : none;
}
a:hover.morelink {
color : #fc6610;
text-decoration : none;
}
a:active.morelink {
color : #fc6610;
text-decoration : none;
} 
/* ***************   ******************* */	
	/* ***************  nav links ******************* */

.navlink, a:link.navlink,a:visited.navlink,a:active.navlink{
font-family : Verdana, Arial, Helvetica, sans-serif;

color: #666666;
text-decoration : none;
font-weight : bold;
padding-bottom : 4px;
padding-top : 4px;
border-bottom : 1px solid #CCCCCC; 
width:150px; float:left; clear:both; 


}
 
a:hover.navlink {color : #2B50A9; text-decoration : none;
background-color : #DAE4FF;
padding-bottom : 4px;
padding-top : 4px;
}

#hover2.navlink {color : #2B50A9; text-decoration : none; 
/* the # makes it an id identifier. using this for the php bit */
/* has to be called hover2 - IE6 can't have more than one identifier with the same name */
background-color : #DAE4FF;
padding-bottom : 4px;
padding-top : 4px;
}
/* ***************  map links ******************* */
.maplink{ color: #666666; text-decoration:none; font-size : 9pt; clear:both;}
a:link.maplink{color: #666666; text-decoration:none;}
a:visited.maplink{color:#666666; text-decoration:none;}
a:hover.maplink{color:#000000; text-decoration:none; background-color:#FBB4D6; }
a:active.maplink{color:#FC6610; text-decoration:none;}
/* ***************   ******************* */	

/* ***************  top nav links ******************* */
.topnavlinks{ color:#FFCCFF;; text-decoration:none; font-size: inherit;}
a:link.topnavlinks{color:#FFCCFF; text-decoration:none;}
a:visited.topnavlinks{color:#FFCCFF; text-decoration:none;}
a:hover.topnavlinks{color:#ffffff; text-decoration:none;  }
a:active.topnavlinks{color:#ffffff; text-decoration:none;}
/* ***************   ******************* */	

#hide_me_link {
    display: block;
    font-weight: bold;
    padding: 4px 10px;
    position: fixed;
    top: 240px;
    right: -40px;
    background-color: #346668;
	color:#FFFFFF;
    border: 3px solid #fff;
    -webkit-border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
    -ms-border-radius: 7px 7px 0px 0px;
    border-radius: 7px 7px 0px 0px;
    border-bottom: none;
    text-decoration: none;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    z-index: 999999;
}
/* *************** subsectionlinks  ******************* */	
.subsectionlinks{ margin-bottom:20px; display:block; }
.subsectionlinks a , .subsectionlinks a:visited{ display:block; width:100%; padding:5px 10px; background-color:#B90068; margin-bottom:3px; color:#FFFFFF; text-decoration:none; box-sizing: border-box;}
.subsectionlinks a:hover { background-color:#FFB4FF; color:#333333;}
.subsectionlinks #high{ background-color:#FFB4FF; color:#333333;}
.subsectionlinks a:active { background-color: #CC66FF; color:#333333;}
/* *************** subsectionother  ******************* */	
.subsectionother{ margin-bottom:20px;  display: block;}
.subsectionother a , .subsectionother a:visited{ display:block; width:100%; padding:5px  10px; background-color:#669A6A; margin-bottom:3px; color:#FFFFFF; text-decoration:none; box-sizing: border-box;}
.subsectionother a:hover { background-color:#97CE97; color: #000000;}
.subsectionother a:active { background-color: #FFB4FF; color:#333333;}

/* ***************  linkslink links ******************* */
a:link.linkslink, a:visited.linkslink {font-weight:bold; font-size:10pt; background-color:#CCC8FD; padding:7px 10px; margin:4px 0; width:95%; color: #2B50A9; text-decoration : none;  display:block; }
a:hover.linkslink, a:active.linkslink { font-weight:bold;  font-size:10pt; background-color:#FBB4D6; padding:7px 10px; margin:4px 0; width:95%; color :#ffffff; text-decoration : none;  display:block; 
}


/* search box */
.search_form{ border:1px solid #ccc;   width:135px; height:25px; background-color:#FFFFFF; float:left; margin:20px 0 0 3px;}
.search_form button{ background-image:url(../images/search-icon.gif);} /* image for the button */
.search_form button{padding:0; vertical-align:middle; border:none; background-position:0 -288px; width:16px; height:16px;}  /* positions the image for the button */
.search_form input.string{border:1px solid #fff;width:100px;margin:0;padding:3px; /* the search box */
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
/*-webkit-appearance:caret*/
}

/* ********** table borders *********** */

.colourtable, .colourtable td {  border-collapse:collapse;
border: solid 1px  #9C9CCE; /*outside border*/
padding:4px; 
}

/* ********** youtube video responsive *********** */
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ********** /youtube video responsive *********** */



/* Media Queries */
@media all and (max-width: 768px) { /* same size as respmenu */
#hide_me_link{display:none;}	

.header-top{ width: 100%;  height:85px;  margin: auto;	 } 
.header-top-right #mainname{ color:#FFB4FF;  font-family:Arial, Helvetica, sans-serif; font-size:40pt; float:right; padding:0 10px 0 0; line-height: normal;    }
.header-top-right #secondname{color:#EFD6FC; float:right;  padding:0 10px 0 0; text-align:right; clear:right  }

.header-middle{ width: 100%;    margin: auto; color:#FFCCFF; height:70px;
	 } 	 
.header-middle #left{float:left; line-height: normal; padding:10px  ;  text-align: center;}
.header-middle #right{float:left; padding:0 10px;  line-height:normal}	
.header-middle #icon{margin: 0 10px 0 0; }	

#homepanel div{ width:130px; padding-right:2px; }
#homepanel img{  width:130px;  }

.menu-container{  text-align:left;   }

#footer-container p{ padding-left:0; }
#nhslogo{margin:0 2px;}
#medialogos{ float:left;}
#medialogos img{margin:1px 0; width:42px;}
}



@media screen and (max-width: 480px) {#banner img {
		width: 100%;
		}

#main, aside {
		float: left;
		clear: left;
		margin: 0 0 10px; 
		width: 100%;
		}	

.header-top{ width: 100%;  height:85px;  margin: auto;	 } 
.header-top-right #mainname{ color:#FFB4FF;  font-family:Arial, Helvetica, sans-serif; font-size:36pt; float:right; padding:0 10px 0 0; line-height: normal;    }
.header-top-right #secondname{color:#EFD6FC; float:right;  padding:0 10px 0 0; text-align:right; clear:right;  font-size:20pt;}/* alter font size */

.header-middle{ width: 100%;    margin: auto; color:#FFCCFF; height:140px;
	 } 	 
.header-middle #left{float:left; line-height: normal; padding:10px  ;  text-align: center; }
.header-middle #right{float:left; padding:0 10px;  }
.header-middle #icon{margin: 0 10px 0 0; }

.menu-container{  text-align:left;   }
	
#homepanel div{float:none; margin:auto;  padding: 0; width:215px;  }
#homepanel img{ padding-bottom: 10px; width:215px;  }

.search_form{ margin-top:0; position:absolute; top:45px;}	


#footer-container-left{width:100%; text-align:center; padding-bottom:10px; clear:both;  }
#footer-container-left img{ text-align:center; }
#footer-container-right{width:100%;  clear: none; float:left;}
#footer-container-toppo{text-align:center;}

#nhslogo{margin:0 2px;}
#medialogos{ float:left; }	
#medialogos img{margin:1px 0; width:42px;}	
}