/**
 * Defaults and Resets
 */
html, body {margin: 0; padding: 0; background: #77787a;}

body {font-family: Georgia, "Times New Roman", Serif; font-size: 12px; line-height: 18px; color: #58595b;}

form {margin: 0; padding: 0;}

img {border: 0;}

td {vertical-align: top;}

p {margin: 0 0 20px 0;}

a {color: #429cda;}

h2 {margin: 0; font-family: Arial Black, Arial, Verdana, Sans-Serif; font-size: 12px; font-weight: normal; color: #429cda; text-transform: uppercase;}
h3 {margin: 0; font-family: Arial Black, Arial, Verdana, Sans-Serif; font-size: 12px; font-weight: normal; color: #58595b;}

:focus {outline: 0;}

/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}

strong.name {font-family: Arial Black, Arial, Verdana, Sans-Serif;}

/**
 * Lists
 */
ul.inline {margin: 0; padding: 0; list-style-type: none;}
ul.inline li {display: inline;}

ul.list {margin: 0; padding: 0; list-style-type: none;}

ul.noTopMargin {margin-top: 0;}

ul.noIndent {margin-left: 0; padding-left: 20px;}

div.thumbList > div {padding: 0 0 10px 0;}
div.thumbList .photo {float: left; width: 85px;}
div.thumbList .content {float: right; width: 350px;}

/**
 * Layout
 */
#master {width: 980px; margin: 0 auto;}

#page {width: 100%; background: #fff url(../images/bg-right-shadow.gif) repeat-y right top;}
#page > div {background: url(../images/bg-bottom-shadow.gif) repeat-x left bottom;}
#page > div > div {background: url(../images/bg-top-right-corner.gif) no-repeat right top;}
#page > div > div > div {background: url(../images/bg-bottom-right-corner.gif) no-repeat right bottom;}
#page > div > div > div > div {padding: 0 20px 20px 0; background: url(../images/bg-bottom-left-corner.gif) no-repeat left bottom;}

#header {position: relative; height: 157px; background: url(../images/bg-header.jpg) no-repeat; border-bottom: solid 1px #636466;}
#header .logo {position: absolute; top: 53px; left: 62px;}
#header .tagline {position: absolute; top: 0; left: 525px; width: 320px; height: 56px; padding: 12px 20px 0 15px; font-size: 13px; line-height: normal; color: #fff; text-align: center; background: url(../images/bg-tagline-trans.png) no-repeat}

#nav {height: 26px; margin: 3px 0; padding: 4px 0 0 0; background: #d1ceb9; border: solid 1px #636466; border-width: 1px 0; font-size: 10px; line-height: 20px; text-transform: uppercase; text-align: center;}
#nav ul {margin: 0; padding: 0; list-style-type: none;}
#nav ul li {float: left; display: block; margin: 0 3px 0 0; padding: 0 0 0 5px; width: 150px; background: url(../images/bg-menu-item.gif) no-repeat;}
#nav ul li a {display: block; padding: 0 7px 6px 0; background: url(../images/bg-menu-item.gif) no-repeat right top; color: #fff; text-decoration: none;}
#nav ul li.normal {background: none; width: auto;}
#nav ul li.normal a {display: inline; background: none; padding: 0 20px; font-family: Arial, Verdana, Sans-Serif; color: #656060; text-decoration: underline;}
#nav ul li.on,
#nav ul li:hover {background-position: 0 -26px;}
#nav ul li.on a,
#nav ul li:hover a {background-position: right -26px;}

#body {padding: 10px 0 10px 0; border-top: solid 1px #636466; background: #f3efd4 url(../images/bg-vertical-borders.gif) repeat-y 720px top;}

#sidebar {float: left; width: 245px; padding: 0 0 0 10px;}

#content {float: left; width: 450px; padding: 10px 0 0 0;}

#rightSidebar {float: right; width: 210px; padding: 10px 10px 0 0;}

div.box {background: url(../images/bg-box-sprites.gif) repeat-y -235px 0;}
div.box > div {background: url(../images/bg-box-sprites.gif) no-repeat;}
div.box > div > div {background: url(../images/bg-box-sprites.gif) no-repeat -470px bottom;}

div.beigeBox {width: 235px;}
div.beigeBox a {color: #58595b;}

div.blueBox {background: url(../images/bg-box-sprites.gif) repeat-y -1160px 0;}
div.blueBox > div {background: url(../images/bg-box-sprites.gif) no-repeat -705px top;}
div.blueBox > div > div {width: 450px; background: url(../images/bg-box-sprites.gif) no-repeat -1615px bottom;}

div.whiteBox {background: url(../images/bg-box-sprites.gif) repeat-y -2280px 0;}
div.whiteBox > div {background: url(../images/bg-box-sprites.gif) no-repeat -2070px top;}
div.whiteBox > div > div {background: url(../images/bg-box-sprites.gif) no-repeat -2490px bottom;}

div.classesBox > div > div {padding: 15px 25px 30px 10px; line-height: 16px; text-align: center;}
div.classesBox p {margin: 0 0 10px 0;}

div.blogBox > div > div {padding: 15px 25px 30px 10px;}

div.testimonial {margin: 0 0 40px 0; font-style: italic; line-height: 22px; color: #4a8e66;}
div.testimonial .author {margin-top: -20px; font-style: normal;}

/**
 * Forms
 */
#register {padding: 5px 25px 20px 15px; font-family: Arial, Verdana, Sans-Serif; color: #fff;}
#register h4 {margin: 0 0 5px 0; text-transform: uppercase;}
#register div.row {padding: 0 0 5px 0;}
#register input[type="text"] {margin: 0 0 0 10px; width: 200px; font-family: Arial, Verdana, Sans-Serif; font-size: 11px;}
#register div.name input[type="text"] {width: 275px;}
#register div.email input[type="text"] {width: 342px;}
#register div.status input[type="text"] {width: 150px;}
#register div.classDate input[type="text"] {width: 260px;}
#register div.comments input[type="text"] {width: 184px;}
#register div.referrer input[type="text"] {width: 265px;}

form.form {width: 100%;}
form.form .row {padding: 0px 0px 5px 0px;}
form.form .label {float: left; width: 90px;}
form.form .field {float: left; width: 190px;}