/* ----------------- T R I N I T Y F E L L O W S H I P C S S ----------------- */ body {margin: 0px; padding: 0px; background:url(../images/tf_bg.jpg) top repeat-x; text-align: center; font-family: "Verdana", Geneva, Arial, Lucida Grande, sans-serif; font-size: 11px; color: #000;} img {border:0;} h1, h2, h3, h4 {margin-bottom: 0px; text-shadow: #bbb 2px 2px 1px;} h1, h2, h3, h4 {color: #000;} h1 {font-size: 20px; font-weight: bold;} h2 {font-size: 20px; font-family: "Georgia", Times, Times New Roman, serif; font-weight: normal;} h3 {font-size: 13px; font-weight: bold;} h4 {font-size: 12px; font-weight: bold;} h1 + p, h2 + p, h3 + p, h4 + p, p + p, br + p {margin-bottom: 0px; line-height: 13.2pt;} .verdana1315 { font-size: 13px; line-height: 15px; font-weight: bold; } .verdana1113b { font-size: 11px; line-height: 13px; font-weight: bold; } .verdana1113 { font-size: 11px; line-height: 13px; font-weight: normal; } .verdana1012b { font-size: 10px; line-height: 12px; font-weight: bold; color:#666;} .verdana1012 { font-size: 10px; line-height: 12px; font-weight: normal; color:#666;} .articletitle { font-size: 13px; font-weight: bold; color: #000000; } /* LINKS */ a:link {text-decoration: none; color: #003399; outline: none; font-weight: bold; } a:hover{text-decoration: underline; color: #3366cc; font-weight: bold;} a:visited{text-decoration: none; color: #cc6600; outline: none; font-weight: bold;} a.brown { color: #CB761B; text-decoration: none; } a.brown:visited { color: #CB761B; text-decoration: none; } a.brown:hover { color: #CB761B; text-decoration: underline; } a.brown:active { color: #CB761B; text-decoration: none; } a.black { color: #000000; text-decoration: none; font-weight: normal;} a.black:visited { color: #000000; text-decoration: none; font-weight: normal;} a.black:hover { color: #000000; text-decoration: underline; font-weight: normal;} a.black:active { color: #000000; text-decoration: none; font-weight: normal;} a.strong { color: #000000; text-decoration: none; font-weight: bold;} a.strong:visited { color: #000000; text-decoration: none; font-weight: bold;} a.strong:hover { color: #000000; text-decoration: underline; font-weight: bold;} a.strong:active { color: #000000; text-decoration: none; font-weight: bold;} /* CONTAINER */ #container {position: relative; width: 982px; margin-top: 10px; margin-left: auto; margin-right: auto; /*Margin left and right set to "auto" centers page layout*/ text-align: left; /*Resets the text alignment*/} /* CONTAINER */ #header {position relative; float:left; width 982px;} /* TOP BANNER */ #logo {width: 422px; height: 55px; position: relative; float: left; background:url(../images/tf_logo.gif) top no-repeat; } #spacer {width: 228px; height: 55px; position: relative; float:left; } #service {width: 322px; height: 45px; position: relative; float: right; padding: 5px 5px 5px 5px;} /* GLOBALHEADER */ #globalheader { width: 982px; height: 38px; auto; position: relative; float:left; z-index: 9998; background-image: url(../images/tf_nav.gif); background-repeat: no-repeat;} #globalheader #globalnav { margin: 0; padding: 0; } #globalheader #globalnav li { display: inline; } #globalheader #globalnav li a { float: left; width: 117px; height: 0; padding-top: 38px; overflow: hidden; } #globalheader #globalnav li a, #globalheader #globalnav { background-image: url(../images/tf_nav.gif); background-repeat: no-repeat; } /* BUTTONS */ #globalheader #globalnav li#gn-home a { background-position: 0 0; } #globalheader #globalnav li#gn-aboutus a { background-position: -117px 0; } #globalheader #globalnav li#gn-information a { background-position: -234px 0; } #globalheader #globalnav li#gn-calendar a { background-position: -351px 0; } #globalheader #globalnav li#gn-ministries a { background-position: -468px 0; } #globalheader #globalnav li#gn-lifegroups a { background-position: -585px 0; } #globalheader #globalnav li#gn-podcast a { background-position: -702px 0; } /* OVER STATES */ #globalheader #globalnav li#gn-home a:hover { background-position: 0 -38px; } #globalheader #globalnav li#gn-aboutus a:hover { background-position: -117px -38px; } #globalheader #globalnav li#gn-information a:hover { background-position: -234px -38px; } #globalheader #globalnav li#gn-calendar a:hover { background-position: -351px -38px; } #globalheader #globalnav li#gn-ministries a:hover { background-position: -468px -38px; } #globalheader #globalnav li#gn-lifegroups a:hover { background-position: -585px -38px; } #globalheader #globalnav li#gn-podcast a:hover { background-position: -702px -38px; } /* PRESSED STATES */ #globalheader #globalnav li#gn-home a:active { background-position: 0 -76px; } #globalheader #globalnav li#gn-aboutus a:active { background-position: -117px -76px; } #globalheader #globalnav li#gn-information a:active { background-position: -234px -76px; } #globalheader #globalnav li#gn-calendar a:active { background-position: -351px -76px; } #globalheader #globalnav li#gn-ministries a:active { background-position: -468px -76px; } #globalheader #globalnav li#gn-lifegroups a:active { background-position: -585px -76px; } #globalheader #globalnav li#gn-podcast a:active { background-position: -702px -76px; } /* ON STATES */ #globalheader.home #globalnav li#gn-home a:hover { background-position: 0 0; cursor: default; } #globalheader.aboutus #globalnav li#gn-aboutus a { background-position: -117px -114px !important; } #globalheader.information #globalnav li#gn-information a { background-position: -234px -114px !important; } #globalheader.calendar #globalnav li#gn-calendar a { background-position: -351px -114px !important; } #globalheader.ministries #globalnav li#gn-ministries a { background-position: -468px -114px !important; } #globalheader.lifegroups #globalnav li#gn-lifegroups a { background-position: -585px -114px !important; } #globalheader.podcast #globalnav li#gn-podcast a { background-position: -702px -114px !important; } /* FLASH STAGE AREA */ #stage {width: 982px; position: relative; float: left; margin-top: 10px; } /* CONTENT AREA */ #content {width: 982px; position: relative; float: left; margin-top: 10px; } /* LEFT COLUMN AREA */ #leftcolumn {width: 195px; height: 465px; position: relative; float: left; border: 1px solid #c0c0c0; background-color: #f6f6f6;} #lefttab-1 {width:190px; position: relative; background:url(../images/tab.gif) top repeat-x; padding: 5px 0px 3px 5px;} #lefttab-2 {width:190px; position: relative; background:url(../images/tab.gif) top repeat-x; padding: 5px 0px 3px 5px;} #lefttab-3 {width:190px; position: relative; background:url(../images/tab.gif) top repeat-x; padding: 5px 0px 3px 5px;} #lefttext-1 {width: 190px; position: relative; background-color: #f6f6f6; padding: 5px 0px 5px 5px; } #lefttext-2 {width: 190px; position: relative; background-color: #f6f6f6; padding: 5px 0px 5px 5px; } #lefttext-3 {width: 190px; position: relative; background-color: #f6f6f6; padding: 5px 0px 5px 5px; } /* CENTER COLUMN AREA */ #centercolumn {width: 500px; height: 465px; position: relative; float: left; border: 1px solid #c0c0c0; margin-left: 10px; background-color: #f6f6f6;} #centertab {width:495px; position: relative; background:url(../images/tab.gif) top repeat-x; padding: 5px 0px 3px 5px; } #centertext {width: 490px; position: relative; padding: 5px 5px 5px 5px; } #pastorpic {position relative; float: left; padding-right: 10px; padding-bottom: 5px; padding-top: 15px;} #staffpic {width: 50px; height: 70px; position relative; float: left; padding-right: 10px; padding-bottom: 5px; } #itunes {width: 212px; height: 127px; position relative; float: left; padding-right: 10px; padding-bottom: 5px; } #ipod {width: 122px; height: 124px; position relative; float: right; padding-left: 10px; padding-bottom: 5px; } /* CONTENT STAGE AREA */ #contentstage {width: 772px; position: relative; float: left; border: 1px solid #c0c0c0; margin-left: 10px; margin-bottom: 10px; } /* CONTENT COLUMN AREA */ #contentcolumn {width: 772px; position: relative; float: left; border: 1px solid #c0c0c0; margin-left: 10px; background-color: #f6f6f6;} #contenttab {width:767px; position: relative; background:url(../images/tab.gif) top repeat-x; padding: 5px 0px 3px 5px; } #contenttext {width: 750px; position: relative; padding: 10px 10px 10px 10px; } /* RIGHT COLUMN AREA */ #rightcolumn {width: 262px; height: 465px;position: relative; float: right; border: 1px solid #c0c0c0; background-color: #f6f6f6;} #righttab-1 {width:256px; position: relative; background:url(../images/tab.gif) top repeat-x; padding: 5px 0px 3px 5px;} #righttab-2 {width:256px; position: relative; background:url(../images/tab.gif) top repeat-x; padding: 5px 0px 3px 5px;} #audio {position: relative; background-color: #f6f6f6; padding-left: 5px;} #video {position: relative; background-color: #f6f6f6; padding-left: 4px;} /* KIDMO PAGE */ #kidmo {width: 170px; position: absolute; float: left; padding-top: 85px; padding-left: 25px;}