/*
 * Saint Saviour
 *
 *
 * VISUALS
 *
 *      TEXT
 *          default font:   Verdana
 *          backup font:    Arial
 *          system font:    sans-serif
 *      
 *      COLOR
 *          font:       #333
 *          background: #fefefe
 *
 *
 */



* {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, sans-serif;
}

body {
    color: #333;
    background: #ccc url(../images/body2_bg.jpg) top center repeat-x;
    text-align: center;
}

body#secondary {
    color: #333;
    background: #ccc url(../images/bodyBG_secondary.jpg) top center repeat-x;
    text-align: center;
}

a {text-decoration:none ; color:#000090;}
a:hover {text-decoration:underline ;}

/* no focus-rect on anything */
:focus, :active {
    border: 0 none;
}

/* no border around image links */
a img {
    border: 0 none;
}

/* default margin & style for lists */
ul {
    list-style: disc;
}

ul li {
    margin-left: 25px;
    list-style: disc;
}

h1 {
    color: #335274;
    font-size: 16px;
}

h1 .subtitle {
    color:#1B334D;
    display:block;
    font-size:11px;
    font-weight:normal;
    margin-top:2px;
}

h2 {
    color: #fff;
    font-size: 14px;
}

h3 {
    margin: 10px 0 5px 0;
    color: #335274;
    font-size: 12px;
}

h4 {
	font-weight: normal;
	font-size: 12px;
	
}
h5 {

	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
}

/* generic positioning classes */
.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

div#homeWrap {
    display: table;
    width: 100%;
    background: transparent url(../images/introbackground2.jpg) center 120px no-repeat;
}

div#secondaryWrap {
    display: table;
    width: 100%;
    background: transparent url(../images/hdrBG_secondary.jpg) center 120px no-repeat;
}

div#stage {
    display: block;
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding: 5px 5px;
    font-size: 95%; /* not sure if this will work long term */
    color: #333;
    /*debug*/min-height: 600px;
    text-align: left;
}

div#header {
    position: relative;
    width: 100%; /* maybe necessary for IE? */
    height: 135px;
}

div#header a#logo {
    float: left;
    width: 500px;
    height: 82px;
    margin-top: -5px;
    margin-left:14px;
    border: 0 none;
}

div#header div#tertiary {
    float: right;
    width: 450px;
    text-align: right;
    margin: 0 20px 0 0;
}

div#tertiary a:link,
div#tertiary a:active,
div#tertiary a:visited {
    color: #fff;
    font-size: 80%;
    text-decoration: none;
}

div#tertiary a:hover,
div#tertiary a:active:hover,
div#tertiary a:visited:hover {
    text-decoration: underline;
}

div#tertiary form {
    float: right;
    margin-left: 20px; #78A9D2
}

div#tertiary form input#q {
    color: #78A9D2;
    background: transparent;
    border: 1px #5081B2 solid;
}

div#tertiary form input#q:focus {
    color: #fff;
    background: transparent;
    border: 1px #5081B2 solid;
}


ul#auxilary {
    position: relative;
    float: left;
    margin-top: 14px;
    list-style: none;
    margin-left: 205px;
    /*background: transparent url(../images/auxilaryBackground2.jpg) 0 0 repeat-x;*/
}

ul#auxilary li {
    position: relative;
    display: block;
    float: left;
    margin-left: 0;
    list-style: none;
    font-size: 11.5px;
    padding-right: 2px;
    background: transparent url(../images/auxilaryDivider2.jpg) right 6px no-repeat;
}

ul#auxilary li.last {
    background:none;
}

ul#auxilary li:hover ul {
    display: block;
}

ul#auxilary li a:link,
ul#auxilary li a:active,
ul#auxilary li a:visited {
    display: block;
    float: left;
    height: 28px;
    padding: 4px 15px;
    color: #fff;
    /*background: transparent url(../images/auxilaryBackground2.jpg) 0 0 repeat-x;*/
    text-decoration: none;
}

ul#auxilary li a:hover,
ul#auxilary li a:active:hover,
ul#auxilary li a:visited:hover {
    /*color: #38597e;*/
    /*background-color: #17293D;*/
}

ul#auxilary li ul {
    position: absolute;
    display: none;
    width: 155px; /* why can't this be done automatically/programatically?? */
    top: 24px;
    left: 10px; /* this might need to be -25px if there are a lot of menus, b/c subs go off screen */
    margin: 0 auto;
    list-style: none;
    /*padding-bottom: 5px;*/
    /*border-bottom: 5px #17293D solid;*/
    /*background-color: #26405d;*/
    background-color: #1B3E5E;
    z-index: 10;
    opacity: 0.95;
    filter: alpha(opacity=95);
}

ul#auxilary li ul li {
    display: block;
    margin: 0;
    padding: 0;
}

ul#auxilary li ul li a:link,
ul#auxilary li ul li a:active,
ul#auxilary li ul li a:visited {
    height: 23px;
    padding: 0 0 6.5px 3px;
    background-color: #1B3E5E;
    background-image: none;
}


/* large horizontal section between header and main content area */
div#intro {
    float: left;
    width: 645px; /* 941 in comp..? */
    margin: 67px auto 8px auto;
    padding-bottom: 10px;
    /*debug*//*border: 1px #ff0000 solid;*/
    /*background: transparent url(../images/introBackground.jpg) 0 0 no-repeat;*/
}

ul#quickLinks {
    position: relative;
    display: block;
    float: left;
    width: 171px;
    margin: 29px 0 0 0;
    padding-bottom:49px; /* was 11px. took away one menu item 010309. was 28px 010509 */
    padding-left:5px;
    padding-top:48px;
    position:relative;
    list-style: none;
    line-height: 16px;
    font-size: 11px;
    z-index: 100;
    background: transparent url(../images/minNav2_bg.jpg) top center no-repeat;
}

ul#quickLinks li {
    display: block;
    width: 179px;
    margin: 0 auto;
    list-style: none;
}

ul#quickLinks li.borderTop {
    position: absolute;
    top: -11px;
    left: -1px;
}

ul#quickLinks li.borderBottom {
    position: absolute;
    left: -1px;
    bottom: -11px;
}

ul#quickLinks li.quickLinksHeader {
    display: block;
    width: 157px;
    margin: 3px auto 0 auto;
}

ul#quickLinks li a:link,
ul#quickLinks li a:active,
ul#quickLinks li a:visited {
    display: block;
    padding: 0 0 5.2px 5px;
    color: #fff;
    text-decoration: none;
}

ul#quickLinks li a:hover,
ul#quickLinks li a:active:hover,
ul#quickLinks li a:visited:hover {
    text-decoration: underline;
}


div#intro div#featured {
    position: relative;
    display: block;
    float: right;
    width: 453px;
    height: 263px;
    margin: 10px 6px 0 0;
    /*padding: 2px 8px 4px 3px;*/
    overflow: hidden;
}

div#intro div#featured img.featuredShadow {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

div#intro div#featured div#featuredContent {
    width: 454px;
    height: 272px;
    margin: 2px auto;
    overflow: hidden;
}

/*debug - centers the image, if too large*/div#intro div#featured div#featuredContent img {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}




div#news {
    position: relative;
    float: right;
    width: 354px;
    margin-top: 10px;
    padding: 0 0 5px 0;
    background: transparent url(../images/vicShadow.png) 0 0 no-repeat;
}

div#news div#newsInner {
    width: 345px;
    margin: 0 0 0 4px;
    padding-bottom: 15px;
    background-color: #fff;
}

div#news img.backgroundTop {
    position: absolute;
    top: -18px;
    left: 0;
}

div#news img.backgroundBottom {
    position: absolute;
    bottom: -18px;
    left: 0;
}

div#news img.corner {
    position: absolute;
    width: 3px;
    height: 3px;
}

div#news img#cornerTL {
    top: 0;
    left: 4px;
}

div#news img#cornerTR {
    top: 0;
    right: 5px;
}

div#news img#cornerBR {
    right: 5px;
    bottom: 0;
}

div#news img#cornerBL {
    left: 4px;
    bottom: 0;
}

div#rca {
font-family: Georgia, "Times New Roman", Times, serif ;
font-size: 10px;
background-color:#f4e6d0

} 

div#news div.article {
    font-size: 12px;
    padding: 0 15px;
}

div#news div.article p img {
    display: inline;
    /*float: left; -- this is left up to the image class now, floatLeft or floatRight*/
    margin-right: 4px;
    vertical-align: top;
}

div#news div.article p img.floatLeft {
    float: left;
    margin: 4px 4px 4px 0;
}

div#news div.article p img.floatRight {
    float: right;
    margin: 4px 0 4px 4px;
}

div#news h1#fromTheVicar {
    /*width: 255px;*/
    /*height: 148px;*/
    width: 345px;
    height: 78px;
    /*padding: 40px 90px 0 13px;*/
    background: transparent url(../images/fromTheVicar.jpg) 0 0 no-repeat;
}

div#news h1#fromTheVicar span {
    width: 229px;
    margin: 0 0 0 12px;
    padding: 34px 0 0 0;
}



div#content {
    float: left;
    /*width: 655px;*/
    width: auto;
}

div#secondaryHeader {
    margin:-8px 0 0 20px;
}

div#secondaryHeader a:link,
div#secondaryHeader a:active,
div#secondaryHeader a:visited {
    /*color:#443425; nice brown */
    color: #173550;
    font-size:11px;
}

div#secondaryHeader a:hover {
    text-decoration:underline;
}

div#secondaryHeader h1 {
    color:#443425;
    font-size:25px;
    text-shadow:0 2px 3px #725f4c;
    font-family:georgia;
    margin-top:22px;
}

div#secondaryContent {
    position: relative;
    margin: 18px 0 25px 0;
    float:left;
    width:999px;
    background:transparent url(../images/secondaryContent_bg.jpg) top left no-repeat;
}

div#secondaryContent img.secondaryContentBottom {
    position: absolute;
    left: 3px;
    bottom: -16px;
}

div#secondaryContentInner {
    margin: 10px 3px 0 3px;
    padding: 10px 15px;
    font-size: 12px;
    background-color: #fff;
    letter-spacing: 0.03em;
    line-height: 18px;
}

div#secondaryContentInner h2 {
    color: #537ea6;
    font-size: 18px;
    margin-bottom: -5px;
}

div#secondaryContentInner h3 {
    color: #bdaa8f;
    font-size: 15px;
    margin-bottom: 10px;
    font-weight:bold;
}

div#secondaryContentInner h4 {
    color: #446683;
    font-size: 14px;
    font-weight: bold;
}

div#secondaryContentInner ul,
div#secondaryContentInner ol {
    display: block;
    margin: 10px 0 10px 50px;
}

div#secondaryContentInner ul li,
div#secondaryContentInner ol li {
    display: list-item;
}


/* adjusted quickLinks positioning for 2ndary page */
body#secondary ul#quickLinks {
    position: absolute;
    width: 175px;
    height: 17px;
    /*top: 62px;*/
    top: -155px;
    left: 0;
    padding: 0 0 5.2px 5px;
    overflow: hidden;
    z-index: 100;
    /*background: transparent url(../images/secondaryQuickLinks.png) top center no-repeat;*/
    background: transparent url(../images/minCom_secondary.png) top left no-repeat;
}

body#secondary ul#quickLinks:hover {
    height: auto;
}

body#secondary ul#quickLinks li {
    
}

body#secondary ul#quickLinks li:first-child {
    margin-top: 49px;
}

body#secondary ul#quickLinks li ul {
    display: none;
    background-color: #5C7896;
}

body#secondary ul#quickLinks li:hover ul {
    display: block;
}




div.column {
    position: relative;
    display: block;
    float: left;
    width: 222px;
    /*debug*/min-height: 600px;
    margin-right: 10px;
}

div.column img.moduleBorderTop {
    position: absolute;
    top: -4px;
    left: 0pt;
}

div.column#leftColumn {
    width: 175px;
}

div.column#middleColumn {
    margin-right:12px;
}

div.column#rightColumn {
    width: 221px;
    margin-right: 0;
}

div.column table {
	float: left;
}

/* main content module (mostly comittee news and worship shared properties) */
div.module {
    float: left;
    /*width: 298px;*/
    margin-bottom: 10px;
    padding: 10px;
    background: #ffffff;
}

/* this has to be annoyingly explicit for IE 7/quirksmode */
div.column#leftColumn div.module {
    width: 155px;
}

div.column#leftColumn div.module h1 {
    margin-bottom:4px;
    color:#335274;
    font-family:georgia, serif;
    font-size:18px;
    line-height:1em;
    text-shadow:0 2px 3px #777777;
    text-align:center;
}

div.column#leftColumn div.module h2 {
    color:#335274;
    font-family:georgia, serif;
    font-size:16px;
    line-height:1.1em;
    text-shadow:0 2px 3px #777777;
    font-weight:normal;
    text-align:center;
}

div.column#leftColumn div.module p {
    color:#335274;
    text-align:center;
}

div.column#leftColumn div.module .subtitle {
    color:#1B334D;
    display:block;
    font-size:11px;
    font-weight:normal;
    margin-top:2px;
    text-align:center;
}

div.column#leftColumn div.module a:link,
div.column#leftColumn div.module a:active,
div.column#leftColumn div.module a:visited{
    color:#335274;
    float:left;
    font-size:10px;
    text-decoration:none;
    width:155px
}

div.column#leftColumn div.module a:hover {
    text-decoration:underline;
}

div.column#leftColumn div.featArticles {
    background:#fff url(../images/featArticles_hdr.jpg) top left no-repeat;
    padding-top:30px;
}

div.column#rightColumn div.module,
div.column#middleColumn div.module {
    width: 202px;
    padding-top:30px;
}

div.module p,
div.module dl {
    font-size: 12px;
}

div.module p img {
    display: inline;
}


div.top175 {
    background: #fff url(../images/roundTop_175.jpg) top left no-repeat;    
}

div#commiteeNews {
    background:#fff url(../images/committeeNews_hdr.jpg) top left no-repeat;
}

div#congregationConnection {
    background: #fff url(../images/congregationConnection_hdr.jpg) top left no-repeat;
}

div#worship {
    float: right;
    clear: right;
    background:#fefefe url(../images/worship_hdr.jpg) top left no-repeat;
}

div#secondSundays {
    float: right;
    clear: right;
    background:#fff url(../images/secondSundays_hdr.jpg) top left no-repeat;
}

div#membership {
    float: right;
    clear: right;
    background:#fff url(../images/membership_hdr.jpg) top left no-repeat;
}


div#worship dl {
    float: left;
    clear: both;
    display: block;
    margin-bottom: 15px;
}

div#worship dl dt {
    display: block;
    float: left;
    clear: left;
    width: 65px;
    margin-top: 10px;
    font-size: 11px;
    font-weight: bold;
}

div#worship dl dd {
    display: block;
    float: left;
    clear: right;
    width: 195px;
    margin-top: 10px;
}

div#footer {
    border-top:1px solid #999;
    float:left;
    margin:40px 0 15px;
    text-align:center;
    width:100%;
}

div#footer p {
    border-top:1px solid #FFF;
    color:#333;
    font-size:12px;
    padding:15px;
    text-shadow:0 2px 3px #888;
}

/*
 * search results styles
 *
 */
div.searchResults {
    padding: 10px;
    background-color: #eee;
}

div.searchResults ul {
    display: block;
    list-style: none;
    margin: 10px 0 10px 0 !important;
    /*width: 621px;*/
}

div.searchResults ul li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 10px 0;
}

div.searchResults a:link,
div.searchResults a:active,
div.searchResults a:visited {
    padding: 5px 0;
    color: #396f9e;
    text-decoration: none;
}

div.searchResults a:hover,
div.searchResults a:active:hover,
div.searchResults a:visited:hover {
    color: #1a3d5b;
    text-decoration: underline;
}