/* 
*******************************
CUSTOM STYLES
*******************************
*/
/* ****************** */
/* C1. HTML TAGS WITH IDS */
/* ****************** */
/* ****************** */
/* C2. CLASSES */
/* ****************** */
#SRCWebPage{
BACKGROUND: #003366 url(../images/BodyBg.gif) repeat; MARGIN: 0px; PADDING: 0px;
}
#PageContainer{
POSITION: absolute; LEFT: 50%; WIDTH: 770px; MARGIN-LEFT: -385px; HEIGHT: 100%; BACKGROUND: #ffffff url(../images/ContainerBg.gif) repeat; PADDING: 0px;
}
#Background{
BACKGROUND: #ffffff url(../images/ContainerBg.gif) repeat-y; PADDING: 0px; MARGIN: 0px;
}
#PageContainer1{
POSITION: absolute; LEFT: 50%; WIDTH: 770px; MARGIN-LEFT: -385px; HEIGHT: 100%; BACKGROUND: #ffffff url(../images/ContainerBgWhite.gif) repeat; PADDING: 0px;
}
#Background1{
BACKGROUND: #ffffff url(../images/ContainerBgWhite.gif) repeat-y; PADDING: 0px; MARGIN: 0px;
}
#PageContainerIn{
POSITION: relative; LEFT: 10px; WIDTH: 750px;
}
#MiniMenu{
POSITION: relative; HEIGHT: 20px; LINE-HEIGHT: 20px; BACKGROUND-COLOR: #eeeeee; font-size: 11px; color: #003366; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-WEIGHT: 400;
}
#MiniMenuImg{
POSITION: absolute; LEFT: -20px; BOTTOM: 0px;
}
#Logo{
POSITION: relative;
}
#TextSize{
POSITION: absolute; FONT-SIZE: 12px; TEXT-ALIGN: right; TOP: 32px; RIGHT: 40px;
}
#OrangeLine{
POSITION: relative; HEIGHT: 6px; BACKGROUND: url(../images/OrangeLine.gif) repeat-x;
}
#OrangeBg{
POSITION: absolute; BACKGROUND: url(../images/OrangeLine.gif) repeat; HEIGHT: 58px; RIGHT: 0px; BOTTOM: 6px; WIDTH: 320px;
}
#OrangeText{
POSITION: absolute; HEIGHT: 52px; RIGHT: 10px; BOTTOM: 6px; WIDTH: 350px; FONT-FAMILY: times new roman; COLOR: #ffffff; LINE-HEIGHT: 26px; FONT-SIZE: 20;
}
#TextSize a#L{
	FONT-SIZE: 14px; 
	}
#BlueLine{
POSITION: relative; HEIGHT: 14px; BACKGROUND: url(../images/BlueLine.gif) repeat-x;
}
#Submenu{
	POSITION; relative; TEXT-ALIGN: center; WIDTH: 100%; HEIGHT: 25px; MARGIN: 0 0 0 0; LINE-HEIGHT: 25px; FONT-FAMILY: Verdana, sans-serif; FONT-SIZE: 11; COLOR: #07396A; FONT-WEIGHT: 500;
}

/* ****************** */
/* C3. IDS */
/* ****************** */
.On{
FONT-WEIGHT: 600; COLOR: #ff6600;
}
.Search{
POSITION: absolute; RIGHT: 0px; TOP: 5px; WIDTH: 300px; TEXT-ALIGN: center; BACKGROUND-COLOR: #eeeeee; HEIGHT: 25px; LINE-HEIGHT: 25px;
}
.Menu{
POSITION: absolute; BACKGROUND: url(../images/MenuBg.gif) repeat-x; HEIGHT: 26px; WIDTH: 540px; TEXT-ALIGN: center; COLOR: #ffffff; TOP: 14px; RIGHT: 0px;
}
.PortalsColum{
POSITION: relative; WIDTH: 210px; FLOAT: left;
}
.WhiteBorder{
POSITION: relative; BORDER-TOP: #ffffff 6px solid;
}
.PageBody{
POSITION: relative; WIDTH: 535px; FLOAT: left; MARGIN-TOP: 30px;
}
.PortalImg{
POSITION: relative; MARGIN: 5 5 10 4; FLOAT: left;
}
.PortalSermons{
POSITION: relative; FLOAT: left;
}
.Foother{
POSITION: relative; CLEAR: both; HEIGHT: 80px;
}
.FootherMenu{
POSITION: relative; LEFT: 210px; WIDTH: 540px; BACKGROUND-COLOR: #3E70A2; HEIGHT: 20px; LINE-HEIGHT: 20px;
}
.FootherMenu a:link, .FootherMenu a:visited, .FootherMenu a:hover, .Menu a:link, .Menu a:visited, .Menu a:hover{
COLOR: #ffffff;
}
.FootherColum{
POSITION: relative; WIDTH: 210px; BACKGROUND-COLOR: #eeeeee; FLOAT: left; TEXT-ALIGN: right;
}
.FootherBorder{
POSITION: relative; CLEAR: both; BORDER-TOP: #FFAA66 4px solid;
}
.FootherBody{
POSITION: relative; WIDTH: 535px; FLOAT: left;
}
.MoreButton{
TEXT-ALIGN: right; MARGIN: 0 4 10 0; FLOAT: right; CURSOR: hand;
}
.MenuCorner{
POSITION: absolute; RIGHT: 540px; TOP: 14px;
}
.WhiteCorner{
POSITION: absolute; LEFT: 0px; BOTTOM: 6px;
}
/* 
*******************************
STANDARD STYLES - MODIFY WITH CARE
*******************************
*/
/* ****************** */
/* S1. HTML TAGS */
/* ****************** */
/* Must have p, p.Center, p.Right, hr, td, th, pre, td.title, td.alt1, td.alt2 */
body { /* Image DOES NOT WORK ? */
	FONT-FAMILY: Verdana, sans-serif; FONT-SIZE: 11px;
	}
hr {
	size=1; color:#ff6600;
	}
p, blockquote, td, th, pre {
	FONT-FAMILY: Verdana, sans-serif; FONT-SIZE: 11px;
	}
p{
	MARGIN: 0px; FONT-FAMILY: Verdana, Arial, sans-serif;
}
p.Center {
	POSITION: relative; FONT-SIZE: 11px; MARGIN: 10 10 0 30; LINE-HEIGHT: 18px;  text-align: center;
	}
p.Right {
	POSITION: relative; FONT-SIZE: 11px; MARGIN: 10 10 0 30; LINE-HEIGHT: 18px;  text-align: right;
	}
a:link, a:visited {
	TEXT-DECORATION: underline; color: #003366;
	}
a:hover {
	TEXT-DECORATION: underline; color: #003366;
	}
td.title {
	FONT-FAMILY: Verdana, sans-serif; FONT-SIZE: 12px; BACKGROUND-COLOR: #07396A; COLOR: #FFFFFF;
	}

td.alt1 {
	FONT-FAMILY: Verdana, sans-serif; FONT-SIZE: 11px; BACKGROUND-COLOR: #FFFFFF; 
	}
td.alt2 {
	FONT-FAMILY: Verdana, sans-serif; FONT-SIZE: 11px; BACKGROUND-COLOR: #DDDDDD; 
	}
input#Text {
	BORDER: 1px solid #003366; FONT-FAMILY: Verdana, sans-serif; FONT-SIZE: 12px;
	}
input#SearchB {
	BACKGROUND: url(../images/Search.gif) no-repeat; HEIGHT: 20px; BORDER: 0px; FONT-SIZE: 12; FONT-WEIGHT: 500; COLOR: #ffffff; FONT-FAMILY: verdana, arial, helvetica, sans-serif; TEXT-TRANSFORM: uppercase;
	}

/*
*******************************
S2. Text Titles (must start with "h")
*******************************
*/
h1, h2, h3, h4, h5, h6 {
	margin:0 0 1px 0; padding:0;
	}
{/* <xsStyle section="Text" description="---------- TITLES ----------" view="DesignerView,ContentManagerView"/> */}

h1 { /* <xsStyle section="Text" description="Main Menu" view="DesignerView,ContentManagerView"/> */
	font-size: 12px; color: #003366; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-WEIGHT: 400; PADDING: 0px; MARGIN: 0px;
	}
h2 { /* <xsStyle section="Text" description="Section Header" view="DesignerView,ContentManagerView"/> */
	font-size: 11pt; color: white;
	}
h3 { /* <xsStyle section="Text" description="Sub-section Header" view="DesignerView,ContentManagerView"/> */
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; FONT-SIZE: 16; FONT-WEIGHT: 400; LINE-HEIGHT: 20px; MARGIN-TOP: 4px;
	}
h4 { /* <xsStyle section="Text" description="List Title" view="DesignerView,ContentManagerView"/> */
	font-size: 10pt; font: italic bold; color: black;
	}
h5 { /* <xsStyle section="Text" description="Sub 5 Section Header" view="DesignerView,ContentManagerView"/> */
	font-size: 10pt; color: black;
	}
h6 { /* <xsStyle section="Text" description="Sub 6 Section Header" view="DesignerView,ContentManagerView"/> */
	font-size: 10pt; color: black;
	}

/* 
*******************************
S3. Text
*******************************
*/
{/* <xsStyle section="Text" description="---------- TEXT ----------" view="DesignerView,ContentManagerView"/> */}
.TextLargeBlack { /* <xsStyle section="Text" description="Bold..." view="DesignerView,ContentManagerView"/> */
	color: black; FONT-SIZE: 12px; LINE-HEIGHT: 16px; MARGIN: 4 0 4 26;
	}
.TextNormalBlack { /* <xsStyle section="Text" description="Normal Black" view="DesignerView,ContentManagerView"/> */
	color: black; FONT-SIZE: 11px; LINE-HEIGHT: 16px; MARGIN: 0 4 10 10;
	}
.TextSmallBlack { /* <xsStyle section="Text" description="Small Black" view="DesignerView,ContentManagerView"/> */
	color: black; FONT-SIZE: 10px; LINE-HEIGHT: 12px; MARGIN: 4 4 10 10;
	}
.TextEmphTitleItalic { /* <xsStyle section="Text" description="Italic..." view="DesignerView,ContentManagerView"/> */
	color: #003366; font: italic; FONT-SIZE: 14px; FONT-WEIGHT: 600; LINE-HEIGHT: 22px; MARGIN-LEFT: 26px;
	}
.TextEmphTitle { /* <xsStyle section="Text" description="Italic..." view="DesignerView,ContentManagerView"/> */
	color: #003366; FONT-SIZE: 14px; FONT-WEIGHT: 600; LINE-HEIGHT: 18px; MARGIN: 0 4 4 10;
	}
.TextPortalTitleCap { /* <xsStyle section="Text" description="Portal Title Capitalize." view="DesignerView,ContentManagerView"/> */
	color: #ff6600; text-transform: uppercase; LINE-HEIGHT: 20px; BACKGROUND-COLOR: #eeeeee; CLEAR: both;
	}
.TextBold{ /* <xsStyle section="Text" description="White..." view="DesignerView,ContentManagerView"/> */
	FONT-WEIGHT: 600;
	}
.TextCodeUri { /* <xsStyle section="Text" description="URL..." view="DesignerView,ContentManagerView"/> */
	color: #990033;
	}
.TextCodeComment { /* <xsStyle section="Text" description="Comment..." view="DesignerView,ContentManagerView"/> */
	color: green;
	}
.TextEmphAllCaps { /* <xsStyle section="Text" description="All Caps..." view="DesignerView,ContentManagerView"/> */
	color: black; text-transform: uppercase;
	}
.TextEmphCapitalize { /* <xsStyle section="Text" description="Capitalize..." view="DesignerView,ContentManagerView"/> */
	color: black; text-transform: capitalize;
	}
.TextEmphUnderline { /* <xsStyle section="Text" description="Underline..." view="DesignerView,ContentManagerView"/> */
	color: black; text-decoration: underline; 
	}
.TextDeleted { /* <xsStyle section="Text" description="Deleted..." view="DesignerView,ContentManagerView"/> */
    text-decoration: line-through;
	}
.TextSuperscript { /* <xsStyle section="Text" description="Superscript..." view="DesignerView,ContentManagerView"/> */
    vertical-align: super;
	}
.TextSubscript { /* <xsStyle section="Text" description="Subscript..." view="DesignerView,ContentManagerView"/> */
    vertical-align: sub;
	}
/* 
*******************************
S4. Text highlight and decoration (must start with "Highlight")
*******************************
*/
{/* <xsStyle section="Highlight" description="---------- HIGHLIGHTS ----------" view="DesignerView,ContentManagerView"/> */}
.HighlightYellow { /* <xsStyle section="Highlight" description="Yellow..." view="DesignerView,ContentManagerView"/> */
	background-color: #FFFF00;
	}
.HighlightGreen { /* <xsStyle section="Highlight" description="Green..." view="DesignerView,ContentManagerView"/> */
	background-color: #33FF99;
	}
.HighlightTeal { /* <xsStyle section="Highlight" description="Teal..." view="DesignerView,ContentManagerView"/> */
	background-color: #66CCCC;
	}
.HighlightBlue { /* <xsStyle section="Highlight" description="Blue..." view="DesignerView,ContentManagerView"/> */
	background-color: #33CCFF;
	}
.HighlightPurple { /* <xsStyle section="Highlight" description="Purple..." view="DesignerView,ContentManagerView"/> */
	background-color: #CC99FF;
	}
.HighlightRed { /* <xsStyle section="Highlight" description="Red..." view="DesignerView,ContentManagerView"/> */
	background-color: #FF3300;
	}
.HighlightOrange { /* <xsStyle section="Highlight" description="Orange..." view="DesignerView,ContentManagerView"/> */
	background-color: #FF9933;
	}
.HighlightNegative{ /* <xsStyle section="Highlight" description="Negative..." view="DesignerView,ContentManagerView"/> */
	background-color: #000000; PADDING: 2px; COLOR: #ffffff; 
	}
.HighlightImportant{ /* Unknown behavior? */
	PADDING: 3px; border: 2px solid #ff0000;  
	}
.HighlightImportant2{ /* Unknown behavior? */
	PADDING: 3px; border: 3px double #ff0000;  
	}
{/* <xsStyle section="Highlight" description="---------- HIGHLIGHTS SPECIAL ----------" view="DesignerView,ContentManagerView"/> */}
.HighlightxSynthesisGreen{ /* <xsStyle section="Text" description="xSynthesis Green..." view="DesignerView,ContentManagerView"/> */
	background-color: #99FF00; PADDING: 2px;
	}
.HighlightTextOrange{ /* <xsStyle section="Highlight" description="Text Orange..." view="DesignerView,ContentManagerView"/> */
	background-color: #FFFFCC;color: #B22222;
	}
.HighlightWindows{ /* <xsStyle section="Highlight" description="Windows..." view="DesignerView,ContentManagerView"/> */
	background-color: #316AC5; PADDING: 2px; COLOR: #ffffff; 
	}

/* 
*******************************
S5. Note flags
*******************************
*/
.ContentBlock {
	width: 100%; padding: 2px
	}
	
{/* <xsStyle section="Block" description="---------- BLOCK TITLES ----------" view="DesignerView,ContentManagerView"/> */}
.ContentTitleA { /* <xsStyle section="Block" description="Red..." view="DesignerView,ContentManagerView"/> */
	position: relative; width: 400px; height: 10px; border: 1px solid #07396A; background-color: #07396A; padding: 3px
	}
.ContentTitleB { /* <xsStyle section="Red" description="Light Red..." view="DesignerView,ContentManagerView"/> */
	position: relative; width: 400px; height: 10px; border: 1px solid #F3EDDE; background-color: #F3EDDE; padding: 3px
	}
.ContentTitleC { /* <xsStyle section="Green" description="Green..." view="DesignerView,ContentManagerView"/> */
	position: relative; width: 400px; height: 10px; border: 1px solid #cccccc; background-color: #cccccc; padding: 3px
	}
.ContentText {
	position: relative; width: auto; border: 1px solid #07396A; padding: 6px; margin:0;
	}

/* 
*******************************
S6. Notes boxes
*******************************
*/
.NoteHandwriting{
	BACKGROUND-IMAGE: url("../images/NotebookBg.gif"); BORDER: 1px solid #386FC7; WIDTH: 250px; LINE-HEIGHT: 21px; PADDING: 4 10 4 10; 
	FONT-FAMILY: "Fine Hand", Verdana, sans-serif; FONT-SIZE: 12px; POSITION: absolute;
	}
.NoteBaloon{
	filter: alpha(opacity=60);opacity: 0.6;width: 200px; background: #eeeeee; border: 2px solid #999999; 
	padding: 0.5em; line-height:1.6; float: right;
	}
.NoteBaloon1{
	position: absolute; width: 245px; HEIGHT: 200px; BACKGROUND-IMAGE: url("../images/Baloon.gif"); BACKGROUND-REPEAT: no-repeat;
	}
.NoteFlag { 
	font-family: Wingdings;	font-size: 10pt; color: #000080;
	}
.NoteFlagRed {
	font-family: Wingdings;	font-size: 10pt; color: #FF0000;
	}
.NoteFlagYellow {
	font-family: Wingdings;	font-size: 10pt; color: #cc9900; 
	}
.NoteFlagGreen {
	font-family: Wingdings;	font-size: 10pt; color: green; 
	}
.NoteFlagWeb {
	font-family: Webdings; font-size: 10pt; color: #006600;
	}
.NoteFlagRegular {
	font-size: 10pt; background-color: #cccccc; border: 1px solid black; padding-left: 1px; padding-right: 1px; 
	}
.NoteFlagRegularRed {
	font-size: 10pt; color: red; background-color: #ffcccc; border: 1px solid red; padding-left: 1px; padding-right: 1px; 
	}
.NoteFlagRegularYellow {
	font-size: 10pt; color: black; background-color: yellow; border: 1px solid black; padding-left: 1px; padding-right: 1px; 
	}
.NoteFlagRegularGreen {
	font-size: 10pt; color: green; background-color: #ccff33; border: 1px solid green; padding-left: 1px; padding-right: 1px; 
	}