body {background: white; text-align: center; padding: 0px; font-family: Arial, Verdana, "Trebuchet MS", Tahoma; margin: 0px; padding: 0px; font-size: 76%; }
html {overflow-y: scroll;}

body { color: black;  }
a, a:visited { color:rgb(79,38,132); font-weight:bold; text-decoration:none; }
a:hover {text-decoration:underline; }

h1, .h1 {font-size: 180%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h2, .h2 {font-size: 160%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h3, .h3 {font-size: 110%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold; color:rgb(79,38,132);  }
h4, .h4 {font-size: 110%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h5, .h5 {font-size: 100%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
p {margin: 0px 0px 10px 0px; padding: 0px;}
h1, h2, h3, h4, h5, p {position: relative; left: 0px; top: 0px;}

img {border: none; margin: 0px; padding: 0px; vertical-align: bottom; }
ul { text-align: left;}
li {padding-left: 6px;}
div {margin: 0px; padding: 0px;}
td {vertical-align: top;}
form {padding: 0px; margin: 0px;}

/* generic css */
.logo {width: 254px; height: 140px; margin-left:6px; float:left; border: none; }
.tagline {width: 222px; height: 24px; margin:55px 0px 0px 0px; float:left; }
.clear {clear: both; font-size: 0px; height: 0px; line-height: 0px;}
.clear img, .clear div {width: 100%; height: 1px;}
.textonly {display: none;}
.formErr {display: block; color: red; }
.formNoErr {display: none; }
.page404 {text-align: center;}
.bold {font-weight: bold;}
.btn {border: none; height: 24px; overflow: visible; padding: 0px 8px; font-weight: bold; cursor: pointer}
.txtfield { border: 1px solid rgb(165,172,178); padding: 1px 2px;}
.selfield { border: 1px solid rgb(165,172,178);  }
.chkbox {position: relative; top: 2px; left: 0px;}
.imgbtn {padding: 0px; border: 0px; margin: 0px;}
.accesskeys {display: none;}

/* standard content css */
.content li {margin-bottom: 4px;}

/* layout css */
body, html {height:100%;}
.page {width: 972px; min-height:100%;  margin: 0px auto 0px auto; text-align: left; background: url(/images/bg.gif) 0px 0px repeat-y;}
* html .page {height:100%;}

.header { height: 140px; text-align: right; }
.header, .header a, .header a:visited { text-decoration: none;}
.header .lcol {float: left; width: 700px;}
.header .rcol {float: left; height:140px; width: 266px;}
.header .rcol .sub { }

.header .contactbox {width:145px; height:114px; float:right; margin:20px 26px 0px 0px; }
.header .contactbox .top {width:145px; height:64px; background:url(/images/contact-top.gif) 0px 0px no-repeat; }
.header .contactbox .bottom {width:145px; height:50px; background:url(/images/contact-bottom.gif) 0px 0px no-repeat; }
.header .contactbox .bottom .content {color:white; padding:0px 6px 0px 6px; }
.header .contactbox .bottom .content a, .header .contactbox .bottom .content a:visited {color:white; font-family: Verdana; font-size: 10px;  }
.header .contactbox .bottom .content a:hover { text-decoration:underline; }

.topmenu { width: 960px; height: 25px; margin-left:6px; background: rgb(79,38,132) url(/images/menu-bar.jpg) repeat-x scroll; border-bottom:1px solid rgb(255,241,110); }
.topmenu .menu {float: left; width: 960px; height: 25px; display: inline; text-transform:uppercase;  }
.topmenu .menu .item a, .topmenu .menu .item a:visited {font-weight: bold; text-decoration: none; color:rgb(255,255,255);}
.topmenu .menu .sel a, .topmenu .menu .sel a:visited {font-weight: bold; text-decoration: none; color:rgb(255,241,110);}
/*.topmenu .menu .item a:hover {text-decoration: none; color:rgb(255,241,110); }*/
.topmenu .menu .item a:hover {text-decoration: none; color:rgb(203,175,239); }
.topmenu .menu .item {float: left; height: 25px; margin:0px 4px 0px 10px; display:inline; }
.topmenu .menu .item p { margin: 0px; padding: 5px 0px 0px 5px; text-align: center; }

.ticker {height:39px; width:960px; margin-left:6px; background:url(/images/ticker-bg.gif) 0px 0px repeat-x; border-bottom:1px solid rgb(225,225,225); }
.ticker #ticker {padding:0px 0px 0px 30px; color:rgb(79,38,132); }
.ticker #ticker a {padding-right: 10px;}
.ticker #ticker a:hover {text-decoration:underline; }
.ticker #ticker .inner {font-weight: normal;}

/* default page styles */
.pageBody { margin: 0px 6px; padding: 14px 0px 0px 0px; }
.pagearea { height: 200px;}
html>body .pagearea {height: auto; min-height: 200px;}

.pageBody .bcrumb {font-size: 90%; margin-bottom: 16px; }
.pageBody .bcrumb a, .bcrumb a:visited { color: rgb(89,89,89); text-decoration: none;}
.pageBody .bcrumb a:hover {text-decoration: underline;}

.pageBody .lcol {float: left; width: 380px;}
.pageBody .rcol {float: left; width: 580px; }

.pageBody .lcolcontent { padding:0px 60px 0px 40px; }
.pageBody .lcolcontent .leftimg { width:180px; margin-bottom:20px; }
.pageBody .default { padding:0px 20px; }

.pageBody table { border-collapse: collapse;}
.pageBody table td {border: 1px solid rgb(166, 167, 169); padding: 4px 5px; margin: 0px;}
.pageBody .th {font-weight: bold;}

.pageBody .content a, .bulk .content a{background:#4f2684; padding:1px 3px; color:white; font-weight:normal;}
.pageBody .content a:hover, .bulk .content a:hover{background:#FFF26F; color:#4f2684; text-decoration:none;}
.pageBody .mainbanner .left .content a:hover{color:#4f2684;}

.pageTitle {  padding-bottom: 5px; margin-bottom: 10px;}
.pageTitle h1 {text-align: left; color: rgb(79,38,132); font-size: 19px; font-weight: normal;}
.pageTitle h1 a, .pageTitle h1 a:visited {text-decoration: none; font-weight:normal; }

.title h3 {font-size:140%;}

/* footer styles */
.footer {text-align: left; padding: 20px 0px;}

.footer .col {width:310px; float:left; }
.footer .col .itemCon {padding:10px 0px 10px 16px; text-align:left;}
.footer .col .itemCon .title a, .footer .col .itemCon .title a:visited { color:rgb(79,38,132); font-weight:bold; }
.footer .col .itemCon .title a:hover {text-decoration:none; }

.footer .bulk {margin:0px 6px 0px 6px; border-bottom:1px solid rgb(225,225,225); border-top:1px solid rgb(225,225,225);  }
.footer .signup {padding-left:30px; }
.footer .subscribeWrapper {height:184px; width:259px; border-right:2px solid #fff16e; background:url(/images/thumbnail.gif) no-repeat right bottom #4f2684;}
.footer .subscribeWrapper h3 {color:white;}
.footer .subscribeWrapper p { color: white; font-weight: bold; }
.footer .subscribeWrapper .txtfield {padding:4px 7px; width:158px; margin-bottom:11px; background:url(/images/field.gif); border:0; height:19px; line-height:19px; color:#626262;}
.footer .subscribeWrapper #maillistAdd {background:url(/images/subscribe-btn.gif); text-indent:-9999px; font-size: 0px; line-height: 0px; width:93px; height:27px; display:block; margin-left:80px;}
.footer .subscribeWrapper .row {position:relative;}
.footer .subscribeWrapper .row .formErr { position:absolute; left:180px; display:block; background:#FFF26F url(/images/valid-arrow.gif) left center no-repeat; color:#4f2684; height:15px; padding:6px 15px; width:184px;}


.footer .signup .row {height:25px; }
.footer .signup .btn {background:rgb(86,73,119); color:white; height:20px; padding:0px 3px;  }

.footer .menu, .footer .menu a, .footer .menu a:visited {color: rgb(120,120,120); text-decoration: none; font-weight:normal;}
.footer .menu a:hover {text-decoration: underline;}
.footer .menu { margin:5px 0px 0px 12px; font-size: 90%; text-align:left; }
.footer .menu .item {display: inline; }
.footer .menu .sep {display: inline; border-right: 1px solid rgb(120,120,120); height: 16px;}
.footer .menu p {margin: 0px; padding: 0px 8px 0px 12px; text-align: center; display: inline;}
.footer .menu .tab { margin: 0px 4px; padding: 0px;}

/* home page */
.pageBody .home td {border: none; padding: 0px; margin: 0px;}

.home .mainbanner {height:273px; width:960px; float:left; margin-top:5px;  }
.home .mainbanner .left { width:275px; height:273px; float:left; background:rgb(79,38,132); }
.home .mainbanner .mid {width:405px; height:273px; float:left; border-left:2px solid rgb(255,241,110); }
.home .mainbanner .right {width:275px; height:273px; float:left; border-left:2px solid rgb(255,241,110); border-top:1px solid rgb(225,225,225); }
.home .mainbanner .left .content {color:white; padding:18px;   }
.home .mainbanner .left .content h3 {color:white; }
.home .mainbanner .left .content a, .home .mainbanner .left .content a:visited {color:rgb(255,241,110); }
.home .mainbanner .right .linkblock {width:275px; height:135px; display:block; background:url(/images/home-box-bg.gif) 0px 0px repeat-x; border-bottom:1px solid rgb(225,225,225); }
.home .mainbanner .right .itemCon {padding:9px; }

/* seminars styles */
/*.seminars {border-top:1px solid rgb(225,225,225); }*/
.seminars .leftblock {height:90px; background:url(/images/home-box-bg.gif) 0px 0px repeat-x; border-bottom:1px solid rgb(225,225,225); }
.seminars .leftblock .itemCon {padding:10px; }

/* contact styles */
.contact .column {width:225px; float:left; margin-top:12px;}
/*.contact .right { margin-left:0px; }*/
.contact .formbox {padding-left:30px; }
.contact .formbox .row {height:25px; }
.contact .formbox .btn, .maillist .btn {background:rgb(86,73,119); color:white; height:20px; padding:0px 3px;  }

/* default page layout 2-col */
.default{}
.default .lcol {}
.default .rimage {float: right; margin-left: 20px; }

/* basic page layout 1-col */
.basic {background-color: rgb(155, 154, 170);}

/* site map */
.sitemap li {margin-bottom: 10px;}
.sitemap li a, .sitemap li a:visited {text-decoration: none;}
.sitemap li a:hover {text-decoration: underline;}
.sitemap .level1 {float: left; margin: 0px 15px; display: inline;}

/* generic login form */
.loginForm {}
.loginForm .row {}
.loginForm .warning {color: red;}

/* generic class css */
/* messages used by multiple classes on the site */
.messages {padding: 3px; background-color: rgb(215, 236, 236); border: 1px solid rgb(180, 180, 180); margin: 0px 0px 20px 0px;}
.pagearea .messages {margin: 0px 0px 20px 0px;}
.messages .warning {color: red}
.messages .message {color: green;}
.messages .title {}
.messages ul {}
.messages li {}

/* search */
.searchpage {}
.searchpage .search {margin-bottom: 20px;}
.searchpage .search .txtfield {margin-left: 0px;}
.searchpage .string {text-decoration: none;}

/* generic page */
.generic h3 {margin-bottom: 18px;}
.generic h4 {margin-bottom: 5px;}
.generic .summary {margin-bottom: 22px;}
.generic .summary a {text-decoration: none;}

/* form css */
.waitMsg {display: none; background: rgb(99, 99, 99); border: 3px solid rgb(255, 173, 99); width: 300px; text-align: center; position: absolute; top: 0px; left: 0px;}
.waitMsg p {padding: 10px 20px; font-size: 140%; color: white;}
.waitMsg .wImg {margin-bottom: 10px;}

.content .wlcol, .content .wrcol {float: left;}
.content .wlcol { width: 250px;}
.content .wrcol { width:250px; margin-left: 10px;}

/* courses enquiry form */
.courseForm { margin: 10px 0px; }
.courseForm .row { margin:0 0 1em 0; }
.courseForm .row label { float: left; width: 160px; text-align: right; padding-right: 10px; line-height: 1.8em; }
.courseForm .row .formErr { margin-left: 170px; }
.courseForm .row label sup { color: #f66; }
.courseForm .row .txtfield {padding:5px 2px 5px; width:243px; border:1px solid rgb(165,172,178); }
.courseForm .row .txtarea {padding:2px 2px 2px; width:243px; height: 80px; border:1px solid rgb(165,172,178); line-height: 1.8em;font-family: Arial, Verdana, "Trebuchet MS", Tahoma; font-size: 13px;}
.courseForm .row .chkbox { left: -4px; top: -2px; }
.courseForm .submitRow { width: 418px; text-align: right; }
.courseForm .row .btn { border:1px solid rgb(86,73,119); background:rgb(86,73,119); color: rgb(255,255,255); font-weight:normal; text-transform: uppercase; }

.courseForm p.notice { color: rgb(86,73,119); font-weight: bold; }

/* blog page */
.pageBody .bloglcol {width:340px;}
.bloglcol .sidemenu h2 {color:#4F2684; font-size:19px; font-weight:normal;}
.bloglcol .sidemenu li a {line-height:1.5em;}
.bloglcol .sidemenu li .sel {font-weight:bold;}
.blogrcol .pageTitle {border-bottom: 1px solid #E1E1E1; }
.blogrcol h1 {color:#4F2684; }
.blogrcol h3 {color:#7F7F7F; font-style:italic; font-weight:normal; }
.blogrcol .content div {line-height:1.7em;}

.blogrcol .content img[align="left"]  {float: left;}
.blogrcol .content img[align="right"] {float: right;}