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

/**** formatting ****/



html, body {background-image: url(images/bgnd.gif);	background-color: #b8d0d6; margin:0; padding:0; text-align:left; background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #333333;}
h1,h2,h3 {font-family: Arial, Helvetica, sans-serif; margin: 0 0 5px 0;}
h1  {font-size: 18px; border-bottom: 1px dotted #cccccc; padding-bottom: 5px; color: #ee3225; width: 540px;}
h2  {font-size: 14px; color: #222222;}
h3  {font-size: 14px; color: #ee3225;}
h4  {padding: 0; margin-bottom: 2px; color: #333333;}
p { font-size: 12px; line-height: 18px; color: #333333; text-align: left; margin-top: 0px; margin-bottom: 12px; margin-left: 0px;}
img  {float: left;}

#sidelink {width: 260px; margin: 0 0 0 580px; padding: 0; display: block;}
#sidelink {_margin: 0; _float: left;}
#sidelink li {list-style-type:none; font-size:2em; }
#sidelink li a {background-image:url('http://www.frazerumc.org/images/sidelinks_hor.jpg'); background-repeat:no-repeat; padding: 0 0 0 90px;
	display: block; height: 80px;}
#sidelink li a.item1 {background-position:0px 0px; border-bottom: 10px solid #ffffff;}
#sidelink li a:hover.item1 {background-position:-260px 0px;}
#sidelink li a.item2 {background-position:0px -80px; border-bottom: 10px solid #ffffff;}
#sidelink li a:hover.item2 {background-position:-260px -80px;}
#sidelink li a.item3 {background-position:0px -160px;}
#sidelink li a:hover.item3 {background-position:-260px -160px;}

/**** home page ****/

#homehead {padding: 10px; _padding-bottom: 2px; height: 260px; width: 840px; background-color: #FFFFFF; border-bottom-width: thin; border-bottom-style: dotted; border-bottom-color: #666666; position: relative;}
#homemid {padding: 10px; height: 255px; width: 840px; background-color: #E4E4E4; border-bottom-width: thin; border-bottom-style: dotted; border-bottom-color: #666666; background-image: url(images/midbar2.gif); background-repeat: repeat-x; }
#homemid h3  {font-size: 11px; color: #FFFFFF; background-image: url(http://www.frazerumc.org/images/box_bgnd.jpg); padding: 5px; text-align: left; letter-spacing: .1em;}
.home_banner {float: left; height: 260px; width: 570px; padding-right: 10px; display: block; }
#home_banner {float: left; height: 260px; width: 570px; padding-right: 10px;}
#home_banner img {border: 0;}
#home_blocks {float: left; width: 260px; height: 260px;}
#home_blocks img  {width: 260px; padding-bottom: 10px; margin: 0; border: 0;}



/**** media ****/
#mediaheader { background-image: url(images/mediabgnd2.jpg); background-repeat: no-repeat; padding-top: 10px; height: 230px; padding-left: 50px; margin-left: 15px; }
#mediaheader .series img {margin-top: -10px; margin-left: -15px; padding-right: 30px; }
.mediaheader_content {padding-top: 35px;}
.mediaheader_content h2 {color: #ee3235; font-size: 17px;}
#mediaheader p {padding-top: 5px; padding-bottom: 5px; margin:0;}
#spacer {background-color: #ffffff; height: 20px;}

#mediahead p {font-size: 13px;}
.mediahead_content {font-size: 14px;}
.mediahead_content h2 {font-size: 22px;}
#media {width:540px; float:left; background-color: #FFFFFF; padding: 0px 30px 30px 15px; min-height: 350px; color: #333333; float: left;}
#videohead {padding: 15px; height: 300px; width: 830px;}
#videohead img {}	
#mediahead {height: 271px; width: 860px; background-image: url(images/media_bgnd.jpg); padding-top: 10px;	}
#mediahead .currentseries {padding:20px; float: left;}
#mediahead .mediahead_content {padding-top: 35px; padding-right: 50px; padding-bottom: 20px;}
#mediahead h2 {color: #ee3235; font-size: 17px;}
#mediahead p {padding-top: 5px; margin:0;}
#main #media_lcolumn img  {border:0; padding: 0; margin: 0; background-color: #fff;}
#media_lcolumn 		{width: 260px; float: left;}
#media_lcolumn p  	{padding-left: 8px; padding-right: 8px; margin:0;} 
#media_rcolumn p  	{padding-left: 0px; padding-right: 2px; padding-bottom: 3px; margin:0; width: 270px;} 
#media_rcolumn  	{float: left; text-align: left; padding-top: 10px;margin-left: 0px;}
#media_rcolumn h2  {padding-left: 5px; padding-top: 5px; padding-bottom: 5px; background-color: #ccc; margin-left: 0px; width: 270px;}
#media_rcolumn h3  {background-color: #fff; color: #ee3225; font-size: 14px; margin-top:10px; margin-bottom: 4px; padding: 0;}
.video {padding: 5px; background-color: #f1f1f1;}
.side_video {padding: 5px 3px 0 8px;}
.message_title {background-color: #ccc; padding: 5px 5px 2px 10px; }
.messages {width: 540px; border: 0px; padding:5px 0 0 0; margin: 0px; }
.messages_speaker {width: 290px; padding-bottom: 5px; padding-top: 5px; padding-left: 7px; color: #333;}
.messages_sanctuary {border: 1px solid #ccc; }
.spacer {border:0; padding: 0; margin:0;}


#gallery img {background-color: #f4f4f4; padding: 5px; _padding: 4px; border: 1px solid #999999; margin-right: 15px; _margin-right: 6px; margin-bottom: 10px; _margin-bottom: 5px; float: left;}

#gallery {widt800px; float:left; background-color: #FFFFFF; padding: 3px 30px 30px 58px; min-height: 100px; color: #333333; display: inline;}


#gallery .icon {float: left; margin: 0px; padding-right: 10px; border: 0; background-color: #fff;}
#gallery img {background-color: #f4f4f4; padding: 5px; _padding: 4px; border: 1px solid #999999; margin-right: 35px; _margin-right: 6px; margin-bottom: 35px; _margin-bottom: 5px; float: left;}
#gallery, .getconnected h2 {font-size: 12px; color: #328ebe; }
#gallery ul li {color: #333333; list-style-type: disc; margin: 0 0 0 35px ; padding: 2px 0 2px 3px; border: 0;}
#gallery ul  {color: #333333; list-style-type: none; margin: 0; padding: 0 3px 0 0; line-height: 18px;}
#gallery li {color: #333333; list-style-type: disc; margin: 0 0 0 35px ; padding: 2px 0 2px 3px; border: 0; font-size: 12px; line-height: 18px; text-align: left;}
#gallery #banner  {height:260px; padding-bottom: 10px; width: 570px; float: left; display: block;}
#gallery.poll ul li {color: #333333; list-style-type: none; margin: 0 0 5px 15px ; padding: 2px 0 2px 3px; border: 0;}
#gallery .float_left { float:left; display: inline; padding: 0 7px 0 0; margin: 0; border: 0; height: 16px; width: 16px; background-color: none;}

#gallery_head {width:2px; float:left; background-color: #FFFFFF; padding: 1px 30px 30px 15px; min-height: 10px; color: #333333; float: left;}


#series img {background-color: #f4f4f4; padding: 5px; _padding: 4px; border: 1px solid #999999; margin-right: 35px; _margin-right: 6px; margin-bottom: 15px; _margin-bottom: 5px; float: left;}


#icons {font-size: 13px; }
#icons img {border: none; margin-left: 35px; padding-bottom: .1em;}


#mediahead1 {padding: 10px; _padding-bottom: 2px; height: 230px; width: 840px; position: relative;}
#mediahome img {border: none; margin-left: 10px; padding-top: 10px; padding-bottom: 10px;}
#mediamid { border: none; height: 320px; width: 860px;}
#mediabot {height: 223px; background-color: #E4E4E4; border-bottom-width: thin; border-bottom-style: dotted; border-bottom-color: #666666; background-image: url(images/midbar2.gif); background-repeat: repeat-x;}
#mediabox1 {; float: left; width: 860px; border:none;}
#mediabox2 {float: left; width: 280px; height: 200px; margin-left:10px;}
#mediabox3 {float: left; width: 260px; height: 200px; padding-top: 10px; margin-left: 20px;}



#mediabox0 {float: left; width: 260px; height: 245px;}
#mediabox0 h2{color: #333; }
#mediabox0 h4{color: #333; padding: 0; margin:0; display: inline; font-size: 12px;}
#mediabox0 p {padding-bottom: 0px; margin: 0;}
#mediabox0 img{margin:0; padding-bottom: 10px;}

.media_banner {float: left; height: 240px; width: 570px; padding-right: 10px; display: block;}
#media_banner {float: left; height: 240px; width: 570px; padding-right: 10px;}
#media_banner img {border: 0;}

#mediagal {width:800px; float:left; background-color: #FFFFFF; padding: 15px 30px 30px 15px; min-height: 100px; color: #333333; display: inline;}
#mediagal .icon {float: left; margin: 0px; padding-right: 10px; border: 0; background-color: #fff;}
#mediagal img {background-color: #f4f4f4; padding: 5px; _padding: 4px; border: 1px solid #999999; margin-right: 15px; _margin-right: 6px; margin-bottom: 10px; _margin-bottom: 5px; float: left;}




/**** end media ****/



#main {width:540px; float:left; background-color: #FFFFFF; padding: 15px 30px 30px 15px; min-height: 350px; color: #333333; display: inline;}
#main .icon {float: left; margin: 0px; padding-right: 10px; border: 0; background-color: #fff;}
#main img {background-color: #f4f4f4; padding: 5px; _padding: 4px; border: 1px solid #999999; margin-right: 15px; _margin-right: 6px; margin-bottom: 10px; _margin-bottom: 5px; float: left;}
#main, .getconnected h2 {font-size: 15px; color: #328ebe; }
#main ul li {color: #333333; list-style-type: disc; margin: 0 0 0 35px ; padding: 2px 0 2px 3px; border: 0;}
#main ul  {color: #333333; list-style-type: none; margin: 0; padding: 0 3px 0 0; line-height: 18px;}
#main li {color: #333333; list-style-type: disc; margin: 0 0 0 35px ; padding: 2px 0 2px 3px; border: 0; font-size: 12px; line-height: 18px; text-align: left;}
#main #banner  {height:260px; padding-bottom: 10px; width: 570px; float: left; display: block;}
#main.poll ul li {color: #333333; list-style-type: none; margin: 0 0 5px 15px ; padding: 2px 0 2px 3px; border: 0;}
#main .float_left { float:left; display: inline; padding: 0 7px 0 0; margin: 0; border: 0; height: 16px; width: 16px; background-color: none;}

#wrapper {width:860px; height: auto; margin-top: -10px; margin-left: auto; margin-right: auto; text-align:left; background-color: #FFF;} 
#logo  {height:100px; background-image: url(images/logo.png); width:860px; background-repeat: no-repeat; margin-left:auto; margin-right:auto; margin-bottom:-5px;}
#topbar { height: 10px;	width: 100%; background-image: url(images/topbar.jpg);}	
.last {border-style: none none solid none;}
.search {padding: 0; margin-top: -3px; margin-left: 711px;}
.icon {float: left; margin: 0px; padding-right: 10px; border: 0; background-color: #fff;}	
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/**** Sidebars ****/
#side  {width: 245px; margin-right: 30px; _margin-right: 0px;  margin-top: 15px; margin-left: 0; float:right; display: inline; position: relative;}
#sidecare  {width: 245px; _margin-right: 0px;  margin-top: 0px; margin-left: 0; float:right; display: inline; position: relative;}
#side p {padding: 5px;}
#side p img {padding: 0; border: none;}
#side img {padding: 0; margin: 0; border: none;}
#side h3  {font-size: 11px; color: #FFFFFF; background-color: #333333; padding: 5px; text-align: left; letter-spacing: .1em;}
#side h3 {width: 250px; height: 17px; font-size: 12px; color: #FFFFFF; letter-spacing: .1em; background: url(http://www.frazerumc.org/images/side_bgnd4.jpg) no-repeat; padding-left: 10px; padding-top: 5px; margin: 0;}
#side_ministries h4 {font-size: 12px; height: 21px; color: #FFFFFF; letter-spacing: .1em; width: 250px; background: url(http://www.frazerumc.org/images/sidebar_bg2.jpg) no-repeat; margin: 0 0 5px 0; padding: 5px 0 0 10px;}
#side_ministries h3  {font-size: 11px; }
#side_ministries  {width:250px; padding: 20px; min-height: 400px; float:right; background-color: #FFF; background-image: url(images/side-bgnd.jpg); background-repeat: repeat-x; float: right;}
#side ul li {list-style-type: none; margin: 0; padding: 5px 0 5px 10px; border-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc; font-size: 13px; width: 235px; background-color: #f1f1f1;}
#side ul  {list-style-type: none; margin: 0; padding: 0 3px 0 0; line-height: 22px;}
#side .last {border-bottom: 0;}
#side .side_spacer {padding-bottom: 15px; background-color: #fff;}
#side h3.events {width: 250px; height: 17px; font-size: 12px; color: #FFFFFF; letter-spacing: .1em; background: url(http://www.frazerumc.org/images/sideevent_2.jpg) no-repeat; padding-left: 10px; padding-top: 5px; margin: 0;}



#homebottom #ad p{padding:0 11px 0 0; margin: 2px 0px 0px 0px; _margin: 1px 0 0 0; color: #fff; text-align: right;}
#homebottom #ad_last p{padding:0 11px 0 0; margin: 2px 0 0 0; color: #fff; text-align: right;}
#homebottom #ad img {border: 1px solid #474646; margin: 0; padding-bottom: 0;}
#homebottom #ad_last img {border: 1px solid #474646; margin: 0; padding: 0;}
#homebottom a:link {color: #fff;}
#homebottom a:hover {color: #ddd;}
.home_bottomad {background-image: url(images/box_bgnd.gif); background-repeat: no-repeat; padding: 8px 8px 24px 8px; margin-right: 12px; _margin-right:}
#ad {background-image: url(images/box_bgnd.gif);background-repeat: no-repeat; padding: 8px 8px 0 8px; margin-right: 5px; _margin-right: 2px; width: 190px; height: 135px; float: left;}
#ad_last {background-image: url(images/box_bgnd.gif); background-repeat: no-repeat; padding: 8px 8px 0 8px; margin-right: 0;width: 190px; height: 135px; float: left;}

#homebottom {padding: 10px; height: 140px; width: 840px; background-color: #FFFFFF; background-image: url(images/homebottom_bgnd.jpg); background-repeat: repeat-x;}
#homebottom_scroll {padding: 10px; height: 140px; width: 840px; background-color: #FFFFFF;}

#box1 {background: url(images/bottomshadow.jpg); padding: 5px;	float: left; width: 220px; height: 245px;}
#box2 {background: url(images/bottomshadow.jpg); padding: 5px; float: left; width: 320px; height: 245px; margin-left: 10px;}
#box3 {background: url(images/bottomshadow.jpg); padding: 5px; float: left; width: 250px; height: 245px; margin-left: 10px;}
#box3 h2{color: #333; }
#box3 h4{color: #333; padding: 0; margin:0; display: inline; font-size: 12px;}
#box3 p {padding-bottom: 2px; margin: 0;}
#box3 img{margin:0; padding-bottom: 3px;}

#box1 .quicklinks {margin: 0; padding: 6px 0 6px 0; height: 30px; border-bottom: 1px dotted #ccc;}
#box1 .quicklinks h4 {font-size: 12px; margin: 0; padding: 5px 0;}
#box1 img  {float: left; padding: 0 15px 0 5px ; margin: 0; border: 0;}
#box1 .quicklinks_last img  {float: left; padding: 7px 15px 0 5px ; margin: 0;}
#box1 .quicklinks_last h4 {font-size: 12px; margin: 0; padding: 8px 0 6px 0; height: 30px; border-bottom: 0px dotted #ccc;}
#box1 .quicklinks a:link {color: #333; text-decoration: none;}
#box1 .quicklinks a:hover {color: #28809C; text-decoration: none;}
#box1 .quicklinks_last a:link {color: #333; text-decoration: none;}
#box1 .quicklinks_last a:hover {color: #28809C; text-decoration: none;}
#box1 .quicklinks a:active {text-decoration: none;}
/**** end home page ****/

/**** navigation ****/

#menu {width: 860px; height: 36px; padding: 0px; position: relative; background-image: url(http://www.frazerumc.org/images/menu.gif);margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 10px;}
#menu2 {height: 36px; width: 860px;	margin: 0px; margin-left:auto;margin-right:auto; padding-bottom: 0px;}
#menu li 	{margin: 0; padding: 0; list-style: none; position: absolute; top: 0px;}
#menu li, #menu a {height: 36px; display: block;	}

#panel1b	{left: 0; width: 111px;}
#panel2b	{left: 112px; width: 182px;}
#panel3b	{left: 294px; width: 164px;}
#panel4b	{left: 458px; width: 102px;}
#panel5b	{left: 560px; width: 156px;}
#panel6b	{left: 716px; width: 145px;}

#panel1b a:hover{background: transparent url(images/menu.gif) 0px -36px no-repeat;}
#panel2b a:hover{background: transparent url(images/menu.gif) -112px -36px no-repeat;}
#panel3b a:hover{background: transparent url(images/menu.gif) -294px -36px no-repeat;}
#panel4b a:hover{background: transparent url(images/menu.gif) -458px -36px no-repeat;}
#panel5b a:hover{background: transparent url(images/menu.gif) -560px -36px no-repeat;}
#panel6b a:hover{background: transparent url(images/menu.gif) -716px -36px no-repeat;}

#panel1bh {background: transparent url(images/menu.gif) 0px -36px no-repeat;}
#panel2bh {background: transparent url(images/menu.gif) -112px -36px no-repeat;}
#panel3bh {background: transparent url(images/menu.gif) -294px -36px no-repeat;}
#panel4bh {background: transparent url(images/menu.gif) -458px -36px no-repeat;}
#panel5bh {background: transparent url(images/menu.gif) -560px -36px no-repeat;}
#panel6bh {background: transparent url(images/menu.gif) -716px -36px no-repeat;}

/**** end navigation ****/



#leftcol, img  {padding-bottom:10px;}
#maincol  {background-color: #FFFFFF; float: left; display:inline; position: relative; width:0px; }
#content {background-color: #FFFFFF;}
#divider {background-image: url(images/divider.gif); height: 10px; width: 860px; float: none; position: static;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 


/* ----- FOOTER STYLES ----- */

#footer  {height:34px; width:860px; background-image: url(images/footer_bar.jpg); clear:both; background-repeat: no-repeat; margin-left:auto; margin-right:auto; padding:0; } 
.footertext {font-size: 11px; color: #CCCCCC; padding: 10px; text-align: center;}
.footer-text {width: 860px; margin: 0 auto; padding: 20px 0 0 5px; clear: both; color: #5a8695; font-size: .69em;}
#footer2{background-color: #666666; height: 250px; padding: 0px; margin-top: 25px; border-top-width: 6px; border-top-style: solid; border-top-color: #333333; text-align: left;}

/* // End Footer Styles */





/* item list */
ul.items, ul.items li  {margin:0; padding:0; list-style:none;}
ul.items  {}													
ul.items li  {padding:.5em 0; position:relative; min-height:120px; margin-bottom: 16px;}	
ul.items li.first{background:none;}																
ul.items li h2, ul.items li p{margin:.5em 0 .5em 170px;}	
ul.items li img  {position:absolute; top:1em; left:0; padding:12px;	}																											
/* // item list */	
	

.relatedlinks {padding: 10px; background-color: #d9d9d9;}
.relatedlinks ul li a {text-decoration: none; margin-left: 0px; color: #333; padding-left: 0px;}
.author {padding: 0 0 4px 0; font-size: 11px;}



#bannerhead {padding: 10px; _padding: 0; height: 260px;  width: 840px; background-color: #FFFFFF; border-bottom-width: thin; border-bottom-color: #666666; }
#bannerhead img {margin: 5px; width: 820px; background-color: #eee; padding: 5px; _padding: 0px; border: 1px solid #666666; margin-right: 15px; margin-bottom: 10px; float: left;}
#bannerhead_skinny { padding: 10px; margin: 5px; border: 1px solid #666666; width: 840px; background-color: #eee; border-bottom-width: thin; border-bottom-color: #666666;}

.box {width: 100%; height: 160px; margin-top: 13px; padding:0; border-bottom: 1px dotted #ccc;}
.box p {padding-left: 237px;}
.box img {margin: 0; float: left; }
.box ul {list-style: none;}
.box h2 {color: #28809C; _margin-left: 237px;}
.box_last {width: 100%; height: 160px; margin-top: 13px; padding:0;}
.box_last h2 {color: #28809C; _margin-left: 237px;}
.box_last ul {list-style: none;}
.box_last p {padding-left: 237px;}
.box_last img {margin: 0; float: left; }
.box_community {padding: 0px;}
.box_community h2 {color: #28809C; padding-bottom: 0; margin-bottom: 2px;}

#events { margin-top: 10px;}
#event_box {border-bottom: 1px solid #ccc;}
#event_box .lpanel {width: 130px; float: left;}
#event_box .rpanel {float: right;}

#SignUp .signupframe  {border: 1px solid #FFFFFF; background: #ffffff; color: #333333; font-family: Arial, Helvetica, sans-serif;}
#accordion ul {padding: 0; margin-top: 0px;}

#volunteer h2 {	font-size: 14px; border-bottom: 1px dotted #cccccc; padding: 4px 2px 4px 5px; color: #333333; background-color: #ccc; }
#volunteer li {	margin: 0; padding: 0 0 5px 5px; list-style: none; top: 0px; border-bottom: 1px solid #ddd}
#volunteer, tr {border-bottom: 1px solid #cccccc;}



/**** Link Formatting****/

a:link {color: #28809C; text-decoration: none;}
a:visited {color: #28809C; text-decoration: none;}
a:hover {color: #28809C; text-decoration: underline;}
a:active {color: #333333; text-decoration: none;}

#ad a:link {color: #cccccc; text-decoration: none; font-weight: normal;}
#ad a:hover {text-decoration: underline; color: #fff;}
#ad a:visited {color: #cccccc; text-decoration: none;}

#ad_last a:link {color: #cccccc; text-decoration: none; font-weight: normal;}
#ad_last a:hover {text-decoration: underline; color: #fff;}
#ad_last a:visited {color: #cccccc; text-decoration: none;}

#footer a:link {color: #cccccc; text-decoration: none; font-weight: normal;}
#footer a:hover {text-decoration: underline; color: #fff;}
#footer a:visited {color: #cccccc; text-decoration: none;}

#side a:link {color: #333; font-weight: normal;}
#side a:visited {color: #333;}
#side a:hover {color: #ee3225;}
#side a:active {}

#main, .getconnected a:link {font-size: 13px; color: #fff; }
#main, .getconnected a:hover {font-size: 13px; color: #cfcfcf; text-decoration:none; }

.bg_link {background-image: url(images/bg_link2.jpg);height: 23px; width: 260px; background-repeat: no-repeat; color: #FFFFFF;	font-size: 13px; font-weight: bold; text-align: left; margin: 3px 0 0 294px; _margin: 2px 0 0 270px; padding: 6px 5px 5px 15px;}
.bg_link a:link {color: #fff;}
.bg_link a:hover {color: #e7e7e7;}
.bg_link a:visited {color: #fff;}

.back {background-image: url(http://www.frazerumc.org/images/back_bgnd.jpg); color: #fff; margin: 0; padding: 5px 0px 5px 15px ; background-repeat: no-repeat; width: 226px; height: 30px; font-weight: bold; font-size: 12px; float: right; }
.back a:link {color: #333;}
.back a:hover {color: #fff; text-decoration: none;}
	
/**** end Link Formatting ****/

#missions_box {}
#missions_box h2 {background-image: url(images/missions/missions_bgnd.jpg); height: 25px; color: #fff; padding: 5px 5px 5px 10px; }
#missions_box h3 {color: #333; background-color: #fff; font-size: 12px; letter-spacing: 0em; margin: 0;}
#missions_box img {float: right;}
.missions h4 {color: #52a7ca; font-family: georgia, times, arial; font-size: 15px;}
.missions p{padding: 0; margin: 0;}

.getconnected h2 {padding-top: 8px;}




/**** Tables ****/

table { margin: 0 0 0px 0; background-color: #FFF; border: 0; border-collapse: collapse; text-align: left; table-layout: auto; caption-side: top; empty-cells: show; color: #333333; width: 540px;}
table caption { background-color: #F0EFEB; color: #ee3225; border: 1px solid #E0DFDB; text-align: left; padding: 5px; font-weight: bold; }
table tr { padding: 5px; vertical-align:top; }
table th { background-color: #E0DFDB; font-weight: bold; color: #FA552C; padding: 3px 5px 3px 6px; }
table td { padding: 6px 10px; border-bottom: 1px dotted #E0DFDB; line-height: 1.4em; }

.media table { margin: 0; border: 0; border-collapse: collapse; text-align: left; table-layout: auto; caption-side: top; empty-cells: show; color: #333333; width: 540px;}
.media table tr { padding: 5px; vertical-align:top; border-bottom: 1px dotted #999;}
.media table td { padding: 6px 10px; line-height: 1.4em; }

.enews table { margin: 0 0 5px 0; background-color: #fff; text-align: left; table-layout: auto; caption-side: top; empty-cells: show; color: #333333; border: 0;}
.enews table caption { background-color: #fff; color: #ee3225; text-align: left; padding: 5px; font-weight: normal; border: 0;}
.enews table tr { padding: 5px; border: 0; }
.enews table th { border: 0; background-color: #fff; font-weight: normal; color: #FA552C; padding: 3px 5px 3px 6px; }
.enews table td { border: 0; padding: 3px 8px; line-height: 1.4em; border: 0px solid #ffffff; }

.care table { margin: 0 0 5px 0; background-color: #fff; text-align: left; table-layout: auto; caption-side: top; empty-cells: show; color: #333333; border: 0;}
.care table caption { background-color: #fff; color: #ee3225; text-align: left; padding: 5px; font-weight: normal; border: 0;}
.care table tr { padding: 5px; border: 0; }
.care table th { border: 0; background-color: #fff; font-weight: normal; color: #FA552C; padding: 3px 5px 3px 6px; }
.care table td { border: 0; padding: 5px 0 5px 0; line-height: 1.4em; }
.care p {padding: 0; margin-bottom: 0;}
.care ul {margin: 0; padding: 0;}
.care h2 {font-size: 14px; color: #28809C; padding:0; margin:0;} 
.care a:link {color: #28809C;}
.care h2 a:link {color: #28809C;}

.events table { margin: 0; border: 0; border-collapse: collapse; text-align: left; table-layout: auto; caption-side: top; empty-cells: show; color: #333333; width: 540px;}
.events table tr { padding: 0px; vertical-align:middle; border: 0;}
.events table td { padding: 0px 0px; line-height: 1.4em; vertical-align: middle; border: 0;}

.ffn table { margin: 0 0 0px 0; background-color: #FFF; border: 1px solid #E0DFDB; text-align: left; table-layout: auto; caption-side: top; empty-cells: show; color: #333333;}
.ffn table td { padding: 10px 8px; border-bottom: 1px solid #E0DFDB; line-height: 1.4em; }

/**** end Tables ****/


/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.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 */
.clearfix {height: 1%;}
.clearfix {display: block;}



.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; font-weight: bold; font-size: 11px; }
.btn a:link {color: #fff;}
.btn a:hover {text-decoration: none;}
.btn * { font-style: normal; background-image: url(http://www.frazerumc.org/images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e96a33; }
.btn:hover { background-color: #801d78; color: #ccc; text-decoration: none;}
.btn:active { background-color: #444; }
.btn[class] { background-image: url(http://www.frazerumc.org/images/shade.png); background-position: bottom; }


#idc-container h3 {
font-size:14px;
line-height:1.3em;
}




/***** scroll *****/
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;  
	overflow:hidden;
	width: 780px;
	height:140px;}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:10px 5px 10px 10px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:175px;
	height:103px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(http://www.frazerumc.org/images/hori_large2.png) no-repeat;
	display:block;
	width:15px;
	height:15px;
	float:left;
	margin:45px 0px 0 10px;
	cursor:pointer;
	font-size:1px;
}



/* right */
a.right 		{ background-position: 0 -15px; clear:right; margin-right: 0px;}
a.right:hover	{ background-position:-15px -15px; }
a.right:active 	{ background-position:-30px -15px; } 


/* left */
a.left			{ margin-left: 0px; } 
a.left:hover  	{ background-position:-15px 0; }
a.left:active  	{ background-position:-30px 0; }

/* up and down */
a.up, a.down	{background:url(http://www.frazerumc.org/images/vert_large.png) no-repeat; 
				float: none;
				margin: 10px 50px;
}

/* up */
a.up:hover  { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }

/* down */
a.down 		  { background-position: 0 -30px; }
a.down:hover  { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {visibility:hidden !important;} 


#demotip {
	display:none;
	background:transparent url(http://www.frazerumc.org/images/black_arrow2.png);
	font-size:11px;
	height:80px;
	width:180px;
	padding:25px;
	color:#fff;	
}
/* style the trigger elements */
#demo img {
	border:0;
	cursor:pointer;
	margin:0;
	padding: 0;
	*margin-top: -15px;
}

/* ---------- Featured ---------- */

#feature_list img {width: 530px; height: 235px; background-color: #f4f4f4; padding: 5px; _padding: 4px; border: 1px solid #999999;float: left;}

#feature_wrapper {
	margin: 0 auto;
	line-height: 16px;
}
#feature_list {
	width: 840px;
	height: 247px;
	overflow: hidden;
	position: relative;
	background-color: #FFFFFF;
	text-align: left;
}

#feature_list ul {
	position: absolute;
	top: 0;
	list-style: none;	
	padding: 0;
	margin: 0;
}
#tabs {
	right: 0;
	z-index: 2;
	width: 315px;
}
#tabs li {
	font-size: 12px;
	font-family: Arial;
	height: 84px;
}
#tabs li a {
	color: #999999;
	text-decoration: none;	
	display: block;
	padding: 0px 10px 10px 30px;
        margin: 0 0 0 0;
	height: 80px;
	outline: none;
}
#tabs li a:hover {
	color: #393939;
}
#tabs li a.current {
	background: url(http://www.frazerumc.org/images/feature-tab-current3.png) top left no-repeat;
	color: #393939;
}
#tabs li a.current:hover {
	text-decoration: none;
	cursor: default;
}
#output {
	left: 0;
	width: 633px;
	height: 270px;
	position: relative;
}
#output li {
	position: absolute;
	width: 651px;
	height: 337px;
}
.outputimg {
	border: none;
}
.featuretitle {
	margin: 0;	
	padding: 7px 0 5px 0;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
}


/***** lightbox *****/


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.frazerumc.org/css/img/lightbox/light_rounded/btnPrevious.png) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.frazerumc.org/css/img/lightbox/light_rounded/btnNext.png) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }