/* General CSS settings */

* {
    margin: 0px;
    padding: 0px;
}


#wrap {
    height: auto;
    min-height: 100%;
    width: 1010px;
    margin: auto;

}

html, body, #wrap {
    height: 100%;
}

body > #wrap {
    height: auto;
    min-height: 100%;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    line-height: 18px;
}

ul{
    list-style-type: none;
}

ul.disc {
    list-style-type: disc;
}

#main {
    padding-bottom: 221px; /* must be same height as the footer */
}  

#footer {
    background: url(/images/footer.jpg) no-repeat bottom center;
    position: relative;
    height: 221px;
    width: 1010px;
    margin: -221px auto 0px auto; /* negative value of footer height */
    clear:both;
}

div.footer_left_box {
    color: #000000;
    text-decoration: none;
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    float: left;
    padding-left: 100px;
    height: 110px;
    width: 300px;
    position: relative;
}

div.footer_left_box p {
    text-align: right;
    position: absolute;
    bottom: 0;

}

div.footer_right_box {
    color: #000000;
    text-decoration: none;
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    float: left;
    padding-left: 240px;
    height: 110px;
    width: 300px;
    text-align: right;
    position: relative;
}

div.footer_right_box p {
    text-align: right;
    position: absolute;
    bottom: 0;
}

div.footer_right_box a {
    text-decoration: none;
    color: #000000;
}

div.content {
    background: url(/images/body_rpt.jpg) repeat-y top center; /* The sand with page part in the middle */
    float: left;
    width: 100%;

}

div.header {
    background: url(/images/body_bg.jpg) no-repeat top center; /* The header */
    min-height: 580px;
    width: 1010px;
}

div.menu {
    float: left;
    height: 12px; /* height + padding should equal approx 115 px to make the menu appear at the right height */
    padding-top: 100px;
    padding-left: 255px;
}

div.page_content {
    float: left;
    padding-left: 36px;
    padding-right: 36px;
    padding-top: 180px; /* menu div height + div menu padding top + padding top should equal around 295 px */
    margin-top: -470px;
}

div.sidemenu {
    float: left;
    width: 202px;
    padding-left: 26px;
    padding-right: 8px;
}

div.material {
    float: left;
    display: inline;
    margin-top: -5px;
    padding-left: 30px;
    padding-right: 18px;
    width: 648px; /* Should add up to 696px with padding */
}

/* Common page elements */

div.info_box {
    float: left;
    margin-top: 10px;
    border: 1px solid #D3CFBC;
    padding: 309px 10px 20px 10px;
    background: url(/images/yasha_college.jpg) no-repeat top center;
    width: 180px;
    font-size: 11px;
    background-color: #FFFBF7;
    line-height: 21px;
}

div.side_link_box {
    float: left;
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    float: left;
    font-size: 10px;
    text-decoration: underline;
    text-align: right;
    display: block;
}
div.side_link_box a {
    color: #000000;
}

div.podcast_box {
    float: left;
    border: 1px solid #D3CFBC;
    padding: 5px 10px 5px 10px;
    background-color: #E7DFCE;
    width: 180px;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    text-decoration: underline;
    text-align: left;
}

div.podcast_info {
    float: left;
    background-color: #FFF3D6;
    width: 100%;
    border-left: 1px solid #D3CFBC;
    border-right: 1px solid #D3CFBC;
    border-bottom: 1px solid #D3CFBC;
    padding: 10px 10px 15px 10px;
    width: 180px;
    float: left;
    font-size: 11px;
    line-height: 21px;
}

div.testimonials {
    float: left;
    border: 1px solid #D3CFBC;
    padding: 15px 10px 15px 10px;
    width: 180px;
    font-size: 11px;
    background-color: #FFFBF7;
    font-size: 11px;
    line-height: 21px;
}

/* End of common page elements */

/* General styling */

p.centered {
    text-align: center;
    width: 100%;
    clear: both;
}

p.strong {
    font-weight: bold;
}

span.strong{
    font-weight: bold;
    display: inline;
}

span.italic {
    font-style: italic;
}

span.heading {
    color: #2E6093;
    font-size: 22px;
    font-family: Arial;
}

div.container {
    clear: both;
}

div.title {
    color: #376694;
    text-decoration: none;
    font: italic bold 20px Georgia, "Times New Roman", Times, serif;
    text-align: right;
    width: 630px;
    padding-bottom: 15px;
    border-bottom: 1px solid #9C9E9C;
    margin-bottom: 19px;
}

.smalltext {
    padding-top: 20px;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
}

.right {
    text-align: right;
    display: block;
}

.subheading {
    color: #666666;
    text-decoration: none;
    font: italic bold 16px Georgia, "Times New Roman", Times, serif;
    text-align: left;
    padding: 8px 0px 8px 0px;
}
p.boldtxt {
    font-size: 12px;
    font-weight: bold;
    color: #666666;
}

p.blue {
    font-style: italic;
    color: #376694;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.calendar_title {
    font-weight: bold;
    text-align: center;
    font-size: large;
    font-style: italic;
    color: #000000;
    text-decoration: none;
}

.calendar_header {
    text-align: center;
    font-size: large;
    font-style: italic;
    font-weight: bold;
    color: #376694;
    text-decoration: none;
}

.store_header {
    text-align: left;
    font-size: large;
    font-style: italic;
    font-weight: bold;
    color: #376694;
    text-decoration: none;
}


/* These elements are commonly used throughout a lot of pages */


div.boldtxt {
    float: left;
    clear: both;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    padding: 10px 0px 10px 0px;
}

p.blacktxt {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    padding: 10px 0px 10px 0px;
}

div.highlighted_box {
    background: #FFF7E7;
    padding: 20px 32px 20px 30px;
    width: 528px;
    border: 1px solid #FFFFFF;
    float: left;
    clear: both;
    margin-top: 3px;
    margin-bottom: 25px;
}

div.information_box {
    background: #FFF7E7;
    padding: 23px 32px 23px 30px;
    width: 552px;
    border: 1px solid #FFFFFF;
    float: left;
    clear: both;
    margin-top: 5px;
    margin-bottom: 11px;
}

div.page_info {
    float: left;
    padding-left: 15px;
    padding-right: 34px;
    width: 599px;
}

div.page_info p.heading {
    padding-top: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #333333;
    text-decoration: none;
    font: italic bold 18px Georgia, "Times New Roman", Times, serif;
}

div.page_info p {
    padding-top: 6px;
    padding-bottom: 6px;
}

div.page_info p.accented {
    padding-top: 0px;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    color: #000000;
}

div.page_info ul {
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    clear: both;
}

div.page_info li {
    float: left;
    clear: both;
    width: 100%;
    margin-left: 35px;
    padding-top: 6px;
    padding-bottom: 6px;
}

div.page_info hr {
    float: left;
    width: 100%;
    height: 0px;
    border-top: 1px solid white;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    margin-top: 25px;
    margin-bottom: 25px;
}

div.page_info a {
    color: #666666;
}

/* Specific boxes for pages */

div.diploma {
    float: left;
    background: url(/images/scrolls.jpg) no-repeat top left;
    background-color: #E2DDC8;
    border: 5px solid #E2DDC8;
    padding-top: 15px;
    padding-left: 117px;
    padding-right: 15px;
    padding-bottom: 20px;
    width: 247px;
    height: 189px;
}

div.diploma p {
    padding-top: 0px;
    padding-bottom: 0px;
}

div.diploma hr {
    width: 100%;
    clear: both;
    height: 0px;
    border-bottom: dashed 1px #333333;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    margin-top: 12px;
    margin-bottom: 6px;
}

div.video {
    float: left;
    margin-left: 15px;
    width: 244px;
    height: 214px;
}

div.books {
    float: left;
    background: url(/images/cd.jpg) no-repeat top left;
    background-color: #E2DDC8;
    border: 5px solid #E2DDC8;
    padding-top: 15px;
    padding-left: 117px;
    padding-right: 30px;
    width: 232px;
    height: 210px;
}

div.cd_info {
    padding-top: 9px;
    padding-left: 125px;
    margin-bottom: 75px;
    float: left;
    background: url(/images/cd_plain.jpg) no-repeat top left;
    min-height: 133px;
}

div.book_info {
    padding-top: 9px;
    padding-left: 125px;
    margin-bottom: 75px;
    float: left;
    background: url(/images/book_plain.jpg) no-repeat top left;
    min-height: 133px;
}

div.newsletter {
    float: right;
    display: inline;
    margin-left: 15px;
    padding: 15px 10px 10px 10px;
    width: 222px;
    height: 210px;
    border: 1px solid #CCCCCC;
    background-color: #FDF7E7;
}

div.newsletter img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

div.photo_gallery {
    float: left;
    background-color: #E2DDC8;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 12px;
    width: 608px;
    height: 168px;
}

div.centered_photos {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

div.photo_gallery img {
    display: block;
    border: 6px solid white;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 15px;
    display: inline;
}

div.left_link_box {
    float: right;
    display: inline;
    width: 389px;
    padding-top: 18px;
    padding-bottom: 24px;
    float: left;
    font-size: 10px;
    text-decoration: underline;
    text-align: right;
    display: block;
}

div.left_link_box a {
    color: #000000;
}

div.right_link_box {
    float: left;
    display: inline;
    width: 259px;
    padding-top: 18px;
    padding-bottom: 24px;
    float: left;
    font-size: 10px;
    text-decoration: underline;
    text-align: right;
    display: block;
}

div.right_link_box a {
    color: #000000;
}

div.welcome {
    padding: 15px 20px 10px 300px;
    width: 310px; /* originally 325px */
    background: url(/images/caves.jpg) no-repeat top left;
    float: left;
    height: 191px;
    background-color: #F1E8D0;
    line-height: 18px;
}

div.welcome_link_box {
    float: left;
    width: 630px;
    padding-top: 20px;
    padding-bottom: 10px;
    float: left;
    font-size: 10px;
    text-decoration: underline;
    text-align: right;
    display: block;
}

div.welcome_link_box a {
    color: #000000;
}

div.content_link_box {
    float: left;
    width: 100%;
    padding-top: 24px;
    padding-bottom: 14px;
    float: left;
    font-size: 10px;
    text-decoration: underline;
    text-align: right;
    display: block;
}

div.content_link_box a {
    color: #000000;
}

div.testimonials  hr {
    width: 100%;
    clear: both;
    height: 0px;
    border-top: dashed 1px #333333;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    margin-top: 12px;
    margin-bottom: 12px;
}

div.books hr {
    width: 100%;
    clear: both;
    height: 0px;
    border-top: dashed 1px #333333;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    margin-top: 12px;
    margin-bottom: 12px;
}

div.books li {
    margin-left: 24px;
    padding-top: 5px;
}

div.newsletter hr {
    width: 100%;
    clear: both;
    height: 0px;
    border-top: dashed 1px #333333;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    margin-top: 12px;
    margin-bottom: 12px;
}

div.photo_gallery hr {
    width: 100%;
    clear: both;
    height: 0px;
    border-top: dashed 1px #333333;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    margin-top: 12px;
    margin-bottom: 12px;
}

.img_centered {
    float: left;
    margin-left: 35px;
    display: inline;
    width: 534px;
}

img.centered {
    float: left;
    border: 5px solid #FFFFFF;
    margin: 7px auto 0px auto;
    display: inline;
    clear: none;
}

.img_cont_right{
    display: inline;
    float:right;
    width: 381px;
    margin-bottom: 30px;
}
.img_cont_left{
    display: inline;
    float:left;
    width: 381px;
    margin-bottom: 30px;
}
img.content_img_lft {
    display: inline;
    float: left;
    margin-right: 15px;
    margin-top: 4px;
    border-top: 5px solid #FFFFFF;
    border-right: 5px solid #FFFFFF;
    border-left: 5px solid #FFFFFF;
    border-bottom: 5px solid #FFFFFF;
    /*	margin-bottom: 15px; */
    clear: none;
}

img.content_img_rgt {
    display: inline;
    float: right;
    margin-left: 15px;
    margin-top: 4px;
    border-top: 5px solid #FFFFFF;
    border-right: 5px solid #FFFFFF;
    border-left: 5px solid #FFFFFF;
    border-bottom: 5px solid #FFFFFF;
    /*margin-bottom: 15px;*/
    clear: none;
}

.content_img_centered_caption {
    float: left;
    width: 499px;
    font-style: italic;
    color: #666666;
    text-decoration: none;
    font-size: 11px;
    background: #FFFFFF;
    padding: 10px 15px 15px 15px;
}


.content_img_lft_caption {
    float: left;
    width: 336px;
    font-style: italic;
    color: #666666;
    text-decoration: none;
    font-size: 11px;
    background: #FFFFFF;
    padding: 10px 15px 15px 15px;
    margin-right: 10px;
}

.content_img_rgt_caption {
    float: right;
    width: 336px;
    font-style: italic;
    color: #666666;
    text-decoration: none;
    font-size: 11px;
    background: #FFFFFF;
    padding: 10px 15px 15px 15px;
    margin-left: 10px;
}

.formheading {
    color: #666666;
    text-decoration: none;
    font: italic bold 16px Georgia, "Times New Roman", Times, serif;
    text-align: left;
    border-bottom: 1px solid #FFFFFF;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: 20px;
}

div.right_map {
    width: 300px;
    height: 260px;
    float: right;
    margin: 0px;
    padding: 0px;
    border: 6px solid #FFFFFF;
}
.left_address {
    float: left;
    height: 260px;
    width: 280px;
}

.clear {
    clear: both;
    height: 1px;
}

.videoarea {
    padding: 15px 15px 15px 30px;
    width: 570px;
    float: left;
    text-align: center;
}

/* Newsletter stuff */

div.newsletter_archive_text{
    width: 400px;
    margin-right: 20px;
    float: left;
}

div.newsletter_archive_text ul {
    float: left;
    margin-top: 5px;
    margin-bottom: 15px;
}

div.newsletter_archive_text li {
    float: left;
    clear: both;
    width: 100%;
    margin-left: 35px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.newsletter_archive_button{
    background: #FFFFFF;
    width: 140px;
    float: right;
    margin-top: 50px;
    height: 30px;
    line-height: 30px;
    text-indent: 30px;
    text-transform: uppercase;
    font-weight: bold;
    border: 1px solid #D6D3DE;
}

.newsletter_archive_button a{
    color: #333333;
    text-decoration: none;
}

.newsletter_archive_button a:hover{
    text-decoration: underline;

}

.innerhighlightarea {
    background: #FFF7E7;
    padding: 15px 15px 15px 30px;
    width: 570px;
    border: 1px solid #FFFFFF;
    float: left;
}

.innerarea {
    padding: 15px 15px 15px 30px;
    width: 570px;
    float: left;
}

.button {
    cursor: pointer;
    width: 200px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

table.newsletter{
    width: 100%;
    border: 0px;
    margin: 5px;
}

table.newsletter td {
    float: left;
    padding-top: 15px;
    display: inline;
}

table.newsletter td.title {
    display: inline;
    width: 160px;
    float: left;
    padding-top: 15px;

}

table.zebra {
    width: 100%;
    border: 0px;

}


table.zebra tr.odd {
    background-color: #FFFBF7;
}

tr.odd td {
    font-weight: bold;
    vertical-align: top;
    padding: 12px;
}

table.zebra td {
    border: 1px solid black;
}


table.zebra tr.even {
    background-color: #FFF3D6;
}

tr.even td {
    font-weight: bold;
    vertical-align: top;
    padding: 12px;
}

table.zebra th {
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
    color: #376694;
    background-color: #E7DFCE;
    padding: 12px;
    border: 1px solid black;
}

table.zebra th.dates {
    width: 35%;
}

table.zebra th.events {
    width: 65%;
}



/* Form stuff */

div.newsletter_form select {

    width: 200px;

}

div.newsletter_form input, textarea {
    width: 200px;
    padding: 2px;
    font: 400 12px arial, sans-serif;
    background: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #c0c0ba #f4f4ec #f4f4ec #c0c0ba;
}

div.newsletter_form input.button {
    padding: 5px 10px;
    font: bold 12px arial, sans-serif;
    cursor: pointer;
    color: #FFF;
    border-style: none;
    background: #660000;
    width: 120px;
    margin-top: 15px;
}

div.heading {
  width: 100%;
  text-align: left;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Flash stuff to display notices */

div.flash_warning {
    clear: both;
    float: left;
    width: 90%;
    color: #000000;
    padding: 12px;
    margin-top: 12px;
    margin-bottom: 12px;
    margin-right: 10%;
    border: 1px solid red;
    background-color: #FFA0A0;
}

div.flash_notice {
    clear: both;
    float: left;
    width: 90%;
    color: #000000;
    padding: 12px;
    margin-top: 12px;
    margin-bottom: 12px;
    margin-right: 10%;
    border: 1px solid green;
    background-color: #A0FFA4;
}

div.flash_message {
    clear: both;
    float: left;
    width: 90%;
    color: #000000;
    padding: 12px;
    margin-top: 12px;
    margin-bottom: 12px;
    margin-right: 10%;
    border: 1px solid blue;
    background-color: #33CC66;
}