/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
CSS for Lifetime Advisory Services - Main Stylesheet
Author:		Alison Lee (alisonlee@silktide.com) / Silktide Ltd
Created:	30/05/2006
Updated:	

History:

30/05/2006	Stylesheet created

Right Blue	#192e55
Left Blue	#2a4d8d	
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Global Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* commented backslash hack \*/ html, body { height: 100%; } /* end hack */

body					{ background: #fff url("templatefiles/body-bg.jpg") repeat-y 0 0; font: 80% verdana, arial, helvetica, sans-serif; padding: 0; margin: 0;}

h1						{ font-weight: normal; font-size: 1.6em; line-height: 1.0em; color: #2a4d8d; margin: 10px 0; }
h2						{ height: 1%; background-color: #2a4d8d; font-weight: normal; font-size: 1.2em; color: #fff; padding: 5px; margin: 10px 0; }
h2 a, h2 a:visited		{ color: #fff; text-decoration: none; }
h2 a:hover, h2 a:active	{ color: #F37420; }
h3						{ font-weight: normal; font-size: 1.2em; color: #2a4d8d; margin: 15px 0 10px; }

p, li					{ font-size: 1.0em; line-height: 1.5em; color: #000; }
p.colortext				{ color: #2a4d8d; }

a						{ color: #3A66D5; }
a:visited				{ color: #6B8DE3; }
a:hover,
a:active				{ color: #F37420; }

hr						{ height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 5px 0; }
img						{ border: 0; }
form, table				{ background: transparent; font-size: 1.0em;  }

.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; }

.clear					{ height: 0; clear: both; font-size: 0.1em; line-height: 0.1em; padding: 0; margin: 0; }
.right					{ float: right; }
.left					{ float: left; }

.widthwrapper			{ width: 100%; }
.padding				{ padding: 15px; }

#skiptocontent			{ display: none; }


/* Layout Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#container 	  			{ min-width: 740px; width: 100%; min-height: 100%; height: auto; margin-bottom: -110px; } /* margin-bottom to match #clearfooter */
* html #container 		{ height: 100%; }

#header					{ background-color: #2a4d8d; }
#header img				{ display: block; }
#header #logo			{ float: left; }

#textheader				{ display: none; }

#contentwrapper			{   }

#sidecol				{ width: 160px; height: 200px; float: left; }

#subcontent				{ background-color: #84A0D3; width: 239px; float: right; margin-left: 10px; margin-bottom: 20px; }

#adbanner				{ width: 160px; float: right; clear: right; margin: 20px; }

#content				{ margin-left: 160px; min-width: 580px; }

#clearfooter			{ clear: both; height: 110px;} /* height to match height + padding + margin etc in #footer */
#footer					{ width: 100%; height: 90px; clear: both; margin-top: 20px; }


/* Navigation Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#nav					{ padding: 0; border-bottom: 1px solid #4c8bff; margin: 0; }
#nav li					{ border-top: 1px solid #4c8bff; border-bottom: 1px solid #192e55; }

#nav li a,
#nav li a:visited		{ display: block; background-color: #2A4D8D; color: #fff; text-decoration: none; padding: 3px 5px; }

#nav li a:hover,
#nav li a:active,
#nav li.selected a,
#nav li.selected a:visited	{ background-color: #fff; color: #4c8bff; }

#nav ul 					{ padding: 0; border: 0; margin: 0; }
#nav ul li					{ list-style-type: none; font-size: 0.85em;  }
#nav ul li a				{ padding-left: 20px; }

#nav li.selected ul li a,
#nav li.selected ul li a:visited	{ background-color: #2A4D8D; color: #fff; padding-left: 20px; }

#nav li.selected ul li a:hover,
#nav li.selected ul li a:active		{ background-color: #fff; color: #4c8bff; }

#nav li.selected ul li.selected a,
#nav li.selected ul li.selected a:visited	{ background-color: #fff; color: #4c8bff; padding-left: 20px; }

#nav li.selected ul li.selected a:hover,
#nav li.selected ul li.selected a:active	{ background-color: #2A4D8D; color: #fff; }

ul#rightlist 			{ padding: 0; margin: 10px 0; }
ul#rightlist li			{ list-style-type: none; }

#breadcrumb				{ font-weight: normal; font-size: 0.85em; margin-top: 0; }
#breadcrumb b			{ font-weight: normal; }


/* Content Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.bullet					{ margin: 0 15px; }
.bullet-blue			{ margin: 0 5px 3px 5px; }

#sidecontent			{ background-color: #fff; font-size: 0.85em; padding: 5px 10px; margin: 15px; }
#sidecontent p			{ margin-top: 0; }

/* Subcontent Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#subcontent img			{ display: block; }
#subcontent .padding	{ padding: 5px 10px; }
#subcontent h2			{ color: #fff; padding: 5px 10px; margin: 0; }
#subcontent p			{ color: #fff; }
#subcontent a, 
#subcontent a:visited 	{ color: #2a4d8d; }
#subcontent a:hover,
#subcontent a:active	{ color: #fff; }


/* Logos Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.logos #content					{ min-height: 650px; }
#sidecol div#logos				{ margin: 15px 0 50px 10px; }
#sidecol div#logos table 		{ border-collapse: collapse; }
#sidecol div#logos table td		{ text-align: center; }
#sidecol div#logos table td img	{ border: 1px solid #2E4756; margin: 0; }


/* Home Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.subbox					{ width: 24%; float: left; margin-right: 7px; }
.subbox h2				{ text-align: center; }
.subbox p				{ font-size: 0.95em; line-height: 1.7em; margin: 5px 0 15px; }


/* Footer Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#footer	p				{ font-size: 0.85em; }

#sidefooter				{ width: 160px; float: left; margin-top: 15px; }
#sidefooter p			{ margin: 0 0 0 5px; }
#sidefooter a,
#sidefooter a:visited	{ color: #fff; text-decoration: none; }
#sidefooter a:hover,
#sidefooter a:active	{ text-decoration: underline; }

#mainfooter				{ margin-left: 160px; }
#mainfooter img			{ float: left; margin: 0 20px; }
#mainfooter p			{ color: #192e55; padding-top: 30px; }



