/**

    calvarychapel.co.za main site stylesheet
    author : johann loubser, the medium design solutions
    date created : 2007-06-22

*/
a:link, a:visited {
    color: #003883;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

body {
    background: #003883 url(/images/body_bg.gif);
    font-family: Arial, "Trebuchet MS", Verdana, sans-serif;
    margin: 0 0 50px 0;
}

h1 {
    color: #333333;
    font-size: 26px;
    font-weight: normal;
    margin: 15px 0 25px 11px;
    text-align: left;
    text-transform: uppercase;
}

h1 .h1_sub {
    font-size: 14px;
    line-height: 90%;
}

h2 {
    color: #FFFFFF;
    font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
    font-size: 20px;
    font-weight: normal;
    margin: 0 10px 7px 8px;
    padding:  4px 0 0 0;
    text-align: left;
}

h3 {
    color: #006BB3;
    font-family: Georgia, serif;
    font-size: 26px;
    font-weight: normal;
    margin: 17px 0 10px 0;
    padding: 0 0 0 0;
}

h4 {
    color: #993300;
    display: block;
    font-family: Arial, "Trebuchet MS", Verdana, sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin: 15px 0 15px 0;
}

img {
    border: 0;
}

p {
    line-height: 140%;
    margin: 0 0 0 0;
}

div#top_wrapper {
    /*background: transparent url(/images/body_wrapper_bg.jpg) repeat-x;*/
    /* remove */
    height: 266px;
    /* remove */
    overflow: hidden;
    width: 100%;
}

div#top {
    height: 70px;
    margin: auto;
    width: 780px;
}

div#top div#menu_wrapper {
    /*background: #000000 url(/images/top_left_logo.gif) no-repeat 12px 11px;*/
    background-color: #000000;
    height: 36px; 
}

div#top div#menu_wrapper #logo {
    margin: 11px 0 0 12px;
}

div#top div#menu_wrapper #hold {
    margin: -27px 0 0 230px;
    /*position: absolute;*/
    top: 0;
}

div#top div#menu_wrapper table td a:link,
div#top div#menu_wrapper table td a:visited {
    padding: 2px 3px 2px 3px;
}

div#top div#menu_wrapper table td a.active_item:link,
div#top div#menu_wrapper table td a.active_item:visited {
    font-weight: bold;
    text-decoration: underline;
}

div#top div#menu_wrapper table td a:hover {
    background-color: #0073A2;
    color: #FFFFFF;
    text-decoration: none;
}

div#top div#top_secondary {
    background-color: #ffffff;
    color: #888888;
    font-size: 12px;
    height: 23px;
    margin: 0;
}

div#top div#top_secondary em {
    background: transparent url(/images/flag_sa_small.gif) no-repeat right 6px;
    display: block;
    float: left;
    font-size: 11px;
    font-style: normal;
    height: 15px;
    margin: 0 8px 0 0;
    padding-left: 12px;
    padding-top: 8px;
    text-align: left;
    text-indent: 13px;
    width: 173px;
}

div#top div#top_secondary ul {
    background: #ffffff url(/images/top_secondary_ul_bg.jpg) no-repeat;
    color: #000000;
    line-height: 23px;
    float: left;
    font-size: 10px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
    width: 574px;
}

div#top div#top_secondary ul a:link, div#top div#top_secondary ul a:visited {
    color: #000000;
    padding-bottom: 0;
    text-decoration: underline;
}

div#top div#top_secondary ul a:hover {
    text-decoration: none;
}

div#header_banner {
    background-color: #FFFFFF;
    padding: 8px 13px 10px 12px;
}

#mid_content {
    background-color: #ffffff;
    margin: auto;
    padding: 0 0 0 12px;
    width: 768px; /* plus 12px left padding */
}

table#mid_content {
    background: #FFFFFF url(/images/content_center_bg.gif) repeat-y scroll 0 0;
    border-bottom: 10px solid #FFFFFF;
    border-left: 12px solid #FFFFFF;
    border-right: 12px solid #FFFFFF;
    margin-top: 0;
    padding: 0 0 0 0;
    width: 768px;
}

table#mid_content td {
    padding:0;
    vertical-align: top;
}

body#home div#mid_content {
    background-color: #ffffff;
    height: 480px;
    margin: auto;
    padding: 0 0 0 12px;
    width: 768px; /* plus 12px left padding */
}

div#mid_content div {
    float: left;
    height: 469px;
    overflow: hidden;
    padding: 0 0 0 0;
}

#mid_content div p {
    /*color: #70736A;*/
    color: #333333;
    font-size: 12px;
    margin-bottom: 2ex;
    margin-left: 10px;
    margin-top: 1ex;
    text-align: justify;
}

#mid_content div ul,
#mid_content div ol {
    color: #333333;
    list-style-image: url(/images/ul_bullet.gif);
    line-height: 160%;
    margin: 15px 40px 0 30px;
    padding: 0 0 0 0;
}

#mid_content div ul li,
#mid_content div ol li {
    font-size: 12px;
    margin-bottom: 10px;
}

#mid_content div p a:link,
#mid_content div p a:visited {
    color: #70736A;
    font-weight: bold;
    text-decoration: underline;
}

#mid_content div p a:hover {
    text-decoration: none;
}

#mid_content div#home_left {
    /*background: #D6CEC1 url(/images/home_panel_bg.jpg) repeat-x scroll 0 0;*/
    background-color: #80A5C1;
    color: #000000;
    margin: 0;
    width: 173px;
}

#mid_content div#home_left p {
    color: #000000;
}

div#mid_content div#home_center {
    background-color: transparent;
    width: 410px;
}

table#mid_content div#content_center {
    margin: 0 10px 50px 10px;
    width: 390px;
    color: #70736A;
    font-size: 12px;
    overflow: hidden;
    text-align: justify;
}

table#mid_content div#content_center img {
    /*border: 4px solid #FFFFFF;*/
}

table#mid_content div#content_center h2 {
	color: #333333;
	border-color: #666666;
    display: block;
    /*font-family: Georgia, serif;*/
    font-family: "Trebuchet MS", sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.1ex;
    margin: 20px 0 7px 11px;
}

table#mid_content div#content_center p {
    line-height: 160%;
    margin: 15px 15px 25px 10px;
    text-align: justify;
}

table#mid_content div#content_center p.content_quote {
    background: transparent url(/images/content_quote.gif) no-repeat scroll 0 0;
    color: #666666;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 13px;
    line-height: 140%;
    margin-right: 45px;
    padding-left: 60px;
}

div#mid_content div#home_center div#preview_panel {
    background-color: #D6CEC1;
    border-left: 8px solid #FFFFFF;
    height: 340px;
    margin: 0 0 0 0;
    width: 394px;
}

div#mid_content div#home_center div#preview_panel a.banner:link,
div#mid_content div#home_center div#preview_panel a.banner:visited {
}

div#mid_content div#home_center div#preview_panel a#rotate_play:link,
div#mid_content div#home_center div#preview_panel a#rotate_play:visited {
    background-color: #B3A48A;
    border: 3px solid #B3A48A;
    display: none;
    height: 18px;
    /*margin: 246px 0 0 -30px;*/
    margin: 246px 0 0 -30px;
    padding: 0;
    position: absolute;
    z-index: 100;
}

div#mid_content div#home_center div#preview_panel a#rotate_play:hover {
    background-color: #9B8868;
    border-color: #9B8868;
}

div#mid_content div#home_center div#preview_panel #preview_banners {
    height: 275px;
}

div#mid_content div#home_center div#preview_panel #preview_banners img{
    display: none;
    /*position: absolute;
    z-index: 1000;*/
}

div#mid_content div#home_center div#preview_panel #thumbnails,
div#mid_content div#home_center div#preview_panel #thumbnails div {
    height: auto;
    background-color: transparent;
    text-align: center;
}

div#mid_content div#home_center div#preview_panel #thumbnails {
    margin-bottom: -332px;
    width: 394px;
}

div#mid_content div#home_center div#preview_panel #thumbnails div {
    margin: auto;
    margin-top: 285px;
    text-align: center;
    width: 394px;
}

div#mid_content div#home_center div#preview_panel #thumbnails div table {
    margin: auto;
}

div#mid_content div#home_center div#preview_panel #thumbnails div a:link,
div#mid_content div#home_center div#preview_panel #thumbnails div a:visited {
    border: 5px solid #DDD6CC;
    display: block;
    height: 37px;
    margin: 0 4px 0 4px;
    width: 37px;
}

div#mid_content div#home_center div#preview_panel #thumbnails div a.active:link,
div#mid_content div#home_center div#preview_panel #thumbnails div a.active:visited {
    border-color: #FFFFFF;
}

div#mid_content div#home_center div#preview_panel #thumbnails div a:hover {
    border-color: #FFFFFF;
}


#mid_content div#home_right {
    /*background: #D6CEC1 url(/images/home_panel_bg.jpg) repeat-x scroll 0 0;*/
    background-color: #80A54D;
    width: 173px;
}

#mid_content div#home_right p,
#mid_content div#home_left p {
    color: #000000;
    margin: 0 10px 10px 8px;
    text-align: left;
}

#mid_content div#home_right p a:link,
#mid_content div#home_right p a:visited,
#mid_content div#home_left p a:link,
#mid_content div#home_left p a:visited {
    color: #444444;
    font-weight: normal;
    text-decoration: underline;
}

#mid_content div#home_right a.more,
#mid_content div#home_left a.more {
    font-size: 10px;
    text-decoration: none;
}

#mid_content div#home_right a.more:hover,
#mid_content div#home_left a.more:hover {
    text-decoration: underline;
}

#mid_content div#home_right div#devotional a.receive:link,
#mid_content div#home_right div#devotional a.receive:visited {
    color: #fff;
    display: block;
    font-size: 13px;
    text-align: center;
    width: 100%;
}

#mid_content div#home_right p a:hover,
#mid_content div#home_left p a:hover {
    text-decoration: none;
} 

/*
#mid_content div#home_right a {
    text-align: left;
}
*/

form {
    margin: -5px 0 0 0;
    padding: 0 0 0 8px;
}

form label {
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0 1px 0;
}

form input, form select, form select option {
    font-size: 11px;
}

form input {
    width: 147px;
}

form select {
    width: 152px;
}

form button {
    display: block;
    margin: 7px 0 10px 0;
    padding: 3px 0;
    width: 153px;
}

div#home_right div#devotional {
    /*background: transparent url(/images/devotional_bg.gif) no-repeat scroll right bottom;*/
    /*border-bottom: 1px solid #BCB8AD;*/
    height: 200px;
    padding-bottom: 6px;
}

div#home_left div#welcome {
    height: 140px;
    overflow: hidden;
}

div#home_left div#welcome p {
    border-bottom: 1px solid #BCB8AD;
    height: 185px;
    overflow: hidden;
}

#school_photo {
    margin: 0 0 0 8px;
}

#mid_content p.left {
    text-align: left;
}

#mid_content p.small {
    font-size: 11px;
}

div#mid_content div#scroll_menu {
    background: transparent url(/images/scroll_menu_bg.jpg) repeat-x scroll 0 0;
    height: 121px;
    margin-top: 8px;
    padding: 0 0 0 32px;
    width: 100%;
}

div#mid_content div#scroll_menu table a:link,
div#mid_content div#scroll_menu table a:visited {
    border: 4px solid #DFD9CD;
    display: block;
    height: 72px;
    margin: 0 3px 0 3px;
    width: 72px;
}
    
div#mid_content div#scroll_menu table a:hover {
    border-color: #999999;
}

div#mid_content div#scroll_menu div#scroll_wrapper {
    height: 119px;
    margin: 0 0 0 0;
    /*padding-left: 20px;*/
    position: relative;
    width: 344px;
}

div#mid_content div#scroll_menu div#scroll_wrapper div {
    text-align: center;
}

div#mid_content div#scroll_menu div#scroll_wrapper div table {
    margin: auto;
    margin-top: 20px;
}

/*
a#left_arrow:link, a#left_arrow:visited,
a#right_arrow:link, a#right_arrow:visited {
    margin-top: 50px;
    position: absolute;
}
*/

a#left_arrow {
    position: absolute;
    /*margin: 50px 0 0 -370px;*/
    margin: 50px 0 0 -367px;
    /*z-index: 200;*/
}

a#right_arrow {
    position: absolute;
    /*margin: 50px 0 0 8px;*/
    margin: 50px 0 0 7px;
    /*z-index: 200;*/
}

#mid_content p#subscribe {
    font-size: 11px;
    margin: 0 0 -5px 0;
    text-align: left;
}

#main_menu_wrapper {
    margin: 0 0 0 250px;
    width: 490px;
    position:absolute;
    z-index:10;
    width:200px;
    left:0;
    height:100px;
    clip: rect(0,10,10,0);
}

#divArrowLeft {
    position:absolute;
    width:20px;
    margin: 5px 0 0 215px;
    top: 0;
}

html>body #divArrowLeft {
    margin: 8px 0 0 215px;
}

#divArrowRight {
    position:absolute;
    width:20px;
    margin: 5px 0 0 737px;
    top: 0;
}

html>body #divArrowRight {
    margin: 8px 0 0 737px;
}

/** reusable classes */
.inline_list li {
    display: inline;
}

.caption_wrapper {
    color: #333333;
    font-size: 11px;
    margin: 0 0 0 0;
    padding-bottom: 2px;
    text-align: center;
}

.caption_wrapper img {
    display: block;
    margin: auto;
}

form#contact_us_form,
form#newsletter_subscribe_form {
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
}

form#contact_us_form label,
form#newsletter_subscribe_form label {
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0 4px 0;
}

form#contact_us_form input,
form#newsletter_subscribe_form input {
    width: 200px;
}

form#contact_us_form select,
form#newsletter_subscribe_form select {
    line-height: 24px;
    width: 204px;
}

form#contact_us_form textarea,
form#newsletter_subscribe_form textarea {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 12px;
    height: 120px;
    width: 300px;
}

form#contact_us_form .error,
form#newsletter_subscribe_form .error {
    color: #990000;
}

form#contact_us_form .error a:link,
form#contact_us_form .error a:visited,
form#newsletter_subscribe_form .error a:link,
form#newsletter_subscribe_form .error a:visited {
    color: #990000;
    font-weight: bold;
    text-decoration: underline;
}

form#contact_us_form .error a:hover,
form#newsletter_subscribe_form .error a:hover {
    text-decoration: none;
}

#footer {
    background-color: #FFFFFF;
    color: #999999;
    font-size: 10px;
    line-height: 120%;
    margin: auto;
    padding-bottom: 6px;
    text-align: center;
    width: 780px;
}

#footer a:link, #footer a:visited {
    color: #999999;
}

.left_image {
    border-right: 12px solid #FFFFFF;
}

.none_image {
    margin: auto;
    text-align: center;
}

.right_image {
    border-left: 10px solid #FFFFFF;
}

#sermom_list {
    width: 370px;
}

#sermon_list div.sermon {
    background: transparent url(/images/egw/sermon_bg.jpg) repeat-x scroll 0 0;
    border-bottom: 1px solid #FFFFFF;
    color: #333333;
    font-family: "Trebuchet MS";
    font-size: 11px;
    height: 52px;
    line-height: 120%;
    margin-left: 10px;
    padding: 4px 0 0 7px;
    width: 363px;
}

#sermon_list div strong {
    display: block;
    font-size: 14px;
    line-height: 140%;
}

#sermon_list div strong.passage {
    font-size: 12px;
    margin-top: -1px;
}

#sermon_list div.links {
    margin: 7px 0 0 285px;
    position: absolute;
}

#sermon_list div a.speaker:link, #sermon_list div a.speaker:visited {
    background: transparent url(/images/egw/egw_speaker.jpg) no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 36px;
    margin-right: 6px; 
    width: 32px;
}

#sermon_list div a.speaker:hover {
    background-image: url(/images/egw/egw_speaker_hover.jpg);
}

#sermon_list div a.buddy:link, #sermon_list div a.buddy:visited {
    background: transparent url(/images/egw/sermon_buddy.jpg) no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 36px;
    width: 32px;
}

#sermon_list div a.buddy:hover {
    background-image: url(/images/egw/sermon_buddy_hover.jpg);
}

a#egw_home:link, a#egw_home:visited {
    background: transparent url(/images/egw/egw_home_logo_fade.gif) no-repeat scroll 0 0;
    border-bottom: 1px solid #CBDAB6;
    display: block;
    height: 50px;
    margin: 8px 0 0 6px;
    padding: 0 0 10px 0;
    width: 158px;
}

a#egw_home:hover {
    background-image: url(/images/egw/egw_home_logo.gif);
    border-color: #FFFFFF;
}

body#egw p.instructions {
    font-size: 10px;
}

body#egw p img {
    margin: 1px 2px 0 2px;
    vertical-align: top;
}

#twitter #twit-twit {
    color: #fff;
    display: block;
    height: 164px;
    list-style-type: none;
    margin: 0 5px 0 9px;
    overflow: hidden;
    padding: 0 0 0 0;
}

#twitter h2 {
    background: transparent url(/images/twitter_icon.gif) no-repeat scroll 0 2px;
    padding: 0 0 0 30px;
}

#mid_content #twitter #twit-twit li {
    color: #000;
    font-size: 11px;
    line-height: 110%;
    margin: 0 0 8px 0;
}

#twitter #twit-twit {
    list-style-type: none;
    font-weight: normal;
    font-style: normal;
}

#twitter a#twitter_follow:link,
#twitter a#twitter_follow:visited {
    display: block;
    text-align: center;
    color: #FFFFFF;
    font-size: 12px;
    margin-top: 5px;
}

#twitter a.twit {
    display: none;
}

/* NEW DROP DOWN MENU 2009-11 */
#main_drop_down_menu {
    background-color: #000;
    display: block;
    height: 40px;
    overflow: hidden;
    padding: 0 0 0 12px;
    width: 768px;
}

#main_drop_down_menu #left_logo {
    display: block;
    float: left;
    height: 12px;
    margin-top: 10px;
    width: 184px;
}

#main_drop_down_menu ul.dropdown {
    margin: 0 0 0 187px;
    *margin: 0 0 0 3px;
    position: absolute;
    width: 570px;
    z-index: 999;
}

#main_drop_down_menu ul.dropdown a:link,
#main_drop_down_menu ul.dropdown a:visited,
#main_drop_down_menu ul.dropdown li.dir {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    color: #FFFFFF;
    display: block;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 40px;
    padding: 0 8px 0 8px;
    text-decoration: none;
}

#main_drop_down_menu ul.dropdown li.dir {
    
}

#main_drop_down_menu ul.dropdown li {
    
}

#main_drop_down_menu ul.dropdown li ul {
    background: #333 url(/images/menu_hover_bg.gif) repeat scroll 0 0;
    border: 2px solid #000;
    border-top: none;
    display: block;
    padding: 0;
    width: 180px;
}

#main_drop_down_menu ul.dropdown li ul li {
    padding: 0 0 0 0;
}

#main_drop_down_menu ul.dropdown li ul li a:link,
#main_drop_down_menu ul.dropdown li ul li a:visited {
    border: none;
    font-size: 13px;
    font-weight: normal;
    line-height: 25px;
    padding: 0 5px 0 8px;
}

#main_drop_down_menu ul.dropdown li ul li a:hover {
    background: #666 url(/images/sub_menu_hover_bg.gif) repeat scroll 0 0;
}

#main_drop_down_menu ul.dropdown a:hover {
    background: #333 url(/images/menu_hover_bg.gif) repeat scroll 0 0;
}

/* weekly events event block */
table#mid_content div#content_center .event {
    background: #00569F url(/images/event_bg_1.jpg) no-repeat scroll 0 0;
    color: #FFFFFF;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 13px;
    height: 70px;
    line-height: 150%;
    margin: 0 0 10px 10px;
    padding: 10px 0 0 0;
    text-align: left;
    width: 370px;
}

table#mid_content div#content_center .event strong,
table#mid_content div#content_center .event b {
    display: block;
    font-size: 15px;
}

table#mid_content div#content_center .event_2 {
    background-image: url(/images/event_bg_2.jpg);
}

table#mid_content div#content_center .event h2 {
    border-right: 1px solid #ffffff;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 32px;
    font-family: Tahoma, Geneva, sans-serif;
    line-height: 26px;
    margin: 0 13px 0 0;
    padding: 4px 0 6px 0;
    text-align: center;
    width: 82px;
}

table#mid_content div#content_center .event h2 .event_h2_sub {
    display: block;
    font-size: 24px;
}

.content_32 table#mid_content div#content_center table {
    margin-left: 7px;
    margin-top: -10px;
    width: 385px;
}

/** NEW TWITTER HOME PAGE */
#mid_content #home_right #twitter_timeline {
    background: transparent url(/images/timeline_bg.gif) no-repeat scroll 7px 0;
    display: block;
    height: 214px;
    margin: -18px 0 0 0;
    padding: 24px 0 0 0;
    width: 173px;
}

#mid_content #home_right #twitter_timeline_inner {
    background-color: #A0BF77;
    display: block;
    height: 208px;
    overflow: auto;
    margin: 0 0 0 7px;
    padding: 0 3px 0 3px;
    width: 153px;
}

#mid_content #home_right .timeline_tweet {
    border-bottom: 1px solid #80A54D;
    font-size: 10px;
    height: auto;
    line-height: 105%;
    padding: 3px 0;
    text-align: left;
    width: 136px;
}

#mid_content #home_right .timeline_tweet a:link,
#mid_content #home_right .timeline_tweet a:visited {
    text-decoration: underline;
}

#mid_content #home_right .timeline_tweet a:hover {
    text-decoration: none;
}

#mid_content #home_right .timeline_tweet img {
    margin: 0 3px 0 0;
}

#mid_content #home_right #twtr-widget-1 {
    margin: 0 0 0 7px;
}

#mid_content #home_right .twtr-hd {
    height: 30px;
}

#mid_content #home_right .twtr-hd h4 {
    font-size: 12px;
}