body {
    font-family: Roboto, tahoma, helvetica, arial, sans-serif;
    font-size: 16px;
    color: #6d8492;
	background-color: #ccdbdb;
    background-repeat: repeat-x;
    margin:0px auto 0px auto;
    width:812px;
}

a img {
    border-style: none;
}

p {
    margin-top: 0;
}

#box {
    float: left;
    width: 765px;
    height: 440px;
    margin-top: 160px;
    margin-left: 0px;
    padding-top: 0px;
    padding-left: 50px;
    padding-right: 0px;
    border: solid #a9b6b6 1px;
    color: #6d8492;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    text-decoration: none;
    text-align:justify;
    background-color:#dfefef;
}

#header {
    font-size: 36px;
    margin-top: 60px;
    width: 740px;
}

#menu ul {
    margin-top: 50px;
    padding-left: 0px;
}

#menu ul li {
    display: inline;
    float: left;
    width: 123px;
    height: 122px;
    text-align: center;
    vertical-align: middle;
    line-height: 16px;
    text-decoration: none;
    padding-right: 25px;
}

#menu a:hover {
    background-position: -122px 0;
}

#menu a.selected {
    background-position: -122px 0;
}

#menu a {
    display: block;
    text-decoration: none;
    padding-top: 49px;
    padding-bottom: 58px;
    color: #829dae;
    font-weight: normal;
    font-size: 18px;
    background: url(../img/buttons.png) top left no-repeat;
}

#header-sm {
    margin: 20px 0px 20px 0px;
    position: relative;
}

#logo {
    position: absolute;
    left: 0px;
    top: 0px;
}

#menu-sm {
    float: right;
}

#menu-sm ul {
    margin: 0px;
}

#menu-sm ul li {
    display: inline;
    float: left;
    text-align: center;
    line-height: 16px;
    width: 75px;
    height: 74px;
    text-decoration: none;
    text-align: center;
    padding-left: 7px;

}

#menu-sm a {
    display: block;
    text-decoration: none;
    padding-top: 28px;
    padding-bottom: 32px;
    color: #6d8492;
    font-weight: normal;
    font-size: 12px;
    background: url(../img/buttons-sm.png) top left no-repeat;
}

#menu-sm a:hover {
    background-position: -74px 0;
}

#menu-sm a.selected {
    background-position: -74px 0;
}

#main {
    float: left;
    position: relative;
    margin-top: 70px;
    width: 100%;
}

#content {
    border: solid #a9b6b6 1px;
    background-color: #F6F6F6;
    overflow: hidden;
    min-height: 600px;
    text-align:justify;
}

#text {
    padding: 10px 30px;
    overflow: hidden;
}

#column-left {
    float: left;
    width: 360px;
}

#column-right {
    float: right;
    width: 360px;
}

#word-left {
    position: absolute;
    top: 280px;
    left: -50px;
}

#word-right {
    position: absolute;
    top: 0px;
    right: -50px;
}

#footer {
    padding: 7px 0px;
}

#copyright {
    float: left;
}

#img-copyright {
    font-size: 12px;
    width: 25%;
    margin: 0 auto;
    text-align: center;
}

#links {
    float:right;
    padding-left: 10px;
}

#links ul {
    margin: 0;
}

#links ul li {
    display: inline;
    text-decoration: none;
    padding-left: 15px;
}

#links a,a:link,a:visited
{
    color:#6d8492;
}

.content-heading {
    color: #7992A2;
    font-weight: bold;
    font-size: 16px;
}

.categories ul {
    padding-left: 200px;
    height: 30px;
}

.categories ul li {
    display: inline;
    float: left;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;
    border: solid #a9b6b6 1px;
}

.categories ul li a {
    width: 200px;
    height: 25px;
    display: block;
    text-decoration: none;
}

.selectedCategory a {
    color: #FCFCFC ;
    background-color: #6d8492;
}

.subCategories {
    display: inline-block;
}

.subCategories ul {
}

.subCategories ul li {
    display: inline;
    float: left;
}

.subCategories ul li a {
    margin-left: 10px;
    margin-right: 10px;
}

.selectedSubCategory a {
    color: #FCFCFC ;
    background-color: #6d8492;
}

.resource-nav {
    text-align: center;
}

.resource-content {
    clear: left;
    padding-left: 30px;
}

.book-entry {
    margin: 0 0 20px 0;
    overflow: hidden;
}

.book-image {
    float: left;
}

.book-details {
    margin: 0px 20px;
    width: 420px;
    float: left;
}

.book-title {
    font-weight: bold;
}

.book-author {
    font-weight: bold;
    font-size: 12px;
}

.book-description {

}

.books {
    float: left;
    width: 600px;
}

.filters-heading {
    margin-bottom: 5px;
}

.facets {
    float: left;
    width: 150px;
}

.facet-entry {
    margin-bottom: 10px;
}

.facet-heading {
    font-weight: bold;
}

.sub-facet {
    margin-left: 10px;
    clear: left;
}

.selected-facet-row {
    height: 20px;
    display: block;
}

.selected-marker {
    float: left;
    position: relative;
    width: 10px;
    left: -20px;
    margin: 0;
    padding: 0;
}

.selected-facet-value {
}

.selected-facet-clear {
    font-size: 14px;
}

.dark-text {
    font-weight: bold;
}

.invalid {
    border-style: solid;
    border-width: 1px;
    border-color: red;
}

label {
    clear: left;
    float: left;
    width: 7em;
}

.course-heading {
    color: #7992A2;
    font-weight: bold;
    font-size: 16px;
    float:left;
}

.course-backlink {
    float: right;
    font-size: 12px;
}

.course-entry {
    background-color: #FCFCFC;
    padding: 10px 20px;
    margin-bottom: 15px;
    border-style: solid;
    border-color: #999999;
    border-width: 1px;
    clear: both;
}

.course-title {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px;
}

.course-description {
    font-size: 14px;
    margin: 15px 0px;
}

.course-duration {
    float: left;
}

.course-cost {
    float: left;
    margin-left: 20px;
    overflow: hidden;
}

.course-label {
    font-weight: bold;
    margin-top: 20px;
    padding-right: 3px;
    clear: left;
}

.course-events {
    margin-bottom: 20px;
    list-style-type: square;
}

.course-event {
    margin-top: 15px;
}

.course-date {
    font-weight: bold;
}

.course-location {
    line-height: 1.5;
}

.subject-group {
    float: left;
    display: block;
}

.hidden {
    display: none;
}

.fb-share-button {
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 760px;
}

input {
    margin-bottom: 10px;
}

select {
    margin-bottom: 10px;
}

textarea {
    margin-bottom: 10px;
}

.roboto-thin {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.roboto-light {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.roboto-medium {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.roboto-bold {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.roboto-black {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.roboto-thin-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.roboto-light-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.roboto-regular-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.roboto-medium-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.roboto-bold-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.roboto-black-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: italic;
}
