body {
	font-family: helvetica, arial, verdana, sans-serif;
	background: #fff url('images/topBg.jpg') repeat-x;
	color: #444;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: none;
	color: #000090
}
a.footerlink {text-decoration: none; color: #444444}
a.greylink {text-decoration: none; color: #444444}
a:hover {text-decoration: none; color: #C0C0C0 }
a.top {text-decoration: none; color: #444444; font-size: 11px}
a.top:hover {text-decoration: none; color: #C0C0C0}
h1 {font-size: 25px; margin: 10px 0 10px 0;}
hr {color: #444444; height: 1px; width: 600px}
ul.bullet {color: #164468}
.rtAl {text-align: right}
.bottomline {border-bottom: solid 1px #000000; background-color: #dddddd}
.title-row {font-weight: bold}
.bold-cell {font-weight: bold}
#title { height: 167px; width:750px; background-repeat: repeat-x}
#titleimg {display: inline; float:left; margin: 0 0 0 0; height: 167px; width: 255px;}
#titlewords {display: inline; margin: 0 0 0 0; height: 167px; position: relative; top: 118px; left: 5px}
#titlelinks {margin: 0 10px 0 0; display: inline; float: left; position: relative; top: 50px; left: 10px; color: #444444; font-size: 11px}
#titlelinksedit {margin: 0 10px 0 0; display: inline; float: right; position: relative; top: 0px; color: #444444; font-size: 30px}
#footer {clear: both;color: #808080; font-size: 12px; text-align: center; width: 750px; padding-bottom: 40px;}
#wrapper { width: 750px; margin:auto}
#content {float: left; clear: left; padding: 10px; margin: 0 0 0 30px; width: 430px}
#content2 {float: left; clear: left; padding: 10px; margin: 0 0 0 30px; width: 330px}
#contentEnrol {float: left; clear: left; padding: 10px; margin: 0 0 0 0; width: 700px}
#pics {clear: both; margin: 0 0 0 100px}
#card-details {border: solid 1px #C0C0C0; padding: 10px; width: 400px; background-color: #F0F0F0}
#card-details2 {border: solid 1px #C0C0C0; padding: 10px; width: 400px; background-color: #F0F0F0}
#howto {clear: right; float: right; margin: 0 0 0 0; padding: 10px 0 0 0;}
#contact {margin: 10px 0 0 0; border: solid 1px #C0C0C0; padding: 10px;background-color: #F0F0F0; font-size: 11px}
#sub {margin: 30px 0 0 50px}
#left-pane {float: left; width: 247px; position: relative; top: 10px; background-image: url(images/coursespane2.png); background-repeat: repeat-y; }
#left-pane2 {padding: 20px}
#contentComEd {float: right; width: 475px; padding: 10px; font-size: 11px}
#contentComEdEd {float: right; width: 483px; padding: 10px; font-size: 11px}
#left-pane2 ul {list-style-image: url(images/arrow.png);}
#contentComEd ul {list-style-image: url(images/arrow.png);}
#contentComEdEd ul {list-style-image: url(images/arrow.png);}
hr.hor { color: #444444; background-color: #444444; height: 4px;}
hr { color: #C0C0C0; background-color: #C0C0C0; height: 1px; width: 100%}
#contentComEd2 {font-size: 12px}
.addtocart {color: red}
.login-link {color: #C0C0C0;}
.arrows {list-style-image: url(images/arrow.png);}
.titleRow {background-color: #C0C0C0; font-weight: bold}
.empCol {background-color: #F0F0F0}
table  { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 4px; }
a.small-link {font-size: 10px; color: #444444}
.centred-how-to {text-align: center}
#bordered td {border: 1px solid #C0C0C0}
.req {color: #FF0000}

#contentComEd a {background-color: #003366; color: #FFFFFF; padding: 2px 10px 2px 10px; text-decoration: none}
#contentComEd a:hover {background-color: #0066CC; color: #FFFFFF}

.mceEditorContainer iframe {width:600px !important;}

table.detailView {
	border: 1px solid #ccc;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
table.detailView tr {
	
}
table.detailView tr th {
	color: #000;
}
table.detailView tr td {
	padding: 1px 5px;
}