/* Revision Development begin Date- 06/30/04 Mike McIntire Notes: 6/30/04 - + Common layout elements condensed into the common css file. Idealy all pages should contain Header, Footer, and Side bar on right. + considered part of layout. + Attempting to order CSS Definitions by group of type, in order as they apear in html + An attempt will be made to rename columns in order to make referencing them easier + Many psuedo tags are missing full definitions, they will need to be added */ /* Layout Definitions ---------------------------------------------------------------- */ body { margin:0px 0px 10px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; } #container { margin: 0px; margin-left: auto; margin-right: auto; padding: 0px; } #banner { margin-bottom: 0px; margin-left: 0px; height: 61px; overflow: hidden; background-color: #fff; } #logoarea { float: left; margin: 0px; } #quickaccess { float: right; margin: 0px; padding: 0px; padding-top: 13px; padding-right: 5px; /*width: 260px; \width: 280px; w\idth: 260px;*/ color: #006; text-align: right; } #navbar1 { padding: 2px 5px 0px 50px; height: 16px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color:#336799; /*This is where you change the background color of the first navbar */ background-image:url(../images/for.gif); background-repeat:no-repeat; border-bottom: 1px solid #330000; } #navbar2 { padding: 1px 5px 1px 7px; height: 16px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #F8F2D1; /* #ffffcc; #E4C978;*/ border-bottom: 1px solid #330000; } /* Right hand column, mainly used for quickfind */ #sidebar-b { float: right; width: 175px; \width: 185px; w\idth: 175px; margin: 0; margin-left: 0px; padding: 5px; margin-top:0px; background-color: #C8EAEC; padding: 0px 5px 10px 15px; /*border-right: 1px solid #960; border-bottom: 1px solid #960; border-left: 1px solid #9606;*/ display:none; } #footer { clear: both; padding: 5px; margin-top: 0px; background-color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; color: #333333; text-align: center; } /* General Tag Definitions ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ These tags, regardless of their location in the code will display as defined, unless otherwise re-defined according to the section they are in. */ p { /*font-size:.8em;*/ color:#006; } h2 { color: #006; /*font-size:0.8em;*/ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } th { background-color: #0D64CC; color:#fff; text-align:left; } th p { color:#fff; } /* Class Definitions ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ To be defined on specific items that are exceptions to the rules */ .secondarylinks, .secondarylinks a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #000066; line-height: 1.5em; text-decoration: none; font-weight: normal; } .secondarylinks a:hover { color: #666600; text-decoration: underline; } .printmedia { display:none; } .screenmedia { display:inline; margin:0px; } .news, .news a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #006; } .news a:link, .news a:visited { text-decoration:none; color: #006; } .news a:hover, .news a:active { color: #666600; text-decoration: underline; } /* Definitions of elements in areas. +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Areas apearing in order of use of area in html */ #logoarea h1 { color:#fff; font-size:12px; float:left; margin: 5px 0px -15px 75px; } /* ----------- The google search form -------- */ #quickaccess { font-size:9px; color:#006; } #quickaccess form { margin-top:5px; margin-bottom:5px; } #quickaccess form input { font-size:10px; } #quickaccess a { color:#006; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } #qfind { margin:10px 0px 10px 0px; padding:0; font-size:10px; text-align:left; } #qfind input, #qfind select, #qfind option { font-size:11px; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; vertical-align:bottom; } /* --------- First Navbar ---------------------------------------*/ #navbar1 ul {list-style:none; margin:0; padding:0; } #navbar1 ul li {display:inline; color:#fff; } #navbar1 ul li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#fff; text-decoration:none; } #navbar1 ul li a:hover { color:#BBDDFF; text-decoration: none; } /* ------- Second Navbar ---------------------------------*/ #navbar2 ul { list-style: none; margin: 0; padding: 2px 0px 0px 0; font-size: 0; } #navbar2 ul li { display:inline; } #navbar2 ul li a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #660000; text-decoration:none; margin: 0; padding: 2px 2px 2px 0; } #navbar2 ul li a:hover { color: #A67C00; text-decoration: none; } /* ---------------------------------------------------*/ #sidebar-a h1{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; margin-left: 10px; font-variant: small-caps; color: #000066; padding: 0px; margin-top: 8px; margin-right: 0px; margin-bottom: 0px; } #sidebar-a h2{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; margin-left: 10px; font-weight: bold; color: #000066; } #sidebar-a p{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; margin-left: 10px; line-height: 1.4em; padding: 0px; margin-top: 3px; margin-right: 0px; margin-bottom: 0px; } #sidebar-b{ background-color:#C2D7EB; } #sidebar-b h2 { font-size: 0.8em; color: #006/*a72e35*/; padding: 0px; margin: 5px 0px 10px 0px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; line-height: 1.8em; } #sidebar-b h3 { font-size: 0.8em; color: #000066; padding: 0px; margin: 10px 0px 0px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; line-height: 1.2em; } #sidebar-b h3 a:link { color: #000066; font-size: 0.8em; font-weight: bold; text-decoration: underline; } #sidebar-b h3 a:visited { color: #666600; text-decoration: none; } #sidebar-b h3 a:hover { color: #666600; text-decoration: underline; } #sidebar-b h3 a:active { color: #666600; text-decoration: none; } #sidebar-b p { line-height: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; font-size: .7em; color:#006; } #sidebar-b p a:link{ color: #006; text-decoration: none; } #sidebar-b p a:visited{ color: #666600; text-decoration: none; } #sidebar-b p a:hover{ color: #666600; text-decoration: underline; } #sidebar-b p a:active{ color: #666600; text-decoration: none; } #sidebar-b ul { margin: 0px; padding: 0px; } #sidebar-b li { color: #000066; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.8em; display: block; list-style-type: none; padding-bottom: 5px; margin-bottom:2px; } #sidebar-b ul li a:link { color: #000066; text-decoration: none; } #sidebar-b ul li a:visited { color: #006; text-decoration: none; } #sidebar-b ul li a:hover { color: #006; text-decoration: underline; } #sidebar-b ul li a:active { color: #006; text-decoration: none; } /* ----------- Content - Textarea ---------------------------------------*/ #content h1 { padding:0px; margin:0px 0px 5px 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.6em; font-variant: small-caps; font-weight: normal; color: #006; line-height: normal; } #content h2 { padding:0px; margin:16px 0px 5px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; } #content h2 a:link, #content h2 a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: normal; color:#006; text-decoration:none; } #content h2 a:hover, #content h2 a:active { text-decoration:underline; } #content h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; line-height: 1.2em; color: #336799; margin:15px 0px 0px 0px; } #content h4 { margin:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: normal; padding-left: 10px; padding-top: 0px; padding-bottom: 0px; } #content h4 a:link, #content h4 a:visited { color: #000066; font-weight: normal; } #content h4 a:hover, #content h4 a:active { color: #666600; font-decoration: underline; } #content p, #content li { margin-top:0px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.8em; color:#374766; } #content a:link, #content a:visited { margin-top:0px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.8em; color:#0d64cc; font-weight:normal; text-decoration:none; } #content a:hover, #content a:active { text-decoration:underline; color: #660000; } #content ul { margin-top:5px; } #content ul li ul { margin-top:2px; margin-bottom:2px; } #content ul li ul li { font-size: 0.9em; } #footer p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; color: #333333; text-align: center; } #footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color:#006; } #filtered { display:none; } #breadcrumb, #breadcrumb a { margin-bottom:0px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000066; font-weight:normal; } #breadcrumb a { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:underline; } #breadcrumb a:link, #breadcrumb a:visited { color: #930; } #breadcrumb a:hover { color: #666600; } #breadcrumb a:active { color: #930; } #breadcrumb p, #pgTitle { font-size:.8em; color: #930; } #carrot { font-size:8px; font-weight:bold; color:#930; } #forprint { display:none; } #codesample { background-color:#006699; color:#fff; padding:3px; } #google-search { font-size:10px; color: #006; } td.newsblockarea { background-image:url(../images/hr.gif); background-repeat: repeat-x; } #newsblock { background-color:#006; padding: 5px; margin:0px 0px 10px 20px; width: 150px; text-align:center; } #newsblock p { color:#fff; font-family:"Times New Roman", Times, serif; font-size:16px; text-align:center; margin:0px; font-variant:small-caps; } .filetype { font-size:.8em; } ul.centers { /*list-style-type: none; */ } ul.centers ul { padding-top:0px; margin-top:0px; margin-bottom:15px; } ul.centers ul li{ margin:0px; padding:0px; font-size:.8em; line-height:1em; } form h2 { color: #0D64CC; } .pleasenote { font-style:italic; } .regform, .regform td { border:1px solid #0D64CC; } .regform td table tr td { border:0px none; } .extendinvite td { background-color:#ffe; border:0px none; } .postertip { color:#600; font-weight:bold; } #thumbs { padding:5px; } #thumbs a { padding:2px; border:1px solid #0D64CC; } #thumbs a:hover { background-color:#FFCC33; } #thumbs a img { margin:4px 0px 4px 0px; } .filetype {font-size:.8em; font-variant:small-caps;} .academicPlan { font-style:italic; font-size:.9em; } .quote { font-size:.9em; margin-left:60px; margin-right:60px; font-style:italic; }