/* 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;} #bar {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: #f7f5f6 url(../images/top_tile_bg.gif) repeat-x scroll center top; } #container { height:auto; margin:0 auto; position:relative; text-align:left; width: 761px; } #branding { background: url(../images/logo.gif) no-repeat left 72px; height: 221px; clear: both; float: none; position: relative; } #branding-ucg-logo { position: absolute; top: 9px; left: 0px; border-style: none; } #content-and-nav { background: url(../images/content_bg.gif); float: left; position: relative; padding:0 30px 1em 0; border-bottom: 1px solid #d8d6d7; margin-bottom: 1em; width:731px; } #content { float:right; width:541px; padding:2em 0 1em; } .locationMap { height: 300px; width: 539px; border: 1px solid #C7CBAE; } a.mapLink:link, a.mapLink:visited { border-width: 1px; border-style: solid; margin: 0.5em 0px 1em; padding:0 .5em; text-decoration: none; background-color: #EDE4E8!important; background-image:none !important; font-size: 0.8em; } .thumbnails {margin-left:-30px; overflow:hidden; margin-bottom:1em;} .thumbnails img {margin-left:30px; } /* 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) */ /* Typography and Inline Elements */ /* *************************************************************************************** */ h1 {} h2 {} h3 {} p {} #content acronym:hover:after { content: " (" attr(title) ")"; font-size: .9em; } #content a[href^="http://"], a[href^="https://"] { background:transparent url(../images/external.gif) no-repeat scroll right 4px; margin-right:4px; padding-right:14px; white-space:nowrap; } /* 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; text-align:right; } #nav li {/ fix IE6 and IE7 List bug / display: inline; } #nav p {display:none;} / Specific Nav Button Styling / / used if buttons use images instead of text or combined with text */ #nav-main a { display:block; padding:0 .5em; text-decoration:none; margin-bottom:2px; background-image: url(../images/button_bg.gif); 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-related {padding-top:1em;} #nav-related a{ text-align: right; color: #613F49; 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:#7C5863; text-decoration:none; } #nav-related a:hover, #nav-related a:active { color:#7C5863; text-decoration:underline; }