img {border: 0; padding: 0; margin: 0}
form {border: 0; padding: 0; margin: 0; font: xx-small verdana; color: #000}
.check {margin: 0; padding 0; border: 0}
body {background: #fff; border: 0; padding: 0; margin: 20px 0 20px 0}
.cl_button { width: 60px; height: 14px; font: normal 8pt arial; color: #fff; background: #21109D; border: 0; padding: 0; margin: 0}
.cl_button_log { width: 40px; height: 14px; font: normal 8pt arial; color: #fff; background: #21109D; border: 0; padding: 0; margin: 0}
.cl_button_req { width: 90px; height: 14px; font: normal 8pt arial; color: #fff; background: #21109D; border: 0; padding: 0; margin: 0}

/* general layout */

#main {width: 770px; margin: auto; background: transparent url(images/main_bg.gif) top left repeat-y}
#wrapper {width: 770px; margin: auto; background: transparent url(images/doc_bgrd.gif) bottom left no-repeat}
#mainindex {width: 770px; margin: auto; background: transparent url(images/mainindex_bg.gif) top repeat-y}

#header {width: 770px; height: 144px; background: #fff; clear: both; background: transparent url(images/header_bg.jpg) top left no-repeat}

#menu {width: 770px; height: 60px; padding: 15px 0 15px 0; margin: 0; background: transparent url(images/menu_bg.gif) top left no-repeat; voice-family: "\"}\""; voice-family: inherit; height: 30px}
html>#menu {height: 30px}

#left {float: left; width: 430px; background: transparent}
#news_trainingcourses {width: 430px; height: 115px; background: transparent url(images/news_trainingcourses.gif) top left no-repeat}
#news {width: 215px; height: 115px; float:left  }
#courses {width: 215px; height: 115px; float:left }
#content {width: 430px}
#content_padding {padding: 15px}
#contentindex {width: 430px; background: #898989}
#contentindex_padding {padding: 15px}
#contentright {width: 335px; background: #C6C9E6}
#contentright_padding {padding: 15px}

#right {float: left; width: 340px; margin: 0 0 0 5px; background: transparent; voice-family: "\"}\""; voice-family: inherit; width: 335px}
html>#right{width: 335px}

#login_area {background: #B9B4DB}
#login_area div {padding: 15px}

#footer {width: 770px; height: 40px;background: #fff url(images/footer_bg.gif) top left no-repeat; clear: both}
#footerindex {width: 770px; height: 40px; background: #fff url(images/footerindex_bg.gif) top left no-repeat; clear: both}

#course_wrap {margin: auto; width: 300px; background: transparent url(images/course_bg.gif) bottom right no-repeat}
#course_wrap2 {background: transparent url(images/courseshadow_bg.gif) top left no-repeat; padding: 10px 0 0 0}

/* typeography */

h1 {font: bold small verdana; color: #21109C; background: #B8B8B8; border: 0; padding: 10px 0 10px 15px; margin: 0; border-bottom: 2px solid #fff; voice-family: "\"}\""; voice-family: inherit; font-size: medium}
html>h1{font-size: medium}

#login_area h1 {font: bold x-small verdana; color: #fff; background: #837ABF; border: 0; padding: 5px 0 5px 10px; margin: 0; voice-family: "\"}\""; voice-family: inherit; font-size: small}
html>#login_area h1{font-size: small}

h2 {font: bold xx-small verdana; color: #333; border: 0; padding: 0; margin: 4px 0 6px 0; voice-family: "\"}\""; voice-family: inherit; font-size: x-small}
html>h2{font-size: x-small}

h3 {font: bold x-small verdana; color: #21109C; background: #C6C9E6; border: 0; padding: 10px 15px 10px 0; margin: 0; border-bottom: 2px solid #C6C9E6; voice-family: "\"}\""; voice-family: inherit; font-size: small}
html>h3{font-size: small}

h4 {font: bold x-small verdana; color: #21109D; border: 0; padding: 0; margin: 0 0 5px 0; voice-family: "\"}\""; voice-family: inherit; font-size: small}
html>h4{font-size: small}

h5 {font: bold small verdana; color: #fff; border: 0; padding: 3px 14px 10px 0; margin: 0;  voice-family: "\"}\""; voice-family: inherit; font-size: medium}
html>h5{font-size: medium}

#login_area h2 {font: bold xx-small verdana; color: #21109C; background: #C8C4E3; border: 0; padding: 5px 0 5px 13px; margin: 0; voice-family: "\"}\""; voice-family: inherit; font-size: x-small}
html>#login_area h2{font-size: x-small}

p {font: xx-small verdana; color: #666; border: 0; padding: 0; margin: 0; voice-family: "\"}\""; voice-family: inherit; font-size: x-small}
html>p{font-size: x-small}

ul {font: xx-small verdana; color: #333; voice-family: "\"}\""; voice-family: inherit; font-size: x-small}
html>ul{font-size: x-small}

#login_area p {font: xx-small verdana; color: #000; border: 0; padding: 0; margin: 0; voice-family: "\"}\""; voice-family: inherit; font-size: x-small}
html>#login_area p{font-size: x-small}

p.footer_text {font: 10px verdana; color: #999}
p.course_text {color: #333}

/* linkology */

a:link, a:visited {font: bold x-small verdana; text-decoration: underline; color: #666}
a:hover {font: bold x-small verdana; text-decoration: none}
a:active {font: bold x-small verdana; text-decoration: underline}

#menu a:link, #menu a:visited {font: bold x-small verdana; text-decoration: none; color: #fff}
#menu a:hover {font: bold x-small verdana; color: #071494; text-decoration: none}
#menu a:active {font: bold x-small verdana; color: #071494; text-decoration: none}

#login_area a:link, #login_area a:visited {font: xx-small verdana; text-decoration: underline; color: #000}
#login_area a:hover {font: xx-small verdana; text-decoration: none; color: #000}
#login_area a:active {font: xx-small verdana; text-decoration: underline}

a.footer_link:link, a.footer_link:visited {font: bold x-small verdana; text-decoration: none; color: #999}
a.footer_link:hover {font: bold x-small verdana; text-decoration: underline}
a.footer_link:active {font: bold x-small verdana; text-decoration: none}

a.header_link:link, a.header_link:visited {font: bold x-small verdana; text-decoration: underline; color: #333}
a.header_link:hover {font: bold x-small verdana; text-decoration: none}
a.header_link:active {font: bold x-small verdana; text-decoration: underline}