/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
CSS for The Leisure Database Company - Main Stylesheet
Author:		Alison Lee (alisonlee@silktide.com) / Silktide Ltd - All Rights Reserved
Created:	08/03/2007

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

/* Global Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

body					{ background-color: #1f5a9e; font: 80% verdana, arial, helvetica, sans-serif; text-align: center; padding: 0; margin: 0;}

h1						{ font: normal 1.9em verdana, arial, helvetica, sans-serif; color: #fff; padding: 45px 15px 15px 25px; margin: 0; }
h1 span					{ font-size: 0.85em; line-height: 2.0em; }
#home h1				{ padding: 25px 15px 15px 25px; }
h2						{ font: normal 1.4em verdana, arial, helvetica, sans-serif; color: #365170; margin: 15px 0 10px; }
h3						{ font: normal 1.3em verdana, arial, helvetica, sans-serif; color: #365170; margin: 15px 0 0; }

p, li					{ font-size: 0.95em; line-height: 1.7em; color: #555; margin: 10px 0; }
p.quote					{ font-size: 1.5em; font-style: italic; color: #000052; }
p.news					{ margin: 0; }
.smalltext				{ font-size: 0.9em; }

#content ul,
#content ol				{ padding: 0 20px; margin: 10px 0; }
#content li				{ list-style-position: inside; }


a						{ color: #002BB8; text-decoration: none; }
a:visited				{ color: #6085AF; }
a:hover, a:active		{ text-decoration: underline; }

hr						{ height: 1px; background-color: #e8e8e8; color: #e8e8e8; padding: 0; border: 0; margin: 10px 0; }
img						{ border: 0; }
form, table				{ font-size: 1.0em; color: #555; }
legend					{ color: #365170; }

.tablestyle				{ border-collapse: collapse; }
.tablestyle td, 
.tablestyle th			{ vertical-align: top; padding: 5px 5px 5px 0; }
.tableborder td, 
.tableborder th			{ vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; }
#newstable td			{ vertical-align: middle; }
#newstable td img		{ margin-right: 20px; }

.widthwrapper			{ width: 100%; }
.padding				{ padding: 10px 20px; }
.right					{ float: right; }
.left					{ float: left; }
.clear					{ clear: both; }

.imgleft,
.imgright				{ display: block; float: left; padding: 0 15px 5px 0; margin: 0; }

.centerimg				{ text-align: center; }
.centerimg img			{ margin: 10px auto; }

#accessibility			{ display: none; }


/* Layout Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#container				{ /*min-width: 760px; width: 95%;*/ width: 960px; min-height: 500px; background-color: #fff; text-align: left; padding: 0; margin: 0 auto 20px; }

#header					{ position: relative; background: transparent url("templatefiles/header-bg.jpg") no-repeat top right; }

#mainnav				{ width: 100%; clear: both; padding-left: 20px; }

#subnav					{ width: 100%; clear: both; background-color: #113C5C; border-bottom: 2px solid #fff; }

#contentwrapper			{  }

#banner					{ height: 120px; background: #000052 url("templatefiles/banner-bg.jpg") no-repeat right 50%; }
#insight #banner		{ background-image: none; }

#content				{ margin-right: 220px; }
.nosubcontent #content 	{ margin-right: 0; }

#subcontent				{ width: 200px; float: right; padding: 20px 0; margin-right: 20px; }
#home #subcontent		{ padding: 10px 0; }


#footer					{ clear: both; padding: 5px 20px; border-top: 1px solid #365170; margin-top: 25px; }


/* Header Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#header #tldc-logo		{ padding: 10px 0 0 20px; }

#header #search			{ position: relative; float: right; margin: 5px 10px; }
#search input			{ margin-left: 5px; }

/* Navigation Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#mainnav .tab			{ width: 90px; height: 35px; float: left; background: url('templatefiles/tab.png') no-repeat left bottom; text-align: center; padding: 0; margin: 5px 1px 0 0; }
#mainnav .tab p			{ font: normal 0.85em verdana, arial, helvetica, sans-serif; color: #2A5474; padding-top: 15px; margin: 0; }
#mainnav .tab a			{ width: 90px; display: block; text-decoration: none; color: #2A5474; }
#mainnav .tab a:hover	{ color: #4AACD9; }
#mainnav #selected 		{ height: 35px; background-image: url('templatefiles/tab-up.png'); }
#mainnav #selected p 	{ padding-top: 10px; }

#subnav ul				{ min-height: 23px; padding: 0; border-left: 1px solid #fff; margin: 0 0 0 20px; }
#subnav li				{ display: inline; float: left; font: 0.85em verdana, arial, helvetica, sans-serif; list-style-type: none; padding: 5px 0; border-right: 1px solid #fff; margin: 0; }
#subnav a				{ display: block; color: #fff; text-decoration: none; padding: 0 10px; }
#subnav a:hover, 
#subnav .selected a		{ color: #4AACD9; }

#subnav ul#empty		{ border-left: 0; }
#subnav ul#empty li		{ border-right: 0; }

#nav3					{ padding: 0; margin: 10px 0; }
#nav3 li				{ list-style-type: none; margin: 0; }
#nav3 a					{ text-decoration: none;  }
#nav3 a:visited			{ color: #6085AF; }
#nav3 a:hover, 
#nav3 a:active			{ color: #4AACD9; }

#breadcrumb				{ font-size: 0.85em; margin: 5px 0 10px; }


/* Banner Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#bannerlogo				{ float: right; margin: 10px 15px 0 0; }

.bannerimg				{ display: block; }


/* Content Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.newsimg img			{ float: left; margin: 0 10px 5px 0; }

td.imgcol				{ text-align: center; }
td.imgcol img			{ margin: 0 auto; }

#singlecolgallery td	{ vertical-align: middle; padding: 0 20px 20px 0; }
.imggallery				{ margin: 20px 0; }

.col					{ width: 31%; display: inline; float: left; margin: 0 1%; }
.col p					{ text-align: justify; }
.col .centerimg			{ display: block; }

.video					{ width: 540px; height: 340px; float: right; margin: 0 0 20px 40px; }



/* Subcontent Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#subcontent .rhbox		{ background-color: #1f5a9e; color: #fff; padding: 10px; margin: 0 0 20px; }
#subcontent .rhbox h2 	{ color: #fff; margin-top: 0; }
#subcontent .rhbox p	{ color: #fff; }
#subcontent .rhbox td	{ color: #fff; }

#subcontent .rhbox a,
#subcontent .rhbox a:visited	{ text-decoration: underline; color: #fff; }
#subcontent .rhbox a:hover,
#subcontent .rhbox a:active		{ text-decoration: none; color: #fff; }


.equalwrapper			{ height: 445px; /*overflow: hidden;*/ }
.equalcolwrapper		{ width: 200px; height: 445px; float: right; background-color: #1f5a9e; }
.equalcolwrapper #subcontent	{ padding: 0; margin-right: 0; }
.equalcolwrapper .rhimg			{ display: block; color: #fff; border-bottom: 20px solid #fff; margin: 0;  }

/* Footer Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#footer p				{ font-size: 0.75em; color: #666; margin: 0; }


/* Home Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#home .column			{ width: 48%; float: left; }
#home #leftcol			{ width: 40%; margin-right: 70px; }
#home .column h2		{ font-size: 1.5em; color: #777; }

#home #imgcol			{ width: 200px; float: left; margin-right: 20px; }
#home #imgcol img		{ display: block; }

#home #textcol			{ width: 480px; margin-left: 220px; }

#home p.social			{ line-height: 32px; vertical-align: middle; }
#home p.social a		{ display: block; }
#home p.social img		{ float: left; margin-right: 10px; }
	

#home #partners			{ width: 100%; }
#home #partners	td		{ vertical-align: middle; font-size: 0.85em; }
#home #partners	td img	{ margin-bottom: 5px; }


#home #imagecolumns				{ width: 100%; height: 90px; position: relative; clear: both; background-color: #fff; border-top: 1px solid #666; margin-top: 20px; }
#home #imagecolumns .column		{ width: 25%; overflow: hidden; float: none; margin-right: 0; }
#home #imagecolumns .column img	{ display: block; }
#home #imagecolumns #col1		{ position: absolute; top: 0; left: 0; }
#home #imagecolumns #col2		{ position: absolute; top: 0; left: 25%; }
#home #imagecolumns #col3		{ position: absolute; top: 0; left: 50%; }
#home #imagecolumns #col4		{ position: absolute; top: 0; left: 75%; }

#home #footer			{ margin-top: 0; }
