/* @override 
	http://bps.dev/css/main.css
	http://localhost/bps/working/css/main.css
	http://psychology-cpd.org/css/main.css
*/

/* CSS Document */



/* COLOURS

dark orange #F05D0C   


*/

body {
	font-family: "LucidaSans Unicode", "Lucida Grande", sans-serif;
	font-size:x-small;
	line-height:150%;
	background-image:url(../images/pinstripe_bg.gif);
	background-repeat:repeat;

}

ul, li, a {margin:0px; padding:0px; text-decoration:none;}



#bodywrap {
	width:799px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	border:none;
	}
	
#header{ float:left;
		width:799px;
		height:82px;
		background-image:url(../images/header_bg.gif);
}

#headernav {
	width:150px;
	float:right;
	}

#left {width:185px;
		x height:800px;
		float:left;
		background-color:#FFFFFF;
	
}

#middle {
		width:550px;
		float:left;
		padding-top:10px;
		background-color:#FFFFFF;
		
}

#middleWrap {
		float:left; 
		background-color:#FFFFFF;
		width:799px;
		}

#footer {float:left;
		width:799px;
		x height:109px;
		background-image:url(../images/bodywrap_top.gif);
		background-position:top;
		background-repeat:no-repeat;
		background-color:#FFFFFF;		
		}
		
#loginbox {
	float:left;
	width:300px;
	padding-left:20px; 
	x background-color:#00FF00;
	font-size:80%;
	}
	
	#loginbox a img{
	border: 1px solid #888;
}

#loginbox label {
	float:left;
	width:75px;	
	clear:left;
	padding:0px;
	margin:0px;
	}
#loginbox input {
	padding:0px;
	margin:0px;
	border-color:#F05D0C;

}	

.filletTop {
	float:left; 
	background-image:url(../images/bodywrap_top.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	x background-color:#00FF00;
	width:799px;
	height:12px;

	}

.filletBottom {
	float:left; 
	background-image:url(../images/bodywrap_bottom.gif);
	background-repeat:no-repeat;
	width:799px;
	height:12px;
	margin-bottom:3px;	
	}

#creditbar {
	margin-left:auto;
	margin-right:auto; 
	clear:both; 
	font-size:70%; 
	text-align:center;
	}

#creditbar a { 
	color:#000000;
	}
#creditbar a:hover { 
	background-color:#F05D0C;
	color:#000000;
	}

/* -------------- MAIN MENU  -------------- */

#mainmenu {
	background-image:url(../images/mainmenu_top.jpg);
	background-repeat:no-repeat;
	background-position:top;
	}
#mainmenu h2 {
	font-size:90%;
	margin:0px;
	padding:8px 0px 5px 15px;
	background-image:url(../images/mainmenu_top.jpg);
	background-repeat:no-repeat;
	background-position:top;	
	background-color:#f1f0f1;	
	}
#mainmenu ul {
	padding-bottom:8px;
	}
#mainmenu li {
	width:100%;
	list-style:none; 
	}
#mainmenu li a {
	display:block; 
	color:#F05D0C;
	width: 140px;
	padding-left:15px;
	}
#mainmenu li a:hover { 
	background-color:#F05D0C;
	color:#000000;
	}
#mainmenuwrap {
	background-color:#f1f0f1;
	background-image:url(../images/mainmenu_bottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:15px;
}

/* -------------- SUB MENU  -------------- */

.submenu {
	background-image:url(../images/mainmenu_top.jpg);
	background-repeat:no-repeat;
	background-position:top;
	}
.submenu h2 {
	font-size:90%;
	margin:0px;
	padding:8px 0px 5px 15px;
	background-image:url(../images/mainmenu_top.jpg);
	background-repeat:no-repeat;
	background-position:top;	
	background-color:#f1f0f1;	
	}
.submenu ul {
	padding-bottom:8px;
	}
.submenu li {
	width:100%;
	list-style:none; 
	}
.submenu li a {
	display:block; 
	color:#F05D0C;
	padding-left:15px;
	}
.submenu li a:hover { 
	background-color:#F05D0C;
	color:#000000;
	}
.submenuwrap {
	background-color:#f1f0f1;
	background-image:url(../images/mainmenu_bottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:15px;
}

/* -------------- FOOTER MENU  -------------- */

#footermenu {
	float:right; 
	text-align:right; 
	margin-right:15px; 
	x background-color:#00FF00;
	}

#footermenu ul li {float:left; list-style:none;}	
#footermenu ul li a { margin-left:15px; color:#F05D0C;}	

#footermenu ul li a:hover { 
	background-color:#F05D0C;
	color:#000000;
	}


/* -------------- TEXT STYLES  -------------- */

h1 {float:left;
	font-size:large;
	line-height:150%;
	font-weight:normal;
	text-indent:-2000px;

}

#header h1 a{width:170px;
height:85px;

display:block;position:relative;
top:-5px;
left:20px;}

h2 {
	font-size:medium;
	line-height:150%;	
}

h3 {
	font-size:small;
	font-weight:bolder;
	line-height:150%;
		
}

.intro {font-size:110%;}

.subheading {font-weight:bolder;}

input {margin:5px 0px 5px 15px; border:1px #666666 solid; padding: 2px;}
table {font-size:90%;}

a:link,
a:visited,
a:hover, 
a:active {

}

/* -------------- TABLE STYLES  -------------- */


td {font-size:80%;}

#certWrap {
		float:left; 
		background-color:#FFFFFF;
		width:799px;
		text-align:center;
		}
#certWrap h2, #certWrap h3{ text-align:center;}

/* CSS Document */



/* COLOURS

dark orange #F05D0C   





*/

body {
	font-family: "LucidaSans Unicode", "Lucida Grande", sans-serif;
	font-size:x-small;
	line-height:150%;
	background-image:url(../images/pinstripe_bg.gif);
	background-repeat:repeat;

}

ul, li, a {margin:0px; padding:0px; text-decoration:none;}

#maincontent ul li{
	margin-left: 40px;
}


#bodywrap {
	width:799px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	border:none;
	}

#headernav {
	width:150px;
	float:right;
	}

#left {width:185px;
		x height:800px;
		float:left;
		background-color:#FFFFFF;
	
}

#middle {
		width:550px;
		float:left;
		padding-top:10px;
		background-color:#FFFFFF;
		
}

#middleWrap {
		float:left; 
		background-color:#FFFFFF;
		width:799px;
		}

#footer {float:left;
		width:799px;
		x height:109px;
		background-image:url(../images/bodywrap_top.gif);
		background-position:top;
		background-repeat:no-repeat;
		background-color:#FFFFFF;		
		}
		
#login_box label{
	margin-left: 15px;color:#F05D0C;
}
		#login_box input.text{
	width: 120px;
}

		#login_box form {
	padding-bottom: 10px;
}
		
#loginbox {
	float:left;
	width:300px;
	padding-left:20px; 
	x background-color:#00FF00;
	font-size:80%;
	}

#loginbox label {
	float:left;
	width:75px;	
	clear:left;
	padding:0px;
	margin:0px;
	}
#loginbox input {
	padding:0px;
	margin:0px;
	border-color:#F05D0C;

}	

#filletTop {
	float:left; 
	background-image:url(../images/bodywrap_top.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	x background-color:#00FF00;
	width:799px;
	height:12px;

	}

#filletBottom {
	float:left; 
	background-image:url(../images/bodywrap_bottom.gif);
	background-repeat:no-repeat;
	width:799px;
	height:12px;
	margin-bottom:3px;	
	}

#creditbar {
	margin-left:auto;
	margin-right:auto; 
	clear:both; 
	font-size:70%; 
	text-align:center;
	}

#creditbar a { 
	color:#000000;
	}
#creditbar a:hover { 
	background-color:#F05D0C;
	color:#000000;
	}

/* -------------- MAIN MENU  -------------- */

#mainmenu {
	background-image:url(../images/mainmenu_top.jpg);
	background-repeat:no-repeat;
	background-position:top;
	}
#mainmenu h2 {
	font-size:90%;
	margin:0px;
	padding:8px 0px 5px 15px;
	background-image:url(../images/mainmenu_top.jpg);
	background-repeat:no-repeat;
	background-position:top;	
	background-color:#f1f0f1;	
	}
#mainmenu ul {
	padding-bottom:8px;
	}
#mainmenu li {
	width:100%;
	list-style:none; 
	}
#mainmenu li a {
	display:block; 
	color:#F05D0C;
	padding-left:15px;
	}
#mainmenu li a:hover { 
	background-color:#F05D0C;
	color:#000000;
	}
#mainmenuwrap {
	background-color:#f1f0f1;
	background-image:url(../images/mainmenu_bottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:15px;
}

/* -------------- SUB MENU  -------------- */

.submenu {
	background-image:url(../images/mainmenu_top.jpg);
	background-repeat:no-repeat;
	background-position:top;
	}
.submenu h2 {
	font-size:90%;
	margin:0px;
	padding:8px 0px 5px 15px;
	background-image:url(../images/mainmenu_top.jpg);
	background-repeat:no-repeat;
	background-position:top;	
	background-color:#f1f0f1;	
	}
.submenu ul {
	padding-bottom:8px;
	}
.submenu li {
	width:100%;
	list-style:none; 
	}
.submenu li a {
	display:block; 
	color:#F05D0C;
	padding-left:15px;
	}
.submenu li a:hover { 
	background-color:#F05D0C;
	color:#000000;
	}
.submenuwrap {
	background-color:#f1f0f1;
	background-image:url(../images/mainmenu_bottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:15px;
}

/* -------------- FOOTER MENU  -------------- */

#footermenu {
	float:right; 
	text-align:right; 
	margin-right:15px; 
	x background-color:#00FF00;
	}

#footermenu ul li {float: none; list-style:none;display: block;}	
#footermenu ul li a { margin-left:15px; color:#F05D0C;}	

#footermenu ul li a:hover { 
	background-color:#F05D0C;
	color:#000000;
	}


/* -------------- TEXT STYLES  -------------- */

h1 {float:left;
	font-size:large;
	line-height:150%;
	font-weight:normal;
	text-indent:-2000px;
}

h2 {
	font-size:medium;
	line-height:150%;	
}

h3 {
	font-size:small;
	font-weight:bolder;
	line-height:150%;
		
}

.intro {font-size:130%;
line-height:150%;
		
}

.subheading {font-weight:bolder;}

input {margin:5px 0px 5px 15px; border:1px #666666 solid; padding: 2px;}
table {font-size:100%; clear: left;}


a:link,
a:visited,
a:hover, 
a:active {

}

/* -------------- TABLE STYLES  -------------- */

table,tbody,tr,td,th{
	padding: 0;border: none;margin: 0;
}
th{
	sizecolor: white;
	font-weight: normal;
	text-align: left;
	background-color: #f59c6a;
}

th,td{
	padding: 1px 4px;
	border-right: 2px solid #fad7c3;
}

td {font-size:100%;
padding: 3px 4px;
border-right: 2px solid #fad7c3;
border-bottom: 2px solid #fad7c3;
}
table{
	border-left: 2px solid #fad7c3;
	border-top: 2px solid #fad7c3;
}

td.title{
	background-color: #fad7c3;
	font-weight: bold;
	font-size: 110%;
}

/* Event detail styles */
dl.eventdetails {
	width: 580px;
}
dl.eventdetails dt{
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 10px;
}
dl.eventdetails dd{
	text-indent: 0;
	margin-left: 0;
	font-size: 110%;
	white-space: ;
	margin-bottom: 10px;
}
dl.eventdetails dt{
	float: left;
	width: 135px;
	clear: both;
	position: relative;
}
dl.eventdetails dd{
	float: left;
	
	width: 445px;
	position: relative;
}

dl.eventdetails:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#maincontent dl.eventdetails input{

float: none;
clear: none;
}

#maincontent dl.eventdetails fieldset input{

float: left;
clear: right;
}
div.steps{
	padding-top: 2em;
	clear: both;
}

/* FAQ List */

ul.faqlist li:after{
		content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
ul.faqindex {
	margin-bottom: 10px;
}
#maincontent ul.faqlist li{
	margin-left: 0;
	padding-left: 0;
	text-indent: 0;
}
#maincontent ul.faqindex li{
	margin-left: 0;
	padding-left: 0;
	text-indent: 0;
}
ul.faqindex li{
	list-style: none;
	margin-top: 5px;
	font-size: 130%;
}

ul.faqlist li{
	margin-top: 5px;
	border-top: 1px solid black;
	list-style: none;
}


#maincontent ul.faqlist dl{
	clear: both;
}

ul.faqlist a.topofpage{
	display: block;
	text-align: right;
}

table.qandas,table.qandas tr,table.qandas td,table.qandas th{
	border: none;
}

#certWrap {
		float:left; 
		background-color:#FFFFFF;
		width:799px;
		text-align:center;
		}
#certWrap h2, #certWrap h3{ text-align:center;}

form h3{
	clear: both;
}
#maincontent label{
	display: block;
	width: 20%;
	
	clear: left;
	margin-bottom: 12px;
	float: left;
}
#maincontent  select, #maincontent textarea{
	margin-left: 14px;
	}
#maincontent  input{
	float: left;
	clear: right;
	margin-top: -3px;
}
.latestvideos ul li,.recent ul li{
	list-style: none;
}

tr.live{
	background-color: #fad7c3;
}



.right{
	float:right;
	width: 150px;
	margin-left: 10px;
}
.video_right {
	width:300px;
	float:right;
	margin-left:10px;
}

.right img{
	margin-bottom: 14px;
}

.lftcol{width:50%;float:left;}
.rghtcol{width:50&; float:left;}