/* CSS Document */

/* 	COLOURS
	Light Blue: #eff4ff;
	Dark Blue Text: #2f3d68; 
	Purple: #9180aa;
	Light Purple:#f5eeff;
	Medium Blue: #3f518a;
	Bright Blue from logo: #34a6e6;
*/

/* HTML elements ----------------------------------------------------------------------------------------------------------------------------------*/

* {
	margin:0;
	padding:0;
	border:0;
}

body {
	font-size:76%;
	background:#eff4ff;
	font-family:Arial, Helvetica, sans-serif;
	color:#2f3d68; 
}

h1.article {
	font-weight:normal;
	margin:10px 0 20px 0;
	font-size:1.6em;
}

h1 {
	font-weight:normal;
	margin:10px 0 20px 0;
	font-size:1.6em;
	height:34px;
}

h2 {
	font-size:1.3em;
	margin:20px 0 0 0;
}

h3 {
	font-size:1.2em;
	margin:20px 0 0 0;
}

h4 {
	font-size:1.0em;
	margin:20px 0 0 0;
}

p {
	margin:1em 0;
	line-height:2.0em;
}

/* light purple*/

/*a {
	text-decoration:underline;
	color:#9180aa;
}

a:hover {
	text-decoration:none;
	
}*/

/* bright blue*/

a {
	color:#34a6e6;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	
}

table {
	width:520px;
	margin:20px 0;
	border-collapse: collapse;
	border:1px solid #304a72;
}

table td {
	border:1px solid #304a72;
	margin:0;
	background:#eff4ff;
}

table td {
	padding:5px;

}

table tr th {
	border:1px solid #fda100;
	background:#feeccd;
	padding:5px;
	text-align:center;
}

form{
	margin-top:20px;

}

form input{
	background-color:#fff; 
	border:1px inset #2f3d68; 
	margin:4px 0 4px 0 ;
	width:180px;
	height:20px;
}

form textarea{
	background-color:#fff; 
	border:1px inset #2f3d68; 
	margin:4px 0 4px 0 ;
	width:300px;
}

form label{
	display:block;
	margin-top: 10px;
	float:left;
	width:130px;
	text-align:left;
}

form select{
	background-color:#fff; 
	border:1px inset #2f3d68; 
	margin-bottom:10px;
	margin-top:10px; 
}

form button {
	border:1px inset #2f3d68; 
	background:#fff; 
}

form button:hover {
	border:1px inset #2f3d68; 
	background:#34a6e6;
}

form#search{
	background: url(/images/searchbox.gif) no-repeat;
	padding:10px 20px 0 20px;
	width:263px;
	height:105px;
	margin-bottom:20px;
}

form#search button{
	background: url(/images/go.gif) no-repeat;
	border:none;
	width:42px;
	height:30px;
	text-indent: -5000px;
}

form#search button:hover{
	background: url(/images/go_hover.gif) no-repeat;

}

ul{
	margin-left:10px;
	
}

ul li{
	margin:10px;
}

ol{
	margin-bottom:20px;
	margin-left:10px;
}

ol li{
	
	margin:10px;
}

dl.article_list{
	clear:both;
}
dl.article_list dd{
	margin:0;
}

dl.article_list dd.end{
	text-align:right;
	border-bottom: 1px solid #d0d2e2;
	margin-bottom:10px;
	padding-bottom:5px;
	margin-top:10px;
}

dl.article_list dd.right{
	text-align:right;
	margin-bottom:0px;
	padding-bottom:1px;
}

dl.article_list dt.top{
	border:0;
}

dl.article_list dt a {
	text-transform:uppercase;
	color:#2f3d68; 
	margin:0;
	text-decoration:underline;
}

dl.article_list dt a:hover {
	text-decoration:none;
	color: #34a6e6;
}

dl.article_list dt {
	color:#2f3d68; 
	font-weight:bold;
	margin-top: 5px;
	margin-bottom:5px;
	padding-top: 5px;
	border-top: 1px solid #d0c2a8;
}

img{
	margin:20px 10px 0 10px;
	border:1px solid #3f518a;
}

/* Page elements ----------------------------------------------------------------------------------------------------------------------------------*/

div#container {
	margin:0 auto;
	height:auto;
	width:777px;
	font-size:1em;
	position: relative;
	background:#eff4ff url(/images/container.gif) repeat-y;
	padding:0;
}

div#header {
	height:256px;
	width:777px;
	border-top:5px solid #eff4ff;
	margin:0;
	padding:0;	
}

div#header p {
	text-indent:-5000px;
}

body#header1 div#header{
	background:#fff url(/images/header1.jpg) no-repeat;
}

body#header2 div#header{
	background:#fff url(/images/header.jpg) no-repeat;
}

body#header3 div#header{
	background:#fff url(/images/header3.jpg) no-repeat;
}


/*Drop-down sub navigation*/

	ul#nav{
		display:block;
		width:760px;
		height:20px;
		margin:200px 0 0 20px;
	}
	
	ul#nav li{
		float:left;
		list-style:none;
		padding:0 15px;
		background:none;
		margin: 0;
		line-height:1.0em;
	
	}
	
	ul#nav li a{
		display:block;
		color:white;
		font-weight:bold;
		text-decoration:none;
	}
	
	ul#nav a:hover{
		background: #2f3d68; 
		cursor:default;
	}
	
	ul#nav li.parent ul {
		display:none;
		width:auto;
		position:absolute;
		margin:0;
		padding:0;
		background:#f5eeff;
	}
	
	ul#nav li.parent ul li {
		float:none;
		margin:0;
		padding:0;
		display:block;
	}
	
	ul#nav li.parent ul li a {
		font-weight:normal;
		background:#f5eeff;
		color: #2f3d68; 
		width:150px;
		text-align:left;
		padding:6px 3px;
		height:auto;
		border-bottom:1px solid #2f3d68;
		border-left:1px solid #2f3d68;
		border-right:1px solid #2f3d68; 
		display:block;
	}
	
	ul#nav li.parent ul li a:hover {
		background:white;
		color:#34a6e6;
		cursor:pointer;
	}

/*************SIDEBAR*****************/
	div#sidebar{
		/*width:195px;*/
		width:250px;
		height:auto;
		margin:0;
		float:left;
		background:url(/images/sidebar.gif) repeat-x;
		border-left:1px solid #3f518a;
	}
	
	ul#extended_nav{
		margin:20px;
	}
	
	ul#extended_nav li{
		list-style:none;
	
	}
	
	
	
	/*div#contact{
		width:162px;
		height:auto;
		padding:0;
		margin:50px auto;
		background: url(/images/contact_box_bgr.gif) repeat-y;	
		font-size:0.9em;
		font-weight:bold;
	}
	
	div#contact h2{
		width:162px;
		height:13px;
		padding-top: 5px;
		margin:0;
		text-align:center;
		background:url(/images/contact_box_top.gif) no-repeat top;
	}
	
	div#contact p{
		width:162px;
		height:auto;
		margin:0;
		padding:10px 0 20px 0;
		background:url(/images/contact_box_bottom.gif) no-repeat bottom;
	}
	
	div#contact a{
		margin:0;
		padding:0;
	}
	*/
	
	/*div.feature_box{
		width:162px;
		height:auto;
		padding:0;
		margin:40px auto;
		background: url(/images/feature_box_bgr.gif) repeat-y;	
		font-size:0.9em;
		font-weight:bold;
	}
	
	div.feature_box h2{
		width:162px;
		height:13px;
		padding-top: 5px;
		margin:0;
		text-align:center;
		background:url(/images/feature_box_top.gif) no-repeat top;
	}
	
	div.feature_box p{
		width:152px;
		height:auto;
		margin:0;
		padding:10px 0 25px 10px;
		color:#fff;
		background:url(/images/feature_box_bottom.gif) no-repeat bottom;
	}*/


	div.feature_box {
		display:block;
		margin:20px 10px;
		padding:0 0 18px 0;
		width:229px;
		height:auto;
		background:#FFF url(/images/blue_box_bottom.gif) no-repeat bottom left;
		/*line-height:1.2em;*/
	}
	
	
	
	div.feature_box  h2 {
		width:229px;
		height:20px;
		text-align:center;
		background:transparent url(/images/blue_box_top.gif) no-repeat;
		color:#fff;
		padding:10px 0 0 0;
		margin:0;
		
	}
	
	
	
	div.feature_box  ol {
		width:229px;
		margin: 0;
		padding:0;
		background: transparent url(/images/blue_box_bgr.gif) repeat-y;
		border-top:1px solid transparent;
		/*border:1px solid red;*/
		
	
	}
	
	div.feature_box  ol li{
		padding:0px;
		list-style-position: inside;
	}
	
	div.feature_box  ul {
		width:229px;
		margin: 0;
		padding:0;
		background: transparent url(/images/blue_box_bgr.gif) repeat-y;
		border-top:1px solid transparent;
		/*border:1px solid red;*/
		
	
	}
	
	div.feature_box  ul li{
		padding:0px;
		list-style-position: inside;
	}
		
	/*div.feature_box  dl {
		width:200px;
		margin: 0;
		font-size:1.0em;
		background: transparent url(/images/blue_box_bgr.gif) repeat-y;
		padding:0 20px 0 10px;
		
	}
	div.feature_box  dl dd{
		font-size:0.9em;
	}

	div.feature_box  dl dt{
		padding:5px 0;
		
	}
	
	div.feature_box  dl dt a{
		font-weight:bold;
		
	}
	
	div.feature_box  dl dd.date{
		text-align:right;
		font-size:0.9em;
		font-weight:bold;
	}*/
	
	
	div.feature_box a#archive{
		background: url(/images/article.gif) no-repeat;
		width: 189px;
		height:50px;
		display:block;
		text-indent:-5000px;
	}
	
	div.feature_box a#archive:hover{
		background: url(/images/article_hover.gif) no-repeat;
	}

/************* SIDEBAR END *****************/

	
body#home div#nav li#home a{
	background-color: #eff4ff;
	color:#3f518a;
}

body#home div#nav li#home {
	padding-left:20px;
}	

	
div#content{
	width:480px;
	padding:10px 30px 10px 10px;
	float:right;
	font-size:1.0em;	
}

div#content ul li{
	margin: 20px;
}

h3#extended {
	margin-top:80px;
}

/************* FOOTER *****************/
	div#footer {
		background:#eff4ff url(/images/footer.gif) no-repeat;
		clear:both;
		height:103px;
		width:777px;
		margin:0px;
		color:white;
	}
	
	div#footer ul{
		width:355px;
		margin-left:450px;
		padding-top:75px;
	}
	
	div#footer ul li{
		display:inline;
		margin-left:50px;
	}
	
	div#footer a{
		color:white;
		font-size:1.0em;
	}
	
	
	div#footer a:hover{
		
	}
	
	div.sitemap{
		padding-top:25px;
	}
	
	div#end {
		width:760px;
		margin:0 auto;
		color:#000;
		text-align:center;
		font-size:0.8em;
		clear:both;
	}
	
	div#end a {
		color:#9180aa;
		padding-bottom:10px;
		text-decoration:none;
	}
	
	div#end a:hover {
		color:#304a72;
		padding-bottom:10px;
		text-decoration:underline;
	}
	
/************* FOOTER *****************/


/* Custom elements ----------------------------------------------------------------------------------------------------------------------------------*/

p.clear{
	clear:both;
}

p.bold{
	font-weight:bold;
}

p.search{
	color:#34a6e6;
	font-weight:bold;
}

a.search{
	color:#34a6e6;
	font-weight:bold;
}


a.pdf{
	background: url(/images/pdf.gif) no-repeat;
	padding-left:15px;
	font-size:0.9em;
	padding-bottom:2px;
	color:#2f3d68; 
}

a.pdf:hover{
	color: #34a6e6;
}

h1#home{
	background:#FFF url(/images/managing_pressure.gif) no-repeat;
	text-indent:-5000px;
}

h1#about{
	background:#FFF url(/images/about.gif) no-repeat;
	text-indent:-5000px;
}

h1#what_is_stress{
	background:#FFF url(/images/what_is_stress.gif) no-repeat;
	text-indent:-5000px;
}

h1#causes{
	background:#FFF url(/images/causes.gif) no-repeat;
	text-indent:-5000px;
}

h1#handling_stress{
	background:#FFF url(/images/handling_stress.gif) no-repeat;
	text-indent:-5000px;
}

h1#assessments{
	background:#FFF url(/images/assessments.gif) no-repeat;
	text-indent:-5000px;
}

h1#support{
	background:#FFF url(/images/support.gif) no-repeat;
	text-indent:-5000px;
}

h1#tips_day{
	background:#FFF url(/images/tips_day.gif) no-repeat;
	text-indent:-5000px;
}

h1#tips_work{
	background:#FFF url(/images/tips_work.gif) no-repeat;
	text-indent:-5000px;
	height:60px;
}

h1#contact{
	background:#FFF url(/images/contact.gif) no-repeat;
	text-indent:-5000px;
}

h1#stress_managment{
	background:#FFF url(/images/stress_management.gif) no-repeat;
	text-indent:-5000px;
}

h1#stress_solutions{
	background:#FFF url(/images/stress_solutions.gif) no-repeat;
	text-indent:-5000px;
	height:70px;
}

img.left{
	float:left;
	margin:10px 10px 0 0;
	border:1px solid #9180aa;
}

img.center{
	margin:0 auto;
	border:1px solid #9180aa;
	display:block;
}

a#contact{
	background:#FFF url(/images/contact_bgr.gif) no-repeat;
	display:block;
	text-indent: -5000px;
	width:230px;
	height:75px;
	margin:10px;
}

a#contact:hover{
	background:#FFF url(/images/contact_bgr_hvr.gif) no-repeat;
	
}

div.two_col{
	width:480px;
	height:auto;
	clear:both;
	margin:20px 0;
	background:#f5eeff;
	padding:10px 0;
	border:1px solid #3f518a;
}

div.two_col h3{
	margin:0 20px 10px 15px;
	clear:both;

}

div.two_col ul li{
	margin:3px 0 2px 5px;
}

div.left_col{
	width:220px;
	float:left;
	padding:5px 5px 5px 5px;
	
}
div.right_col{
	width:229px;
	float:left;
	padding:5px 5px 5px 10px;
	border-left:1px solid #3f518a;
	
}

ul.sitemap li{
	margin:0;
	line-height:0;
}

ul.sitemap a{
	color: #2f3d68; 
}

ul.sitemap a:hover{
	color: #34a6e6;
}

span.blue{
	color: #34a6e6;

}

img.noborder {
border:none;
}