/*
Client: HSFA
Author: 9xb
Author URI: http://www.9xb.com/
*/

/*	Structure
		Reset
		1. DEFAULT STYLES
		2. TEMPLATE ELEMENTS
		3. FORM ELEMENTS
		4. HEADING ELEMENTS
		5. HEADER STYLES
		6. CONTENT STYLES
		7. FOOTER STYLES
*/

/* Global reset
-------------------------------------------------------------------*/

	html,body,div,li,dl,dt,dd,h1,h2,h3,h4,h5,pre,form,blockquote,fieldset,input { margin:0; padding:0; }
	h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em { font-size:1em; font-weight:normal; font-style:normal; }
	fieldset,img { border:none; }
	caption { text-align:left; }
	
	.hidden,
	.screen_reader,
	hr 					{ display:none; } /* Paragraph default styling, amend as desired */
	p 					{ margin:0 0 1em 0; padding:0; } /* Default link styling */
	a 					{ color:#900; text-decoration:none; }
	a:hover 			{ color:#900; text-decoration:underline; } /* Float an element left with a margin */
	.floatL				{ float:left; } /* Float an element right with a margin */
	.floatR 			{ float:right; } /* Float an element right with a margin */
	.italic 			{ font-style:italic; } /* Italisise */
	.upper 				{ text-transform:uppercase; } /* Italisise */
	.clear 				{ clear:both; } /* Clear any element */
	.hideText			{ text-indent:-3000em; overflow:hidden; text-align:left; } /* hide text only */
	.clearfix:after 	{ content:"."; display:block; height:0; clear:both; visibility:hidden; } /* Block unfloated Parent */
	em { font-style:italic; }


/* 1. DEFAULT STYLES
-------------------------------------------------------------------*/
	
	html, body 			{ font:12px/1.4em arial, helvetica, tahoma, verdana, sans-serif; color:#555; }	
	body 				{ margin:0; text-align:center; background:#1d4851; }
	a					{  }
	a:hover				{  }
	.hidden				{ text-indent:-3000em; font-size:0; overflow:hidden; }
	.floatL				{ float:left; }
	.floatR				{ float:right; }
	.clearL				{ clear:left; }
	.clearR				{ clear:right; }
	.underline			{ text-decoration:underline; }
	a.underline:hover	{ text-decoration:none; }
	ul 					{ list-style:none; margin:0; padding:10px; }
	li 					{ margin:4px 0; }
	p					{ line-height:1.35em; }
	.align-right        { text-align:right; }
	.align-left         { text-align:left; }
	.align-center       { text-align:center; }
	.align-justify      { text-align:justify; }
	
	a.icon-pdf			{ background:url(../images/icons/pdf.gif) left no-repeat; padding-left:20px; }
	
	a.button-gel {
		background:url(../images/template/gel_button_right.gif) no-repeat top right transparent scroll;
		display: block;
		float: left;
		font-size:0.9em;
		margin-right: 6px;
		padding-right: 10px; /* sliding doors padding */
		text-decoration: none;
	}
	a.button-gel span {
		background:url(../images/template/gel_button_bg.gif) no-repeat transparent;
		display:block;
		line-height: 14px;
		padding: 4px 0 4px 18px;
	}
	a.button-gel:hover {
		background-position:bottom right;
		text-decoration:none;
	}
	a.button-gel:hover span {
		background-position:bottom left;
	}
	a.zoom {
		background:url(../images/icons/zoom.gif) right no-repeat;
		padding-right:20px;
	}
	
	.error-msg {
		color:#C00;
		border:1px solid #C00;
		padding:10px;
		font-size:0.9em;
		font-weight:bold;
	}

/* 2. TEMPLATE ELEMENTS
-------------------------------------------------------------------*/

	#wrapper {
		padding-bottom:20px;
	}
	
	#container {
		width:970px;
		background:#fff;
		margin:0 auto;
		text-align:left;
		padding:5px 10px 10px 10px;
	}
	
	#header {
		background:url(../images/template/header_bg.png) no-repeat top center;
		position:relative;
		height:150px;
	}
	
	#innercontainer {
	}
	
	#content {
		background:url(../images/template/innercontent_grad_bg.png) repeat-x top left;
		padding-bottom:10px;
		height:1%;
	}
	
	#footer {
		padding:10px;
	}
	
/* 3. FORM ELEMENTS
-------------------------------------------------------------------*/	

	form ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	
	form ul li {
		clear:both;
		margin:5px 0;
	}
	
	form ul li label {
		float:left;
		font-weight:bold;
		width:150px;
		font-size:0.9em;
		padding:1px 0;
	}
	
	form ul li .field-container {
		float:left;
	}
	
	form ul li .textfield {
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.9em;
		padding:1px 2px;
	}
	
	.required {
		color:#C00;
		font-weight:bold;
	}
	
/* 4. HEADING ELEMENTS
-------------------------------------------------------------------*/
	
	h1, h2, h3, h4 		{  }
	h1 					{  }
	h2 					{  }
	h3 					{  }
	
/* 5. HEADER STYLES
-------------------------------------------------------------------*/

	#header #logo, #header #search-box, #header #hsfa-legacy, #header #navigation {
		position:absolute;
	}
	
	#header #logo {
		top:10px;
		left:20px;
	}
	
	#header #hsfa-legacy {
		right:15px;
		top:5px;
	}
	
	#header #search-box {
		top:38px;
		right:120px;
		width:208px;
	}
	
	#header #search-box #keywords {
		background:url(../images/template/search_box_bg.png) no-repeat;
		width:137px;
		height:23px;
		border:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
		padding:4px 5px;
		float:left;
	}
	
	#header #search-box #search {
		float:left;
		margin-left:5px;
	}
	
	#header #navigation {
		bottom:0;
		width:970px;
		overflow:hidden;
	}
	
	#header #navigation ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	
	#header #navigation ul li {
		float:left;
		font-size:1.4em;
		font-weight:bold;
		margin:0;
		text-align:center;
	}
	
	#header #navigation ul li a {
		padding:0 18px;
		display:block;
		margin-bottom:15px;
		color:#555;
	}
	
	#header #navigation ul li a:hover {
		text-decoration:none;
	}
	
	#header #navigation ul li.current a {
		color:#900;
	}
	
	#header #navigation ul li.back {
		background:url(../images/template/navigationPointer.gif) no-repeat center;
		width:20px;
		height:10px;
		z-index:100;
		bottom:0;
		position:absolute;
	}
	
	#access-resize {
		position:absolute;
		right:16px;
		bottom:53px;
	}
	#access-resize a {
		font-weight:bold;
	}
	#access-resize a.large { font-size:1.1em; }
	#access-resize a.larger { font-size:1.3em; }
	#access-resize a.selected { background:#FFC; }

/* 6. CONTENT STYLES
-------------------------------------------------------------------*/

	#intro-slides {
		position:relative;
		height:290px;
		margin-bottom:10px;
	}
	
	#intro-slides .slide  {
		position:absolute;
		top:0;
		left:0;
		z-index:100;
	}
	
	#intro-slides .slide-paginator {
		position:absolute;
		right:0;
		bottom:0;
		padding:5px 10px;
		z-index:1000;
		background:url(../images/template/introslides_paginator_bg.png) top left no-repeat;
	}
	
	#intro-slides .slide-paginator a {
		display:block;
		float:left;
		color:#000;
		margin:0 3px;
		font-weight:bold;
		font-size:0.9em;
		opacity:0.4;
		filter: alpha(opacity=40);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	}
	
	#intro-slides .slide-paginator a:hover {
		text-decoration:none;
	}
	
	#intro-slides .slide-paginator a.current {
		opacity:1;
		color:#fff;
		filter: alpha(opacity=100);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	
	#intro-slides .slide-paginator a.next {
		background:url(../images/icons/arrow_right.gif) center no-repeat;
		text-indent:-3000em;
		overflow:auto;
		display:block;
		width:4px;
		height:8px;
		padding:0 5px;
		margin:5px 0 0 1px;
	}
	
	#intro-slides .slide-paginator a.prev {
		background:url(../images/icons/arrow_left.gif) center no-repeat;
		text-indent:-3000em;
		overflow:auto;
		display:block;
		width:4px;
		height:8px;
		padding:0 5px;
		margin:5px 1px 0 0;
	}
	
	#intro-slides .slide a {
		position:absolute;
		top:210px;
		left:490px;
	}
	
	.panel {
		float:left;
		margin:10px 0 3px 10px;
		position:relative;
		background-repeat:no-repeat;
		background-position:top;
	}
	.panel-content {
		margin:15px 13px;
	}
	.panel-content h1, .panel-content h2 {
		margin:0 0 20px 0;
		padding:0;
		font-size:1.45em;
		font-weight:bold;
		position:relative;
		clear:both;
	}
	.other-content h2 {
		font-size:1.2em;
	}
	.panel-content h1 span.links, .panel-content h2 span.links {
		display:block;
		position:absolute;
		right:0;
		font-size:0.7em;
		top:0;
		font-weight:normal;
	}
	.panel-content h1 span.normal, .panel-content h2 span.normal {
		font-weight:normal;
	}
	.panel-footer {
		position:absolute;
		bottom:-3px;
		background-position:bottom;
		background-repeat:no-repeat;
		height:10px;
		left:0;
		width:100%;
	}
	.panel-column {
		width:45%;
		margin:10px;
	}
	.panel-column p {
		margin:0;
		font-size:1.1em;
	}
	.panel-image {
		margin-left:-13px;
		margin-top:-8px;
		display:block;
		width:220px;
	}
	.panel-230-container {
		width:240px;
		overflow:hidden;
	}
	
	.panel-710-container {
		width:710px;
		padding-right:20px;
	}
	
	.panel-230 {
		background-image:url(../images/template/panel_230_bg.gif);
		width:230px;
	}
	.panel-230 .panel-footer {
		background-image:url(../images/template/panel_230_foot.gif);
	}
	
	.panel-710 {
		background-image:url(../images/template/panel_710_bg.gif);
		width:710px;
	}
	.panel-710 .panel-footer {
		background-image:url(../images/template/panel_710_foot.gif);
	}
	
	.panel-950 {
		background-image:url(../images/template/panel_950_bg.gif);
		width:950px;
	}
	.panel-950 .panel-footer {
		background-image:url(../images/template/panel_950_foot.gif);
	}
	
	.panel-inset {
		background-image:url(../images/template/panel_inset_bg.gif);
		width:208px;
		margin-left:0;
		margin-top:0;
		text-align:left;
	}
	.panel-inset .panel-footer {
		background-image:url(../images/template/panel_inset_foot.gif);
	}
	
	.panel-shadow {
		background-image:url(../images/template/shadowpanel_230_bg.png);
		width:234px;
		height:383px;
		overflow:hidden;
		margin-left:8px;
		margin-bottom:0;
	}
	
	.content-panel .panel-shadow {
		background-image:url(../images/template/shadowpanel_230_long_bg.png);
		height:500px;
	}
	
	.story-list, .story-list ul {
		margin:0;
		padding:0;
		font-size:1em;
	}
	
	.story-list ul ul {
		padding:0 0 0 20px;
	}
	
	.story-list li {
		clear:both;
		padding:0;
		margin:0;
	}
	
	.story-list li li {
		float:left;
		margin:10px 0 0 0;
		padding:0;
		clear:none;
	}
	
	.story-list p {
		margin:0;
		padding:0;
	}
	
	.story-list li.image {
		width:59px;
	}
	
	.story-list li.description {
		width:137px;
		margin-left:8px;
	}
	
	.other-content li.description {
		width:200px;
		margin-left:5px;
	}
	
	.survivor-stories .story-box {
		float:left;
		width:200px;
		height:305px;
		margin:20px 33px 0 5px;
	}
	
	.survivor-stories .story-box img {
		border:1px solid #dadada;
		-moz-border-radius:5px;
		border-radius:5px;
		-webkit-border-radius:5px;
	}
	
	.survivor-stories .story-box-end {
		margin-right:0;
	}
	
	.survivor-stories h3 a {
		color:#555;
		font-size:1.2em;
		font-weight:bold;
	}
	
	.survivor-stories p {
		margin:0 0 5px 0;
	}
	
	.story-content h1 {
		margin-bottom:30px;
	}
	.story-content p {
		font-size:1.1em;
	}
	.image-box {
		width:210px;
		text-align:center;
		margin:10px;
	}
	.image-box p.caption {
		font-size:0.9em;
	}
	.image-box p.caption a {
		font-weight:bold;
	}
	
	#contact-container .contact-box {
		float:left;
		width:45%;
		margin:20px 0;
		padding:0 20px;
	}
	
	.search-pagination {
		text-align:center;
		margin:10px 0;
	}
	
	.search-result-item {
		border:1px solid #f7f7f7;
		padding:10px;
		margin:0 0 5px 0;
	}
	
	.search-result-item p {
		margin:0;
		padding:0;
	}
	
	.search-result-item .title {
		font-weight:bold;
	}
	
	.search-result-item .date {
		color:#aaa;
	}
	
/* 7. FOOTER STYLES
-------------------------------------------------------------------*/

	#footer p {
		float:left;
		font-size:0.9em;
	}
	#footer a {
		color:#427c88;
	}
	#footer p.ninexb {
		float:right;
	}