/* screen styles from template version 1.0 */ /* NOTE: any * > selector rules are for standards-compliant browsers. The rule before will have a style that works in IE6. */ /* Table of Contents Non-displaying Elements Layout Page Specific Layout Typography and Inline Elements Page Specific Typography Navigation Specific Nav Button Styling */ /* Non-displaying Elements*/ /* *************************************************************************************** */ #accessibility, .hide {display:none;} .eventsFeedRss {text-indent:-9999px; overflow:hidden} /* moves text inside menu anchors off screen. Remove if not using graphics for menu links. */ /* Layout */ /* *************************************************************************************** */ body { font-size:0.875em; /* makes font a specific size... must find it... */ text-align:center; background: #EDEEE6 url(../images/top_tile_bg.png) repeat-x scroll center top; } #container { height:auto; margin:0 auto; position:relative; text-align:left; width: 850px; } #branding { background: url(../images/logo.png) no-repeat left 72px; height: 195px; clear: both; float: none; position: relative; width: 880px; } #branding-ucg-logo { position: absolute; top: 9px; left: 0px; border-style: none; } #content-and-nav { background: #FFFFFF url(../images/content_bg.png) repeat-y left top; float: left; position: relative; border-bottom: 1px solid #d8d6d7; margin-bottom: 1em; width:849px; border-right: 1px solid #d8d6d7; padding-right: 30px; padding-bottom: 1em; padding-left: 0; } #content { float:right; width:661px; padding:2em 0 1em; } #content-extra { border-top: 2px solid #EDEEE6; padding-top: 1em; margin-top:4em; } #content-upcoming, #extra-info { float: right; margin: 0 0px 1em 2em; padding: 0px 10px 10px; background: #EDEEE6; width: 225px; } .churchLocationMap { height: 300px; width: 659px; border: 1px solid #C7CBAE; } a.mapLink:link, a.mapLink:visited { border-width: 1px; border-style: solid; margin: 0.5em 0px; padding:0 .5em; text-decoration: none; background-color: #d4dacb!important; background-image:none !important; font-size: 0.8em; } /* Page Specific Layout */ /* use a class on the body to change specific parts of the layout based on portions of the website (e.g. user vs. admin) */ .layout-minimal #branding, .layout-minimal #content-extra {display:none;} .layout-minimal #content {padding-top:83px;} .layout-minimal #nav {padding-top:83px} /* Typography and Inline Elements */ /* *************************************************************************************** */ #content acronym:hover:after { content: " (" attr(title) ")"; font-size: .9em; } .eventsFeedRss { background: url(../images/eventsFeedRss.png) no-repeat center center; height: 1.2em; width: 109px; display: block; margin: 0 0.5em 0 0; float: left; } *[rel="help"] { cursor:help; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; } /* Page Specific Typography */ /* use a class on the to change specific typographic elements (e.g.

backgrounds) / .layout-home h1 {} / Navigation / / placement of navigation / / *************************************************************************************** / #nav { float:left; width:158px; padding-left:2px; font-size: 0.8em; font-weight: bold; line-height:1.8em; } #nav ul {list-style: inside; margin:0} #nav li {/ fix IE6 and IE7 List bug / display: inline; } #nav p {display:none;} / Specific Nav Button Styling / #nav-main a { display:block; padding:0 .5em; text-decoration:none; margin-bottom:2px; background-image: url(../images/button_bg.png); color: #FFFFFF; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; } #nav-main a:link, #nav-main a:visited {background-position:top center;} #nav-main a:hover, #nav-main a:active {background-position:bottom center;} #nav ul ul a{background-image:none; color:#7E8F5E; border:none; background-color:#D4DACB; margin:0; font-size:.9em;} #nav ul ul a:hover, #nav ul ul a:active {background-image:none; color:#5B7232; border:none} #nav-related {padding-top:1em;} #nav-related a{ color: #53662E; font-size: 0.9em; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; display: block; margin-bottom: 2px; padding: 0.25em 0.5em; line-height: 1.6em; } #nav-related a:link, #nav-related a:visited { color:#7E8F5E; text-decoration:none; } #nav-related a:hover, #nav-related a:active { color:#FFFFFF; text-decoration:underline; } / Calendar */ .date {display:block;height:100%} .date.saturday{height:auto;}