/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
CSS for 	Harvey Beric Associates - Main Stylesheet
Author:		Alison Lee (alisonlee@silktide.com) / Silktide Ltd
Created:	03/12/2007
	
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

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

body					{ background: #fff url("templatefiles/body-bg.jpg") no-repeat top left; font: 70% verdana, arial, helvetica, sans-serif; padding: 0; margin: 0;}
body#home 				{ background: #fff url("templatefiles/body-bg-home.jpg") no-repeat top left;  }

h1						{ font: normal 2.5em arial, verdana, helvetica, sans-serif; text-transform: lowercase; color: #6c1f7f; margin: 0 0 5px; }
#home h1				{ font-size: 4.0em; text-transform: none; }
h2						{ font: normal 1.5em arial, verdana, helvetica, sans-serif; text-transform: lowercase; color: #6c1f7f; margin: 10px 0; }
h3						{ font: normal 1.3em arial, verdana, helvetica, sans-serif; text-transform: lowercase; color: #6c1f7f; margin: 10px 0; }

p, li					{ font-size: 1.0em; line-height: 1.5em; margin: 8px 0; }
.smalltext				{ font-size: 0.85em; }
#content p				{ text-align: justify; }

a,					
a:visited				{ font-weight: bold; color: #6c1f7f; text-decoration: none; }
a:hover,					
a:active				{ color: #8CC540; }

.morelink				{ font-size: 0.85em; text-align: right; }
.morelink a,					
.morelink a:visited		{ color: #6c1f7f!important; }
.morelink a:hover,					
.morelink a:active		{ color: #8CC540!important; }

hr						{ height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 15px 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: 20px; }

#accessibility			{ display: none; }


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

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

#header					{ min-width: 760px; height: 200px; position: relative; }

#contentwrapper			{ min-width: 760px; }

#leftcol				{ width: 160px; float: left; padding: 0 0 0 10px; }

#rightcol				{ width: 255px; float: right; padding: 0 20px 0 0; }

#content				{ min-height: 460px; padding: 0 20px; border: 2px solid #d2bbd8; border-width: 0 2px; margin: 0 295px 0 190px; }
#home #content			{ background-color: transparent; margin: 0 295px 0 405px; }
.fullwidth #content		{ border-right: 0; margin-right: 20px; }

#outercontent			{ background-color: #f0e8f3; padding: 10px 10px 20px; border: 1px solid #b58fbe; margin: 0 295px 0 190px; }
#innercontent			{ height: 370px; overflow: auto; background-color: #fff; padding: 15px; border: 1px solid #cac3cb; margin: 10px 0; }

#subcontent				{ width: 170px; float: right; background-color: #fff; padding: 0; border: 0; margin: 0 5px 0 20px; }
#home #subcontent		{ width: 170px; float: left; background-color: #e7f4d8; padding: 10px; border: 1px solid #b2db7d; margin: 75px 20px 0 20px; }

#clearfooter			{ clear: both; height: 130px; } /* height to match height + padding + margin etc in #footer */
#footer					{ width: 100%; height: 120px; position: relative; clear: both; background: transparent url("templatefiles/footer-bg.jpg") repeat-x bottom left; margin-top: 10px; }
#footerleft				{ min-width: 760px; height: 120px; float: left; background: transparent url("templatefiles/footer-bg-left.jpg") no-repeat bottom left; }
#footerright			{ width: 242px; height: 120px; position: absolute; bottom: 0; right: 0; background: transparent url("templatefiles/footer-bg-right.jpg") no-repeat bottom right; }


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

#header #logo			{ position: absolute; left: 10px; top: 20px; }
#header #flash			{ position: absolute; right: 15px; top: -5px; }


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

ul#mainnav				{ background-color: #f0e8f3; padding: 10px 10px 50px; border: 1px solid #b58fbe; margin: 0 0 20px; }
ul#mainnav li			{ background: transparent url("templatefiles/mainnav-li-bg.jpg") no-repeat 0 5px; list-style-type: none; text-transform: lowercase; color: #000; padding-left: 15px; margin: 5px 0; }
ul#mainnav li a,
ul#mainnav li a:visited	{ font-weight: normal; color :#000;  }
ul#mainnav li.selected a{ font-weight: bold; color: #6d207e; }
ul#mainnav li a:hover,
ul#mainnav li a:active,
ul#mainnav li.selected a:hover,
ul#mainnav li.selected a:active	{ color: #8CC540; }
ul#mainnav li.selected li a{ font-weight: normal; color: #000; }

ul#mainnav ul			{ background-color: transparent; padding: 0; border: 0; margin: 0; }
ul#mainnav ul li		{ background-image: none; padding-left: 0; }

/* Subbox Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.subbox					{ width: 99%; /*display: inline-block;*/ background-color: #f0e8f3; padding: 0; border: 1px solid #b58fbe; margin: 0 0 20px; }
/* Hide from IE-mac \*/ 
	* html .subbox 		{ width: auto; height: 1%; } 
	.subbox 			{ display: table; } 
/* End hide from IE-mac */ 

.subbox h2				{ background-color: #6c1f7f; color: #fff; padding: 5px 10px; margin: 0; }
.subbox img				{ display: block; float: right; margin-left: 5px; }
.subbox	.padding		{ padding: 0 10px; }
.subbox	.padding p		{ margin: 8px 0 0; }

#content .subbox		{ width: 47%; min-height: 110px; float: left; margin-top: 20px; }
#content .subboxleft	{ margin-right: 20px; }
#content .subbox p		{ text-align: left; }


#rightcol .subbox	.padding a,
#rightcol .subbox	.padding a:visited	{ font-weight: normal; color: #000; }
#rightcol .subbox	.padding a:hover,
#rightcol .subbox	.padding a:active	{ color: #8CC540; }


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

#subcontent p				{ text-align: left; }

#subcontent	ul				{ padding: 0 8px; margin: 0 0 0 8px; }
#subcontent ul li			{ margin: 1px 0; }

#subcontent .mainimg img	{ display: block; border: 1px solid #6c1f7f!important; margin-bottom: 20px; }
#subcontent .padding		{ background-color: #f0e8f3; padding: 5px 10px; border: 1px solid #6c1f7f; }

/* Innercontent Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#innercontent h2		{ font-weight: bold; text-transform: none; margin: 0 0 5px; }
#innercontent h3		{ font-weight: bold; text-transform: none; color: #000; margin: 0 0 5px; }
#innercontent h3.apply	{ text-align: right; }
#innercontent p			{ text-align: justify; }
#innercontent hr		{ height: 2px; background-color: #6c1f7f; color: #6c1f7f; border: 0; margin: 0 0 10px; }

.vacancies				{ background-color: #f0e8f3; padding: 5px 10px 5px; border: 1px solid #b58fbe; margin: 10px 0; }

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

#footer p				{ font-size: 0.85em; color: #fff; margin: 0 10px; }

#footer ul				{ padding: 0; margin: 80px 10px 5px; }
#footer li				{ display: inline; font-size: 0.85em; text-transform: lowercase; color: #fff; }
#footer li a,
#footer li a:visited	{ font-weight: normal; color: #fff; }
#footer li a:hover,
#footer li a:active		{ color: #8CC540; }