body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: #999999;
}

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 990px;
	background: #000000;
	
	
}

#container  {background:#000000; }





#banner{margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; width:454px;}

#banner.bordery {border:0px #999999 solid;}

#banner img {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:454px; border: 0px solid #999999;}




#header {
	margin: 0px 0px 0px 0px;
	background:;
	height: 100px;
	background: url("/site-images/elstree-film-school.jpg")
}

#side-a {
position:absolute;
width: 140px;
	margin: 12px 5px 10px -148px;
	font-size: 10px;
	background: #000000;
	color: #ffffff;
}

html>/**/body #side-a {margin: 10px 5px 10px 8px;}


#side-b a {color:#4a8ac8; font-size:10px; font-weight: bold; text-decoration: underline;}
#side-b a:hover {color:#8DB5DC; font-weight: bold; text-decoration: none;}
#side-b {
	position:absolute;
	top:150px;
	width: 135px;
	margin: 10px 5px 10px 845px;
	font-size: 10px;
	background: #000000;
	color: #ffffff;
}

html>/**/body  #side-b {margin: 20px 5px 10px 845px;}


#side-b {
	position:absolute;
	top:120px;
	width: 135px;
	margin: 28px 5px 10px 845px;
	font-size: 10px;
	background: #000000;
	color: #ffffff;
}


/*  this is the unfixed menu uncomment the side-b */

/*
#side-b {top:140px;}
*/
#top_nav { margin:0px 0px 0px 0px;  padding:0px 0px 0px 1px; width:989px; background:#000000; height:24px; border-top:solid 0px #ED3EB7; border-bottom:solid 1px #ED3EB7; text-align:center; }


/* change position of home button                              here*/

	#top_nav ul {  padding:0px 0px 0px 0px;  margin:1px 0px 0px 150px;}

#top_nav li { float:left; list-style-type:none;}

/* change padding of other buttons                   here*/

#top_nav a {font-size:12px;  height:14px;  margin:0px 10px 0px 5px; padding:4px 10px 5px 0px; text-align:center; font-weight:bold; color:#FFFFFF; text-transform:capitalize; text-decoration:none; }



#top_nav a:hover { color: #ED3EB7}
#top_nav a.no-line { border:none;}


/*  this is the fixed menu */

/*

#side-b {top:140px;}
	
#top_nav { margin:0px 0px 0px 0px;  padding:0px 0px 0px 1px; width:990px; background:#ED3EB7; height:24px; }

	#top_nav ul {  padding:0px 0px 0px 0px;  margin:0px 0px 0px 0px;}

#top_nav li { float:left; list-style-type:none;}

#top_nav a {font-size:12px; width:128px; height:14px; display:block; margin:0px 0px 0px 0px; padding:4px 0px 5px 0px;text-align:center; font-weight:bold; color:#FFFFFF; text-transform:capitalize; background-color:#000000	; text-decoration:none;}

#top_nav a:hover { background:#333333;}
#top_nav a.top_nav_selected { color:#ffffff; background-image:none; background-color:#ED3EB7; text-transform:capitalize;}


*/


/*  IE is first */
#content {width: 675px; margin: 0px 5px 5px 157px; font-size: 12px; padding: 10px 10px 10px 10px; background:#FFFFFF;}
html>/**/body  #content {width: 655px;}

#content a {color:#ee3cb9; text-decoration: underline;}
#content a:hover {color:#ee3cb9; text-decoration: none;}

#content h1 {font-size:12px; color:#000000; text-decoration: none; margin: 10px 0px 10px 0px !important; padding: 5px 5px 5px 5px !important; background-color:#f0f0f0; border:1px solid #d8d8d8;}

#content h2 {font-size:14px; color:#ee3cb9; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#content h3 {font-size:12px; color:#000000; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#content h4 {font-size:14px; text-align: center; color:#000000; text-decoration: underline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#content li {font-size:12px; color:#000000; text-decoration: none; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px;}




#footer a {color:#4a8ac8; font-size:10px; text-decoration: underline;}
#footer a:hover {color:#8DB5DC; text-decoration: none;}
#footer {clear: both; background: #333333; color:#ffffff; text-align: center;  padding: 5px 5px 10px 5px; font-size: 10px; width:990px; margin:-10px auto 0 auto;}

html>/**/body #footer  { width:980px;}

#footer ul {  margin:2px 0px 10px 0px; padding:0px;}

#footer li { display:inline;}

#footer_final { background:#999999; color:#333333; display:block; padding:5px 0px 0px 0px; text-align:center; font-size:10px; }

#training_table {border:1px #000000 solid; font-size: 11px; padding:0px 0px 10px 0px;}

#training_table_headline {border-bottom:1px #000000 solid; background-color:#D9B2D1;}
#training_table_course {width:180px;}
#training_table_datet {}
#training_table_date {background-color:#aaaaaa; border-top:1px #000000 solid; border-bottom:1px #000000 solid; margin; 5px 0px 5px 0px;}


.Button {margin:0px auto 0px auto; padding:1px; font-weight:bold; font-size:10px; color: #ffffff; background-color: #804774;
border: 1px double #000000; cursor:hand; text-align: center;}

.DropDowns {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000;}







/*

new form

*/

.boxes { width:230px; background-color:#FFffff; border:1PX solid #cccccc; float:LEFT; margin:0px 0px 5px -3px;}

.dropdowns {width:230px; background-color:#FFffff; border:1PX solid #cccccc; float:LEFT; margin:0px 0px 0px 0px; font-size:10px; color:#666666; display:block; border:#999999 solid 1px;}

.photo {background-color:#f0f0f0; border:1px solid #d8d8d8; margin:0px 10px 5px 0px; padding:2px;}

#course_comment {text-align: center; background-color:#f0f0f0; border:1px solid #d8d8d8; margin:0px 10px 5px 0px; padding: 10px 10px 10px 10px;}

html>/**/body .dropdowns {width:226px;}


#form_area form {  padding:0px 5px 5px 5px;}



#form_area h4 { margin:5px 0px 10px 0px; padding:0px 0px 0px 0px; font-size:12px; text-align:center;}

#form_area label { width:165px; display:block; padding:0px 0px 0px 5px; float:left; font-size:10px;}

#form_area label.dropl { width:168px; display:block; padding:0px 0px 0px 5px; float:left; font-size:10px;}

#form_area span.top {  display:block; padding:10px 0px 5px 0px; margin:0px 0px 0px 0px; height:50px;  font-size:10px; border-bottom:1px #cccccc solid;  }

#form_area span.ntop { display:block; padding:0px 20px 0px 0px; margin:0px 0px 5px 0px; height:15px;  font-size:10px; clear:both;  }
 
#form_area span.dtop { display:block; padding:0px 20px 0px 0px; margin:0px 0px 5px 0px; height:20px;  font-size:10px; clear:both;  }
#form_area span.dtopp { display:block; padding:0px 20px 0px 0px; margin:0px 0px 5px 0px; height:20px;  font-size:10px;  clear:both;  }

html>/**/body #form_area span.dtopp { display:block;  padding:0px 50px 0px 0px; margin:0px 0px 28px 0px; height:35px;  font-size:10px;   }

html>/**/body #form_area span.ntop { padding:0px 11px 0px 0px;}

#form_area span.left { width:200px; display:block; float:left; padding:0px; margin:0px 10px 0px 0px; }

#form_area span.right { width:240px; display:block; float:right; padding:0px; margin:0px 10px 0px 0px;}

#form_area input { float:left; }

html>/**/body #form_area input { width:225px; background-color:#FFffff; border:1PX solid #cccccc; float:LEFT; margin:0px 0px 5px -3px; }

/* small1 & small2 are the small text boxes */

#form_area select.small1 {  width:170px; margin:0px 0px 0px 0px; float:left;}
#form_area input.small1 {  width:110px; margin:0px 0px 5px -3px;}
#form_area input.small2 {  width:110px; margin:0px 0px 5px 5px;}
#form_area input.check { width:20px; margin:5px 0px 5px -3px; }
#form_area input.radio { margin:0px 0px 0px 0px; width:20px;}
#form_area input.radiotop { margin:0px 5px 0px 3px; width:15px;}


html>/**/body #form_area input.radio { margin:0px 0px 0px -7px; width:20px; }
html>/**/body #form_area input.radiotop { margin:0px 5px 0px -5px; width:15px; }



/* this is the cheak box spacing for the next line */

#form_area p { margin:30px 0px 0px 0px ;}
html>/**/body #form_area p { margin:10px 0px 0px 0px ;}

/* this is the radio spacing for the next line */

#form_area p.radio { margin:20px 0px 0px 0px ;}
html>/**/body #form_area p.radio { margin:20px 0px 0px 0px ;}


#form_area SELECT { border:1PX solid #cccccc; margin:0px 0px 0px -6px;}



#form_area textarea { width:230px; background-color:#FFCCCC; border:1PX solid #cccccc; float:LEFT; margin:0px 0px 5px -3px;}


/* this is the help link */

#form_area a { background-color:#804774; width:20px;   padding:0px;  margin:0px 4px 0px 0px; color:#FFFFFF; text-decoration:none; font-weight:bold; text-align:center;  font-size:11px; float:right; }

#form_area a:hover { background-color:#CF8EC3; color:#000000;}


/* this is the help message box */

#form_area a span {display: none;}
#form_area a:hover span {display: block; position: absolute; width: 100px; padding: 5px; margin: 0px 0px 0px 55px; z-index: 100; color: #000000; background-color:#dedede; border:1PX solid #cccccc;  font: 10px Verdana, sans-serif; text-align:left;}

html>/**/body #form_area a:hover span { margin: -20px 0px 0px 55px;}
#form_area a:hover span h1 { font-size:14px; margin:0px 0px 0px 0px;}

#form_area a.select { background-color:#993300; position:absolute; margin:0px 0px 0px 9px;}

html>/**/body #form_area a.select { position:relative; margin:-22px 4px 0px 0px;}

#form_area a.checkbox { margin:3px 4px 0px 0px;}

#form_area a.delegatebox { margin:3px 4px 0px 0px;}

html>/**/body #form_area a.delegatebox { margin:3px -4px 0px 0px;}

.but { background-color:#0099CC; background-image:none; width:280px; color:#FFFFFF; font-weight:bold; text-align:center; margin:10px 0px 0px 104px; border:#000000 solid 1px; padding:1px; font-size:10px;}

.red { color:#EE3CB9; font-weight:bold; text-align:center;}

#red { color:#EE3CB9; font-weight:bold; text-align:center;}

#totaldetails {align: center !important; background-color:#E2E2E2; border:#BFBFBF 1px solid; padding:5px 5px 5px 5px; font-weight:bold; font-size:12px; width:100%; margin-left:auto; margin-right:auto; margin-top:10px;}

#totaldetails label { font-size:12px; margin:0px 0px 0px 0px;  width:200px;text-align:left; }
#totaldetails br { border-top:#cccccc dotted 1px; }

#totaldetails h1 {  margin:0px 4px 0px 4px; padding:0px 0px 0px 0px; }

#form_area h1, Delegate_Area h1 { margin:0px 10px 0px 5px; padding:5px 5px 5px 0px; }

.line {border-top:#cccccc dotted 1px; display:block; height:1px; width:90%; margin:10px 10px 0px 5px;}
.line2 {border-top:#cccccc dotted 1px; display:block; height:1px; width:95%; margin:5px 10px 5px 5px;}

#directory li a {  margin-bottom:5px;}

#btn_email, #worldpay { width:280px;}

#othercourses {  background-color:#E2E2E2; border:#BFBFBF 1px solid; padding:5px 5px 10px 5px; font-weight:bold; font-size:12px; width:500px; margin:10px 0px 10px -5px; 



}

#othercourses label  {  font-size:11px; width:340px; margin:5px 0px 0px 12px;   }

/*  edit & delete */
#othercourses input.small  { width:50px; background-color:#999999; color:#FFFFFF; border:1px solid #666666; padding:1px; font-size:10px; margin:2px 20px 2px 0px;}

html>/**/body #othercourses label { margin:5px 0px 0px 22px; width:320px;}


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

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#course_title {text-align:center; background-color:#666666; color:#FFFFFF; height:15px; width:100%; padding:5px; margin:0px 0px 0px -5px}

#course_title h1 {font-size:15px; font-weight:bolder; color:#FFFFFF; margin:-7px 0px 20px 0px;}
#terms {text-align: left; padding: 5px 5px 10px 10px; width:450px; height:200px; border:solid 1px #cccccc; overflow:scroll;}
.termscheck {width:20px !important; background-color:#FFffff !important; border:1PX solid #cccccc !important; float:none !important; margin:0px 10px 5px -3px !important;}
#terms a {color:#4a8ac8; }
#terms a:hover { color:#8DB5DC; }