html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
}
img {
	border: none;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #951b5f;
	font-weight: normal;
	margin: 0;
	line-height: 1em;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #951b5f;
	margin: 0;
	padding: 25px 0 10px;
	font-weight: normal;
}
.navspacer {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	color: #4f4f4f;
	margin: 0;
	padding: 0;
	text-align: left;
	letter-spacing: normal;
	line-height: 17px;
	text-align: justify;
}

/* =-=-=-=-=-=-=-[HEADER IMAGE]-=-=-=-=-=-=-=- */
#header h1 {
	display: block;
	height: 142px;
	width: 300px;
	float: left;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0;
	padding: 0;
}
#header h1 a {
	height: 142px;
	width: 300px;
	margin: 0px 0px 0px 0px;
	display: block;
	padding: 0;
}
#headercontact {
	display: block;
	height: 142px;
	width: 179px;
	float: right;
	background-image: url(images/headercontact.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0;
	padding: 0;
}
#header {
	height: 142px;
	width: 940px;
	margin: 0px auto 5px auto;
	padding: 0;
	position: relative;
}
#header-content {
	width: 760px;
	height: 242px;
	margin: 0 auto;
	padding: 0;
	background-repeat: repeat-x;
	background-position: bottom left;
	float: left;
	clear: both;
}
#heroimage {
	width: 740px;
	height: 242px;
	margin: 0;
	padding: 0;
	float: left;
}
#content {
	width: 940px;
	margin: 0 auto;
}
#herospacer {
	width: 740px;
	line-height: 14px;
	float: left;
	height: 20px;
	clear: both;
}

#hero_home {
	position:relative;
	width:160px;
	height:200px;
}

#coursemap {
	width:490px;
	height:420px;
}
/* =-=-=-=-=-=-=-[CONTENT PANEL]-=-=-=-=-=-=-=- */
#contactpanel {
	width: 179px;
	float: right;
}
.contactdetails{
padding: 5px 10px 0px 10px;
font-family: Arial, Helvetica, sans-serif;
background: url(images/contactbackground.jpg) repeat-x;
color: #666666;
line-height:14px;
}
.contactrule {
	height: 12px;
	width: 157px;
	background: url(images/rule.gif) no-repeat;
	padding: 0;
}

#right a span {
	display: none;
}

/* =-=-=-=-=-=-=-[MAIN CONTENT]-=-=-=-=-=-=-=- */
#maincontent-left {
	width: 760px;
	float: left;
	clear: none;
}
#main-left h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8a5050;
	display: block;
	margin: 0;
	padding: 0px 0 0px 16px;
	font-weight: bold;
	height: 12px;
	
}
#main-left {
	width: 210px;
	float: left;
	margin-bottom: 20px;
	display: block;
	background-color: #ffffff;
	clear: both;
	background-image: url(images/navheader.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#main-center {
	width: 510px;
	float: left;
	color: #666666;
	margin: 0;
	padding: 0 0 20px 20px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/navshadow.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	min-height: 300px;
}
* html #main-center {
	height: 300px;
}
.end {
	clear: both;
	display: block;
	margin: 0;
	padding: 10px;
}
.image {
	float: left;
	border: 1px solid #ccc;
	margin: 10px 10px 10px 0;
	padding: 2px;
}
.imageright {
	float: right;
	margin: 0px 10px 10px 0;
	padding: 2px;
}
#main-center p a {
	color: #4f4f4f;
	text-decoration: underline;
}
#main-center p a:hover {
	color: #4f4f4f;
	text-decoration: none;
}
#main-center p {
	text-align: left;
	color: #666666;
	line-height: 16px;
	padding: 5px 0;
	margin: 0;
}
span.replaced {
	position: relative;
	left: -9999px;
}
ul.listing {
	list-style: none;
	clear: left;
	margin: 8px 0 12px;
	padding: 0;
}
ul.listing li {
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
	line-height: 1.5em;
	padding-left: 10px;
	margin: 0;
}
ul.listing li a:hover {
	text-decoration: none;
	color: #000;
}

a:hover {
	color: #8a5050;
}

h1, #main-center blockquote h3 {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 10px 0px;
}
#herospacer a:hover, ul.listing li a {
	text-decoration: underline;
	color: #8a5050;
}

.backtotop {
	display: block;
	clear: both;
	text-align: right;
}
.backtotop a {
	color: #999999;
	text-decoration: underline;
	text-align: right;
}
.backtotop a:hover {
	color: #666666;
	text-decoration: none;
}
.right {
	width: 180px;
	padding-right: 0;
}
.right label {
	text-align: left;
}
.top {
	text-align: right;
}
.contact {
	margin:0;
	width: 230px;
	padding-top: 20px;
}
.textCenter {
	text-align:center;
}
.textLeft {
	text-align:left;
}
.textRight {
	text-align:right;
}

#navbackground {
	display:none;
	width: 510px;
	float: left;
	color: #4f4f4f;
	margin: 0;
	padding: 0 0 20px 20px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/bg-mainright.png);
	background-position: top left;
	background-repeat: no-repeat;
	min-height: 300px;
}
body#print, body#print td {
	background-image:none;
	background-color:white;
}
/* =-=-=-=-=-=-=-[Main Navigation]-=-=-=-=-=-=-=- */

#menuwrapper {
	display: block;
	width: 190px;
	text-align: left;
	font-size:12px;
	padding-left: 10px;
}

#wrapperNavlist {
  display: block;
  width: 190px;
  background: #ffffff;
  margin-bottom: 0px;
  padding: 0;
}

#navlist {
  margin: 0;/*removes indent IE and Opera*/
  padding: 0;/*removes indent Mozilla and NN7*/
  list-style: none;
}

#navlist a, #navlist a:visited {
  display: block;
  height: 27px;
  line-height: 28px;/*must be equal to height. Centers the text vertically*/
  padding: 0 0 0 10px;
  border: none;
  font-size: 12px;
  font-weight: normal;
  color: #928a8a;
  text-decoration: none;
  background: url(images/nav.jpg) repeat-x left top;
}

#navlist a:hover {
  background-position: 0 -27px;   /* Shift background image vertically 24px, or start of the 2nd background image (on mouseover) */
  font-size: 12px;
  font-weight: normal;
  color: #ffffff;
}

#navlist .active a {
  display: block;
  color: #ffffff;
  background: #ffffff url(images/onnav.jpg) repeat;
  background-position: 0px;
  padding-left: 10px;
  cursor: default;
  font-size: 12px;
  font-weight: normal;
}

/* =-=-=-=-=-=-=-[SUB Navigation]-=-=-=-=-=-=-=- */

#submenuwrapper {
  display: block;
  width: 190px;
  text-align: left;
  font-size:12px;
  padding-left: 10px;
}

#subwrapperNavlist {
  display: block;
  width: 190px;
  background: #ffffff;
  margin-bottom: 0px;
  padding: 0;
}

#subnavlist {
  margin: 0;/*removes indent IE and Opera*/
  padding: 0;/*removes indent Mozilla and NN7*/
  list-style: none;
}

#subnavlist a, #subnavlist a:visited {
  display: block;
  height: 27px;
  line-height: 27px;/*must be equal to height. Centers the text vertically*/
  padding: 0 0 0 10px;
  border: none;
  color: #928a8a;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  background: url(images/subnav.jpg) repeat-x left top;
}

#subnavlist a:hover {
  background-position: 0 -27px;   /* Shift background image vertically 24px, or start of the 2nd background image (on mouseover) */
  color: #f1d8e6;
  font-size: 12px;
  font-weight: normal;
}

#subnavlist .active a {
  display: block;
  color: #ffffff;
  background: #ffffff url(images/subonnav.jpg) repeat;
  background-position: 0px;
  padding-left: 10px;
  cursor: default;
  font-size: 12px;
  font-weight: normal;
}

/* =-=-=-=-=-=-=-[Continued Navigation]-=-=-=-=-=-=-=- */

#contmenuwrapper {
  display: block;
  width: 190px;
  text-align: left;
  font-size:12px;
  padding-left: 10px;
}

#contwrapperNavlist {
  display: block;
  width: 190px;
  background: #ffffff;
  margin-bottom: 0px;
  padding: 0;
}

#contnavlist {
  margin: 0;/*removes indent IE and Opera*/
  padding: 0;/*removes indent Mozilla and NN7*/
  list-style: none;
}

#contnavlist a, #contnavlist a:visited {
  display: block;
  height: 27px;
  line-height: 27px;/*must be equal to height. Centers the text vertically*/
  padding: 0 0 0 10px;
  border: none;
  font-size: 12px;
  font-weight: normal;
  color: #928a8a;
  text-decoration: none;
  background: url(images/nav.jpg) repeat-x left top;
}

#contnavlist a:hover {
  background-position: 0 -27px;   /* Shift background image vertically 24px, or start of the 2nd background image (on mouseover) */
  color: white;
  font-size: 12px;
  font-weight: normal;
}

#contnavlist .active a {
  display: block;
  background: #ffffff url(images/onnav.jpg) repeat;
  background-position: 0px;
  padding-left: 10px;
  cursor: default;
  font-size: 12px;
  font-weight: normal;
}

/* =-=-=-=-=-=-=-[CAT Navigation]-=-=-=-=-=-=-=- */

.catwrapper {
	display: block;
	width: 500px;
	text-align: left;
	font-size:12px;
	padding: 20px 0px 20px 0px;
	}

.wrappercatlist {
  display: block;
  width: 500px;
  background: #ffffff;
  margin-bottom: 0px;
  padding: 0;
}

.catlist {
  margin: 0;/*removes indent IE and Opera*/
  padding: 0;/*removes indent Mozilla and NN7*/
  list-style: none;
}

.catlist a, .catlist a:visited {
  display: block;
  height: 35px;
  line-height: 28px;/*must be equal to height. Centers the text vertically*/
  padding: 0 0 0 10px;
  border: none;
  font-size: 12px;
  font-weight: normal;
  color: #928a8a;
  text-decoration: none;
  background: url(images/catnav.jpg) repeat-x left top;
}

.catlist a:hover {
  background-position: 0 -35px;   /* Shift background image vertically 24px, or start of the 2nd background image (on mouseover) */
  font-size: 12px;
  font-weight: normal;
  color: #ffffff;
}

.catlist .active a {
  display: block;
  color: #ffffff;
  background: #ffffff url(images/catonnav.jpg) repeat;
  background-position: 0px;
  padding-left: 10px;
  cursor: default;
  font-size: 12px;
  font-weight: normal;
}

/* =-=-=-=-=-=-=-[FOOTER!!!]-=-=-=-=-=-=-=- */
#footer {
	width: 100%;
	background-color: #FFFFFF;
	background-image: url(images/footer.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	clear: both;
	margin: 0;
	padding: 10px 0;
}
#footer-content {
	width: 550px;
	clear: both;
	color: #707070;
	font-size: 8pt;
	text-align: left;
	margin: 0 auto;
	padding: 0 0 0 30px;
}
#footer-content a {
	color: #707070;
	text-decoration: underline;
	background-color: inherit;
}
#footer-content a:hover {
	color: #707070;
	text-decoration: none;
	background-color: inherit;
}

.footerstyles {
	width:550px;
	float:left;
	font-family:tahoma, verdana, sans;
	font-size:10px;
	text-align:left;
	padding-right:10px;
	color:#da63a5;
	line-height:18px;
	clear:right;
}
p#footerp {
	display:block;
	clear:both;
	padding:10px 0;
	margin:0;
}

/* MAILING LIST!!
-------------------------------------------------------- */
#mailholder {
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
	float: right;
	clear:right;
	width:188px;
	background-color: #ffffff;
}

#mailtop {
height: 23px;
background: url("images/mail_top.jpg") 0px no-repeat;
}

#mailcontent {
color: #ffffff;
padding-right: 0px;
padding-left: 0px;
padding-top: 5px;
background: url("images/mail_content.jpg") 30px 0px repeat-x;
min-height: 1%;
}

.mailcontent{
padding: 0 0px;
margin-bottom: 21px;
}

#mailbase {
height: 12px;
background: url("images/mail_base.jpg") 30px 0px no-repeat;
}
.mailtext{
	font-size: 11px;
	color: #d62788;
	padding: 0px 10px 10px 10px;
}
.contactpara {
padding: 0px 0px 0px 0px;
}
	
.formtext{
	font-size: 11px;
	color: #666666;
	height: 18px;
	background-color: #e1e4e3;
	border: 1px solid #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}

#formfield{
	padding: 0px 0px 0px 10px;
}
.formmessage{
	font-size: 11px;
	color: #666666;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}
.formbutton{
}
form {
margin:0;
padding:0;
}	


/* ADVERTS
-------------------------------------------------------- */
#advert {
	padding-top: 21px;
	float: right;
	clear:right;
	height: 102px;
	width:179px;
	background-color: #ffffff;
	background: url("images/advert_book.jpg") 0px no-repeat;
}

/* LATEST NEWS BOX
-------------------------------------------------------- */
#newsholder {
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	float: right;
	clear:right;
	width:188px;
	background-color: #ffffff;
}
#newstop {
height: 23px;
background: url("images/latestnews.jpg") 0px no-repeat;
}
#newscontent {
color: #ffffff;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
background: url("images/mail_content.jpg") 30px 0px repeat-x;
min-height: 1%;
}
.newscontent{
padding: 0 0px;
margin-bottom: 21px;
}
#newsbase {
height: 12px;
background: url("images/mail_base.jpg") 30px 0px no-repeat;
}
.newstext{
line-height: 14px;
font-size: 11px;
color: #d62788;
padding-bottom: 10px;
padding-top: 5px;
}
#newsrule {
height: 10px;
width: 168px;
background: url(images/newsrule.gif) no-repeat;
padding: 0;
}

/* LATEST courses BOX
-------------------------------------------------------- */
#courseholder {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	float: right;
	clear:right;
	width:160px;
	background-color: #ffffff;
}
#coursetop {
height: 23px;
background: url("images/heading_nextcourse.gif") 0px no-repeat;
}
#coursecontent {
color: #ffffff;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
background: url("images/mail_content.jpg") 30px 0px repeat-x;
min-height: 1%;
}
.coursecontent{
padding: 0 0px;
margin-bottom: 21px;
}
#coursebase {
height: 12px;
background: url("images/mail_base.jpg") 30px 0px no-repeat;
}
.coursetext{
line-height: 14px;
font-size: 11px;
color: #d62788;
padding-bottom: 10px;
padding-top: 5px;
}
#courserule {
height: 10px;
width: 168px;
background: url(images/newsrule.gif) no-repeat;
padding: 0;
}



.mytable {
	width: 500px;
	padding: 0px 0px 20px 0px;
	margin: 15px 0px 0px 0px;
}

caption {
	padding: 0 0 5px 0;
	width: 500px;
	font: italic 11px Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #951b5f;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
	width: 100px;
}

th.nobg {
width: 200px;

	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #666666;
}


td.alt {
	background: #F5FAFA;
	color: #951b5f;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f8f4f4 url(images/bullet1.gif) no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif;
}

th.specadvanced {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #ede6e6 url(images/bullet1.gif) no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif;
}

th.specleadership {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #bce6f8 url(images/bullet1.gif) no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif;
}

th.specsocial {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #8fdf80 url(images/bullet1.gif) no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif;
}

th.specresidential {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f4d4d4 url(images/bullet1.gif) no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif;
}

td.spec {
	border-top: 0;
	background: #f8f4f4;
}

td.specadvanced {
	border-top: 0;
	background: #ede6e6;
}

td.specsocial {
	border-top: 0;
	background: #c9f1c1;
}

td.specleadership {
	border-top: 0;
	background: #d6eef8;
}

td.specresidential {
	border-top: 0;
	background: #f4d4d4;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #951b5f;
}
a {
	color: #951b5f;
	text-decoration: underline;
}
a:hover {
	color: #cccccc;
	text-decoration: none;
	
	}
	
.formtext{
	font-size: 11px;
	color: #666666;
	height: 20px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}
.formmessage{
	font-size: 11px;
	color: #666666;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

.formbutton{
	padding: 10px 0px 15px 0px;
	
}



/********************** BOX STYLE 02 ***************************/

.dialog02 {
	width:500px;
	margin:20px 0px 20px 0px;
	min-width:500px;
	color:#FFFFFF;
}

.dialog02 .hd .c,
.dialog02 .ft .c {
 font-size:1px; /* ensure minimum height */
 height:13px;
}

.dialog02 .ft .c {
 height:14px;
}

.dialog02 .hd {
 background:transparent url(images/tl02.gif) no-repeat 0px 0px;
}

.dialog02 .hd .c {
 background:transparent url(images/tr02.gif) no-repeat right 0px;
}

.dialog02 .bd {
 background:transparent url(images/ml02.gif) repeat-y 0px 0px;
}

.dialog02 .bd .c {
 background:transparent url(images/mr02.gif) repeat-y right 0px;
}

.dialog02 .bd .c .s {
	margin:0px 8px 0px 4px;
	background:#fbfbfb url(images/ms02.jpg) repeat-x 0px 0px;
	padding:1em;
}

.dialog02 .ft {
 background:transparent url(images/bl02.gif) no-repeat 0px 0px;
}

.dialog02 .ft .c {
 background:transparent url(images/br02.gif) no-repeat right 0px;
}

.dialog02 h1 {
	font-size:18px;
	line-height: 21px;
	color: #951b5f;
	margin:0px;
	padding:0px;
	margin-top:-0.6em;
}

.dialog02 p {
 margin:0.5em 0px 0px 0px;
 font-size: 11px;
 color: #951b5f;
 padding:0px;
}		
.redstar {color: #FF0000}