/******************************************************************************************************************
Ambulance HART Print Stylesheet

Developed by Matthew Hill for Electric Putty - September 2007
http://www.friskdesign.com/
******************************************************************************************************************/

/******************************************************************************************************************
STUFF TO REMOVE FROM PRINTING
******************************************************************************************************************/

#skipto,
#navSite,
#searchsite,
#navSection,
#additionalContent,
#footer
{
	display:none;
}


/******************************************************************************************************************
GENERAL FORMATTING OF STANDARD ELEMENTS
******************************************************************************************************************/
body {
	background:#FFF;
	color:#000;
	font: normal 12pt/normal Arial,"Helvetica Neue",Helvetica,sans-serif;
}

a img {
	border:none;
}

a,a:link {
	color:#0099FF;
	font-weight:bold;
	text-decoration:underline;
}

a:visited {
	color:#0099FF;
}

.floatright {
	float:right;
	}

.floatleft {
	float:left;
	}

.picright {
	clear:right;
	float:right;
	margin:0 0 20px 20px;
	}

.picleft {
	clear:left;
	float:left;
	margin:0 20px 20px 0;
	}

/******************************************************************************************************************
OVERALL LAYOUT RULES (One true layout, 2-1-3 ordering)
******************************************************************************************************************/

#wrapper {
	width:auto;
}

#main {
	clear:both;
}

#bodyContent {
	width:auto;
}


/******************************************************************************************************************
MASTHEAD & BANNER
******************************************************************************************************************/

#banner {
	min-height:91px;
	border-bottom:0.5pt solid black;
	margin:0 0 2em 0;
}

#banner img#logo-hart {
	padding:0;
	float:left;
}

#banner img#logo-nhs {
	float:right;
}

/******************************************************************************************************************
IMAGE FORMATTING
******************************************************************************************************************/

img.fullwidth {
	margin:0;
}

#navSection img.wide {
	border-top:none;
}

/******************************************************************************************************************
GENERAL TEXT FORMATTING
******************************************************************************************************************/

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

 p,  ul,  ol
	{
	margin:0 0 1.2em;	
}

ul,
ol {
	margin-left:1.2em;
}

 li {
	margin-bottom:0.6em;
}

 h1,  h2,  h3,  h4,  h5,  h6 {
	font-weight:bold;
}

 h1 {
	font-size:1.4em;
	margin:1.2em 0;
	text-transform:uppercase;
}
 h2 {
	font-size:1.0em;
	margin-bottom:0;
}
 h3 {
	font-size:1.0em;
}

 .smaller {
	font-size:0.85em;
}

 .bigger {
	font-size:1.1em;
}


/******************************************************************************************************************
HART TV
******************************************************************************************************************/

#tv {
	width:auto;
}

#tv div,
#navSection div.tvthumb {
	background:#FFF;
	padding:9px;
	width:104px;
	float:left;
	margin:0 0 10px 10px;
}

#tv div img,
#navSection div.tvthumb img {
	display:block;
	max-width:100%;
	margin:0 0 7px 0;
}

#tv div p,
#navSection div.tvthumb p {
	margin:0;
}

#navSection div.tvthumb {
	margin:12px 17px 0 16px;
}

/******************************************************************************************************************
PROJECT TIMELINE
******************************************************************************************************************/

.timelinepanel h2 {
	padding:0 12px;
	line-height:40px;
	margin:0;
	font-size:2.0em;
	color:#66CC33;
}

.timelinepanel .project {
	border-top:0.5pt solid #CCC;
	padding:12px;
}

.timelinepanel .project p.date {
	color:#66CC33;
	margin:0;
	font-weight:bold;
}

.timelinepanel .project img {
	float:right;
	margin:0 0 12px 12px;
}


/******************************************************************************************************************
DIARY DATES
******************************************************************************************************************/

.diarydates {
	margin:0 -12px;
}

.diarydates h2 {
	padding:0 12px;
	line-height:40px;
	margin:0;
	font-size:2.0em;
	color:#66CC33;
}

.diarydates .diarydate,
.diarydates .diarydate-alt {
	clear:both;
	border-top:0.5pt solid #CCC;
	padding:12px;
}

.diarydates .diarydate-alt {
	background:#FFF;
}

.diarydate-single p.date,
.diarydates .diarydate p.date,
.diarydates .diarydate-alt p.date {
	color:#66CC33;
	margin:0;
	font-weight:bold;
}

.diarydate-single img,
.diarydates .diarydate img,
.diarydates .diarydate-alt img {
	float:right;
	margin:0 0 12px 12px;
}

.diarydate-single {
	padding:12px;
	border-top:0.5pt solid #CCC;
	margin:0 -12px;	
}
