/* File: template.css Contents: - DIV id rules - Templated site class rules When making changes to this template, please apply the same changes to the templateIE6.css file too. */ @media screen, print { html {/* Applied to the */ color: #000000; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; } h1 { font-size: 18px; color: #33366FF; line-height: 140%; font-weight: bold; margin-top: 3px; margin-bottom: 3px; } h2 { font-size: 16px; color: #33366FF; line-height: 130%; font-weight: bold; margin-top: 3px; margin-bottom: 3px; } h3 { font-size: 14px; color: #33366FF; line-height: 120%; font-weight: bold; margin-top: 3px; margin-bottom: 3px; } body {/* Applied to the */ position:relative; left:0px; margin: 0; text-align: center; background-image:url(../images/repeat.jpg); background-repeat:repeat-y; background-position:center; } p {/* Applied to all

*/ color:#333333; font-weight: normal; text-align: left; } a, a:link, a:visited, a:active {/* This is applied to all standard tags */ color: #323B90; font-weight: bold; text-decoration: none; border-bottom:1px solid #323B90; } a:hover {/* This is the rollover to all standard tags */ color: #E98E39; font-weight: bold; text-decoration: underline; border:none; } ul, li {/* Applied to all list tags, except where the list is part of the primary-nav. Those attribures are set in the cssnav.css file. */ text-indent: 0px; text-align:left; margin-bottom:5px; } #main {/* Applied to the div with id=main */ position: relative; /*display:block;*/ margin: 0px auto 0px auto; text-align: left; width:800px; } #header{/* Applied to the div with id=header */ width:700px; margin-left:50px; } /* Applied to the div with id=main-content */ #main-content{ width: 800px; text-align: left; } /* Applied to the div with id=bg-layer */ #bg-layer{ width: 800px; background-image:url(../images/repeat.jpg); background-repeat:repeat-y; } /* Applied to the div with id=content */ #content { margin: 0; width: 800px; text-align: left; background-image:url(../images/repeat.jpg); background-repeat:repeat-y; } /* Applied to the div with id=innerContent */ #innerContent { clear:both; width:680px; text-align: left; vertical-align:top; padding:10px; height:100%; margin-left:50px; } #bottom-nav {/* Applied to the div with id=bottom-nav */ clear:both; font-size: 80%; text-align:center; padding-bottom:10px; } #footer {/* Applied to the div with id=footer */ clear:both; font-size: 80%; color: #000000; font-weight: normal; text-align:center; float:left; height:31px; width:800px; background-image:url(../images/footer.jpg); background-repeat:no-repeat; background-position: bottom; } #textcontent {/* Applied to the div with id=textcontent of the template */ clear:both; color:#333333; line-height:1.25em; } .primary-nav {/* The primary-nav class is where the top level nav's text attributes are set. */ float:left; width:676px; background-color:#1D608F; /*Blue Background Color*/ border:2px solid #4F23C1; /*Purple 2px border*/ } .primary-nav a, .primary-nav a:link, .primary-nav a:visited, .primary-nav a:active { color: #ffffff; font-weight:bold; text-decoration:none; border:none; background-color:#1D608F; /*Blue Background Color*/ } .primary-nav a:hover { color: #1D608F; /*Blue rollover text color*/ font-weight:bold; text-decoration:none; border:none; background-color:#ffffff; /*White Background Color*/ } .bottom-nav {/* Applied to the div with class=bottom-nav. There are all of the text atributes of the bottom-nav. */ color: #000000; font-weight: normal; } .bottom-nav a, .bottom-nav a:link, .bottom-nav a:visited, .bottom-nav a:active { color: #3366CC; font-weight: bold; text-decoration: underline; } .bottom-nav a:hover { color: #0099FF; /*Light blue rollover text color*/ font-weight: bold; text-decoration: none; } #copyright { /*This is used to make the copyright vertically centered in the footer*/ margin-top:10px; } }