/* cmsms stylesheet: 2017-TPSC-CSS-PageSetup modified: 05/05/25 14:59:22 */
@font-face
{
font-family: ArtBrush;
src: url('/fonts/ArtBrush.ttf');
}

@font-face
{
font-family: Copperplate;
src: url('/fonts/CopperplateBold.ttf');
}

@font-face
{
font-family: MonoSocialIcons;
src: url('/fonts/MonoSocialIcons.ttf');
}

@font-face
{
font-family: Roboto;
src: url('/fonts/Roboto-Medium.ttf');
font-weight: normal;
font-style: normal;
}

@font-face
{
font-family: Roboto;
src: url('/fonts/Roboto-MediumItalic.ttf');
font-weight: normal;
font-style: italic;
}

@font-face
{
font-family: Roboto;
src: url('/fonts/Roboto-Bold.ttf');
font-weight: bold;
font-style: normal;
}

@font-face
{
font-family: Roboto;
src: url('/fonts/Roboto-BoldItalic.ttf');
font-weight: bold;
font-style: italic;
}

html,
body
{
min-height: 100%;
min-width: 100%;
margin: 0px;
font-family: Roboto, sans-serif;
font-size: medium;
text-align: justify;
}

body
{
background: rgba(0,0,51,0.5), url('/images/tpsc2017/wallpaper.jpg'), repeat; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,0,51,0.5) 0%, rgba(0,0,255,0.5) 100%), url('/images/tpsc2017/wallpaper.jpg'), repeat; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,51,0.5) 0%, rgba(0,0,255,0.5) 100%), url('/images/tpsc2017/wallpaper.jpg'), repeat; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,51,0.5) 0%, rgba(0,0,255,0.5) 100%), url('/images/tpsc2017/wallpaper.jpg'), repeat; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=rgba(0,0,51), endColorstr=rgba(0,0,255,0.5),GradientType=0 ), url('/images/tpsc2017/wallpaper.jpg'), repeat; /* IE6-9 */
}

div
{
display: block;
}

header a,
header a:link,
header a:active,
header a:visited,
header a:visited:active,
footer a,
footer a:link,
footer a:active,
footer a:visited,
footer a:visited:active
{
color: rgb(255,255,255);
text-decoration: none;
}

header a:hover,
header a:visited:hover,
footer a:hover,
footer a:visited:hover
{
color: rgb(255,255,0);
text-decoration: none;
}

img
{
border: 0px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
/* cmsms stylesheet: 2017-TPSC-CSS-Header modified: 05/05/25 14:59:22 */
header
{
display: block;
position: relative;
width: 1080px;
height: 200px;
margin: 0px auto;
text-align: center;
z-index: 90;
}
/*
.header_logo
{
float: left;
position: relative;
top: 0px;
left: 15px;
width: 300px;
height: 200px; 
text-align: center;
overflow: hidden;
z-index: 100;
}
*/
header img
{
float: left;
position: relative;
top: 0px;
left: 25px;
overflow: hidden;
}

.header_social_link
{
position: relative;
top: 15px;
left: 285px;
width: 760px;
height: 60px;
font-family: Copperplate, serif;
text-transform: lowercase;
text-align: right;
}

.header_social_link a img
{
height: 100%;
vertical-align: middle;
}

.header_social_link a .smicon
{
font-family: MonoSocialIcons;
font-size: 42px;
}

.header_tagline
{
position: relative;
top: 50px;
left: 0px;
padding-right: 25px;
color: rgb(255,255,255);
font-family: ArtBrush;
font-size: xx-large;
text-align: right;
overflow: hidden;
}
/* cmsms stylesheet: 2017-TPSC-CSS-Body modified: 05/05/25 14:59:22 */
.body_content
{
position: relative;
top: 0px;
left: 0px;
margin: 0px auto;
width: 1080px;
background-color: rgb(255,255,255);
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
overflow: hidden;
z-index: 1;
}

.body_content_footer
{
clear: both;
position: relative;
top: 0px;
left: 0px;
width: 1030px;
margin: 0px auto;
overflow: hidden;
}

article
{
float: left;
position: relative;
left: 20px;
width: 720px;
color: rgb(0,0,0);
font-size: medium;
text-align: justify;
padding: 10px 0px 10px 25px;
overflow: hidden;
}

article a,
article a:link,
article a:active,
article a:visited,
article a:visited:active
{
color: rgb(0,0,102);
text-decoration: none;
}

article p a:hover,
article p a:visited:hover
{
color: rgb(0,0,204);
text-decoration: none;
}

article dl dt
{
font-weight: bold;
}

article dl dd
{
margin-left: 50px;
font-style: italic;
}

article h1,
article h2,
.body_content_footer h2
{
font-family: Copperplate, Cambria, Times New Roman, serif;
font-size: large;
font-weight: bold;
text-align: center;
color: rgb(0,0,102);
margin: 10px 0px;
}

article h1
{
font-size: x-large;
}

article h2 a
{
display: block;
padding: 10px 0px 10px 0px;
color: rgb(0,0,102);
}

article h2 a:hover
{
color: rgb(255,255,255);
background-color: rgb(0,0,102);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

article h3
{
font-family: Copperplate, Cambria, Times New Roman, serif;
text-align: center;
}

article h4
{
font-size: small;
font-style: italic;
text-align: center;
}

article iframe,
article audio
{
display: block;
margin: 0px auto;
padding: 10px 0px 10px 0px;
}

article .scripture
{
font-style: italic;
}

article .signature
{
font-family: ArtBrush;
font-size: large;
}

article div.church_photo
{
display: block;
float: right;
margin: 7px 0px 5px 15px;
}

article div.church_photo img
{
width: 250px;
}

article table.services
{
margin: 0px auto 0px auto;
width: 715px;
}

article table.services tr td
{
text-align: center;
vertical-align: middle;
}

article table.services tr td.table_header
{
font-family: Copperplate, serif;
font-weight: bold;
font-size: large;
line-height: 2;
}

article table.services tr td.column_header
{
font-family: Copperplate, serif;
font-weight: bold;
font-size: medium;
line-height: 1.5;
}

article table.services tr td img
{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

article table.services hr
{
margin: auto;
}

article .left_half,
article .right_half
{
float: left;
width: 357px;
}

article .left_half
{
clear: both;
text-align: left;
}

article .right_half
{
text-align: right;
}

article .left_half h2
{
text-align: left;
}
/* cmsms stylesheet: 2017-TPSC-CSS-Nav modified: 05/05/25 14:59:22 */
nav
{
float: left;
position: relative;
top: 0px;
left: 25px;
width: 280px;
margin: 0px 0px 25px 0px;
overflow: hidden;
z-index: 20;
}

nav *
{
display: block;
position: relative;
top: 0px;
margin: 0px;
padding: 0px;
font-family: Copperplate, Cambria, Times New Roman, serif;
color: rgb(255,255,255);
text-align: center;
}

.nav_header,
.nav_footer
{
display: block;
position: relative;
top: 0px;
left: 0px;
width: 280px;
background-color: rgb(0,0,153);
overflow: hidden;
z-index: 2;
}

.nav_header
{
height: 20px;
border-bottom: groove rgb(0,0,204);
}

.nav_footer
{
padding: 0px 0px 20px 0px;
-webkit-border-radius: 0px 0px 30px 30px;
-moz-border-radius: 0px 0px 30px 30px;
border-radius: 0px 0px 30px 30px;
}

nav * ul
{
list-style: none;
}

nav li a,
nav li p
{
width: 280px;
margin: 0px auto;
font-size: large;
font-weight: bold;
text-transform: uppercase;
color: rgb(255,255,255);
overflow: hidden;
border-bottom: groove rgb(0,0,204);
}

nav a,
nav a:link,
nav a:active,
nav a:visited,
nav a:visited:active,
nav p
{
color: rgb(255,255,255);
background-color: rgb(0,0,153);
text-decoration: none;
}

nav ul li ul *
{
font-size: small;
}

nav li a,
nav li p
{
padding: 10px;
box-sizing: border-box;
}

nav li ul li a,
nav li ul li p
{
padding: 7px 10px 7px 10px;
text-align: left;
box-sizing: border-box;
}

nav li ul li * li a,
nav li ul li * li p
{
padding: 7px 10px 7px 30px;
text-align: left;
box-sizing: border-box;
}

nav li a:active,
nav li a:hover,
nav li a:visited:hover,
nav li p:active,
nav li p:hover,
nav li p:visited:hover,
nav li a.menuactive,
nav li p.menuactive
{
color: rgb(255,255,255);
background-color: rgb(0,0,102);
}

nav h1,
nav h2
{
width: 260px;
margin: 0px auto;
font-size: medium;
font-weight: bolder;
font-variant: small-caps;
text-decoration: underline;
overflow: hidden;
}

nav h1,
nav h2
{
margin-top: 10px;
color: rgb(255,255,255);
}

nav h2
{
font-size: small;
text-decoration: none;
}

nav p
{
width: 260px;
margin: 0px auto;
font-size: medium;
font-weight: bolder;
font-variant: small-caps;
overflow: hidden;
}
/* cmsms stylesheet: 2017-TPSC-CSS-Footer modified: 05/05/25 14:59:22 */
footer
{
clear: both;
display: block;
position: relative;
margin: 0px auto;
width: 1080px;
height: 50px;
z-index: 90;
}

footer p
{
color: rgb(255,255,255);
text-align: center;
font-weight: bold;
font-family: Cambria, Times New Roman, serif;
font-size: 8pt;
}
