body { padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; margin: 9px 9px 0 9px; background-color: #ffffff; COLOR: #444444;}
div { font-size: 100%; }
div.center { text-align: center; }
h1 { font-family: "Arial Rounded MT Bold", verdana, arial, helvetica, sans-serif; padding: 10px 0px 0px 0px; font-size: 110%; color: #fcaa2a; margin-top: 0px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; }
h3 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 80%;
	color: #444444;
	padding: 0px 0px 0px 4px;
	margin-bottom: 1em;
	margin-top: 0.5em;
	font-style: italic;
}
h2 { font-family: arialverdana, arial, helvetica, sans-serif; font-size: 80%; padding: 0px 0px 1px 0.5em; color: #848e21; margin-bottom: 0.5em; margin-top: 0.8em; }
h4 { font-family: verdana, arial, helvetica, sans-serif; font-size: 100%; color: #fcaa2a; padding: 0 0 0 4%; margin-bottom: 0.5em; margin-top: 0.5em; }
h5 { font-size: 84%; color: #696969; padding: 0 0 0 1%; margin-bottom: 0.5em; margin-top: 0.5em; }
h6 { font-size: 82%; color: #848e21; padding: 0px 0px 1px 0.5em; margin-top: 0.8em; margin-bottom: 0.5em; margin-left: 0.5em; margin-right: 0.5em; background-color: #DCDCDC; }
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; margin-top: 5px; margin-bottom: 8px; margin-left: 6px; margin-right: 15px; }

div.block {
	background-color: #e2e3ac;
	padding: 2px 2px 2px 2px;
	margin: 2px 75px 12px 2px;
}
div.block p {
	font-size: 65%;
	color: #444444;
}
.sectionbar {
	font-size: 84%;
	font-weight: bold;
	color: #848e21;
	padding: 2px 0px 2px 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	margin-right: 0.5em;
	background-color: #E4E4E4;
}

.right { float: right; }
strong, b { font-weight: 800; }
.warning { color: Red; }

.placeholder { }
.small { margin: 1px 1px 1px 1px; font-size: 65%; padding: 1px 1px 4px 15px; }
.more { font-size: 80%; text-align: right; margin: 0px 4px 0px 0px; }
a.more, a.more:link, a.more:active, a.more:visited { font-size: 75%; font-weight: normal; color: Gray; text-decoration: none; }
a.more:hover { color: #8B4513; }
hr.medium { width: 85%; size: 0.5em; color: #999999; }
hr.wide { width: 98%; size: 0.5em; color: #999999; }
hr.white{ width: 85%; size: 0.5em; color: #ffffff; }
ul {
	margin-left: 3.3em;
	margin-right: 1.5em;
	margin-top: 1px;
	margin-bottom: 15px;
	list-style: disc outside url(bullet.jpg);
	font-size: 80%;
}
ul#arrow {
	margin-left: 3.3em;
	margin-right: 1.5em;
	margin-top: 2px;
	margin-bottom: 15px;
	list-style: disc outside url(arrows.jpg);
	font-size: 80%;
}

ul#formlink {
	margin-left: 2.3em;
	margin-right: 1.5em;
	margin-top: 2px;
	margin-bottom: 25px;
	list-style: disc outside url(boxarrow.gif);
	font-size: 110%;
	font-weight: bold;
	line-height: 150%;
	font-family: "Arial Rounded MT Bold", verdana, arial, helvetica, sans-serif;
}
ul#formlink li a:link, ul#formlink li a:active, ul#formlink li a:visited, ul#formlink li a:hover {
	font-weight: bold;
	color: #996600;
}

ol { margin-left: 2.8em; list-style-type: decimal; font-size: 70%;}
ol ol { list-style-type: lower-roman; font-size: 70%;}
form.nostyle { font-family: verdana, arial, helvetica, sans-serif; font-size: 100%; }
form.nostyle p { font-family: verdana, arial, helvetica, sans-serif; font-size: 83%; width: 75%; }
form.nostyle p label { float: none; }
form.nostyle p input { font-size: 80%; }
form.nostyle label { font-size: 80%; }
form.nostyle p input, form.nostyle p textarea, form.nostyle p select { float: left; }
form p { font-family: verdana, arial, helvetica, sans-serif; font-size: 83%; width: 75%; clear: both; }
form p label { float: left; } 
form p input, form p textarea, form p select { float: right;}
blockquote { font-family: verdana, arial, helvetica, sans-serif; }
quote { font-family: verdana, arial, helvetica, sans-serif; }
/* Search Form Styles */
input.image { vertical-align: middle; }
input.searchbox { vertical-align: middle; font-size: 11px; border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid; font-family: Tahoma, Verdana, Arial, Geneva; height: 18px; }
/*default table styles*/
table { margin-left: 1%; margin-right: 1%; margin-top: 15px; margin-bottom: 15px; font-size: 65%; border: none; }
table p { margin-top: 1px; margin-bottom: 2px; margin-left: 2px; margin-right: 5px; font-size: 100%; }
table ul { margin-left: 2.3em; margin-right: 1.5em; list-style: disc url(/stellent/images/WSP_ApplicationImages/bullet.gif); font-size: 100%; }
tr.odd { background: White; }
th { background-color: #848e21; padding: 2px 4px 3px 4px; color: White; }
td { padding: 2px 4px 3px 4px; }
tr {	background-color: #ebedd4;}
td.tab { border-bottom: medium Blue; }

/* Top Section Specific*/
div#top { 
	position: absolute;
	top: 4px;
	left: 4px;
	margin-bottom: 0px;
	margin-right: 2px;
	margin-left: 0;
	text-align: left; }
	
.masthead {
	height: 114px;
	text-align: right;
	color: #deb887;
	font-size: 100%;
	padding-right: 8px;
	margin-right: 0px;
	background-color: #50412f;
	overflow: hidden;
}
.masthead a:link, .masthead a:active, .masthead a:visited {font-weight: normal; color: #D2691E; text-decoration: underline; }

.masthead #logo {BACKGROUND: url(wblogo.jpg) no-repeat left top; FLOAT: left; padding: 0 0 0 0; margin: 0 0 0 0; WIDTH: 288px; HEIGHT: 114px}
.masthead #logo SPAN {display: none}
.masthead p {
	color: white;
	text-align:left;
	font-size: 120%;
	font-family: "Arial Rounded MT Bold", verdana, arial, helvetica, sans-serif;
	margin-left: 300px;
	margin-bottom: 0px;
}
.topnavlinks {
	height: 26px;
	font-size: 85%;
	background-color: #848e21;
	margin-left: 288px;
	margin-right: 0px;
	padding: 5px 20% 3px 20%;
	width: 100%;
	overflow: hidden;
	
}
.topnavlinks ul { display: inline; padding: 0 0 0 0; margin: 0 0 0 0; }
.topnavlinks li	{ display: inline; border-left: #ffffff 1px solid; list-style-type: none; padding-left: 6px; padding-right: 4px; }
.topnavlinks li.first { border-left: medium none; }
.topnavlinks li a:link, .topnavlinks li a:visited { font-weight: normal; color: White; text-decoration: none; }
.topnavlinks li a:hover { font-weight: normal; color: White; text-decoration: underline; }


/*
.atoz { margin: 2px 4px 2px 2px; text-align: center; }
a.atoz, a.atoz:link, a.atoz:active, a.atoz:visited { font-size: 100%; padding: 4px 0px 4px 0px; font-weight: bold; color: Gray; text-decoration: none; }
a.atoz:hover { color: #8B4513; font-weight: bold; text-decoration: underline; }*/

/* new images */

img { border: none; }
.bigimage { text-align: center; font-size: 85%; }
.bigimage p { text-align: right; margin: 0 5%; }
img.bigimage { border: 1px solid #DCDCDC; }
img.rightimage { margin: 5px 5px 5px 5px; border: 1px solid #DCDCDC; float: right; }
img.leftimage { margin: 5px 7px 5px 5px; border: 1px solid #DCDCDC; float: left; }


/* Left Column */
div#leftcol {
	position: absolute;
	top: 117px;
	left: 8px;
	padding: 0;
	width: 248px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0;
	height: 100%;
	background-color: #848e21;
}
div#leftcol h2 {color: #fcaa2a; margin-left: 8px; font-size: 95%;}
div#leftcol h3 {
	color: black;
	font-size: 85%;
	margin-bottom: 0px;
	margin-left: 8px;
}
div#leftcol p {color: white; margin-left: 12px; font-size: 70%;}
div#leftcol a {font-weight: normal;	color: #fcaa2a; text-decoration: underline;}
div#leftcol a:link { font-weight: normal; color: #fcaa2a; text-decoration: underline; }
div#leftcol a:visited { font-weight: normal;	color: #fcaa2a; text-decoration: underline;}
div#leftcol a:hover { font-weight: normal; color: #404490; text-decoration: underline; }

div#leftnav {
	margin-top: 40px;
	margin-right: 40px;
	margin-bottom: 10px;
	margin-left: 20px;
}
img.leftnavimage {
	margin: 0px 0px 5px 0px;
	width: 284px;
	border: none;
}
div#leftnav h3 {color: White;	font-size: 80%; font-weight: bold;	padding: 4px 1px 4px 3px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 4px;	margin-left: 0px;	text-align: center;	letter-spacing: 3px;	background-color: #4682B4;}
ul#leftnav {
	line-height: 150%;
	list-style: none outside none;
	margin: 0 0 0 0;
	padding: 0;
	background-color: #ff8c00;
	border-top: 1px solid #848e21;
}
ul#leftnav li a:link, ul#leftnav li a:visited, ul#leftnav li a:active,{
	
	text-decoration: none;
	width: 100%;
	padding: 3px;
	font-size: 120%;
	font-family: "Arial Rounded MT Bold", verdana, arial, helvetica, sans-serif;
	color: White;
	display: block;
	border-bottom: 5px solid #848e21;
}
ul#leftnav li a:hover { list-style: none none; text-decoration: none; color: White; background-color: #cc6633; display: block; width: 100%; }

a.selectedleft, a.selectedleft:link, a.selectedleft:active, a.selectedleft:visited, a.selectedleft:hover {
	list-style: none none;
	color: White;
	background-color: #cc6633;
	display: block;
	width: 100%;
}


/* Centre section */	
.mainarea {
	padding: 0px 0px 0px 15px;
	margin-top: 144px;
	margin-left: 288px;
	margin-right: 15px;
	

}
.mainhome
 {
	padding: 0px 0px 0px 15px;
	margin-top: 144px;
	margin-left: 288px;
	margin-right: 200px;


}
/*.middle { padding: 0% 0% 0% 0%; background-color: #FFFfff; margin-top: 6px; margin-left: 280px; margin-right: 24%; }
div.pagetitle { padding: 2px 0px 3px 0px; height: 3.5em; margin-top: 1%; margin-bottom: 0px; margin-right: 0; background-image: url(title.gif); background-position: left; background-repeat: no-repeat; }*/
.breadcrumb { margin-left: 20px; margin-top: 10px; margin-bottom: 0px; padding: 0px 0px 0px 0px; font-size: 90%;  line-height: 100%; }
.breadcrumb p {height: 1%; padding: 4px 4px 1px 1px;}
html>body .breadcrumb { height: auto; }

/*div.newsbox { margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; line-height: 90%; background-color: #fdf5e6; }
div.newsbox p { margin: 1px 1px 1px 1px; font-size: 65%; padding: 5px 1px 2px 15px; }
div.searchform { margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; line-height: 90%; background-color: #fdf5e6; }
tr.searchform { background-color: #fdf5e6; } */

/* Home page menu items */

div#activity { position:absolute; right: 20px; top: 180px; height: 65px; width: 170px; padding: 11px 0px 0px 5px; margin: 4px 0px 4px 5px; background-image: url(activitylink.jpg); background-repeat:none}
div#drink { position:absolute; right: 20px; top: 250px; height: 65px; width: 170px; padding: 11px 0px 0px 5px; margin: 4px 0px 4px 5px; background-image: url(drinkinglink.jpg); background-repeat:none}
div#drugs { position:absolute; right: 20px; top: 320px; height: 65px; width: 170px; padding: 11px 0px 0px 5px; margin: 4px 0px 4px 5px; background-image: url(drugslink.jpg); background-repeat:none}
div#emotions { position:absolute; right: 20px; top: 390px; height: 65px; width: 170px; padding: 11px 0px 0px 5px; margin: 4px 0px 4px 5px; background-image: url(emotionslink.jpg); background-repeat:none}
div#food { position:absolute; right: 20px; top: 460px; height: 65px; width: 170px; padding: 11px 0px 0px 5px; margin: 4px 0px 4px 5px; background-image: url(foodlink.jpg); background-repeat:none}
div#relationships { position:absolute; right: 20px; top: 530px; height: 65px; width: 170px; padding: 10px 0px 0px 5px; margin: 4px 0px 4px 5px; background-image: url(relationshipslink.jpg); background-repeat:none}
div#smoking { position:absolute; right: 20px; top: 600px; height: 65px; width: 170px; padding: 10px 0px 0px 5px; margin: 4px 0px 4px 5px; background-image: url(smokinglink.jpg); background-repeat:none}
div#working { position:absolute; right: 20px; top: 670px; height: 65px; width: 170px; padding: 10px 0px 0px 5px; margin: 4px 0px 4px 5px; background-image: url(workinglink.jpg); background-repeat:none}
a.menupic, a.menupic:link, a.menupic:visited, a.menupic:hover {
	color: white;
	font-size: 12pt;
	font-family: "Arial Rounded MT Bold", verdana, arial, helvetica, sans-serif;
	text-decoration: none;
}
a.menupic:hover {
	color: #50412f;
}

/* Hyperlinks */	
a {font-weight: normal;	color: #404490; text-decoration: underline;}
a:link { font-weight: normal; color: #404490; text-decoration: underline; }
a:visited { font-weight: normal;	color: #404490; text-decoration: underline;}
a:hover { font-weight: normal; color: #D2691E; text-decoration: underline; }
a.breadcrumb, a.breadcrumb:link, a.breadcrumb:visited { font-size: 90%; font-weight: normal; color: #8B4513; text-decoration: underline; padding: 0px 2px 0px 0px; margin-left: 8px;}
a.breadcrumb:hover { font-weight: normal; color: #999999; text-decoration: underline; }