@charset "utf-8";
/* CSS Document */

#page{
		background:url(pixes/body_bg.jpg) repeat-y;
		border:1px solid #aeaeae;
		color:#383838
		}
#header{height:281px;width:100%; margin-top:15px}

#header_left,#banner{height:277px}
#header_left{background-color:#CCFF00; width:260px; background:url(pixes/bnr_left-1.jpg) no-repeat; margin:0px 0px 0px 13px;}
h1{background:url(pixes/bnr_left-1-ovr.jpg) no-repeat}
* html #header_left{margin:0 0 0 7px;}
#header_left span{display:block; font-size:23px; font-weight:bold; color:#333333; margin:30px auto 0 55px; font-family: Georgia, Geneva}
#header_left div{margin:184px auto 0 78px;font-size:16px; color:#003399; font-weight:bold;}
#banner{width:612px; background:url(pixes/banner.png) no-repeat}
#hd_btm{height:4px; background:url(pixes/header_btm.jpg) no-repeat; line-height:4px; font-size:3px; clear:left}
#main{width:auto;margin:0 15px 0 15px}
#right_m{ background-color:#fff; vertical-align:top;; padding-bottom:20px}
#left_f,#right_f{ margin-top:10px}
#left_m, #left_f{width:256px;}
#right_m,#right_f{margin-left:0;width:614px;}


#menu_bx{background:url(pixes/menu_bar.jpg) no-repeat center; width:98%; height:30px; padding-top:10px; padding-right:2%; text-align:right; margin-bottom:10px}
#menu_bx a{border:1px solid #fcfcfc; color:#235317; margin-right:1px; padding:1px 3px 1px 3px; font-size:12px; font-weight:bold; font-family:Arial NArrow, Helvetica, sans-serif}
#menu_bx a:hover{border:none; padding:1px 4px 1px 4px; background-color:#63941B; color:#CCFF66}
#footer{background:url(pixes/footer.jpg) no-repeat; height:75px; width:100%}

.mid{padding:2px 20px 2px 20px;background-color:#DBF0FB}
.mi{margin-left:5px}

/*boxes*/
#gallery_bx,#updates_bx,#shout_bx,#otherlinks_bx,#solt_visits{padding:30px 0 10px 0; margin-top:15px; border:1px solid #f0f0f0; float:none}
#gallery_bx{background:#fff url(pixes/photo_gallery.jpg) no-repeat top; height:auto; text-align:center}
#gallery_bx div{width:113px; height:68px; float:left; padding:2px; overflow:hidden; margin:2px; border:1px outset #99FF99; text-align:center}
#gallery_bx div.cll{float:none; clear:both; border:none; visibility:hidden;  height:1px; line-height:0}
#gallery_bx div img{width:100%; vertical-align:middle;}
* html #gallery_bx{height:320px}

#updates_bx{ background:#fff url(pixes/newsbits.jpg) no-repeat top;}
#updates_bx ul{margin:5px 5px 10px 20px; font-weight:700}

#updates_bx ul li,
#updates_bx ul li a{list-style-image: url(pixes/bullet.png);font-size:11px;color:#346959;font-family:Arial, Helvetica, sans-serif}
#updates_bx ul li{padding-bottom:5px; border-bottom:thin dotted #cecece; margin-bottom:5px; color:#888888}
#updates_bx ul li a:hover{text-decoration:underline}
#updates_bx ul li a:visited{text-decoration:underline; color:#87B481}
#updates_bx ul li span{display:inline-block; color:#FF6600; font-size:8px; margin-left:10px}
#updates_bx ul li div{display:block;  font-size:11px; margin-left:10px; font-weight:100}
#updates_bx ul li img{float:left; padding-right:5px}


#otherlinks_bx,#otherlinks_bx .adb{
	background:#F1F9FD url(pixes/otherlinks.jpg) no-repeat top;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	color:#888888
	}
#otherlinks_bx ul{margin:5px 5px 10px 12px;}
#otherlinks_bx ul li{list-style-image:none; list-style:none}
#otherlinks_bx a,#otherlinks_bx a:visited{color:#80B8D4; text-decoration:underline}
#otherlinks_bx ul li{padding-bottom:5px; margin-bottom:5px;}
#otherlinks_bx ul li span a, #otherlinks_bx ul li span a:visited{display:block; font-size:9px; margin-left:1px; text-decoration:none}
#otherlinks_bx ul li div{display:block; margin-left:1px; font-weight:100}

#solt_visits{background-color:#F4FEEB; padding-top:1px; text-align:center; height:auto; overflow:hidden}
#solt_visits img{width:auto}

#shout_bx{background:#fff url(pixes/guestbook.jpg) no-repeat top;}

.box_m,#box_grt,#box_ann{background:#fff url(pixes/mbox_mid-green.jpg) repeat-y center;  padding:0; margin-left:14px; margin-right:3px}
.box_m .top,#box_grt .top,#box_ann .top{background:url(pixes/mbox_top-green.jpg) no-repeat top; height:15px}
.box_m .btm,#box_grt .btm,#box_ann .btm{background:url(pixes/mbox_btm-green.jpg) no-repeat bottom; height:15px}
#box_grt p,#box_ann p{font-weight:100}
.box_m,.box_m .top,.box_m .btm, #box_grt,#box_grt .top, #box_grt .btm,#box_ann, #box_ann .top, #box_ann .btm,.box_m_{width:362px;}
#box_grt h2,#box_ann h2{text-align:center; text-transform:uppercase}

.box_m ul{margin:5px 10px 10px 30px;}
.box_m ul li{list-style-image: url(pixes/bullet-o.png);font-size:10px; font-weight:100; padding-bottom:10px}
.box_m ul li a,.box_m ul li a:visited{font-size:12px;color:#FF7733;font-family:Arial, Helvetica, sans-serif;font-weight:bold}
.box_m ul li a:hover{text-decoration:underline; }
.box_m ul li span{display:inline-block; color:#006633; font-size:9px; margin-left:10px}
.box_m ul li img{float:left}


.box_s{background:#fff url(pixes/sbox_mid-orange.jpg) repeat-y center; padding:0;}
.box_s .top{background:url(pixes/sbox_top-orange.jpg) no-repeat top; height:17px}
.box_s .btm{background:url(pixes/sbox_btm-orange.jpg) no-repeat bottom; height:12px}
.box_s,.box_s .top,.box_s .btm,.box_s_{width:189px;}
.box_s_{margin-left:20px}
* html .box_s_{margin-left:3px}
.box_s ul{margin:5px 10px 10px 30px;}
.box_s ul li{list-style-image: url(pixes/bullet-o.png);font-size:10px; font-weight:100; padding-bottom:10px}
.box_s ul li a,
.box_s ul li a:visited{font-size:12px;color:#FF7733;font-family:Arial, Helvetica, sans-serif;font-weight:bold}
.box_s ul li a:hover{text-decoration:underline; }
.box_s ul li span{display:inline-block; color:#006633; font-size:9px; margin-left:10px}
.box_s ul li img{float:left; margin:0 3px 1px 0}
.box_s  img{margin-left:5px}
.box_s h3{margin-left:10px; color:#FF0000}
.box_s hr{margin:0 8px 0 12px; border-color:#3366CC}
#box_events #upevents{width:176px}

#box_c_bday  .bday{font-weight:bolder; font-size:11px; color:#777777; }
#box_c_bday  .bday:after{clear:left}
#box_c_bday img{width:50px}
#box_c_bday ul li{margin-bottom:3px; display:block}
#box_c_bday .bday span{font-size:13px; display:block}
#box_c_bday li.celebs{background-color:#FF9797}

#box_l{background:#fff url(pixes/bbox_mid-blue.jpg) repeat-y center; width:576px; padding:0; margin-left:5px}
#box_l .top{width:100%; background:url(pixes/bbox_top-blue.jpg) no-repeat top; height:17px}
#box_l .btm{width:100%; background:url(pixes/bbox_btm-blue.jpg) no-repeat bottom; height:12px}
* html #box_l{width:575px;}
#upevents{margin:0 0 10px 10px}

#sublinks, .sublinks{float:right; padding:5px; border:1px dotted #dedede; background-color:#E8F3DA; color:#336633; margin-right:5px}
#sublinks a, .sublinks a{color:#ff5500; font-size:12px; font-weight:800}
#sublinks a:hover, .sublinks a:hover{ color:#333399}
#sublinks h3, .sublinks h3{margin:0; padding:0; font-size:13px; font-weight:bold}
#sublinks ul, .sublinks ul{}
#sublinks ul li, .sublinks ul li{margin-left:20px}

#albums{float:right; padding:3px; border:1px dotted #dedede; background-color:#FBECB3; color:#336633; margin-right:3px}
#albums li {background-color:#F9FDC4; margin:0 1px 2px 1px;padding:1px; border-bottom:1px solid #fdfdfd; list-style:none}
#albums li:hover{background-color:#fcfcfc;}
#albums li img{ vertical-align:middle}
#albums a{color:#0066CC;  font-size:11px}
#albums a:hover{color:#CC3300}
#albums h3{margin:0 10px 10px; padding:0; font-size:16px; font-weight:bold}

.news_block{border-bottom:1px dotted #455B2D; padding:10px; margin:10px}
.news_block h3{font-size:13px; color:#68391A}
.news_block h3 span{font-size:10px; display:inline; padding-left:10px; color:#FF6600}
.news_block p{}
.news_block p a{font-size:10px; padding:1px 4px 1px 4px; background-color:#666633; color:#CCFF00}
.news_block h2{font-size:16px; color:#68391A}
.news_block h2 span{font-size:12px; display:inline; padding-left:10px; color:#FF6600}

#prayer, #articles{padding:12px;}
#prayer p{text-align:justify; text-indent:20px}
#prayer p:first-letter{font-size:150%; font-weight:bold; color:#336666; font-style:italic; font-family:"Times New Roman", Times, serif}
#prayer p.writeup:first-letter{font-size:150%; font-weight:bold; color:#336666; font-style:italic; font-family:"Times New Roman", Times, serif}
#prayer h2{color:#FF3300; font-size:18px; font-weight:bold; padding:3px 0 }
#prayer img{float:right; padding:2px 0 1px 5px}

#articles h2{color:#3366CC; font-size:18px; font-weight:bold; padding:3px 0 }

#main_page,#homily_page{background-color:transparent}
#homily_page p.writeup, #olvoice_box p.writeup{margin-left:20px}
#homily_page p.writeup:first-letter{color:#006699; font-size:200%; font-style:italic; font-weight:bold; float:left; margin:auto 5px 0 1px}
#homily_page h2{margin-bottom: 15px; font-size:22px}
#homily_page h3{margin:10px 3px}

#homily_box h3{font-size:13px; margin-left:8px}
#homily_box p, #olvoice_box p{margin:5px 8px 8px 12px; text-align:center;}

#olvoice_box b{margin-left:30px}


#reflections{padding:2px 20px 2px 20px;}

/* two columns */
code{ elevation:level}
.gen_sched .twocol{width:80%; padding:0}
.gen_sched .twocol span{display:inline-block; width:15%; border:1px solid #fefefe; margin:0;padding:0}
.gen_sched .twocol div{display:inline-block; border:1px solid #c0c0c0}
.gen_sched .twocol div +div{display:block;margin-left:30%; border:1px solid #ff3300; padding:0}

#video_screen{margin:10px auto 5px 5px; width:auto;}

#video_screen div{padding:8px; background-color:#cecece; width:414px; border-bottom:1px solid #c0c0c0; text-align:left;}

.bday_marquee{font-size:36px;width:99%; display:block;; color:#FF3333; font-weight:bold}
.bday_marquee span{margin:0 5px 0 15px; color:#ff7700}
.bday_marquee img{vertical-align:middle; padding:2px; border:1px solid #E6FCC5}

.class_sched{float:none}
.class_sched table{margin:5px auto 10px auto; float:none}

#dirlist{margin:20px 10px; text-align:center;}
#dirlist a{color:#006600}
#dirlist h2{font-size:22px; color:#003399}
#dirlist div{float:left; width:140px; border:1px dotted #cecece; margin:10px 25px; text-align:center; height:180px}
#dirlist div img{vertical-align:top;text-align:center; margin-top:5px}
#dirlist #theolevel{width:580px; margin:10px 8px; text-align:center; height:auto; padding-bottom:10px;border:1px dashed #9BD1F9; }
* html #dirlist div{margin:10px 18px;}
* html #dirlist #theolevel{width:565px ;}