/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
CSS for LCPT - Main Stylesheet
Author:		Alison Lee (alisonlee@silktide.com) / Silktide Ltd
Created:	01/08/2006
Updated:	

Also in use: lcpt-home.css - icpt-ie-lt7.css - lcpt-print.css

HISTORY
01/08/2006	Stylesheet created

COLOURS
Cream			#FCF6DE	(background colour)
Light Grey		#D1D3D4	(footer background)
Mid Grey		#A7A9AC	(side bar background)
Dark Grey		#808285	(main text)
Orange			#F54B10	(highlight and link hover)
'Black'			#231F20
	
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

/* commented backslash hack \*/ html, body { height: 100%; } /* end hack */

html, body				{ padding: 0; margin: 0; }
body						{ background: #FCF6DE url("templatefiles/body-bg.jpg") repeat-y -30px 0; font: 75% verdana, arial, helvetica, sans-serif; }

h1						{ font: bold 1.5em arial, verdana, helvetica, sans-serif; color: #231F20; padding-top: 25px; margin: 0 0 15px; }
h2						{ font: bold 1.2em arial, verdana, helvetica, sans-serif; color: #231F20; margin: 20px 0 10px; }
h3						{ font: bold 1.1em arial, verdana, helvetica, sans-serif; color: #231F20; margin: 0; }


p, li						{ font-size: 1.0em; line-height: 1.5em; color: #666; }
a							{ color: #000; }
a:hover					{ color: #F54B10; }

img						{ border: 0; }

form, table				{ background: transparent; font-size: 1.0em;  }
.tablestyle				{ border-collapse: collapse; }
.tablestyle th, .tablestyle td { vertical-align: top; padding: 5px 10px 5px 0; }
.border th, .border td { border: 1px solid #b2b2b2; }

.widthwrapper			{ width: 100%; }
.padding				{ padding: 10px; }
.left						{ float: left; }
.right						{ float: right; }
.clear					{ height: 1px; clear: both; font-size: 0.1em; }

#skiptocontent		{ display: none; }
.highlight				{ font-weight: bold; color: #F54B10; }


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

#container 	  		{ width: 775px; min-height: 100%; height: auto; position: relative; background: transparent url("templatefiles/container-bg-pale.jpg") no-repeat right bottom;margin-bottom: -30px; } /* margin-bottom to match #clearfooter */
* html #container 	{ height: 100%; }

#sidecol					{ width: 160px; float: left; background-color: #A7A9AC; }

#content				{ margin-left: 170px; margin-right: 20px; }

#clearfooter			{ clear: both; height: 30px;}
#footer					{ width: 100%; height: 21px; clear: both; position: relative; background: transparent url("templatefiles/header-bg.jpg") no-repeat left bottom; margin-top: 9px; }


/* Search Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#search					{ position: absolute; top: 0; right: 5px; vertical-align: middle; margin: 9px 5px; }
#searchresults #search	{ width: 550px; position: relative; }
#search label			{ font-size: 0.85em; vertical-align: middle;  }
#search input			{ font-size: 0.85em; vertical-align: middle; margin-left: 5px;}
#search .button		{ width: 20px; height: 20px; background: transparent url("templatefiles/button-bg.gif") no-repeat 0 0; color: #fff; padding-bottom: 4px; border: 0; }


/* Sidecol Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

img#lcptlogo			{ border-top: 3px solid #A7A9AC; }

#nav						{ padding: 0; margin: 20px 5px; }
#nav li					{ list-style-type: none; padding-bottom: 5px; }
#nav li a				{ color: #fff; text-decoration: none; }
#nav li a:hover		{ color: #000; }

#nav ul					{ padding: 0; margin: 5px 0 0; }
#nav ul li				{ background: transparent url("templatefiles/nav-bullet.jpg") no-repeat 4px 6px; font-size: 0.95em; padding-left: 15px; padding-bottom: 2px; }

#login label				{ font-size: 0.9em; color: #fff; margin: 0 5px; } 
#login input			{  }
#login .button			{ width: 68px !important; color: #808285; border: 1px solid #808285; margin: 2px 0 0 70px; }


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

.subbox					{ width: 140px; position: relative; background: transparent url("templatefiles/subbox-bg.gif") no-repeat left bottom; margin: 65px 5px 20px 15px; }
.subbox .graphic		{ position: absolute; top: -9px; left: -9px; }
.subbox .subimage img	{ display: block; margin-left: 3px; }
.subbox h2				{ padding: 0; margin: 10px 0 10px 10px; }
.subbox h2.indent	{ padding: 0; margin: 10px 0 10px 60px; }
.subbox h2 a			{ text-decoration: none; }
.subbox p				{ font-size: 0.9em; padding: 0 10px 10px; margin: 0; }
.subbox p.caption	{ text-align: center; }

.subboxtop				{ width: 100%; height: 12px; position: absolute; top: 0; left: 0; background: transparent url("templatefiles/subbox-top.gif") no-repeat 0 0; }
.subboxbot				{ width: 100%; height: 12px; position: absolute; bottom: 0; left: 0; background: transparent url("templatefiles/subbox-bot.gif") no-repeat 0 0; }

.subboxlong			{ width: 450px; background: transparent url("templatefiles/subboxlong-bg.jpg") no-repeat left bottom; font-size: 0.9em; padding-bottom: 11px; margin: 10px 0; }
.subboxlongtop		{ height: 11px; background: transparent url("templatefiles/subboxlong-top.jpg") no-repeat left top; }
.subboxlong h2, .subboxlong p	{ padding: 0 10px; margin: 0; }


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

#footer p 				{ font-size: 0.85em; color: #fff; line-height: 1.5em; margin: 2px 5px 0; }
#footer a				{ color: #fff; text-decoration: none; }
#footer a:hover		{ color: #F54B10; }