/* External Style Sheet for SCCChurch 10/27/05 */ 

body {background-color:#ffffff;/*white*/
font:10pt sans-serif; color:#656577;/*lighter black*/ margin:.5em 1em 1em .8em;}
.date
{font: 8pt sans-serif;color: #ffffff; /*white*/ padding: 0px 2px 0px 0px;}
.redBoldFont10
{font: bold 10pt sans-serif; color:#ff0000;/*red*/ }
.grey
{
background-color:#f0f0f0;
}

/*headers/headings*/ 
h1{font: bold 10pt sans-serif; color: #000000; /*black*/ padding:0px 0px 0px 0px;} 
h2{font: bold 10pt sans-serif; color: #000000; /*black*/} 
.smallFont{font: 7pt sans-serif;color: #656577; /*lighter black*/text-align: left;}
.smBoldFontleft_9{font:bold 9pt sans-serif;color: #000000; /*black*/}

.smBoldFontLeftRed_9{font:bold 12pt sans-serif;color: #990000; /*red*/}
.smWhiteBoldFontleft_9{font:bold 9pt sans-serif;color:#ffffff; /*white*/
text-align:left;}
.viewHeading{font: bold 10pt sans-serif;color: #000000; /*black*/padding: 20px 67px 0px 0px;}
.heading{font: bold 10pt sans-serif; color: #000000; /*black*/}
.headingCenter{font: bold 10pt sans-serif; color: #000000; /*black*/text-align:center;}
.blueHeading{font: bold 10pt sans-serif; color: #0099cc; /*blue*/}
.welcomeHeading{font: bold 10pt sans-serif; color: #000000; /*black*/}
.lighterHeading{font: bold 9pt sans-serif;color: #656577; /*lighter black*/}
.newWindowTitle
{font:bold 9pt sans-serif; color:#000000;/*black*/ padding:0px 0px 0px 0px; text-align:center; }
/*end headers/headings*/

/* hr's */
hr{color:#cccccc; /*lighter gray*/ height:1px;}
hr#lightGrey{color:#f8f8f8; /*lighter gray*/ height:1px;}
hr#servicesPage {border: none 0; 
border-top: 1px dashed #000;/*the border*/
width: 50%;
height: .5px;/*whatever the total width of the border-top and border-bottom equal*/
text-align:center;
}
hr#sermonsPage {border: none 0; 
border-top: 1px dashed #656577;/* lighter black the border*/
width: 300px;
height: .5px;/*whatever the total width of the border-top and border-bottom equal*/
text-align: left;
}
/*end hr's*/

/*input buttons*/
input.submitButton
{
font: 10pt sans-serif; 
color: #656577; /*lighter black*/
background-color: #ffffff;
border:1px #656577; 
border-style:groove;
}
input.resetButton
{
font: 10pt sans-serif; 
color: #656577; /*lighter black*/
background-color: #ffffff;
border:1px #656577; 
border-style:groove;
}
input.prayerSubmitButton
{
font: 10pt sans-serif; 
color: #656577; /*lighter black*/
background-color: #ffffff;
border:1px #656577;
border-style:groove;
}
input.prayerResetButton
{
font: 10pt sans-serif; 
color: #656577; /*lighter black*/
background-color: #ffffff;
border:1px #656577;
border-style:groove;
}
input#nextButton
{
font: 10pt sans-serif; 
color: #656577; /*lighter black*/
background-color: #ffffff;
border:1px #656577;
border-style:groove;
}
input#previousButton
{
font: 10pt sans-serif; 
color: #656577; /*lighter black*/
background-color: #ffffff;
border:1px #656577;
border-style:groove;
}
input#startButton
{
font: 10pt sans-serif; 
color: #656577; /*lighter black*/
background-color: #ffffff;
border:1px #656577;
border-style:groove;
}
select#optionButton
{
font: 10pt sans-serif; 
color: #656577; /*lighter black*/
background-color: #ffffff;
border:1px #656577; 
border-style:groove;
padding: 5px 0px 0px 0px;
} 
/*end buttons*/ 

/*links*/
A:link, A:visited, A:active
{color: #0099cc; /*blue*/ font: 10pt sans-serif; text-decoration:none;}
A:hover{color: #ff0000; /*red*/font: 10pt sans-serif;}



/*sermon links*/
A.sermons:link{color: #0099cc; /*blue*/ font: 10pt sans-serif; text-decoration: none;}
A.sermons:visited{color: #0099cc; /*blue*/ font: 10pt sans-serif; text-decoration: none;}
A.sermons:active{color: #0099cc; /*blue*/ font: 10pt sans-serif; text-decoration: none;}
A.sermons:hover{text-decoration: none; color: #ff0000; /*red text*/ font: 10pt sans-serif;}
/*end of sermon links*/

/*view rollover link*/
A.viewRollover:link, A.viewRollover:visited, A.viewRollover:active
{font: 9pt sans-serif;color: #0099cc; /*blue*/padding:0px 20px 0px 0px;} 
A.viewRollover:hover
{font:9pt sans-serif;color: #FF0000;/*red*/padding:0px 20px 0px 0px;}
/*end view rollover link*/

/*roll over index link*/
A.rollOverIndexLink:link, A.rollOverIndexLink:visited, A.rollOverIndexLink:active
{font: 9pt sans-serif; color:#0099cc; /*blue*/padding:0px 0px 0px 0px;text-decoration:none;} 
A.rollOverIndexLink:hover
{font:9pt sans-serif; color:#ff0000;/*red*/padding:0px 0px 0px 0px;text-decoration:none;}
/*end roll over index link*/

/*small font roll over index link*/
A.smFontRollOverIndexLink:link, A.smFontRollOverIndexLink:visited, A.smFontRollOverIndexLink:active
{font: 8pt sans-serif; color:#0099cc; /*blue*/padding:0px 0px 0px 0px;} 
A.smFontRollOverIndexLink:hover
{font:8pt sans-serif; color:#FF0000;/*red*/padding:0px 0px 0px 0px;}
/*end roll over index link*/

/*top of page link*/
 A.topofPage:link, A.topofPage:visited, A.topofPage:active 
{font:8pt verdana, sans-serif; text-decoration:none; color:#656577;/*lighter black*/} 
A.topofPage:hover
{font:8pt verdana, sans-serif; text-decoration:none; color:#FF0000;/*red*/}
/*end of page link*/

/*selected picture box link*/
A:link.selecectedPictureBoxLink, A:visited.selecectedPictureBoxLink, A:active.selecectedPictureBoxLink 
{color:#000000;/*black*/ border:solid black}
A:hover.selecectedPictureBoxLink
{color:#FF0000;/*red*/ border:solid black}
/*end selected picture box link*/

/*closeWindow*/
A:link.closeWindowLink, A:visited.closeWindowLink, A:active.closeWindowLink 
{font:8pt  bold  sans-serif; text-decoration: none; color:#656577;/*lighter black*/ text-align:center; } 
A:hover.closeWindowLink
{font:8pt bold sans-serif; text-decoration: none; color:#FF0000;/*red*/ text-align:center; }  
/*end closeWindow*/

A:link.bottomLink, A:visited.bottomLink, A:active.bottomLink
{color:#656577;/*lighter black*/font:bold 9pt sans-serif; text-decoration:none;
 padding:3px 3px 3px 3px;}
A:hover.bottomLink
{color:#ff0000;/*#993300red text*/ text-decoration:none;
font:bold 9pt sans-serif; padding:3px 3px 3px 3px;}

a:link.topMenuLinks, a:visited.topMenuLinks, a:active.topMenuLinks
{color:#656577;/*lighter black*/font:bold 10pt sans-serif; text-decoration:none; 
padding:5px 0px 5px 0px;}
a:hover.topMenuLinks
{color:#ff0000;/*#993300red text*/ text-decoration:none;
font:bold 10pt sans-serif; padding:5px 0px 5px 0px;}

/*end of links*/

/*service content*/ 
.seviceContent
{font: 8pt sans-serif; color: #656577; /*lighter black*/text-align:center;}

/*sidemenu*/
td#sidemenu{border-width: 1px 0px 0px 0px;}
div#sidemenu{margin: 0px 0px 0px 0px;}
#sidemenu ul
{list-style: none;margin: 0;text-align: left;padding: 0px 0px 0px 0px;}
#sidemenu li{padding: 0px 0px 0px 0px}
#sidemenu a
{
	text-decoration: none;
	color: 000000;
	font: bold 9pt sans-serif; 
	border: 0px;
	position: relative;
	top: 30px;
	padding:  0px 0px 0px 0px;
	margin: 0;
	text-align: left;
	width: 112px;
}
#sidemenu a:link{color: 000000; /*black*/ }
#sidemenu a:visited{color: 000000; /*black*/ }
#sidemenu a:hover, a:active{color: #FF0000;/*red*/ } 
/*td's*/
td#lastUpDated
{font: 7pt sans-serif;color: #656577; /*lighter black*/text-align: left;}
td#content
{
font: 10pt sans-serif; 
color: #656577; /*lighter black*/
padding: 0px 0px 0px 25px;
top: 35px;
vertical-align:top;
width: 568;
}
td#noPaddingContent
{
font: 10pt sans-serif; 
color: #656577; /*lighter black*/
padding: 0px 0px 0px 0px;
}

td#homeContent
{
font: 10pt sans-serif; 
color: #656577; /*lighter black*/
padding: 10px 0px 0px 25px;
vertical-align:top;
width:568;
}
/*upcoming Events Date Font*/
.upcomingEventsDateFont
{font: 9pt sans-serif; color: #656577; /*lighter black*/ padding:0px 0px 0px 0px;} 
/*upcoming Events Date Font*/

td#booksContent
{font: 10pt sans-serif; color: #656577; /*lighter black*/padding: 0px 0px 0px 0px;vertical-align:top;}
td#mississippiPictures{padding: 0px 5px 0px 5px}
td#mississippiPicturesBottomRow{padding: 0px 5px 15px 5px}
td#mississippiPicturesLarge{padding: 0px 20px 0px 0px}
td#visionList{padding: 10px 0px 0px 0px}

td#bellContent
{
font: 10pt sans-serif; 
color: #656577; /*lighter black*/
padding: 0px 0px 0px 0px;
vertical-align:middle;
}

.contentBottomInfoCenter
{font:9pt sans-serif; color:#656577;/*lighter black*/ text-align:center; padding:5px 2px 2px 2px;}

td#katrinaPoem
{
font:  9pt sans-serif; 
color: #cccccc; /*gray*/
padding: 5px 0px 5px 10px;
text-align:left;
background: url(images/katrina_poem.jpg) 0 100% no-repeat;
}
td#imagePadding{padding: 2px 0px 5px 0px;}
td#prayerContent
{font: 10pt sans-serif; color: #656577; /*lighter black*/padding: 0px 0px 0px 0px;vertical-align:top;}
td#slideshowHeading
{font: 10pt sans-serif; color: #656577; /*lighter black*/padding: 0px 0px 0px 0px;}
td#musicSampleContent
{font:10pt sans-serif; color:#656577;/*lighter black*/
padding: 2px 2px 0px 0px;}
/*end td*/



/*unorderd list*/
ul#sermonsList
{font: 10pt sans-serif; color: #000000; /*black*/padding: 0px 0px 0px 0px;}
/*end unorderd list*/

/*katrina pop up window*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail{position: relative; z-index:0; text-decoration:none;}
.thumbnail:hover{background-color:transparent; z-index:0;
text-decoration:none;}
.thumbnail span{/*CSS for enlarged image*/position:absolute; background-color:#ffffff;/*white*/
padding:10px 10px 10px 10px; left:-1000px; border:1px solid #cccccc;/*gray*/ visibility: hidden;
color:#000000;/*black*/ text-decoration:none;}
.thumbnail span img{ /*CSS for enlarged image*/border-width:0; padding:10px 10px 10px 10px; 
text-decoration:none;}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/visibility:visible;
top:-285px; left:0px; /*position where enlarged image should offset horizontally*/
text-decoration:none;}
.headingForKatrinaCard{font:12px sans-serif; color:#656577;/*lighter black*/
text-align:center; padding:8px 2px 2px 2px;}
.smHeadingForKatrinaCard{font:10px sans-serif; color:#656577;/*lighter black*/ text-align:center;}
/*end katrina pop up window*/

/*history pop up window*/
/*---z-index:1; lets large image be on top---*/
.thumbnailHistory{position:relative; z-index:0; text-decoration:none;}
.thumbnailHistory:hover{background-color:transparent; z-index:1; border:none;
text-decoration:none; overflow:visible;}
.thumbnailHistory span{/*CSS for enlarged image*/
position:absolute; background-color:#ffffff;/*white*/padding:4px 4px 4px 4px; left:-1000px;
border:1px solid #cccccc;/*gray*/ visibility:hidden;
color:#000000;/*black*/ text-decoration:none; z-index:0;}
.thumbnailHistory span img{/*CSS for enlarged image*/border-width:0; padding:4px 4px 4px 4px; 
text-decoration:none; z-index:0;}
.thumbnailHistory:hover span#Image1{ /*CSS for enlarged image on hover*/visibility:visible;
top:-165px; left:-50px; /*position where enlarged image should offset horizontally*/
text-decoration:none; z-index:0;}
.thumbnailHistory:hover span#Image2{ /*CSS for enlarged image on hover*/visibility:visible;
top:-200px; left:190px; /*position where enlarged image should offset horizontally*/
text-decoration:none; z-index:0;}
.thumbnailHistory:hover span#Image3{ /*CSS for enlarged image on hover*/visibility:visible;
top:-200px; left:10px; /*position where enlarged image should offset horizontally*/
text-decoration:none; z-index:0;}
.thumbnailHistory:hover span#Image4{ /*CSS for enlarged image on hover*/visibility:visible;
top:-355px; left:265px; /*position where enlarged image should offset horizontally*/
text-decoration:none; z-index:0;}
.thumbnailHistory:hover span#Image5{ /*CSS for enlarged image on hover*/visibility:visible;
top:-335px; left:95px; /*position where enlarged image should offset horizontally*/
text-decoration:none; z-index:0;}
.headingForHistoryPictures{font:12px sans-serif; color:#656577;/*lighter black*/
text-align:center; padding:8px 2px 2px 2px;}
/*end history pop up window*/

.padding5PxFromTop{padding:5px 0px 0px 0px;}
.padding5PxFromBottom{padding:0px 0px 5px 0px;}

br#padding5PxFromBottom{padding:0px 0px 5px 0px;}

.lastUpDated
{font: 7pt sans-serif; color:#656577;/*lighter black*/ padding:5px 0px 5px 0px;}

.bottomAddress
{font:9pt sans-serif; color:#656577;/*lighter black*/ text-align:center; 
padding:2px 2px 2px 2px;}

.alignLeft{text-align:left;}

.collapseBlock {display:none}
.expandBlock {display:inline}

.accordionItem h2 { margin:0; font:bold 10pt sans-serif; padding:2px; color:#000000;/*black*/}
.accordionItem h2:hover { cursor: pointer; }
.accordionItem div { margin:0; padding:2px;}
.accordionItem.hide h2 {color:#000000;/*black*/}
.accordionItem.hide div { display: none; }

A.viewHideLink:link, A.viewHideLink:visited, A.viewHideLink:active
{color:#0099cc;/*blue*/ font:9pt sans-serif; text-decoration:none;  text-align:left;padding:0px 0px 2px 0px;}
A.viewHideLink:hover{color:#ff0000;/*red text*/ 
font:9pt sans-serif; text-decoration:none; text-align:left;padding:0px 0px 2px 0px;} 

h1#View, h2#View 
{padding: 0;margin: 0;display: inline;}

table#indexUpcomingEvents
{
padding: 0px 0px 0px 0px;
  border-width: 1px 0px 0px 0px;
   border-style:solid; 
  border-color:#e0e0e0;
}
td#indexUpcomingEvents
{
padding: 0px 2px 4px 2px;
  border-width: 0px 0px 0px 0px;
   border-style:solid; 
  border-color:#e0e0e0;
}
.pastorTable
{font:10pt sans-serif; color:#656577;/*lighter black*/ padding:2px 2px 2px 5px}

/*loaves and fishes image map*/
#map {
    margin:0;
    padding:0;
    width:520px;
    height:300px;
    /*background:url(loaves_fishes_images/loaves_fishes_collage2.jpg) top left no-repeat #fff;*/
    font-family:sans-serif;
    font-size:8pt;
} 

#map li {
    margin:0;
    padding:0;
    list-style:none;
} 

#map li a {
    position:absolute;
    display:block;
    /*
       Specifying a background image
       (a 1px by 1px transparent gif)
       fixes a bug in older versions of
       IE that causeses the block to not
       render at its full dimensions.*/
    
    background:url(loaves_fishes_images/one_by_one_transparaent.gif);
} 

#map li a span { display:none; } 

#map li a:hover span {
    position:relative;
    display:block;
    width:200px;
    left:0px;
    top:0px;
    padding:0px;
    
    /*background:#fff;*/
    text-decoration:none;
    color:#000;
    filter:alpha(opacity=100);
    opacity:1.0;
	z-index:10;
} 

#map a.one {
    top:24px;
    left:11px;
    width:140px;
    height:124px;
	z-index:10;
}
#map a.two {
    top:145px;
    left:151x;
    width:156px;
    height:128px;
	z-index:10;
}
        
#map a.three {
    top:130px;
    left:195px;
    width:140px;
    height:120px;
	z-index:10;
}
        
#map a.four {
    top:22px;
    left:200px;
    width:140px;
    height:120px;
	z-index:10;
}
        
#map a.five{
    top:11px;
    left:352px;
    width:156px;
    height:128px;
	z-index:10;
}
        
#map a.six {
    top:146px;
    left:356px;
    width:160px;
    height:126px;
	z-index:10;
} 
/*end loaves and fishes image map*/

.perpetuaFont
{font:10pt , sans-serif; color:#656577;/*lighter black*/ margin:.5em 1em 1em .8em;}