/* Spinks Training Stylesheet */
*{ margin: 0; padding: 0;}
body {font-family: arial, sans; color: #444; font-size: 12px; margin: 20px 0; background: url(images/bg.gif) #900 repeat-x;}
a {text-decoration: none; color: #f60;} a img {border: none;}
a:hover {color: #444;} p {margin: 14px 0;}
h1,h2,h3,h4,h5,h6 {color: #555; line-height: normal;}
h1 {color: #369; height: 33px; background-repeat: no-repeat;}
h2 {font-size: 12px; margin-bottom: 20px;} h3 {color: #f30; font-size: 12px;}
h3 {font-size: 14px; margin-bottom: 2px; text-transform: uppercase;}
form, fieldset {border: none;} label {line-height: normal; display: block; margin: 10px 0 2px 0; font-weight: bold; font-size: 11px;} input, textarea {background: #fff; font-family: arial; font-size: 11px; width: 180px; padding: 4px; border: 1px solid #ccc;} textarea {width: 190px; height: 80px;} input:hover, textarea:hover {border: 1px solid #777;} hr {clear: both; margin: 20px 0;}
ul {list-style: square; margin: 5px 0;} li {list-style-position: inside; margin: 2px 0;}
td {vertical-align: top;}
/* Content Wraps */
#page {width: 955px; margin: 0 auto;}
#content {background: #fff; padding: 20px; line-height: 18px;} #content .sContent {width: 900px;}
#leftPanel {width: 480px; padding-right: 40px; border-right: 1px solid #ccc; float: left;}
#rightPanel {width: 240px; padding-left: 40px; float: left;}
/* Content Headings */
#content h1 {height: 40px; background: url('images/h1.gif'); display: block;} #content .training {width: 386px; background-position: 0 0;} #content .knowledge {width: 230px; background-position: 0 -40px;} #content .about {width: 310px; background-position: 0 -80px;} #content .courses {width: 260px; background-position: 0 -120px;} #content .enroll {width: 300px; background-position: 0 -160px;} #content .contact {width: 170px; background-position: 0 -200px;} #content .location {width: 190px; background-position: 0 -240px;}
/* Courses */
#courseTabs {list-style: none; width: 900px; height: 36px; border-bottom: 1px solid #ccc; margin: 0 0 20px 0;} #courseTabs li {float: left; text-align: center; margin: 0 2px 0 0;} #courseTabs li a {width: 130px; font-size: 11px; height: 36px; line-height: 40px; background: url(images/tab.gif); display: block;} #courseTabs li a:hover, #courseTabs li a.selected {background-position: 0 -36px; color: #000;}
.courseList {list-style: none;} .courseList li {width: 260px; margin: 0; float: left;} #tabIDs p {width: 480px;} #tabIDs ul {margin: 2px 0 20px 0;}
/* Footer */
#footer {font-style: normal; font-weight: normal; border-top: 1px solid #600; background: #fff; height: 60px; font-size: 11px;}
#footer a {color: #f60;} #footer img {float: right;}
/* Misc Classes */
.clear {clear: both;} .none {display: none;} .note {font-size: 11px; color: #f00; margin: 10px 0 0 0; display: block;}