@charset "utf-8";
/* CSS Document */
body					{background:url(../images/upper-bg.jpg) top center no-repeat; font-size:10px; color:#9b9b9b; font-family:Arial, Helvetica, sans-serif;}
p						{margin:0 0 1em;}
a						{font-weight:bold; color:#F7931E; text-decoration:none;}
a:hover					{text-decoration:underline;}
h1						{color:#4fb1e4; font-size:2.8em; margin:0 0 15px;}
h2						{color:#000; font-size:1.4em; line-height:1.7em; margin:0 0 24px;}
h3						{font-size:1.7em; margin:0 0 7px;}
h4						{font-size:1.2em; font-weight:bold; margin:0 0 1em;}
#content div.main		{font-size:1.1em; line-height:1.6em;}
#content div.sub		{font-size:1.1em; line-height:1.8em;}
span.copy				{font-size:1.1em; color:#ccc;}
body.inside #content h2			{font-size:1.7em; color:#000;}
strong					{font-weight:bold;}

#mainHolder				{width:906px; position:relative; margin:0 auto;}
#header					{height:166px; padding:0 42px;}
body.front #content		{background:url(../images/mid-bg.jpg) top center no-repeat;  padding:0 42px; float:left;}
body.inside #content	{width:820px;}
#content				{background:url(../images/inside-content-bg.jpg) top center no-repeat; float:left; padding:20px 42px 0; }
#footer					{background:transparent url(../images/lower-bg.jpg) no-repeat scroll center top; clear:both; height:128px; padding:0 42px;}
#logo					{display:inline; float:left; margin:43px 0 13px;}
#logo a					{background:url(../images/logo.gif) no-repeat; width:310px; height:52px; text-indent:-9999px; display:block;}
div.search					{float:right; margin:56px 0 0;}
input						{border:1px solid #EEEEEE; color:#9B9B9B; display:block; float:left; margin:0; padding:6px 0 6px 5px;}
#searchtext					{margin:0 10px 0 0;}
#searchBtn					{border:medium none; padding:0;}


#nav					{background:url(../images/menubg.gif) no-repeat; width:821px; height:45px; float:left}
#nav li					{display:inline; float:left; position:relative; top:1px;}
#nav li a				{background:url(../images/nav-sprite.jpg) center no-repeat; text-indent:-9999px; display:block; height:44px;}
#nav li a.home			{width:40px; background-position:0 0; margin:0 0 0 16px;}
#nav li:hover a.home	{background-position:0 -44px;}
#nav li a.about			{width:71px; background-position:-40px 0;}
#nav li:hover a.about	{background-position:-40px -44px;}
#nav li a.stress		{width:136px; background-position:-111px 0;}
#nav li:hover a.stress	{background-position:-111px -44px;}
#nav li a.conflict		{width:147px; background-position:-247px 0;}
#nav li:hover a.conflict{background-position:-247px -44px;}
#nav li a.personal		{width:155px; background-position:-394px 0;}
#nav li:hover a.personal{background-position:-394px -44px;}
#nav li a.organis		{width:185px; background-position:-548px 0;}
#nav li:hover a.organis	{ background-position:-548px -44px;}
#nav li a.contact		{width:54px; background-position:-733px 0;}
#nav li:hover a.contact	{background-position:-733px -44px;}

#content ul				{margin:0 0 1.5em;}
#content ul li							{background:transparent url(../images/bullet.gif) no-repeat scroll 0 6px; padding:0 0 0 29px;}
body.front #content div.sub a			{font-weight:normal; color:#9b9b9b}
body.front #content div.sub a:hover	{text-decoration:underline;}
body.inside #content div.sub ul			{}
body.inside #content div.sub ul li 		{background: none; padding:7px; border-bottom:#eee solid 1px; text-align:right;}
body.inside #content div.sub ul li a	{border-bottom:1px solid #9B9B9B; color:#9B9B9B; text-decoration:none;}
body.front #content div.main			{background:transparent url(../images/bannerImg.jpg) no-repeat scroll left top; float:left; height:202px; margin:18px 0 20px 1px; padding:40px 15px 0 340px;}
body.inside #content div.main			{width:568px; float:right;}
body.inside #content div.sub			{width:220px; float:left;}
body.front #content div.sub				{padding:0 0 0 20px;}
body.front #content div.sub div			{width:180px; margin:0 20px 0 0; float:left; height:190px;}
body.front #content div.sub div.organis	{width:200px; margin:0;}
h1.stress				{background:url(../images/h1-stress.jpg) no-repeat right top;}
h1.conflict				{background:url(../images/h1-conflict.jpg) no-repeat right top;}
h1.personal				{background:url(../images/h1-personal.jpg) no-repeat right top;}
h1.organis				{background:url(../images/h1-organise.jpg) no-repeat right top;}

h1.title				{display:block; padding:32px 0 24px 27px;}
#content div.sub ul		{}
#content div.sub ul	li	{padding:0; background:none;}
#content ul.form					{}
#content ul.form li				{background:transparent none repeat scroll 0 0; clear:both; float:left; padding:0 0 13px; width:561px;}
#content ul.form li label	{color:#F7931E; display:block; float:left; font-size:1.2em; font-weight:bold; margin:0 20px 0 0; width:59px;}
#content ul.form li label.error	{width:300px;}
div.result					{}
#submit						{border:none; float:right;}
#content ul.form li input	{}
#content ul.form li textarea	{height:163px; width:560px; border:1px solid #EEEEEE; color:#9B9B9B;}
div.stress				{}
div.stress ul			{}
div.conflict			{}
div.conflict ul			{}
div.personal			{}
div.personal ul			{}
div.organis 			{}
div.organis ul			{}

span.copy				{float:right; margin:13px 0 0 0; clear:both;}

/**********************************

Name: cmxform Styles

***********************************/
form.cmxform {
	width: 370px;
	font-size: 1.0em;
	color: #333;
}

form.cmxform legend {
	padding-left: 0;
}

form.cmxform legend, form.cmxform label {
	color: #333;
}

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(../images/cmxform-fieldset.gif) left bottom repeat-x;
	background-color: #F8FDEF;
}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 5px 10px 7px;
	background: url(../images/cmxform-divider.gif) left bottom repeat-x;
}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}
div.error { display: none; }
input { }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }