@charset "utf-8";
/* CSS Document */
html { /* do not edit; this defines the
tag...*/
padding:0px;
margin:0px;
/*background:#f5f4f4;*/
background:#f1efef; /*eaeaea */
}
body { /* DO NOT EDIT ; defines the */
font-size: 11px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#000;
text-align:center;
margin:0px 0 0 0 0;
padding:0px;
}
div#shadow {
width:966px;
background:transparent url(/graphics/template/_shadow2.gif) repeat;
margin: 0px auto;
padding: 0px;
border:0;
}
/* bryn's shadow, doesn't work on all browsers
div#shadow {
width:966px;
background:transparent url(/graphics/template/_shadow.gif) repeat;
width:950px;
margin: 0px auto;
padding: 0px;
border:0;
-webkit-box-shadow: 0px 0px 10px 0px #000000;
box-shadow: 0px 0px 10px 0px #000000;
background: #EBEAE9;
}*/
#wrapper {
text-align: left;
margin: 0px auto;
padding: 0px;
width: 950px;
}
#wrapperHome {
/*background: url(/graphics/template/background_home.gif) repeat;*/
text-align:left;
margin: 0px auto;
padding: 0px;
width: 950px;
}
#header {
margin: 0;
width:950px;
height:177px;
float:left;
background: rgb(226,226,226); /* Old browsers */
background-color: rgb(226,226,226);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(204,204,204)), to(rgb(226,226,226)));
background-image: -webkit-linear-gradient(top, rgb(204,204,204), rgb(226,226,226));
background-image: -moz-linear-gradient(top, rgb(204,204,204), rgb(226,226,226));
background-image: -ms-linear-gradient(top, rgb(204,204,204), rgb(226,226,226));
background-image: -o-linear-gradient(top, rgb(204,204,204), rgb(226,226,226));
background-image: linear-gradient(top, rgb(204,204,204), rgb(226,226,226));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc, endColorstr=#e2e2e2);
}
#linkContainer {
width:915px;
display:block;
clear:both;
height:22px;
padding:5px 15px 2px 20px;
}
#quick-links {
float: right;
width:55%;
padding:0;
color: #472979;
text-align:right;
font-size:10px;
}
#quick-links a, #audienceLinks a {
color: #472979;
text-decoration: none;
font-size:10px;
}
#quick-links a:hover, #audienceLinks a:hover {
text-decoration: underline;
}
#audienceLinks {
float:left;
width:40%;
padding:0;
font-size:10px;
color:#472979;
}
#logoContainer {
width:950px;
clear:both;
height:82px;
margin:0;
padding:0;
}
#nu-law {
float:left;
width:287px;
padding:18px 0 0 20px;
}
/*** search box ***/
#search {
padding:16px 8px 0 0;
float: right;
}
#search fieldset {
color: #fff;
position: relative;
z-index: 9999;
border:none;
}
#searchbox {
height: 26px;
width: 220px;
background-color: #f7f7f7;
}
#searchbox input[type="text"] {
padding-left: 5px;
height: 26px;
width: 180px;
color: #aaaaaa;
font: 1.2em Arial, Helvetica, sans-serif;
background: none;
border: none;
outline: none;
float: left;
}
#search_button {
height: 26px !important;
width: 27px !important;
float: right !important;
}
#searchlist {
display: none;
position: absolute;
float: right;
background-color: #fff;
color: #868686;
width: 177px;
padding: 2px 10px 2px 5px;
border: 1px none #dbdbdb;
border-top: none;
z-index: 100;
}
/*#header {
margin: 0 0 0px 0;
background:#fff url(/graphics/template/homepage_topper.jpg) left top no-repeat;
width:950px;
height:147px;
float:left;
}*/
/*header { for the new html5 header section
margin: 0 0 0px 0;
background:#fff url(/graphics/template/homepage_topper.jpg) left top no-repeat;
width:950px;
height:147px;
float:left;
}*/
/*#bannerContainer {
float:left;
height:85px;
padding:0;
margin:0;
}
*/
/*#logo {
float:left;
width:360px;
border:none;
margin-right:200px;
}
*/
/*#form_search {*/
/*position:relative;
top:5px; to allow for new social icons at top, adjusted top. old: top:30px;*/
/*}
#search_input {
font:normal 1em Verdana;
color:#666;
width:160px;
height:16px;
margin-left:8px;
}
#mediaIcons {
padding:5px 92px 0 7px;
float:right;
height:22px;
width:152px;
}
#search {
width:240px;
height:53px;
padding:0 15px 10px 0;
float:right;
}
#form_search {
color:#666;
}
#btn_search {
position:relative;
top:8px;
left:2px;
}
*/
#leftPanel {
float: left;
width: 180px;
}
#leftPanel h3 {
font-weight:normal;
padding:5px 0 10px 0;
margin-left:7px;
}
#leftPanel img {
margin-left:10px;
}
/* right panel styles */
#rightPanel {
float: right;
width: 180px;
font:11px Verdana, Geneva, sans-serif;
padding:20px 10px 14px 10px;
}
#rightPanel img {
margin-left:auto;
margin-right:auto;
}
#rightPanel a:link {
color:#5C30A6;
text-decoration:underline;
font-size:11px;
}
#rightPanel a:visited {
color:#5C30A6;
text-decoration:underline;
font-size:11px;
}
#rightPanel a:hover {
color:#5c30a6;
text-decoration:underline;
}
#rightPanel .teaser-b {
text-align:center;
width:100%;
}
#rightPanel .teaser-b a, .teaser-b a:visited {
display:block;
color:#000;
text-decoration:none;
margin-top:8px;
}
#rightPanel .teaser-b a:hover {
color:#5c30a6;
text-decoration:underline;
}
#rightPanel h1 {
color:#5c30a6;
font:1.2em;
margin-bottom:12px;
}
#rightPanel h2 {
color:#333333; /* from 750000 */
font:12px
margin-bottom:11px;
}
#rightPanel h3 {
color:#000000;
margin-bottom:10px;
}
#rightPanel h4 {
color:#000;
margin-bottom:5px;
}
#rightPanel h5 {
font:10px;
}
#rightPanel h6 {
font:9px;
}
#rightPanel p {
margin-top:4px;
}
.promo {
margin:20px 0 0 10px;
}
.promo a,.promo a:visited {
color:#000;
text-decoration:none !important;
font:normal 11px Verdana;
}
.promo a:hover {
text-decoration:underline !important;
color:#5c30a6;
}
.announcements-b {
margin:20px 20px 0 14px;
}
.announcements-b a, .announcements-b a:visited {
color:#000;
text-decoration:none;
font-size:11px;
display:block;
margin-bottom:12px;
}
.announcements-b a:hover {
color:#5c30a6;
text-decoration:underline;
}
#container {
float:left;
height:100%;
width:100%;
background-image: url(/graphics/template/background_white2.gif);
background-repeat:repeat;
}
#containerCols {
float:left;
height:100%;
width:100%;
background-image: url(/graphics/template/background_cols2.png);
background-repeat:repeat;
}
#containerNoCols {
float:left;
height:100%;
width:100%;
background-color:#FFF;
}
#containerRightCol {
float:left;
height:100%;
width:100%;
background-image: url(/graphics/template/background_cols.gif);
background-repeat:repeat;
}
#content {
float: left;
width:570px; /*59%*/
padding-bottom:14px;
}
#content img {
/* removed, it conflicts with Chrome and stretches photo height:100%; */
max-width:570px;
border:none;
}
#contentWide {
float:left;
width:770px;
padding-bottom:14px;
}
#contentWide img {
/* removed, it conflicts with Chrome and stretches photo height:100%; */
max-width:770px;
border:none;
}
#content_display {
margin:12px 10px 0px 20px;
font-size:12px;
color:#333;
}
#content_display p{
font-size:12px;
color:#333;
}
/* image float/caption styles */
.imageFloatLeft {
float: left;
padding: 0 1em .5em 0;
}
.imageFloatRight {
float: right;
padding: 0 0 .5em 1em;
clear:both;
}
div.imageCaptionRight {
float:right;
width:100%;
max-width:300px;
height:100%;
margin:5px 0 5px 20px;
}
div.imageCaptionLeft {
float:left;
width:100%;
max-width:300px;
height:100%;
margin:5px 20px 5px 0;
}
.imageCaptionRight p, .imageCaptionLeft p {
font-size:11px;
font-style:italic;
}
/* end image style */
#content_display img.center {
margin-left:auto;
margin-right:auto;
}
/* new footer section */
#footer {
clear: both;
width:950px;
background:#472979;
padding:5px 0 10px 0;
font-size:9px;
color:#fff;
height:150px; /*to adjust to 80px, temp at 90px to allow for NU seal height*/
}
#footer p {
color:#fff;
font-size:10px;
}
#footer a,#footer a:visited {
color:#fff;
font-size:10px;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}
#footer #nav_resources {
width:100%;
text-align:center;
background:#fff;
height:18px;
padding-top:6px;
}
#footerImage {
width:151px;
float:left;
padding:20px 10px 10px 25px;
margin-right:20px;
}
img#seal_nwu {
float:left;
margin-top:10px;
margin-left:20px;
}
div#address_privacy {
float:left;
padding:18px 0 0 20px;
width:400px;
/* position:relative;
left:50px;*/
}
#footer span {
display:block;
}
span#address {
margin-left:14px;
}
#nav_resources a, #nav_resources a:link, #nav_resources a:visited
{
color: #472979;
font-size: 10px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: normal;
text-decoration: none;
margin: 0px;
padding:6px 10px 6px 10px;
}
#nav_resources a:hover {
background:#472979;
color:#ffffff;
}
#footerIcons {
float:right;
width:164px;
padding:36px 22px 0 0;
}
/*
#footer {
clear: both;
width:950px;
background:#5C30A6;
padding:5px 0 10px 0;
font-size:9px;
color:#fff;
height:90px; *//*to adjust to 80px, temp at 90px to allow for NU seal height*/
/*}
#footer p {
color:#fff;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
}
#footer a,#footer a:visited {
color:#fff;
font-size:9px;
}
#footer #nav_resources {
width:100%;
text-align:center;
background:#fff;
height:16px;
padding-top:4px;
}
*/
/*footer { for the new html5 footer section */
/* clear: both;
width:950px;
background:#5C30A6;
padding:5px 0 10px 0;
font-size:9px;
color:#fff;
height:90px;*/ /*to adjust to 80px, temp at 90px to allow for NU seal height*/
/*}*/
/*footer p {
color:#fff;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
}
footer a, footer a:visited {
color:#fff;
font-size:9px;
}
footer #nav_resources {
width:100%;
text-align:center;
background:#fff;
height:16px;
padding-top:4px;
}
#footerImage {
width:106px;
height:70px;
float:left;
padding:6px 37px 10px 37px;
margin-right:20px;
}
img#seal_nwu {
float:left;
margin-top:10px;
margin-left:20px;
}
img#social_media {
display:block;
}
*/
/*div#address_privacy {
margin:20px 0 0 0px;*/
/* position:relative;
left:50px;*/
/*}*/
/*#footer span {
display:block;
}
span#address {
margin-left:14px;
}
#nav_resources a, #nav_resources a:link, #nav_resources a:visited
{
color: #5C30A6;
font-size: 9px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: normal;
text-decoration: none;
margin: 0px;
padding:3px 10px 3px 10px;
}
*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* ELEMENTS DOM */
h1,h2,h3,h4 {
margin:0;
padding:0;
}
h1 span, h2 span,h3 span {
display:none;
}
h1{
color:#750000;
font-size:20px;
line-height:30px;
font-weight:bold;
}
/* Changed font:14px; to font-size:15px; in h2 class. JB 1-18-2011 */
h2{
font-size:15px;
margin-top:16px;
}
/* Changed font:12px; to font-size:12px; in h3 class. JB 3-31-2011 */
h3 {
font-size:12px;
margin-top:12px;
}
h4 {
font-size:12px;
margin:0;
}
p {
font:12px;
color:#000;
margin:12px 0 0 0;
padding:0 0 0 0;
line-height:1.4;
}
p.noTop {
margin-top:0;
}
a:link {
color: #5C30A6;
background-color:transparent;
text-decoration: underline;
padding:0;
font: normal 12px Verdana;
}
a:visited {
color: #61686B;
background-color:transparent;
text-decoration: underline;
padding:0;
font: normal 12px Verdana;
}
a:hover { /* default Link HOver -> color Blue */
/* color: #A5A0D6; */
color: #5C30A6;
font:normal 12px Verdana;
}
img {
border:none;
padding:0;
margin:0;
}
/* old table styles
table {
margin:0;
padding:0;
}
table td {
vertical-align:top;
}
*/
hr {
border: none;
float:none;
margin: 1.8em auto;
color: #e3e3e3; /*#9E9E9E */
background-color: #e3e3e3; /*#9E9E9E */
height: 1px;
width: 95%;
text-align: center;
clear:both;
display:block;
}
hr.navLine {
height:4px;
background:#000;
border:1px thin #fff;
margin-top:0;
width:90%;
}
/* ///////////////////////////////////////////////////////////////// */
/* Sub Nav : Menus left hand of each page can go up to 3 levels deep*/
div.pageMenu { /* div holds the menu div */
width: 180px;
padding:0 ;
margin: 6px 0px 10px 0px; /* JB 4-20-2011 Change from top margin of 14px to 6px */
}
div.pageMenu h3 {
margin:0px 0 0px 12px;
padding:0;
padding-bottom:4px;
width:80%;
font-style:italic;
}
.firstNav { /* first element in each left nav (applied directly to home page) to get applied via jquery */
border-top:1px solid #000;
width:95%;
}
div.localNav {
margin-top:0px;
padding:0;
padding-bottom:10px;
font-size:12px; /* moved up from ul below */
}
div.localNav ul { /* the first level list */
list-style-type:none;
margin:0;
margin-left:6px;
padding: 0 4px 0 0;/* from .1em */
width:96%;
}
div.localNav ul li { /* first level's list items */
padding: 2px 0px 2px 0px; /* padding update between nav lines, was set to zeros */
}
div.localNav ul li a { /* first level Links */
color:#333;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
/* moved to parent container font-size:12px; from 11px */
font-weight:normal;
text-decoration:none;
display:block;
width:95%; /* so that when 2 lines, doesn't change number of words on line One, on hover (bold) */
border-bottom:thin solid #333; /* set to cccccc when bkgrd color is light gray */
padding-top:2px;
padding-bottom:6px;
}
div.localNav ul li .selected { /* First level Links. Only works in Firefox. 3-31-2011 JB Added style */
color:#8360bd; /*35006d*/
}
a.lnkRestricted {
/* handled via javascript in header cfm, the star is appended to the html */
}
div.localNav ul li a:hover {
color:#8360bd; !important; /*35006d*/
/*background-color:#999999; for testing */
}
div.localNav .selPage { /* the page that is presently displaying --not in USE*/
color:#993333;
}
/* second level of Left Nav */
div.localNav ul li ul {
margin:0;
margin-left:8px; /* 3-31-2011 JB Changed from 12px */
margin-top:3px; /* 3-31-2011 JB Changed from 10px */
margin-bottom:8px; /* 3-31-2011 JB Added */
padding:.1em;
border-left:1px solid #8360bd;
display:block; /*added jp 12/5/12 */
}
div.localNav ul li li {
margin-left:-6px;
padding-left:11px;
}
div.localNav ul li li a:hover {
/*.navSubSub_hover { this gets added to a sub sub link on hover, via jquery in header.cfm */
/* background:transparent url(/graphics/template/nav_circle.png) -2px 4px no-repeat; gif needs to be updated/changed color once final color is selected*/
}
/* below is content adjusted from Matt's original nav css */
div.localNav ul li li.selected {
color:#8360bd; !important; /*35006d*/
background:transparent url(/graphics/template/nav_circle3.png) 1px 8px no-repeat; /* gif needs to be updated/changed color once final color is selected*/
}
div.localNav ul li li li a.selected {
color:#8360bd; !important; /*35006d*/
/*background:transparent url(/graphics/nav_circle.png) -2px 4px no-repeat; gif needs to be updated/changed color once final color is selected*/
}
div.localNav ul li li.selected a, div.localNav ul li li.selected a:visited{
color:#8360bd; !important; /*35006d*/
}
div.localNav ul li li a:hover {
color:#8360bd; !important; /*35006d*/
}
div.localNav ul li li a, div.localNav ul li li a:visited {
color:#333;
text-decoration:none;
display:block; /* changed from inline jp 12/5/12 */
font-weight:normal;
border:none;
font-size:11px; /* from 10*/
line-height:13px; /* added for testing */
}
/* third level... */
div.localNav ul li li ul {
margin:0;
margin-left:8px;
padding:.1em;
border:none;
}
div.localNav ul li li li a, div.localNav ul li li li a:visited {
color:#333 !important;
text-decoration:none;
display:inline;
font-weight:normal;
border:none;
font-size:11px;/* from 9*/
line-height:13px; /* added for testing */
}
div.localNav ul li li li a:hover {
color:#8360bd !important; /*5D478B*/
text-decoration:none;
display:inline;
font-weight:normal;
border:none;
font-size:11px;/* from 9 */
line-height:13px; /* added for testing */
}
div.localNav ul li li li a.selected {
color:#8360bd !important; /*5D478B*/
}
/* accessLegend */
#accessLegend {
padding:10px;
font-size:9px;
color:#000;
font-weight:normal;
}
/* QuickLinks */
#qlink {
color: #5C30A6;
/*background: #F3F3D9;*/
font-size: 11px;
font-weight: bold;
text-decoration: none;
width: 150px;
margin: 0px;
padding: 15px 15px 15px 20px;
}
#qlink form.qlink {
color: #5C30A6;
/*background: #F3F3D9;*/
width: 150px;
margin: 0px;
padding: 0px;
}
#qlink select.qlink {
color: #5C30A6;
background: #FFF;
font-size: 11px;
width: 150px;
margin: 0px;
padding: 0px;
border: 1px solid #5C30A6;
}
#qlink option.qlink {
color: #5C30A6;
background: #FFF;
font-size: 11px;
width: 150px;
margin: 0px;
padding: 1px 0px 1px 0px;
font-weight: bold;
text-decoration: none;
}
/* end quick links styling */
/* left panel feature styles */
.leftPanelFeature {
padding:10px;
color:#000;
font-size:10px;
line-height:12px;
font-weight:normal;
}
.leftPanelFeature a {
color:#5c30a6;
text-decoration:none;
}
/* end left panel feature styles*/
/* contact div styles */
#contact {
color: #000;
/*background: #CFC19F;*/
font-size: 9px;
line-height: 12px;
font-weight: normal;
text-align: right;
/* old padding and margin, test - margin: 0px 10px 0px 20px;
padding: 0px 0px 15px 0px;*/
padding:10px;
}
#contact a{
font-size:9px;
line-height:12px;
font-weight:normal;
text-decoration:none;
color:#5c30a6;
}
/* end contact styles*/
/* end of Page Menu */
/* ////////////////////////////////////////////////////////////////////// */