/* =----------------------------------------------------------------------------------

Main Style Sheet

Version:	2.0 (May 2008) - Last Updated 15/01/09

author: 	Ben Holliday

email: 		ben.holliday@tincan.co.uk

--------------------------------------------------------------------------------------*/

@import url("reset.css");
@import url("typography.css");
@import url("colour.css");

/* =------------------------------------------------------------------------

Global Settings

----------*/

/* Float containers fix from CSSCreator: http://www.csscreator.com/attributes/containedfloat.php */ 

.clear {clear: both;}

/* */

/* =------------------------------------------------------------------------

Main Layout Structure

----------*/

html, body{  
	margin: 0 5px;
	text-align:center; 
	background-color: #FFFFFF;
}
 
#pagewidth{ 
	background:#FFFFFF url(../images/mainbackground.gif) repeat-y scroll 245px 0pt;
	/*VERTICAL GRID: background:transparent url(../images/underline.gif) repeat 0 -8px;*/
	
	width:960px;
	text-align: left;
	margin:0 auto;
	border: 1px solid #993300;
	position: relative; /* for attaching/positioning polaroid */
}

.home #pagewidth{ 
	background-position: 10px 0pt;
}
	
#searchbar {
	height: 22px;
	float: left;
	display: block;
	width: 952px;
	background-color: #f37421;
	padding: 4px;
}
	
#header {
	float: left;
 	position: relative;
	height:184px;
	width: 960px;
} 

.home #header {
	height: 51px;
	background: #9a3400 url(../images/homehead-orange.png) no-repeat top left;
}
 
#leftcol {
	width:245px;
	float: left;
	margin:1.1em 0 3.5em;
}
 
#twocols { /* contains 'maincol' and 'rightcol' */
	width: 705px; 
	float: right; 
	background:transparent url(../images/colourback-orange.gif) repeat-y 460px 0;
}

.home #twocols { /* contains 'maincol' and 'rightcol' */
	width: 940px;
	background-position: 310px 0;
}

#maincol {
	float: left;
	width: 450px;
	padding:1.1em 0 3.5em 0;
}

.home #maincol{
	width: 300px;
}
 
#rightcol {
	width: 231px; 
	float: right;
	color: #98002E;
	font-size: 16px /* change to EM's */;
	text-align: center;
}

.home #rightcol {
	width: 618px;
	padding: 260px 0 12px;
}
 
#footer {
	border-top: 1px dashed #666666;
	background-color:#FFFFFF; 
	float: left;
	width: 960px;
	position: relative;
}

/* Skip Navigation */

#skipnav {/* Hides the 'Skip Navigation' link */
	position:absolute;
	left:-1500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

/* */

#header h1{
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
}

#header img {display: none;}/* Hides print logo */


/* =------------------------------------------------------------------------

Navigation

----------*/

/* Nav 1 */

#navigation {
	float:left;
	width:100%;
	height: /*12em*/ 100px;
	background-color:#FDCC99;
}

#navigation ul {
	float:left;
	margin:1.2em 0em 0.4em 0.4em;
	width:755px;
}

#navigation ul li {
	float:left;
	font-family: Georgia, Times, serif;
	line-height:1em;
	font-size:1.8em;
	padding:0.2em 0.4em;
	border-right:1px solid #666666;
}

#navigation li a {
	text-decoration:none;
	color: #000000;
}

#navigation li a:hover, #navigation li.current a {
	color: #993300;
	text-decoration: underline;
}

#navigation li a/*:hover*/ span{
	position: absolute;
	top: 140px;
	left: 4px;
	z-index: 100;
	height: 50px;
	width: 400px;
}

/* =------------------------------------------------------------------------

Styles

----------*/


#maincol p a, #maincol li a {
	color: #993300;
}

#maincol p a:hover, #maincol li a:hover  {
	color:#000!important;
}

#maincol h2 {
	color:#993300;
}

#maincol h3 {
	color:#993300;
}

#maincol #links h3 {
	font-size:1.2em;
	margin-bottom: -0.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#maincol #links h3 a {
	text-decoration: underline;
	color: #000;
}

#maincol #links h3 a:hover {
	color: #666666;
}

#maincol p {
	color: #666666;
}

#maincol p.intro {
	color: #000000;
	font-weight: bold;
}

#maincol p.photocredit {
	margin: 1.5em 0 0 0;
	color: #000;
	line-height: 1.5em;
	font-size: 1.1em;
	font-style: italic;
}

#maincol ul {
	margin:1.5em 0pt;
}

#maincol li {
	color: #666666;
	font-size:1.2em;
	list-style-position:outside;
	list-style-type:disc;
	margin: 0 0 0.5em 1.5em;
}

#maincol ul#attachments  {
	margin:1.1em 0pt;
}

#maincol ul#attachments li {
	color: #666666;
	font-size:1.2em;
	list-style-position:outside;
	list-style-type:none;
	margin: 0 0 1em 0;
}

#maincol ul#attachments li.pdf a {
	background:#ffffff url(/images/pdflogo.gif) no-repeat scroll left center;
	padding:8px 2px 8px 33px;
}

#maincol ul#attachments li.word a {
	background:#ffffff url(/images/wordlogo.gif) no-repeat scroll left center;
	padding:8px 2px 8px 33px;
}

#maincol ul.articles {
	margin:1.1em 0pt;
}

#maincol ul.articles li {
	color: #666666!important;
	font-size:1.2em;
	list-style-position:inside;
	list-style-type:none;
}

#maincol ul.articles li em {
	font-style: normal;
	font-weight: bold;
	color: #f03119;
}

#maincol ul.articles li a {
	color: #666666!important;
	font-weight: bold;
	text-decoration: none;
}

#maincol ul.articles li a:hover {
	color: #660000!important;
	text-decoration: underline;
}

/* Images */

#maincol .webblerimage img {margin-bottom: 0!important;}

#maincol img {margin-bottom: 12px;}

#maincol .left {float: left; clear: left; padding: 0.5em 1.5em 0.5em 0;}

#maincol .right {float: right; clear: right; padding: 0.5em 0 0.5em  1.5em;}

#maincol #polaroid {
	height:279px;
	width:230px;
	position:absolute;
	top:25px;
	right: -35px;
	z-index: 1000;
	background:transparent url(../images/polaroidframe-orange.gif) no-repeat 0;
}

#maincol #polaroid img {
	position: relative;
	top: 15px;
	left: 15px;
}

/* Footer */

#footer a {
	text-decoration:none;
}

#footer a:hover{
	color:#000;
	text-decoration:underline;
}

#footer ul {
	float: left;
	width: 850px;
	padding: 2em 1em;
}

#footer ul li {
	float:left;
	border-right:1px solid #666666;
	padding: 0 0.8em;
}

#footer ul li.webbler {border-right-width:0px!important;}

#footer .creativecommons a {
	width: 88px;
	height: 31px;
	overflow:hidden;
	position:absolute;
	text-indent:-5000px;
	z-index:20;
	right: 16px;
	top: 14px;
	background:#ffffff url(../images/creativecommons.png) no-repeat scroll left center;
}

/* left Column Navigation */

#leftcol ul {
	margin: 0 0 2px 0;
	width: 245px;
	margin: 1px solid red;
	float: left;
}

#leftcol ul li {
	padding: 0 0 0.69em 45px;
	float: left;
	width: 200px;
	line-height: 1.41em/*1.41em*/;
}

#leftcol ul li a {
	color:#666666;
	font-size: 1.5em;/* 18px */
	font-family: Georgia, Times, serif;
	text-decoration: none;
	width: 190px;
}

#leftcol ul li a:hover, #leftcol ul li.current a {
	color:#000;
	text-decoration: underline;
}

#leftcol ul li.current {
	background: transparent url(../images/arrow.png) no-repeat scroll 8px -2px;
}

/* Nested Menu List (level 2) */
#leftcol ul ul{
	margin: 0.69em 0 0.69em 0;
	width: 190px;
}

#leftcol li li {
	font-size: 0.9em;
	padding: 0 0 0.45em 8px;
	line-height: 1.41em;/* 1.41em*/
	width: 182px;
	background: transparent url(../images/sub-bullet.png) no-repeat scroll 0 8px;
}

#leftcol li li a{
	text-decoration: none!important;
	color:#666666!important;
	padding-left: 0px!important;
	font-size: 1.3em /*14px*/;
}
#leftcol li li.current {
	background: transparent url(../images/sub-bullet.png) no-repeat scroll 0 8px;
}
#leftcol li li a:hover, #leftcol li li.current a{
	color:#000!important;
	text-decoration: underline!important;
}

/* Right Column */

#rightcol {
	text-align: left;
	font-size: 1em;
}

#rightcol h4{	
	padding: 9px 10px 5px 10px;
	width: 198px;
	color: #FFFFFF;
	margin-top: 0.5em;
	background: transparent url(../images/feature-top-orange.png) no-repeat scroll top left;
}

#rightcol ul{
	margin-bottom: 10px;
	background: transparent url(../images/feature-bottom.png) no-repeat scroll bottom left;
	width: 198px;
	padding: 6px 10px 42px 10px;
}

#rightcol ul li{
	display: block;
	padding: 0 0 0.69em 0;
	line-height:1.41em;
}

#rightcol ul li a {
	color:#000000;
	font-size: 1.3em /*16px*/;
	font-family: Georgia, Times, serif;
	text-decoration: none;
}

#rightcol ul li a:hover, #rightcol ul li.current a  {
	color:#000;
	text-decoration: underline;
}

/* Social Links */

#rightcol ul#social {padding-bottom: 16px;}

#rightcol ul li.social-facebook,
#rightcol ul li.social-thenag,
#rightcol ul li.social-twitter,
#rightcol ul li.social-youtube {
	padding: 0;
}

#rightcol ul li.social-facebook a {
	position: relative;
	display: block;
	padding: 0;
	width: 198px;
	height: 49px;
	background: transparent url(../images/social-facebook.png) no-repeat top left;
	text-indent: -9999px;
	overview: hidden;
}

#rightcol ul li.social-thenag a {
	position: relative;
	display: block;
	padding: 0;
	width: 198px;
	height: 78px;
	background: transparent url(../images/social-thenag.png) no-repeat top left;
	text-indent: -9999px;
	overview: hidden;
}

#rightcol ul li.social-twitter a {
	position: relative;
	display: block;
	padding: 0;
	width: 198px;
	height: 55px;
	background: transparent url(../images/social-twitter.png) no-repeat top left;
	text-indent: -9999px;
	overview: hidden;
}

#rightcol ul li.social-youtube a {
	position: relative;
	display: block;
	padding: 0;
	width: 198px;
	height: 112px;
	background: transparent url(../images/social-youtube.png) no-repeat top left;
	text-indent: -9999px;
	overview: hidden;
}

/* */

#rightcol #polaroid {
	height:303px;
	width:571px;
	position:absolute;
	top:123px;
	right:5px;
	z-index: 1000;
	background:transparent url(../images/polaroidheadframe-orange.gif) no-repeat 0;
}

#rightcol #polaroid img#img1 {
	position: relative;
	top: 16px;
	left: 336px;
}

#rightcol #polaroid img#img2 {
	position: relative;
	top: 25px;
	left: -60px;
}

#rightcol .feature {
	float: left;
	width: 298px;
	position: relative;
	min-height: 220px;
	background: transparent url(../images/head-feature-bottom.png) no-repeat scroll bottom left;
	padding-bottom: 30px;
	margin: 0 10px 10px 0;
}

#rightcol .feature p a {
	background-color: #f9f993;
	text-decoration: none;
	font-style:italic;
}

#rightcol .feature p a:hover  {text-decoration: underline;}

#rightcol .feature h4 {	
	font-size: 1.8em;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	padding: 12px 10px 8px 10px;
	line-height: 1.2em;
	width: 288px;
	color: #FFFFFF;
	margin-top: 0;
	background: transparent url(../images/home-feature-top-orange.png) no-repeat scroll top left;
}

#rightcol .feature p {
	padding: 6px 8px 6px 136px;
	font-family: Georgia, Times, serif;
	font-size: 1.3em;
	width: auto;
	margin: 0;
}

#rightcol .feature ul {
	padding: 6px 8px 6px 136px;
	font-size: 0.8em;
	background: none;
	width: auto;
}

#rightcol .feature ul li {
	display: block;
	padding:0.4em 0;
	font-family: Georgia, Times, serif;
	font-size: 12px;
}

#rightcol .feature ul li a {
	color:#000000;
	font-family: Georgia, Times, serif;
	text-decoration: none;
	line-height:1em;
}

#rightcol .feature ul li a:hover, #rightcol ul li.current a {
	color:#000;
	text-decoration: underline;
}

#rightcol .feature li p {
	color:#666666;
	padding: 0 0 4px 0;
	font-size: 1em;
	border-bottom: 1px solid #c6c6c6;
}

#rightcol .feature li h5 {
	font-weight: normal;
	padding-bottom: 4px;
	font-size: 0.9em;
}

#rightcol .feature h5 a {
	background-color: #f9f993;
	text-decoration: none;
	font-style:italic;
	color: #666666!important;
}

#rightcol .feature h5 a:hover {text-decoration: underline;}

#rightcol .polaroid{
	position: absolute;
	top: 43px;
	left: 4px;
	width: 126px;
	height: 156px;
	background: transparent url(../images/feature-polaroid.png) no-repeat scroll top left;
}	

#rightcol .polaroid img{
	position: relative;
	top: 10px;
	left: 9px;
}

/* site map */

#sitemap ul {
	margin: 0 0 1em 0;
}

#sitemap ul li {
	line-height: 1.5em;
	list-style-position:outside;
	list-style:none;
}

#sitemap ul ul{
	margin-left: 1.5em;
}

#sitemap ul li a {
	color:#666666!important;
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif!important;
	text-decoration: underline;
	margin: 0 0 0.3em 0;
	line-height:1.5em;
}

#sitemap ul li a:hover  {
	color:#000;
	text-decoration: underline;
}

#sitemap ul ul li a{
	font-size: 1em;
	text-decoration: underline;
	color:#666666!important;
}

#sitemap ul ul li a:hover{
	color:#000!important;
}

#searchbar a.home {
	font-size: 1.2em;
	float:left;
	padding-top: 0.12em;
	color: #ffffff;
	font-family: Georgia, Times, serif;
	text-decoration: none;
}

#searchbar a.home:hover {
	text-decoration:underline;
}

/* */

/* =------------------------------------------------------------------------

Forms

----------*/

#searchbar form#search {
	float: right;
}

#searchbar form#search input.searchBoxinput {
	background:#FFFFFF url(../images/searchinput_bg.png) repeat-x scroll 0pt 50%;
	color:#666666;
	font-family: Georgia, Times, serif;
	border:1px solid #9A3400;
	font-size:12px;
	padding:0.15em 0.2em 0.14em;
	height: 15px;
	width:12em;
	vertical-align: top;
	float: left;
}

#searchbar form#search input.searchSubmit {
	float: left;
	background: transparent url(../images/search-orange.png) no-repeat 0 0;
	height: 20px;
	width: 47px;
	border:0px solid transparent;
	color:#fff;
	font-family: Georgia, Times, serif;
	text-align: center;
	cursor:pointer;
	font-size:12px;
	font-weight:normal;
}

.resultstext {
	display: block;
	width: 100%;
	padding: 0.5em 0 0.8em 0;
	border-bottom: 1px dashed #eee;
}
.resultstext h3 a{font-size: 0.9em;}
.resultstext h3 a:hover {color: #000;}

/* fieldset styling */

#maincol form fieldset {border-width: 0; font-size: 1.2em; clear:both;}

#maincol form legend {display:none;}

#maincol form input {
	background:#FFFFFF url(../images/searchinput_bg.png) repeat-x scroll 0pt 50%;
	border: 1px solid #666666;
	height: 15px;
	font-size: 12px;
	font-family:Georgia,Times,serif;
	padding:0.15em 0.2em 0.14em;
}

#maincol form div {
	float:left;
	padding:0.8em 0pt;
	width:100%;
	border-bottom: 1px solid #f5f5f5;
}

#maincol form label {
	display:block;
	float:left;
	width:40%;
}

#maincol form input#submit {
	border:0px solid transparent;
	color:#FFFFFF;
	float:left;
	font-family:Georgia,Times,serif;
	font-size:1.4em;
	font-weight:normal;
	height:30px;
	padding:0.2em 0.4em 0.4em;
	margin:0.5em 0;
	background: #CC9999;
}

.required {
	color: red;
}

.error p, .error li{color: red!important;}


/* pageNav styles */

#maincol .pageNav {
	float: left;
	width: 150px;
	margin-right: 10px;
	margin-top: 30px;
}

.previous{
	padding: 0 0 0 50px;
	background:transparent url(../images/prev.png) no-repeat top left;
}

.next{
	padding: 0 50px 0 0;
	background:transparent url(../images/next.png) no-repeat top right;
}

#maincol .pageNav h4{
	font-family:Georgia,Times,serif;
	padding: 0;
	font-size: 1.2em;
	margin-bottom: 0;
}

#maincol .pageNav p {font-size: 1em; margin-top: 0;}