@charset "utf-8";
/**
 * CSS for www.cj-healthandsafetyconsultancy.co.uk
 * By Shane Jones www.website-related.com
 */

*{outline:none;} 
 
/**
 * HTML TAGS
 */
body{
	font:100% Geneva, Arial, Helvetica, sans-serif;
	background:#666666;
	margin:0; 
	padding:0;
	text-align:center;
	color:#000000;
}

a:link{color:#996600; padding:2px 3px 2px 3px; text-decoration:none;}
a:visited{color:#996600; padding:2px 3px 2px 3px; text-decoration:none;}
a:hover{text-decoration:none; color:#0000FF; border-bottom:1px dotted #993300;}
a:active{text-decoration:none; color:#FFFFFF; background:#006600; border:1px solid #333333; padding:1px 2px 1px 2px;}

em{
	color:#FF3300; 
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;  
	font-style:normal;
}

form,h1,h2,h3,img,ul{margin:0; padding:0;}

h1,h2,h3,h4,img{
	margin:0; padding:0; 
	font-family:'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; 
	font-style:italic;
	font-weight:lighter;
}
h1{font-size:1%;}/* So Small Because It Wraps Am Image! */
h2{
	color:#FF0000; 
	font-size:155%; 
	padding:3px 0 5px 0;
}
h3{
	border-bottom:1px dashed #333333;
	color:#006600;
	font-size:140%; 
	padding:3px 0 5px 0;
}
h4{
	border-bottom:1px dashed #CCCCCC;
	color:#003333;
	font-size:130%;
	font-style:normal;
	padding:3px 0 4px 0;
}

img{border:none;}



/**
 * MAIN DIVS
 */
.wrap{/* The Holder Of All Things! */
	background:url(images/bg.jpg) repeat-y #FFFFFF;
	margin:0 auto;
	width:775px;
}

.head{/* The VTOP! */
	background:url(images/health-and-safety-consultant-HEAD.jpg) top no-repeat;
	display:block;
	height:27px;
}
.headr{padding:0 0 10px 0;}
.headr .fltrt{text-align:right;}

.bod{
	background:url(images/health-and-safety-consultant-BODY.jpg) repeat-y;
	padding:0 20px 0 20px;
}

.sidebar{
	float: left;
	font-size:90%;
	padding:30px 10px 40px 10px;
	text-align:left;
	width: 150px;
}

.content{ 
	margin:0 0 5px 145px; 
	padding:25px 45px;
	text-align:left;
}
.content p:first-letter,li:first-letter{
	font-size:150%; 
	color:#333333; 
	font-family:'Lucida Grande', 'Trebuchet MS', Arial, sans-serif;
}

.lwrcontent{padding:0 15px 0 15px; text-align:left; margin:0; padding:0; width:250px; position:relative;}

.footr{padding:10px 15px 5px 15px;}
.footr .fltlft{font-size:82%; padding-top:50px; text-align:left;}

.foot{/* The VBOTTOM! */
	background:url(images/health-and-safety-consultant-FOOT.jpg) top no-repeat;
	height:27px;
}



/**
 * OTHER DIVS
 */
.redmsg,.bluemsg{margin:2px; padding:11px;}
.redmsg{color:#FF0000;}
.bluemsg{color:#003366; font-size:smaller;}

.fltrt{float:right; margin-left:8px;}
.fltlft{float:left; margin-right:8px;}
.clearfloat{clear:both; height:0; font-size:1px; line-height:0px;}

.potr{visibility:hidden;}

.bord{margin:6px 0 3px 0; padding:7px 4px 3px 5px; border:1px dotted #666666; background:#FFFFFF;}
.bordad{margin:24px 0 3px 0; padding:7px 4px 3px 5px;; border:1px dotted #666666; background:#FFFFCC;}

/**
 * Image shown in body of each page
 */
.pret{float:right; padding:7px;}



/**
 * PROBABLY NOT EVEN USED!
 */
.padd{padding-left:44px;}
.pck{/*float:left; padding:7px;*/}
.lrg{font-size:larger;}
.pro{padding:12px;}
.pro .fltlft{text-align:right; width:45%}
.pro .fltrt{text-align:left; width:45%}



/**
 * LISTS
 */
.services{margin:0; padding:0;}
ul.services li{
	display:block;
	list-style:none;
	margin:4px;
	padding:5px 15px 0 15px; 
	text-decoration:none;
}

ul.links li{
	border-bottom:1px dotted #006600;
	display:block;
	list-style:none;
	margin:0;
	padding:7px 15px 11px 0; 
	text-decoration:none;
}


ul.standard{
	padding:2px 5px 2px 10px;
}
ul.standard li{
	display:block;
	list-style:none;
	text-decoration:none;
}
ul.standard span{
	padding-left:10px;
}



/**
 * NAVIGATION
 */
#nav{
	width:140px;
	padding:0 0 1em 0;
	margin-bottom:20px;
	font-family:'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size:90%;
	color:#333;
}
* html #nav{width:107px;}
#nav ul{list-style:none; margin:0; padding:0; border:none;}
#nav li {margin:0; margin-top:2px;}
#nav li a{
	display:block;
	padding:5px 5px 5px 8px;
	border-left:10px solid #009900;
	color:#006600;
	text-decoration: none;
	width:90%;
}
html>body #nav li a:link{width: auto;}
#nav li a:hover{border-left:10px solid #00CC33; border-bottom:none; color:#003399;}
#nav li a:active{border:none; color:#FFFFFF; padding:6px 5px 4px 19px;}
#curr{background:#FFFFCC; color:#000000; font-weight:bold;}



/**
 * FORMS
 */
 
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.form div{margin:0; padding:0; width:90%;}
.form div{margin:2px; padding:0;}
.form p{
	width: 300px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 150px;
	height: 1%;
}
.form label{
	font-weight: normal;
	float: left;
	margin-left: -140px; /*width of left column*/
	width: 140px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.form label:hover,input[type="submit"]{cursor:pointer;}
.form input[type="text"], input[type="password"]{width: 180px;}
.form textarea{width: 250px; height: 150px;}
* html .threepxfix{margin-left: 3px;}
.form input[type="submit"]{
	background:#006600;
	border:1px solid #333333;
	color:#FFFFCC;
	padding:3px;
}
.form input[type="submit"]:hover{
	background:#009900;
	border:1px solid #333333;
	color:#FFFF99;
}
.form input[type="submit"]:active{
	background:#00CC00;
	border:1px solid #333333;
	color:#006600;
}
/* Thankski to dynamicdrive innit ..! */