body {text-align: center;}
p, li, dd, dt, h1, h2, h3, tr, th, td {margin: 0; padding: 0; line-height: 20px;}
ul {margin: 0 0 20px 0; padding: 0 0 0 15px;}
p, li, dd, dt, th, td, legend, textarea, input, select {font-family: Arial; font-size: 12px; color: #330066;}
p {margin: 0;}
a {color: #330066;}
a:hover {color: #792FA0;}

.p {font-size: 12px; line-height: 20px;}
h1 {font-family: Calibri, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 30px; line-height: 30px; color: #6B8BCB; margin-bottom: 10px;}
h2 {font-family: Calibri, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; line-height: 20px; color: #6B8BCB;}
h3 {font-family: Calibri, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; line-height: 20px; color: #6B8BCB; margin-bottom: 20px;}

.container {
    width: 760px;
    margin: 0 auto 30px auto;
    text-align: left;
    background-color: #E4EBF9;
}

div#hd h1 {margin: 0; padding: 0; height: 312px;}
span#logo {display: none;}
div#menu-line {height: 31px; background: url(../images/menu-line.png);}
div#menu-line a {text-decoration: none; color: #FFFFFF; display: block; float: left; padding: 0 8px; line-height: 31px; font-size: 15px; background: url(../images/menu-back.png) left no-repeat;}
div#menu-line a.first-item {padding-left: 35px; background: none;}
div#menu-line a:hover, div#menu-line a.selected {background: url(../images/menu-hover.png);}

div.left-sidebar {width: 244px; float: left; background: url(../images/sidebar-back.png) top repeat-x;}
div.right-sidebar {width: 244px; float: left; background: url(../images/sidebar-back.png) top repeat-x;}
div.left-sidebar h2, div.right-sidebar h2 {margin: 10px 0;}
div.left-sidebar p, div.right-sidebar p {margin-bottom: 20px;}
div.left-sidebar div.content {margin: 50px 26px 40px 0;}
div.left-sidebar div.content p, div.left-sidebar div.content h2, div.left-sidebar div.content ul {margin-left: 35px;}
div.right-sidebar div.content {margin: 50px 0 40px 26px;}

div.main-content {width: 516px; float: left; background: url(../images/main-back.png) top repeat-x;}
div.main-content p {margin-bottom: 20px;}
div.main-content div.content {margin: 10px 20px 40px 26px;}

div#ft {background-color: #D9E2F4; clear: both;}
div#ft p {color: #577ABF; font-size: 11px; line-height: 24px;}
div#ft a {text-decoration: none; color: #577ABF; margin: 0 10px;}
div#ft a:hover {text-decoration: underline;}
div#ft span {margin: 0 10px 0 35px;}

div.index h2.title {font-family: Arial; font-size: 12px;}
div.index h2.title-new {font-family: Arial; font-size: 12px; font-weight: bold;}
div.index h2.title span, div.index h2.title-new span {font-weight: bold; margin-left: 2px; color: #330066;}
div.index p.desc {color: #6B8BCB; font-size: 11px; line-height: 11px; margin-bottom: 9px;}
div.index p {font-size: 11px; margin-bottom: 10px;}

div.show h2.title {font-family: Arial; font-size: 12px; font-weight: bold; color: #330066;}
div.show h2.comment {font-family: Arial; font-size: 12px; font-weight: bold;}
div.show p.desc {color: #6B8BCB; font-size: 11px; line-height: 20px; margin-bottom: 0;}
div.show p {font-size: 11px; margin-bottom: 10px;}
div.show li {font-size: 11px;}

.paginate {padding: 20px 0 20px 0;}
.paginate a, .paginate span {color: #ffffff; background-color: #6B8BCB; text-decoration: none; font-weight: bold; text-align: center; float: left; margin-right: 4px; padding: 0 4px; line-height: 20px;}
.paginate a:hover, .paginate span.current {background-color: #330066;}

div.photos {background-color: #FFFFFF; width: 470px; padding-top: 6px; margin: 6px 0 10px -6px;}
div.photo {float: left; width: 150px; margin-left: 5px;}
div.photo img {width: 150px; height: 110px;}
div.photo p {font-size: 11px; line-height: 14px; color: #6B8BCB; margin: 0 5px 6px 0;}

div.videos h2 {margin-top: 10px;}
div.videos p {margin-bottom: 10px;}

ul.messages {list-style: none; padding: 0;}
ul.messages li {color: #87140C; font-weight: bold;}

img {border:0; padding:0; margin:0;}

table {border-collapse: collapse;}
th, td {vertical-align: top; text-align: left; padding-top: 4px;}
th {padding-right: 10px; font-weight: normal; width: 60px;}

label {font-size: 11px; white-space: nowrap;}
form p.description {color: #6B8BCB; font-size: 11px; line-height: 14px; margin: 0;}
input#author_email + p.description {display: inline;}
input, textarea {border: 1px solid #6B8BCB; padding: 0 2px;}
input.text {width: 216px; margin-right: 6px;}
textarea {width: 402px; height: 150px;}
input.submit {float: right; background: url(../images/button-back.png) #6B8BCB top repeat-x; color: #FFFFFF; font-weight: bold; text-transform: uppercase; padding: 5px; border: 0;}
input.submit:hover {background: url(../images/button-hover.png) #C85CC7 top repeat-x;; cursor: pointer;}

ul.errors {list-style: none; padding: 0; margin: 0;}
ul.errors li {color: #87140C; font-size: 11px; line-height: 14px; font-weight: bold;}

div.progress {display: none; position: fixed; bottom: 80px; border: 1px solid #CCCCCC; background-color: #FAFAFA; padding: 50px; width:360px; z-index: 95;}
div.progress img {float: left; margin-right: 13px;}
div.progress p {padding:0; margin:0;}


div.cleaner {clear: both;}
div.separated {clear: both; background: url(../images/dot-line.png) top repeat-x; padding-top: 10px;}

.curriculum h3 {margin: 0;}
.curriculum dl {margin: 5px 0 15px 0; padding: 0;}
.curriculum dt {float: left; padding-top: 5px;}
.curriculum dd {margin-left: 80px; padding-top: 5px;}
.curriculum p {margin: 5px 0 15px 0;}