body {
margin:0;
background-color:#FFF;
font: 11px Arial, Helvetica, Sans-Serif;
color:#025589;
}
th {
font: 14px Arial, Helvetica, Sans-Serif;
font-weight: bold;
}
td {
font: 11px Arial, Helvetica, Sans-Serif;
}
a, a:visited {
color:#025589;
}
input, select, textarea {
font: normal 10px Tahoma, Arial, Helvetica, sans-serif;
}
h1, h1 a, h1 a:hover { /* "h1 a" is here because some browsers override the h1 style where is used. */
text-transform:uppercase;
font-weight:bold;
font-family:Arial, Helvetica, Sans-Serif;
font-size:11px;
line-height:18px;
letter-spacing:0.12em;
color:#BF0C16;
}
h2, h2 a, h2 a:hover { /* "h2 a" is here because some browsers override the h2 style where is used. */
color:#025589;
text-transform:uppercase;
font-weight:bold;
font-family:Arial, Helvetica, Sans-Serif;
font-size:11px;
line-height:17px;
letter-spacing:0.12em;
}
h3 {
text-transform:lowercase;
font-weight:bold;
font-family:Arial, Helvetica, Sans-Serif;
font-size:8pt;
line-height:13pt;
letter-spacing:1pt; /* I was originally given 5pt but it was agreed by Russ that 1pt looks correct. */
}
/* DotNetNuke applies this class to content so we need to override it. */
.Normal {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-weight: normal;
/* color:#025589;*/
}
.NormalTextBox {
font-size: 10px;
width: 131px;
}
#everything {
/* margin-top: 11px;*/
position:absolute;
width:760px;
left:50%; /* This centres content on the page. */
margin-left:-380px; /* 1/2 of total width of the block - this centres content on the page. */
}
.MenuPane {
vertical-align: top;
width: 190px;
}
.MiddleColumn {
vertical-align: top;
padding: 10px 12px 40px 12px;
}
.RightPane {
vertical-align: top;
width: 190px;
}
.RightPane p {
margin:0;
padding:0;
}
.tacfimage, .RightPane img { /* Used to remove unwanted space after 'Image' modules rendered by DotNetNuke. */
display:block;
margin:0;
}
.ContentPane, .ContentPane p {
font-family:Arial, Helvetica, Sans-Serif;
font-size:1em;
}
.ContentPane p {
line-height: 14px;
}
/* Top Navigation Area */
#masthead { /* This centres the image in the space provided. */
/* Church Logo*/
display:block;
position:absolute;
top:0px; /* Image is 37px tall in a space of 49. It has to be nudged down to be central. */
left:0px;
height:57px;
width:190px;
text-align:center;
z-index:6;
background-repeat:repeat-x;
background-position:bottom;
/* background-image property moved to Portal-Specific stylesheets. */
}
#masthead a img {
border:none;
}
#ctflogo {
display:block;
position:absolute;
top:6px; /* Image is 37px tall in a space of 49. It has to be nudged down to be central. */
left:626px; /* Better than right:0 for when editing and tables push it out wide. */
width:134px;
text-align:center;
z-index:6;
}
#ctflogo img {
border:none;
display: none;
}
/*top navigation area*/
/* Colours Used
#EDE9C6 Light colour in top navigation (cream)
#80002F toronto bkg (dk red)
#211942 international bkg (dk blue)
#B41E29 Vertical Solid Lines in top menu (brt red)
#BFCAE9 Vertical Solid Lines in footer, Top Menu Rollover (lt blue)
#80002F Column Backgrounds
#E6CCD5 Left Links Background
*/
/* Top Menu */
#mainnav { /* Area under menus.
background-image:url(../images/cream-top-decoration.gif); */
}
#mainnav {
color: #FFF;
background-color:#0A0A0E;
background-repeat:repeat-x;
background-position:bottom;
/* background-image property moved to Portal-Specific stylesheets. */
height:90px; /* 49 high of blue with the 14px height of the decoration. */
position:relative;
filter:alpha(opacity=95);
opacity: 0.95;
-moz-opacity:0.95;
}
#mainnav ul {
background-repeat:repeat-x;
background-position:bottom;
margin:0;
padding:0;
position:absolute;
top:64px;
left:190px; /* The 1 extra pixel lines up with the right border of .PortalName */
z-index:7;
height:30px;
white-space:nowrap;
list-style:none;
}
#mainnav ul li {
margin:11px 0 0 0;
float:left;
height:15px;
width:auto;
white-space:normal;
display:inline;
z-index:6;
border-left:1px solid #C22D2C;
}
#mainnav li a {
margin:0;
display:block;
color:#FFF;
text-decoration:none;
text-transform:uppercase;
padding:2px 17px 3px 10px;
font-size:7pt;
font-family:Arial, Helvetica, Sans-Serif;
font-weight:bold;
background:transparent url(images/arrow-red.gif) 2px 4px no-repeat;
}
#mainnav li a:hover{
filter:alpha(opacity=100);
opacity: 1.0;
-moz-opacity:1.0;
/*background:#E9E2C2; */
background: #B3C1DD;
color:#211942;
}
/* End Top Navigation Area */
/* Footer area */
/*bottom links*/
.blinks {
height:63px;
width:760px;
background-color:#194562; /* This will show through if the images are displayed transparently. The transparent colour of each image is this colour in case it doesn't work but transparency allows the stylesheet to shine through which makes the image easier to maintain. */
background-repeat:repeat;
clear:both;
/* background-image property moved to Portal-Specific stylesheets. */
}
.blinks a {
display:block;
color:#FFF;
font-size:0.8em;
font-family:Arial, Helvetica, Sans-Serif;
font-weight:bolder;
text-transform:lowercase;
text-align:left;
padding:6px 6px 0px 15px;
margin-top:8px;
/* border-right property moved to Portal-Specific stylesheets. */
background-image:url(images/arrow-red.gif);
background-position:5px 10px;
background-repeat:no-repeat;
text-decoration:none;
height:52px;
float:left;
width:95px; /* 1/8 of 760px */
}
.blinks a:visited, .blinks a:hover {
color:#FFF;
}
html>body .blinks a {
height:46px;
width:73px;
}
.blinks a:hover {
/* background-color property moved to Portal-Specific stylesheets. */
}
/* Mission Statement & Privacy Policy text */
#footer {
margin-top:3px; /* Ensures the text is 5 pixels below the blinks section. */
background-color:#FFF;
color:#8CA2B1;
clear:both;
position:relative;
font-family:Arial, Helvetica, Sans-Serif;
font-size:7pt;
text-align:center;
}
#tagline {
margin-right:570px; /* Three quarter of the overall width of the page. */
}
#copyinfo {
position:absolute;
top:0;
right:0;
width:190px; /* A quarter of the overall width of the page. */
}
#footer A {
color:#8CA2B1;
text-decoration:none;
}
#footer A:hover {
color:#194562;
}
/* End Footer Area */
/* Website Welcome Page */
.columnLeft {
width:380px;
float:left;
height:100px;
display:block;
}
.columnRight {
width:380px;
float:left;
height:100px;
display:block;
}
.columnLeft a:link, #columnLeftCorporate a:visited {
color:#FFF;
text-decoration:none;
}
.columnLeft a:hover {
color:#FFF;
text-decoration:underline;
}
.columnRight a:link, #columnLeftCorporate a:visited {
color:#FFF;
text-decoration:none;
}
.columnRight a:hover {
color:#FFF;
text-decoration:underline;
}
.ttlOnDkBkg {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFF;
text-decoration:none;
margin-top:8px;
margin-right:0px;
margin-bottom:5px;
margin-left:24px;
letter-spacing:0.2em;
}
.subttlOnDkBkg {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFF;
text-decoration:none;
margin-top:8px;
margin-right:10px;
margin-bottom:5px;
margin-left:0px;
letter-spacing:0.2em;
}
.mlinks {
list-style-type:none;
text-decoration:none;
padding-left:5px;
margin:0;
}
.mlinks li {
background-image:url(images/arrow-white.gif);
background-repeat:no-repeat;
background-position:0 5px;
padding-left:9px;
padding-top:1px;
list-style-type:none;
font-family:Arial, Helvetica, Sans-Serif;
font-size:1em;
}
.mlinks a:visited {
color:#FFF;
text-decoration:none;
}
.mlinks a:hover {
color:#FFF;
text-decoration:underline;
}
/* End Website Welcome Page */
/* Big 4 (Only used in two layouts) */
.block1, .block2, .block3, .block4, .block1on, .block2on, .block3on, .block4on {
vertical-align: top;
padding-top:15px;
cursor:pointer;
height: 100px;
width: 190px;
max-width: 190px;
background-repeat: no-repeat;
}
.blocks .normal { /* Can't refer to .blocks a because there's an annoying entry before each module. */
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
position:relative;
font-size:1.1em;
font-family:Arial, Helvetica, Sans-Serif;
letter-spacing:1pt;
padding:5px 10px 0 10px;
margin-left:10px;
display:block;
background:transparent url(images/arrow-red.gif) 0 9px no-repeat;
}
/* End Big 4 */
/* Floated Breadcrumbs (Only used in one layout) */
.FloatedBreadCrumbArea {
display: block;
position:relative;
}
.FloatedBreadCrumbArea .PortalName {
position:relative;
top:0;
left:0;
width:189px;
}
/* This hack ensures that non-IE browsers show 190px width INCLUDING the border. */
html>body .FloatedBreadCrumbArea .PortalName {
position:relative;
top: 0;
width:150px;
}
.FloatedBreadCrumbArea .BreadCrumbTrail {
position:absolute;
top:10px;
left:202px;
}
/* End Floated Breadcrumbs */
/* Portal Welcome Messages */
.PortalWelcomeMessage {
position: relative;
top: 30px;
display:block;
text-align:center;
width: 570px;
}
html->body .PortalWelcomeMessage {
padding-top: 70px;
}
.PortalWelcomeMessage .Normal h1 {
font-family:"Times New Roman", Times, Serif;
font-size: 0.7em;
text-align:center;
text-transform:uppercase;
font-weight:bold;
line-height:2em;
letter-spacing: 2px;
padding:0 5px;
margin:0px;
}
.PortalWelcomeMessage p {
margin:0px;
}
.PortalWelcomeMessage div a {
font-weight:normal;
}
.PortalWelcomeMessage em {
display:block;
font-family:"Times New Roman", Times, Serif;
font-size:7pt;
font-weight:normal;
text-align:right;
letter-spacing:0.1em;
padding:5px 5px 5px 5px;
margin:0px;
}
/* End Portal Welcome Messages */
/* Portal Title at start of breadcrumb trail, top of left menu. */
.PortalName {
display:block;
position:relative;
margin:0px;
padding:6px 9px 4px 30px;
text-transform:uppercase;
letter-spacing:1pt; /* Make uppercase text look better. */
font-size:8pt;
/* border-right property moved to Portal-Specific stylesheets. */
font-weight:bold;
background-color:#221842;
color:#FFF;
}
.BreadCrumbTrail {
display: block;
text-transform:lowercase;
margin-bottom: 9px;
}
.BreadcrumbItem {
margin-right:3px;
font-size:8pt;
font-weight:bold;
text-decoration:none;
color:#025589;
}
.BreadcrumbItem:hover {
text-decoration:underline;
}
/* Colour Scheme Stuff */
/* Log In Area */
.loginarea {
display: block;
width: 100%;
}
#loginleftblock {
width: 189px;
border-right: solid 1px;
}
html->#loginleftblock {
/* width: 190px;*/
}
#logintextblock {
text-align: right;
/* background-color property moved to Portal-Specific stylesheets. */
font-size: 8pt;
font-weight: bold;
width: 558px;
padding: 5px 12px 5px 0;
}
/* Portal Title at start of breadcrumb trail, top of left menu. */
.PortalName {
background-repeat:no-repeat;
background-position:top left;
}
/* Left-Side Menu Styles */
.MenuPane, .PortalMenuPane {
width:190px;
padding:0;
}
.TreeMenu {
list-style:none;
text-transform:lowercase;
display:block;
padding:10px 0;
margin:0;
}
.TreeMenu a, .TreeMenu span {
display:block;
height:100%;
text-decoration:none;
}
.list1 a, .list1exp a, .list1exp span {
padding:4px 4px 4px 30px;
font-weight:bold;
font-size:12px;
}
.list2 a, .list2exp a, .list2exp span {
padding:2px 2px 2px 45px;
font-weight:bold;
font-size:11px;
}
.list3 a, .list3exp a, .list3exp span {
padding:2px 2px 2px 62px;
font-weight:normal;
font-size:11px;
}
.list1 {
background:url(images/arrow-white.gif) no-repeat 8px 8px;
}
.list1exp {
background:url(images/downarrow-white.gif) no-repeat 8px 8px;
}
.list2 {
background:url(images/arrow-white.gif) no-repeat 28px 5px;
}
.list2exp {
background:url(images/downarrow-white.gif) no-repeat 28px 5px;
}
.list3 {
background:url(images/arrow-white.gif) no-repeat 45px 5px;
}
.list3exp {
background:url(images/downarrow-white.gif) no-repeat 45px 5px;
}
/* Lower menu in left navigation */
.secondarynav {
list-style:none;
line-height:15px;
display:block;
padding:12px 0;
margin:0;
}
.secondarynav a, .secondarynav a:visited, .secondarynav span {
display:block;
/* padding:0 2px 0 30px;*/
/* bkg image with colour scheme */
background-repeat:no-repeat;
background-position:8px 5px;
color:#201842;
text-decoration:none;
}
.secondarylink1 {
background: url(images/arrow-red.gif) no-repeat 8px 3px;
}
.secondarylink1exp {
background: url(images/downarrow-red.gif) no-repeat 8px 3px;
}
.secondarylink2 {
background: url(images/arrow-red.gif) no-repeat 28px 3px;
}
.secondarylink2exp {
background: url(images/downarrow-red.gif) no-repeat 28px 3px;
}
.secondarylink3 {
background: url(images/arrow-red.gif) no-repeat 45px 3px;
}
.secondarylink3exp {
background: url(images/downarrow-red.gif) no-repeat 45px 3px;
}
.secondarynav a:hover {
text-decoration:underline;
color:#201842;
}
.secondarylink1 a, .secondarylink1exp a, .secondarylink1exp span {
padding:0 4px 0 30px;
}
.secondarylink2 a, .secondarylink2exp a, .secondarylink2exp span {
padding:0 2px 0 45px;
}
.secondarylink3 a, .secondarylink3exp a, .secondarylink3exp span {
padding:0 2px 0 62px;
}
.secondarynavHeader, .secondarynavFooter {
line-height:8px;
}
.secondarynavFooter {
margin:0 0 4px 0;
}
/* End of Left-Side Menu Styles */
/* Log In Page */
.LogInButton {
background-repeat:no-repeat;
background-position:left;
text-decoration:none;
padding:2px 18px 3px 18px;
font-family:Arial, Helvetica, Sans-Serif;
font-weight:bold;
background:transparent url(images/arrow-red.gif) 6px 4px no-repeat;
}
/* End Log In Page */
/* ReviveTV */
.LiveTVList tr td {
vertical-align: top;
padding-bottom:4px;
padding-right:4px;
}
.PlayEvent, .PlaySpeakers, .PlayTitle, .PlayDate {
text-align:center;
display:block;
}
#MediaPlayer {
text-align:center;
}
#MediaPlayer Object, #MediaPlayer Embed {
width:100%;
}
.PlayEvent {
font-size:larger;
}
.PlayEvent a, .PlaySpeakers a {
font-weight:bolder;
text-decoration:none;
}
.PlayTitle {
font-size:larger;
font-style:italic;
}
#SearchLiveTV {
font-family:Arial, Helvetica, Sans-Serif;
font-size:8pt;
font-weight:normal;
}
#SearchLiveTV td {
padding-right:6px;
padding-top:3px;
padding-bottom:3px;
}
.Keyword {
font-weight:bold;
background-color:#FF0;
}
.ReviveTVListItem {
background-image: url(images/arrow-orange.gif);
background-repeat: no-repeat;
background-position: 0 4px;
padding-left: 12px;
}
span.ReviveTVListItem {
display: block;
padding: 4px 0 4px 14px;
background-position: 2px 7px;
}
/* End ReviveTV */
/* DNN Menu */
.AdminMenu {
background-color: transparent;
}
.Exception {
color: #FFF;
}