/* CSS Document */

body {
margin: 0px;
padding: 0px;
color: #000;
background: #fff;
}
										/* SITE BODY STUFF */

/* course site and company rego page */
.container
{
float: left;
margin: 20px 40px 20px 20px;
}

.containerlistbox
{
float: left;
margin: -15px 0px 10px -15px;
}

/* holds home page ad banner */
.bannerbox
{
clear: left;
float: left;
}

/* holds home page text */
.textbox
{
float: left;
margin: 20px 0px 20px 20px;
width: 420px;
}

/* holds instruction pages text */
.widetext
{
clear: both;
margin: 20px 0px 20px 20px;
width: 650px;
}

.widelistbox
{
float: left;
margin: -15px 0px 10px -25px;
width: 675px;
}

/* holds text and icons on instructions page */
.instructionbox
{
float: left;
margin: 0px;
width: 650px;
}

.wideorangebox
{
float: left;
padding: 10px 10px 0px 10px;
margin-bottom: 10px;
width: 630px;
background: #FED0B2; 
}

.listbox
{
float: left;
margin: -15px 0px 10px -25px;
padding-bottom: 10px;
width: 425px;
}

/* used for double lists inside the wideorangebox div */
.leftlistbox
{
float: left;
margin: -15px 0px 0px -25px;
padding-bottom: 0px;
width: 305px;
}

/* used for double lists inside the wideorangebox div */
.rightlistbox
{
float: left;
margin: -15px 0px 0px 20px;
padding-bottom: 0px;
width: 305px;
}


/* makes square orange bullets */
li.orange {
list-style-type: square;
color: #FC6401;
}

.rightbox
{
float: left;
margin: 30px 0px 20px 60px;
}

/* holds the log in stuff */
.startbox
{
clear: left;
float: left;
margin: 20px 0px 20px 0px;
padding: 10px;
width: 260px;
border: 1px solid #FC6401;
}

/* holds the start title on home page */
.start
{
float: left;
margin: 0px 0px 0px 0px;
padding: 10px;
width: 240px;
text-align: center;
background: #FC6401 
}

/* holds the bulleted text on the home page start box */
.startlist
{
float: right;
width: 260px;
_margin-top: 10px;
+margin-top: 15px;
}

.startlist ul {
	margin-left: 15px;
	padding-left: 15px;
	padding-right: 10px;
	margin-right: 10px;
	_margin-bottom: 5px;
}

/* home page */

/* NOT USED ANYMORE:: Not Compatible with IE6 (Modified by TS 12/4/08)
.loginbox
{
float: left;
margin: -20px 0px 20px 15px;
padding: 0px 0px 0px 10px;
width: 235px;
height: 35px;
background: #FC6401 url(../../images/login-plane.gif) no-repeat center right;
}

.loginbox:hover
{
cursor: pointer;
background: #666 url(../../images/grey-plane.gif) no-repeat center right;
}

.registerbox
{
float: left;
margin: -20px 0px 20px 15px;
padding: 0px 0px 0px 10px;
width: 235px;
height: 35px;
background: #FC6401 url(../../images/home-register-off.gif) no-repeat center right;
}

.registerbox:hover
{
cursor: pointer;
background: #666 url(../../images/home-register-on.gif) no-repeat center right;
}
*/



/* nav boxes on the hoe page */
.orangebox
{
float: left;
margin: -15px 0px 10px 15px;
width: 245px;
height: 35px;
background: #FC6401;
}

.orangebox:hover
{
cursor: pointer;
background: #666;
}

.footer
{
clear: both;
padding: 15px;
width: 750px;
}

/* page navigation */
.numberbox
{
float: right;
}

.prevnext
{
margin: 20px auto;
width: 75px;
}

										/* EMAIL FORM */

/* holds email form divs */
.formbox
{
clear: left;
float: left;
margin: 0px 0px 20px 20px;
width: 405px;
}

.emailformleft
{
float: left;
width: 105px;
}

.emailformright
{
float: left;
width: 300px;
}


										/* REGISTRATION FORM */

/* holds rego form divs */
.regoformbox
{
clear: left;
float: left;
margin: 0px 0px 20px 20px;
}

.regoformleft
{
clear: left;
float: left;
width: 200px;
font: 13px Arial, Helvetica, sans-serif;
margin-top: 0px;
}

.regoformright
{
float: left;
width: 450px;
font: 13px Arial, Helvetica, sans-serif;
margin-top: 0px;
}



										/* GRAPHICS */


.footerlogo
{
float: left;
margin: 0px 20px 50px 0px;
}

.footerlogos
{
float: right;
margin: 0px 0px 0px 20px;
}

.horline
{
clear: both;
margin: 10px 0px;
width: 780px;
border-bottom: 1px dotted #333;
}

.imageright
{
float: right;
margin: 0px 20px 0px 20px;
}

.imageleft
{
float: left;
margin-right: 20px;
}

.leftimage
{
float: left;
margin: 0px 20px 10px 0px;
}

.iconbox
{
float: left;
width: 17px;
margin: 3px 5px 0px 0px
}


										/* FONTS */


h1
{
font: 22px Geneva, Arial, Helvetica, sans-serif;
color: #FC6401;
line-height: 1.5em;
margin-top: 0px;
}

h2
{
clear: left;
font: 18px Geneva, Arial, Helvetica, sans-serif;
color: #FC6401;
line-height: 1.2em;
}

h3
{
clear: left;
font: 16px Geneva, Arial, Helvetica, sans-serif;
line-height: 1.2em;
}

/* for page numbers */
h4
{
clear: left;
font: 11px Arial, Helvetica, sans-serif;
color: #999999;
}

h5 {
clear: left;
font: 16px Arial, Helvetica, sans-serif;
line-height: 1.2em;
}

p
{
clear: left;
margin-top: 0px;
font: 13px Arial, Helvetica, sans-serif;
line-height: 1.8em;
}

em
{
font: 15px Arial, Helvetica, sans-serif;
font-style: normal;
}

.instructionbox p
{
clear: none;
}

.widetext p
{
text-align: justify;
}

.widelistbox p
{
margin-top: -1px;
line-height: 1.8em;
}


.footer p 
{
clear: none;
font-size: 12px;
}

/* Removed because not compatible with IE6 - By TS 12/4/08

.loginbox h3
{
line-height: 0em;
margin-top: 16px;
}

.loginbox:hover h3
{
color: #fff;
}
*/


/* Added by TS - Register box on homepage :: START  -  Removed by TS 12/4/08 - Not compatible with IE6::
.registerbox h3
{
line-height: 0em;
margin-top: 16px;
}

.registerbox:hover h3
{
color: #fff;
}
*/

.orangebox h3
{
line-height: 0em;
margin-top: 16px;
text-align: center;
}

.orangebox:hover h3
{
color: #fff;
}

.listbox p
{
margin-left: 25px;
/*line-height: 10px; Commented out by TS - 27/11/07 */
}

.start h2
{
color: #fff;
margin: 0px;
}

.startbox em
{
color: #000;
}

/*
.startbox ul
{
margin: 10px 0px 0px 0px;
line-height: 1.5em;
}*/


										/* LINKS */


.body a:link
{
color: #FC6401;
text-decoration: none;
border-bottom: 1px dotted;
}

.body a:visited
{
color: #FC6401;
text-decoration: none;
border-bottom: 1px dotted;
}

.body a:hover
{
background-color: #FDC098;
}


.grey a:link
{
color: #FC6401;
text-decoration: none;
border-bottom: 1px dotted;
}

.grey a:visited
{
color: #FC6401;
text-decoration: none;
border-bottom: 1px dotted;
}

.grey a:hover
{
background-color: #ccc;
}


/* this if the home page login buttons  - Removed 12/4/08 by TS - Not compatible with IE6
.login a:link
{
color: #fff;
text-decoration: none;
}

.login a:visited
{
color: #fff;
text-decoration: none;
}

.login a:hover
{
color: #fff;
text-decoration: none;
}
*/


/* page navigation links */

.next a:link
{
color: #FC6401;
text-decoration: none;
}

.next a:visited
{
color: #FC6401;
text-decoration: none;
}

.next a:hover
{
background-color: #FDC098;
}


								/* BACKOFFICE SUPADMIN FORM */

/* holds rego form divs */
.secureformbox
{
clear: left;
float: left;
margin: 0px 0px 20px 20px;
}

.secureformleft
{
clear: left;
float: left;
width: 150px;
font: 13px Arial, Helvetica, sans-serif;
margin-top: 5px;
}

.secureformright
{
float: left;
width: 450px;
font: 13px Arial, Helvetica, sans-serif;
margin-top: 10px;
}

/* New Registration Arrow Buttons - added by TS:: START*/

	.registerPageButtons
{

width: 500px;
height: 70px;
background: #FC6401 url(../images/registerPageButton_up.gif) no-repeat center right;
padding: 5px 65px 5px 15px;
font-size: 12px;
color: white;
margin-bottom: 5px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}

a.registerLink {
	text-decoration: none;
}

.registerPageButtons:hover
{
cursor: pointer;
background: #666 url(../images/registerPageButton_down.gif) no-repeat center right;
color: white;
text-decoration: none;
}

.registerPageButtons h3 {
	font-size: 18px;
	margin-bottom: 4px;
	margin-top: 8px;
	text-decoration: none;
	color: black;
}

/* ::END:: */







/* Replacement Register Page Buttons - Compatible with IE6 - Added 12/4/08 by TS*/

div.registerPageButton {
	width: 620px; height: 90px;
	float: left;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 40px;
	_margin-bottom: 10px;
	_width: 450px;
}

html>body div.registerPageButton a {width:auto;}


div.registerPageButton a {
	display:block;
	width: 550px; height: 80px;
	_width: 450px;
	padding: 5px 65px 15px 15px;
	text-decoration:none;
	color: white;
	background: #FC6401 url(../images/registerPageButton_up.gif) no-repeat center right;
}

div.registerPageButton a:hover {background: #666 url(../images/registerPageButton_down.gif) no-repeat center right;}

.registerPageButton h3 {
	font-size: 18px;
	margin-bottom: 4px;
	margin-top: 10px;
	text-decoration: none;
	color: black;
}

/* END Replacement Register Page Buttons */











/* Replacement Home Plane Buttons (Login and Register) Compatible with IE6 - Added 12/4/08 by TS*/

div.homePlaneButton {
	width:245px; height:35px;
	padding-left: 10px;
	float: left;
}

div.homePlaneButton a p {
	padding: 5px 0px 0px 10px;
	font: 16px Geneva, Arial, Helvetica, sans-serif;
}

html>body div.homePlaneButton a {width:auto;}


div.homePlaneButton a {
	display:block;
	width: 235px; height: 35px;
	width:100%;
	text-decoration:none;
	color: white;
}

div.homePlaneButton a.login {
	background: #FC6401 url(../images/login-plane.gif) no-repeat center right;
}

div.homePlaneButton a.login:hover {background: #FC6401 url(../images/grey-plane.gif) no-repeat center right;}

div.homePlaneButton a.register {
	background: #FC6401 url(../images/home-register-off.gif) no-repeat center right;
}

div.homePlaneButton a.register:hover {background: #FC6401 url(../images/home-register-on.gif) no-repeat center right;}

/* END new Home Plane Buttons */