/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
CSS for Synactic Ltd - Main Stylesheet
Author:		Alison Lee / Silktide Ltd
Created:	06/01/2006
Updated:	

History:

06/01/2006
	Stylesheet created
	
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

/* commented backslash hack \*/ html, body { height: 100%; } /* end hack */
html, body				{ padding: 0; margin: 0; }
body						{ background: #fff url('templatefiles/body-bg.jpg') repeat-y top left; font: 80% verdana, arial, helvetica, sans-serif; }
h1						{ font: normal 2.0em arial, verdana, helvetica, sans-serif; color: #fff; }
h1#hometitle			{ font: bold 1.5em arial, verdana, helvetica, sans-serif; color: #005399; }
h2						{ font: bold 1.3em arial, verdana, helvetica, sans-serif; color: #005399; }
h3						{  }
h4						{  }
p, li						{ font-size: 1.0em; line-height: 1.5em; }
a							{ text-decoration: none; color: #005399; }
a:hover					{ color: #960300; }
img						{ border: 0; }
form, table				{ background: transparent; font-size: 1.0em;  }
fieldset					{ margin-bottom: 15px; }
legend					{ font-size: 1.0em; color: #005399; }

.widthwrapper			{ width: 100%; }
.padding				{ padding: 0 10px; }
.smalltext				{ font-size: 0.8em; }
.top						{ text-align: right; margin-top: 0; }
.top a					{ text-decoration: underline; }

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

#container 	  		{ width: 100%; min-height: 100%; height: auto; margin-bottom: -30px; } /* margin-bottom to match #clearfooter */
* html #container 	{ height: 100%; }

#leftcol					{ width: 230px; float: left; margin-bottom: 10px; }
#leftcolheader		{ font: bold 1.2em arial, verdana, helvetica, sans-serif; text-align: center; color: #005399; }
#leftcol .smalltext	{ text-align: right; }
#leftcol .smalltext a	{ text-decoration: underline; }
#leftcol ul				{ list-style-type: none; padding: 0; margin: 0; } 
#leftcol ul li			{ background: url('templatefiles/bullet.jpg') no-repeat 5px 3px; line-height: 1.2em; padding-left: 20px; }

#login p					{ text-align: center; }

#contentwrapper		{ background: url('templatefiles/contentwrapper-bg.jpg') repeat-x top left; margin-left: 230px; margin-bottom: 10px; }

#topnav				{ height: 28px; clear: right; text-align: center; }
#topnav ul				{ list-style-type: none; padding: 6px 0; margin: 0; }
#topnav ul li			{ display: inline; font-size: 0.95em; line-height: 1.2em; color: #fff; }
#topnav ul li a		{ color: #fff; padding: 0 1px; }
#topnav ul li a:hover{ color: #A4BEE1; }
#topnav li#selected	{ font-weight: bold; }

#banner					{ height: 155px; position: relative; background: url('templatefiles/banner-bg-home.jpg') no-repeat top right; }
#banner h1			{ position: absolute; bottom: 10px; left: 30px; }
#bannerboxwrapper	{ width: 100%; }
#bannerheading		{ font: normal 1.7em arial, verdana, helvetica, sans-serif; line-height: 1.0em; color: #fff; padding-top: 20px; margin-top: 0; margin-left: 10px; }
.bannerbox				{ width: 25%; float: left; }
.bannerbox .padding	{ padding: 0 10px; margin: 0; }
.bannerbox p			{ font-size: 0.8em; text-align: left; color: #fff; }
.bannerbox#logos	{ width: 100px; float: right; }

#content				{ padding: 0 30px; text-align: justify; }
#content ul			{ list-style-type: none; padding: 0; margin: 0; } 
#content ul li			{ background: url('templatefiles/bullet.jpg') no-repeat 10px 6px; padding-left: 25px; }

.subcontent			{ margin-top: 15px; }
.subcontent#left		{ width: 45%; float: left; text-align: left; margin-right: 4%; }
.subcontent#right	{ width: 50%; float: left; text-align: left;}

.subcontent ul 		{ margin: 10px 0 10px 20px; }


#clearfooter			{ clear: both; height: 30px;}
#footer					{ width: 100%; height: 20px; clear: both; background: #a3bee0 url('templatefiles/footer-bg.jpg') repeat-y top left; margin-top: 10px; }
#footer p#footerleft	{ display: inline; float: left; font-size: 0.8em; line-height: 1.0em; color: #005399; text-align: left; padding-top: 5px; padding-left: 5px; margin: 0; }
#footer p#footerright{ display: inline; float: right; font-size: 0.8em; line-height: 1.0em; color: #fff; text-align: right; padding-top: 5px; padding-right: 5px; margin: 0; }
#footer a				{ color: #fff; }
#footer a:hover		{ color: #960300; }