﻿/*----------------------------------------------------------------------------- 
World Harvest Church Screen Stylesheet 

version:   1.0 
date:      2010-03-15
author:    Jay Baldwin IV
email:     baldwinj at breakthrough dot net
website:   whclife.com

version history: 

DATE         AUTHOR     CHANGES
2010-03-15   JJBIV      Development has begun
-----------------------------------------------------------------------------*/


/* INTERSITE NAV
-----------------------------------------------------------------------------*/

#intersite-nav a:link, #intersite-nav a:visited
{
    color: #5000a5 !important;
    text-decoration: none;
}
#intersite-nav a.selected
{
    border-top: 2px solid #3f007f !important;
    color: #000 !important;
}

#intersite-nav a:hover
{
    background-color: #ecdefc;
}

span.down-arrow
{
    border-top-color: #5000a5 !important;
}

.ismenu a, .ismenu a:hover, .ismenu a:visited, .ismenu a:link, .ismenu a:active, #isnav-more a, #isnav-more a:visited, #isnav-more a:link, #isnav-more a:active, #isnav-more a:hover
{
    color: #5000a5 !important;
}
.ismenu a:hover, .signedin-menu a:hover
{
    color: #5000a5 !important;
    background: #ecdefc !important;
}

a:link, a:visited
{
	color: #0000ff;
}
a:hover
{
	color: #3BAFEF;
}




/* INTERFACE
-----------------------------------------------------------------------------*/

html, body
{
	margin: 0;
}

html.HomePage, html.HomePage body
{
	/*background: #FFFFFF url('/assets/site/images/mainBG.jpg') repeat-x fixed center top;*/
background: #FFFFFF url('/assets/site/images/mainBG.jpg') repeat-x fixed center 35px;
}

html.ContentPage, html.ContentPage body, html.FullContentPage, html.FullContentPage body
{
	/*background: #FFFFFF url('/assets/site/images/internalGEN_mainBG.jpg') repeat-x fixed center top;*/
	background: #FFFFFF url('/assets/site/images/internalGEN_mainBG.jpg') repeat-x fixed center 31px;
}

body, td, span, div
{
	font-family: Arial, 'Trebuchet MS' , Tahoma, Sans-Serif;
	font-size: 9pt;
	color: #555555;
	line-height: 13pt;
}



#Copyright a:link, #Copyright a:visited
{
	color: #dddddd;
}
#Copyright a:hover
{
	color: black;
}

#ExtraMarkup .ExtraUnit .ExtraLink a:link, #ExtraMarkup .ExtraUnit .ExtraLink a:visited
{
	color: #000000;
}
#ExtraMarkup .ExtraUnit .ExtraLink a:hover
{
	color: #cccccc;
}

#QuickLinksOpen
{
	cursor: pointer;
	position: absolute;
	left: 50%;
	margin-left: 350px;
	z-index: 1;
}

#QuickLinksClose
{
	text-align: right;
	cursor: pointer;
	margin: 30px 60px 0 0;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 12pt;
	z-index: 1001;
}

#QuickLinks #QuickLinkContent #QuickLinkContentMarkup .QuickLinkSectionTitle
{
	font-size: 12pt;
	font-weight: bold;
	color: #ffffff;
	border-bottom: 1px solid #555555;
	margin-bottom: 10px;
	padding-bottom: 5px;
	cursor: pointer;
}

#QuickLinks *
{
	font-size: 9pt;
}
#QuickLinks
{
	margin-left: -478px;
	left: 50%;
	position: absolute;
	width: 957px;
	display: none;
	z-index: 1000;
}

#QuickLinks #QuickLinkContent
{
	width: 100%;
	background: url('/assets/site/images/transparent_bg.png') repeat-y;
}
#QuickLinks #QuickLinkContent *
{
	color: #dedede;
}
#QuickLinks #QuickLinkContent #QuickLinkContentMarkup
{
	padding: 10px 20px 0;
}

#QuickLinks #QuickLinkContent #QuickLinkContentMarkup .QuickLinkColumn
{
	width: 18%;
	margin-left: 10px;
	border-right: 1px dashed #ccc;
	float: left;
}
#QuickLinks #QuickLinkContent #QuickLinkContentMarkup .QuickLinkColumnNoBorder
{
	border: 0;
}


#QuickLinks #QuickLinkContent #QuickLinkContentMarkup .QuickLinkTitle
{
	color: #ffffff;
	font-weight: bold;
	font-size: 11pt;
	text-transform: uppercase;
}
#QuickLinks #QuickLinkContent #QuickLinkContentMarkup .QuickLinkTitle a:link, #QuickLinks #QuickLinkContent #QuickLinkContentMarkup .QuickLinkTitle a:visited
{
	color: #ffffff;
	font-weight: bold;
	font-size: 11pt;
	text-transform: uppercase;
}
#QuickLinks #QuickLinkContent #QuickLinkContentMarkup .QuickLinkTitle a:hover
{
	color: #cccccc;
}


#QuickLinks .QuickLinkItem a:link, #QuickLinks .QuickLinkItem a:visited
{
	color: #cccccc;
}
#QuickLinks #QuickLinkContent #QuickLinkContentMarkup .QuickLinkItem a:hover
{
	color: #ffffff;
}

#QuickLinks .QuickLinkItem
{
	margin-left: 10px;
}
#QuickLinks #QuickLinkBottom
{
	width: 100%;
	height: 49px;
	padding: 45px 0 0 0;
	text-align: right;
	background: url('/assets/site/images/transparent_bottom.png') no-repeat;
}

.CampusQuickLinks
{
	display: none;
	margin-bottom: 20px;
}

#Container
{
	margin: 0 auto;
	min-height: 800px;
	width: 940px; /* border: 1px solid black; */
}

html.HomePage #Header
{
	width: 940px;
	height: 464px;
}

html.ContentPage #Header
{
	width: 940px;
	height: 185px;
}

#BreadCrumbs .BreadCrumbMenu
{
	display: none;
	position: absolute; /* background-color: White; */
	background-color: #f5f5f5;
	border: 1px solid black;
	width: 200px;
	z-index: 2;
}
#BreadCrumbs .BreadCrumbTitleMenuItem
{
	text-transform: uppercase;
}
#BreadCrumbs .BreadCrumbMenuItem:hover
{
	background-color: #8F7C9A;
	color: white;
	font-weight: bold;
}
#BreadCrumbs .BreadCrumbMenuItem
{
	display: block;
	color: #333333;
	font-size: 10pt;
	padding: 5px;
	font-weight: bold;
}

#BreadCrumbs
{
	height: 20px;
	width: 100%;
	padding: 16px 0 2px 10px; /* border: 1px solid black; */
}

#BreadCrumbs .Asterisk
{
	font-size: 30pt;
	line-height: 11pt;
	display: block;
	height: 10px;
	float: left;
	padding: 9px 2px 0 0;
	color: #543861;
	overflow: visible;
}

#BreadCrumbs .Section, #BreadCrumbs a.Section:link, #BreadCrumbs a.Section:visited
{
	color: #543861;
	text-transform: uppercase;
}

#BreadCrumbs a.Section:hover
{
	color: #8F7C9A;
}

#BreadCrumbs .SubSection, #BreadCrumbs a.SubSection:link, #BreadCrumbs a.SubSection:visited
{
	color: #8F7C9A;
	text-transform: lowercase;
}

#BreadCrumbs a.SubSection:hover
{
	color: #543861;
}

#BreadCrumbs .GT
{
	color: White;
	margin: 0 5px;
}

#BreadCrumbs span, #BreadCrumbs a
{
	font-size: 11pt;
	font-weight: bold;
}
/*
.SpotlightInContent
{
    margin-left: -20px;
}
*/
/* FullContentPage
-----------------------------------------------------------------------------*/

html.FullContentPage #ContentTop
{
	background: url('/assets/site/images/internalGEN_full_promosTOP.png') repeat-y;
	width: 940px;
	height: 26px;
}


html.FullContentPage #ContentLeft
{
	width: 940px;
	float: left;
	height: 100%;
}

html.FullContentPage #ContentBottom
{
	background: url('/assets/site/images/internalGEN_full_promosBOTTOM.png') repeat-y;
	width: 940px;
	height: 26px;
}


html.FullContentPage #Content
{
	background: url('/assets/site/images/internalGEN_full_promosBG.png') repeat-y;
}


div.RecaptchaDiv
{
	text-align: center;
	width: 320px;
	margin: 0 auto;
}




/* HomePage and ContentPage
-----------------------------------------------------------------------------*/

html.HomePage #ContentLeft, html.ContentPage #ContentLeft
{
	width: 672px;
	float: left;
	height: 100%;
}



html.HomePage #ContentTop, html.ContentPage #ContentTop
{
	background: url('/assets/site/images/internalGEN_promosTOP.png') repeat-y;
	width: 672px;
	height: 26px;
}



html.HomePage #ContentBottom, html.ContentPage #ContentBottom
{
	background: url('/assets/site/images/internalGEN_promosBottom.png') repeat-y;
	width: 672px;
	height: 26px;
}



html.HomePage #Content, html.ContentPage #Content
{
	background: url('/assets/site/images/internalGEN_promosBG.png') repeat-y;
	width: 672px; /* height: 200px; */
}

#ContentHeader
{
	margin-left: 11px;
}

html.HomePage #ContentHeader img.ContentHeaderImage
{
	margin-top: -15px;
}

html.HomePage div.ContentHeaderItemListItem img
{
	margin-bottom: 20px;
}

html.ContentPage div.ContentHeaderItemListItem img
{
	/* margin-left: -20px; */
	margin-bottom: 20px;
}

html.ContentPage div.ContentHeaderItemListItem img.Left20
{
	margin-left: -20px;
}

#ContentMarkup
{
	margin-left: 11px;
	margin-right: 9px;
	min-height: 20px; /* border: 1px solid black; */
}

html.FullContentPage #ContentMarkup, html.FullFullContentPage #ContentMarkup, html.ContentPage #ContentMarkup, html.FullContentPage #ContentMarkup
{
	padding: 10px 20px;
}

html.FullContentPage #allnav-left, html.ContentPage #allnav-left
{
    position: relative;
    z-index: 50;
    float: left;
    width: 500px;
    white-space: nowrap;
    
    padding-top: 7px;
}
html.FullContentPage #allnav-left a, html.FullContentPage #allnav-left a:visited, html.FullContentPage #allnav-left a:link, html.ContentPage #allnav-left a, html.ContentPage #allnav-left a:visited, html.ContentPage #allnav-left a:link
{
    color: #333;
    font-weight: bold;
}
html.FullContentPage #allnav-left a:hover, html.ContentPage #allnav-left a:hover
{
    color: #aaa;
}
html.FullContentPage #allnav-left a.rp-link, html.FullContentPage #allnav-left a:visited.rp-link, html.FullContentPage #allnav-left a:link.rp-link, html.ContentPage #allnav-left a.rp-link, html.ContentPage #allnav-left a:visited.rp-link, html.ContentPage #allnav-left a:link.rp-link
{
    color: #bf0f2f;
}
html.FullContentPage #action-nav a, html.ContentPage #action-nav a 
{
    margin-right: 10px;
}

.title-image 
{
    float: left;
    margin-bottom: 18px;
}
.one-image 
{
    float: right;
    margin-top: 26px;
    margin-right: 15px;
}

html.FullContentPage #billboard, html.ContentPage #billboard 
{
    margin-top: -3px;
}
html.FullContentPage #billboard img, html.ContentPage #billboard img
{
    background: transparent !important;
}


html.FullContentPage #billboard-nav-internal, html.ContentPage #billboard-nav-internal
{
    float: right;
    margin-top: -91px;
    position: relative;
    z-index: 50;
}


#FlashHeaderLeft
{
	float: left;
	width: 642px;
	height: 185px;
}

#FlashHeaderRight
{
	float: left;
	width: 298px;
	height: 185px;
}


#ExtraRight
{
	width: 268px;
	float: left;
	height: 100%;
}

#ExtraTop
{
	background: url('/assets/site/images/internalGEN_extrasTOP.png') repeat-y;
	width: 268px;
	height: 26px;
}

#Extra
{
	background: url('/assets/site/images/internalGEN_extrasBG.png') repeat-y;
	width: 268px;
	height: 100%;
}

#ExtraBottom
{
	background: url('/assets/site/images/internalGEN_extrasBottom.png') repeat-y;
	width: 268px;
	height: 26px;
}


#ExtraHeader
{
	margin-left: 10px;
}
html.HomePage #ExtraHeader img.ExtraHeaderImage
{
	margin-top: -15px;
}


#ExtraMarkup
{
	margin: 0 11px;
	min-height: 20px;
	padding: 5px 10px; /* border: 1px solid black; */
}

#Extra *, #Bottom *
{
	color: black;
	font-size: 10pt;
}

.ExtraUnit
{
	margin: 8px 0 15px;
}

#Extra .ExtraUnit .ExtraTitle, #Bottom .ExtraUnit .ExtraTitle
{
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12pt;
}


#Extra .ExtraUnit table.tblUpcomingEvents td, #Extra .ExtraUnit table.tblUpcomingEvents td span
{
	color: #ffffff;
}
#Extra .ExtraUnit table.tblUpcomingEvents td.tdUpcomingEventsLeft
{
	width: 42px;
}
#Extra .ExtraUnit .ExtraCopy, #Bottom .ExtraUnit .ExtraCopy, #Extra .ExtraUnit .ExtraCopy td
{
	margin-left: 18px;
	color: #FFFFFF;
}

#Extra .ExtraUnit .ExtraLink, #Bottom .ExtraUnit .ExtraLink
{
	margin-left: 18px;
	color: #000000;
	font-weight: bold;
}


#Extra .ExtraUnit .Asterisk, #Bottom .ExtraUnit .Asterisk
{
	font-size: 30pt;
	line-height: 11pt;
	display: block;
	height: 10px;
	float: left;
	padding: 9px 2px 0 0;
	color: #FFFFFF;
	overflow: visible;
}


#Extra .SocialMedia
{
	text-align: center;
}

#Extra .SocialMedia .SocialMediaIcon
{
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: -13px;
}



#Bottom
{
	background: url('/assets/site/images/lowerContentBG.gif') repeat-y; /* min-height: 250px; */
	margin-top: 10px; /* border: solid 1px black; */
}

/* POTENTIALLY DEPRICATED */

#Bottom #Left, #Bottom #Middle, #Bottom #Right
{
	float: left;
	padding: 10px;
	width: 260px;
}

#Bottom #Left
{
	margin-left: 48px; /* border: solid 1px black; */
}

#Bottom #Right
{
	float: right;
	width: 280px;
}

/* END POTENTIALLY DEPRICATED */

#Bottom #Marketing, #Bottom #Footer
{
	margin-left: 57px; /* border: solid 1px black; */
}

#Bottom .BottomUnit
{
	float: left;
	width: 33%;
}
#Bottom #Marketing .BottomUnit
{
	text-align: center;
}


#Copyright
{
	margin-top: 6px;
	color: White;
	font-size: 8pt;
	text-align: right;
}

input[type="button"].BigButton, input[type="submit"].BigButton
{
	width: 250px;
	height: 40px;
	font-weight: bold;
	font-size: 12pt;
}

span.MessageTitle
{
	font-size: 11pt;
	font-weight: bold;
}

span.MessageMessage
{
}


/* GLOBAL ELEMENT DEFAULTS
-----------------------------------------------------------------------------*/

html, body, form
{
	height: 100%;
	padding: 0;
	margin: 0;
}

fieldset
{
	border: 1px solid #333;
	padding: 10px;
}
legend
{
	/* border: 1px solid #333; */
	padding: 4px 6px;
	font-weight: bold;
	text-transform: uppercase;
}

select
{
	padding: 4px 5px;
	border: 1px solid #aaa;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #f3f3f3;
}

input[type="text"], input[type="password"], textarea
{
	padding: 5px;
	border: 1px solid #aaa;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #f3f3f3;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus
{
	border: 1px solid #333;
	background-color: #ffffff;
}

hr
{
	background-color: #cccccc;
	border: 0;
	border-collapse: collapse;
	height: 1px;
}

img
{
	border: 0;
}
ol, ul
{
	margin: 10px 40px 10px 40px;
}
ul li
{
	display: list-item;
	list-style-type: disc;
}

em
{
	font-style: italic;
}
strong, .strong
{
	font-weight: bold;
}
blockquote
{
	margin: 10px 40px;
}

object
{
	outline: none;
	margin: 0;
	border: 0;
	padding: 0;
}



/* REUSABLE CLASSES
-----------------------------------------------------------------------------*/

.ClearBoth
{
	clear: both;
}
.FullWidth
{
	width: 100%;
}
.Small
{
	font-size: 8pt;
}
.NoDisplay
{
	display: none;
}
.TextCenter
{
	text-align: center;
}
.FieldError
{
	background-color: #ffcccc !important;
}
.Heading
{
	font-size: large;
	font-weight: bolder;
}




