@import url(appstyles.css);

/* General Style
---------------------------------------------*/
form,body,html{height:100%;width:100%;}
form,body,html{height:100%;width:100%;}
body{margin:0;padding:0;font:11px/16px Arial, Helvetica, sans-serif; background:#0c2264; color:#4C4C4C;}

.mastWrap{ margin:0; padding:0; width:100%; background:url(images/BG.gif) repeat-x left top #0c2264;}
.mastWrap2{ margin:0; padding:0; width:100%; background:url(images/TopBG.gif) no-repeat center top;}
.cntrWrap{width:960px;margin:0 auto;}
.fltFix{width:100%;}

a { color: #4d6dcc; text-decoration:none;  }
a:hover { color: #4d6dcc; text-decoration: underline; }
a:visited{}
a:active{}
a img{border:none;}
* {outline:none;}

h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {margin:0;padding:2px 5px 3px 0;font-weight:normal;}
h1, .PageTitleHeader {font-size:24px;line-height:28px; color:#959bad; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase;}
h2, .PageSubTitleHeader {font-size:20px; line-height:24px;}
h3 {font-size:18px;line-height:21px;}
h4 {font-size:14px;line-height:18px; color:#4d6dcc;}
h5 {font-size:12px;line-height:15px;}
p {margin:7px 0;padding:0;}
#PageTitle, .PageTitleHeader { display:none;}

.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.textalignright{text-align:right;}
.textalignleft{text-align:left;}

hr{height:1px;line-height:1px;margin:8px 3px;clear:both;border:none;background:#333;color:#333;}

img.left{float:left;margin:0 7px 1px 0;}
img.right{float:right;margin:0 0 7px 7px;}
img.outline{border:4px solid #333;}

.clearing{clear:both;height:0;margin:0;padding:0;line-height:0;margin-top:-7px;}
.clearBoth{clear:both;}
.clearRight{clear:right;}
.clearLeft{clear:left;}
.invisibleButAccessible{display:none;}
.Error,.error {width:auto!important}

/* HEAD ELEMENTS
---------------------------------------------*/
.structHead{ margin:0; padding:0; float:left; width:100%;}

.structHead h1{padding:0 2px 0 32px;margin:0;float:left;}
.structHead h1 a{display:block;text-indent:-999em; height:88px; width:200px;}
.church .structHead h1{ background:url(images/HeaderChurch.gif) no-repeat left top;}

/* Horiztional Drop Downs
------------------------------------------------------- */
.structHead #ContentToplinks{margin:0; padding:0; float:left; width:960px;background:url(images/TopNavBG.gif) repeat-x left top;}
.structHead #ContentToplinks ul { padding:0; margin:0; list-style:none; float:left; position:relative;width:960px;}
.structHead #ContentToplinks li { float:left; padding:0 2px 0 0; margin:0; background:url(images/TopNavDiv.gif) no-repeat right top;}
.structHead #ContentToplinks li.ft a{ background:url(images/TopNavLt.gif) no-repeat left top;/*padding:14px 22px 14px 22px;*/}
.structHead #ContentToplinks li.lt { background:none; padding:0; position:absolute; right:0; top:0;}
.structHead #ContentToplinks li.lt a{ background:url(images/TopNavRt.gif) no-repeat right top;/*padding:14px 23px 14px 23px;*/}
.structHead #ContentToplinks li.lt li a{ background-image:none!important;/*padding:14px 23px 14px 23px;*/}
.structHead #ContentToplinks li a { display:block; color:#4d6dcc; font:16px/18px Georgia, "Times New Roman", Times, serif; padding:14px 25px; text-decoration:none;}

.church .structHead #ContentToplinks li a { padding:14px 15px;}

.structHead #ContentToplinks li:hover a, .structHead #ContentToplinks li.sfHover a{ background: url(images/TopNavHt.gif) repeat-x left top; color:#FFF;}
.structHead #ContentToplinks li.ft:hover a{ background:url(images/TopNavLtHt.gif) no-repeat left top;}
.structHead #ContentToplinks li.lt:hover {position:absolute; right:0; top:0;}
.structHead #ContentToplinks li.lt:hover a{ background:url(images/TopNavRtHt.gif) no-repeat right top;}

.structHead #ContentToplinks li.lt a{ padding:14px 23px 14px 21px}
.church .structHead #ContentToplinks li.lt a{ padding:14px 13px 14px 10px}


/* Second Level Groups */
.structHead #ContentToplinks li ul { position: absolute; left: -999999px; margin:0; background:#FFF; border-width:0 1px 1px 1px; border-color:#dedede; border-style:solid; float:none; width:170px;}
.structHead #ContentToplinks li li { width: 170px; margin:0; padding:0; background:none;}
.structHead #ContentToplinks li li a { padding:2px 10px!important;width:150px; background:none!important; color:#4d6dcc; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.structHead #ContentToplinks li:hover li a, .structHead #ContentToplinks li.sfHover li a{ background:none;color:#4d6dcc; }
.structHead #ContentToplinks li li:hover a, .structHead #ContentToplinks li li.sfHover a{ background:none;color:#4d6dcc; font-weight:bold;}

/* Third Level Groups */
.structHead #ContentToplinks li li ul { margin:-20px 0 0 150px}

/* The Magic */
.structHead #ContentToplinks li:hover ul ul,
.structHead #ContentToplinks li:hover ul ul ul,
.structHead #ContentToplinks li.sfHover ul ul,
.structHead #ContentToplinks li.sfHover ul ul ul { left: -999em;}

.structHead #ContentToplinks li:hover ul,
.structHead #ContentToplinks li li:hover ul,
.structHead #ContentToplinks li li li:hover ul,
.structHead #ContentToplinks li.sfHover ul,
.structHead #ContentToplinks li li.sfHover ul,
.structHead #ContentToplinks li li li.sfHover ul { left: auto;}

/*Fix for the Sticking*/
.structHead #ContentToplinks  li:hover,
.structHead #ContentToplinks  li li:hover,
.structHead #ContentToplinks  li li li:hover,
.structHead #ContentToplinks  li.sfHover,
.structHead #ContentToplinks  li li li.sfHover,
.structHead #ContentToplinks  li li.sfHover { position:static;}

#ContentSearch {float:right;margin:0;padding:52px 0 0;}
#ContentSearch input{ border:none; width:115px;*width:100px; *margin:-1px 0 0;}
#ContentSearch img#cid_654_imgbtnSearch{ height:22px; width:22px}

#ContentMemberTools {float:right;margin:0px;padding:56px 51px 0 0;}
#ContentMemberTools ul {list-style:none;margin:0;padding:0;}
#ContentMemberTools li {float:left;padding:0 10px;}
#ContentMemberTools a {color:#FFF;display:block;font-size:10px;line-height:14px;padding:0;text-align:center;text-decoration:none;}

#ContentTools {float:right;margin:0px;padding:56px 51px 0 0;}
#ContentTools ul {list-style:none;margin:0;padding:0;}
#ContentTools li {float:left;padding:0 10px;}
#ContentTools a {color:#FFF;display:block;font-size:10px;line-height:14px;padding:0;text-align:center;text-decoration:none;}

/* LEFT COLUMN
---------------------------------------------*/
.structLeft{margin:0; padding:0; float:left; width:254px;background:none; }
.structLeft2{margin:0 0 20px; padding:0; float:left; width:254px;background:url(images/LeftBg.gif) repeat-y right top; }
.start .structLeft{background:url(images/StLeftBg.gif) repeat-y right top; }
.ChurchLeft{margin:0; padding:0; float:left; width:254px;}
.SchLeft{margin:0; padding:0; float:left; width:254px;}

.structLeft #ContentLeftNav{margin:0; padding:0; float:left; width:100%;background: url(images/LeftTp.gif) no-repeat left top;} 
.structLeft #ContentLeftNav ul{ float:right;  margin:0; padding:17px; list-style:none; width:208px; background:url(images/LeftBtm.gif) no-repeat right bottom; }
.structLeft #ContentLeftNav li{ display:none;}
.structLeft #ContentLeftNav li.selected{ display:block; float:left; width:100%; margin:0; padding:0; }
.structLeft #ContentLeftNav a{ display:block; margin:0; padding:0 0 10px; color:#4d6dcc; font:13px/18px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; text-decoration:none; background:url(images/LeftDiv.gif) repeat-x left bottom;}

.structLeft #ContentLeftNav li ul{ float:left;  margin:0; padding:0;background:none; }
.structLeft #ContentLeftNav li li{ background:none; border-bottom:1px solid #d2d2d2; display:block;}
.structLeft #ContentLeftNav li li a{ font:11px/18px Arial, Helvetica, sans-serif; text-transform:none;background:none; margin:0; padding:3px 0;}
.structLeft #ContentLeftNav li li a:hover{ font-weight:bold;}

.structLeft #ContentLeftNav li li ul{ padding:0 0 5px;}
.structLeft #ContentLeftNav li li li{ background:none; border-bottom:none; display:block;}
.structLeft #ContentLeftNav li li li a{line-height:13px;padding:2px 0 2px 10px;}
.structLeft #ContentLeftNav li li li a:hover{ font-weight:bold;}

.structLeft #ContentLeftNav li li li ul{ padding:0 0;}
.structLeft #ContentLeftNav li li li li{ }
.structLeft #ContentLeftNav li li li li a{ padding:2px 0 2px 20px;}
.structLeft #ContentLeftNav li li li li a:hover{ font-weight:bold;}

.structLeft #ContentMiddleLayoutLeft{margin:0; padding:40px 19px 6px 30px; float:left; width:205px; background:url(images/StLeftTp.gif) no-repeat left top;}
.church .structLeft #ContentMiddleLayoutLeft{padding:40px 15px 6px 95px;width:144px;margin:-5px 0 0; background:url(images/MassTp.gif) no-repeat left top;}
.structLeft .leftbtm{margin:0; padding:0; float:left; width:100%; background:url(images/StLeftBtm.gif) no-repeat right top; height:11px;}

.structLeft #ContentMiddleLayoutLeftIn{margin:0; padding:0 19px 0 30px; float:left; width:205px; }


#ContentMiddleLayoutPromo1,
#ContentMiddleLayoutPromo2,
#ContentMiddleLayoutPromo3{ float:right; margin:10px 0 0; width:242px; padding:0;}
/* BODY ELEMENTS
---------------------------------------------*/
.structBody{margin:0; padding:0; float:left; width:100%; background:url(images/TopContentBG.gif) repeat-x left top #dedede;}
.structBody2{margin:0; padding:0 0 10px; float:left; width:100%; background:url(images/ContentBtm.gif) no-repeat left bottom;}

.structBody .imgRot{float:left; margin:0; padding:15px; width:930px; }

.structBody .imgBd{ float:left; margin:0; padding:0; height:173px; width:227px; border:4px solid #FFF; overflow:hidden;}
.structBody #ContentImgRot2{ width:422px; margin:0 15px; display:inline;}

.structBody .bgwrap{ float:left; background:#FFF; margin:0; padding:0; }


.structBody ul#ContentBreadCrumbs{padding:0;margin:0;list-style:none;float:left; width:100%;}
.structBody ul#ContentBreadCrumbs li{padding:0;margin:0;float:left;}
.structBody ul#ContentBreadCrumbs li a{display:block;text-decoration:none;font-size:11px;padding:2px 6px 2px 8px;background:url(images/bcArw.gif) no-repeat center left; color:#0c2264;}
.structBody ul#ContentBreadCrumbs li#bcFirst a{background:none;padding-left:0;}
.structBody ul#ContentBreadCrumbs li.navselected a{}

.structBody #ContentPageName{ float:left; margin:0; padding:0; width:100%; border-bottom:1px solid #d2d2d2;}

.structBody .MidWrap,
.chInter .structBody .MidWrap{float:left;margin:0;padding:21px 15px 0 30px;width:661px; background:url(images/MidTp.gif) no-repeat left top;}
.start .structBody .MidWrap{float:left;margin:0;padding:45px 20px 0;width:412px; background:url(images/StMidTp.gif) no-repeat left top;}
.chst .structBody .MidWrap{float:left;margin:0;padding:45px 20px 0;width:412px; background:url(images/ChMidTp.gif) no-repeat left top;}

.structBody #ContentMiddle{margin:0; padding:0; float:left; width:100%;}

/* RIGHT COLUMN
---------------------------------------------*/
.structRight{margin:0; padding:0; float:left; width:254px;}
.start .structRight{background: url(images/StRtBG.gif) repeat-y left top; }

.structRight #ContentMiddleLayoutRt{margin:0; padding:40px 30px 6px 19px; float:left; width:205px; background: url(images/StRtTp.gif) no-repeat left top;}
.structRight .rtbtm{margin:0; padding:0; float:left; width:100%; background: url(images/StRtBtm.gif) no-repeat left top; height:11px;}



/* Footer Elements 
---------------------------------------------*/
.structFooter{margin:0; padding:0; float:left; width:100%; background:url(images/Footerlogo.gif) no-repeat center top; height:123px;}
.church .structFooter{margin:0; padding:0; float:left; width:100%; background:url(images/ChurchFooter.gif) no-repeat center top; height:123px;}
.structFooter #ContentFooter{margin:0; padding:20px 0 0 50px; float:left; color:#FFF; font-size:11px;}
.structFooter #ContentFooter2{margin:0; padding:20px 50px 0 0; float:right; color:#FFF; font-size:11px}