/* css document for What work With Offenders - re, re,re,re,re-make April 2007 */

/* main css decs */

html { height: 100%; margin-bottom: 1px; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%; text-align: center; vertical-align: middle;
	color: #3c3c3c; margin: 0px; padding: 0px; 
	background: #fff url(gfx/body.jpg) left top repeat-x;
}

a { font-weight: bormal; color: #72375F; text-decoration: underline; }

a:hover {	color: #F3E701; text-decoration: none; }

a:active { outline: none; }
a:focus { outline: none; background: #72375F; color: #fff !important;  }

h1, h2, h3, h4, h5, h6, h7 { font-size: 1.4em; color: #72375F; font-weight: normal; margin-bottom: 4px; padding-bottom: 1px; }
h1 { font-size: 1.6em; }

* html p { line-height: 120% }
p { line-height: 130%; text-align: justify; }

ol { margin: 0px 12px 20px 20px; padding: 0px; }
li { padding: 2px 0px 3px 0px; line-height: 150%; }
ul li { list-style-image: url(gfx/li.gif); }
ul li li { list-style-image: url(gfx/lili.gif); }

img, img a { border: 0px }
input, textarea, select { color: #72375F; padding: 4px; font-size: 1em;	font-family: "verdana", arial, helvetica, sans-serif; border: 1px solid #bbb; background: #f9fdff !important; }
input { width: 20.5em; margin-right: 10px; }
acronym { border-bottom: 1px dotted #f60; cursor: help; }
blockquote { border: 1px solid #F3E701; padding: 8px; margin: 5px 20px 5px 20px; background: #FFFDE1; }
blockquote p { font-size: 0.9em; color: #000; padding: 0px; margin: 0px; }

/* boxes */

#mainbox { width: 960px;	margin: 0px auto;	text-align: left; }
	
#header { height: 80px; background: url(gfx/logo.jpg) left top no-repeat;	}

#content { margin: 17px 320px 0px 0px; }

#footer {	text-align: center; font-size: 0.9em; padding: 10px; margin: 20px 100px 100px 100px; border-top: 1px solid #aaa; }

.clear { clear: both; }

#precontent { height: 150px; border: 1px solid #72375F }
.index {	background: url(panels/index.jpg) center top no-repeat; }
.motint {	background: url(panels/motint.jpg) center top no-repeat; }
.cog {	background: url(panels/cog.jpg) center top no-repeat; }
.raid {	background: url(panels/raid.jpg) center top no-repeat; }
.stress {	background: url(panels/stress.jpg) center top no-repeat; }
.train {	background: url(panels/train.jpg) center top no-repeat; }
.planner {	background: url(panels/planner.jpg) center top no-repeat; }

.brief {	background: url(panels/brief.jpg) center top no-repeat; }
.nohit {	background: url(panels/nohit.jpg) center top no-repeat; }
.strutgroup {	background: url(panels/strutgroup.jpg) center top no-repeat; }
.address {	background: url(panels/address.jpg) center top no-repeat; }
.group {	background: url(panels/group.jpg) center top no-repeat; }
.contact {	background: url(panels/contact.jpg) center top no-repeat; }
.prince {	background: url(panels/prince.jpg) center top no-repeat; }
.terms {	background: url(panels/terms.jpg) center top no-repeat; }
/* navigation menu */

.navtop {	background: url(gfx/navtop.gif) center top no-repeat; }

#nav {
	width: 300px;	float: right;	padding: 0px; margin: 14px 0px; font-size: 0.9em; 
	color: #3c3c3c; background: url(gfx/nav.gif) center top repeat-y;
}

#nav ul {	padding: 6px; margin: 0px; list-style: none none; }

#nav li { list-style: none none; }

#nav li a 	{
	display: block;	text-decoration: none; font-weight: normal;
	color: #2d2d2d; padding: 8px 12px 8px 12px;
}

#nav li a:hover { background: #FDF581; color: #000; }

/* form vaildation styles */
ul#wwwoform { list-style: none none; margin: 0px; padding: 0px; }
#wwwoform li { list-style: none none; margin: 0px 0px 6px 0px; padding: 0px; }
#wwwoform input, #wwwoform textarea { width: 350px; }
#wwwoform  label { font-weight: bold; }

input.disabled {	border: 1px solid #F2F2F2;	background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed {
	border: 1px solid #da2129;
	color : #da2129;
}
input.validation-passed, textarea.validation-passed { border: 1px solid #00CC00; color : #000; }

.validation-advice {
	text-align: center;
	background-color: #72375f;
	color : #f3e701; font-size: 0.8em;
	font-weight: bold;
}

/* aims n extra info */

#aims { padding: 0px  17px 18px 17px; background: url(gfx/navend.gif) right bottom no-repeat; }

/* content styling */	

.nicebutton { width: 120px !important; height: 50px !important; border: 0px !important; }
#buy { border: 1px solid #fdf581; background: #fffde1; font-size: 0.9em; margin: 10px 0px; padding: 5px 10px 5px 10px; color: #72375f; }
#buy p { text-align: center !important }
#buy .buyone { font-size: 1.2em; font-weight: bold; }

.other { margin: -4px 0px -8px 129px; }
.col1 { color: #72375f; }
.col2 { color: #FFFDE1; }
.bold { font-weight: bold; }
.greylight { color: #666; }
.greydark { color: #222; }
.lil { font-size: 0.8em; }
.big { font-size: 1.2em; }
td.color1b { font-size: 1.2em; color: #72375f; }
a.moreinfo { font-size: 0.9em }