/* personality.css * xMod Custom Site Personality Style Sheet * xMod Version: 2.0 */ /* last updated 09/09/2010 BC */ /* STUCTURAL ELEMENTS */ body#xmd { background: url(../i/body_bg.png) 25px 128px no-repeat; font: 100% Arial, Helvetica, sans-serif; } #banner { background: #810426 url(../i/banner_bg.jpg) left top;height:110px;position:relative;width:100%; } #banner .w01 { background: url(../i/banner_w01_bg.jpg) left top no-repeat;height:110px;position:relative;width:100%; } #banner .w02 { background: url(../i/banner_w02_bg.jpg) right top no-repeat;height:110px;position:relative;width:100%; } #decalLeft{background: url(../i/decalLeft_bg.png) 0 1px no-repeat; width: 72px; height: 110px; left: 24px;} #decalRight{background: url(../i/decalRight_bg.png) left top no-repeat; width: 67px; height: 100px; top: 4px; right: 26px;} #banner h1 { position: absolute; top: 32px; left: 112px; background:url(../i/banner_h1_bg.png) left top no-repeat; width: 318px; height: 18px;} #banner h1 span { display: none; } #banner h2 {position: absolute; left: 114px; top: 60px; font-weight: normal; background:url(../i/banner_h2_bg.png) left top no-repeat; width: 289px; height: 18px;} #banner h2 span { display: none; } td#content{background:transparent;padding:20px 30px 20px 30px;vertical-align:top;} .sn0 #content { padding: 20px 30px 20px 120px; } .sn0 #sidenav { display: none; } td#content div {background: none;} /* SECTION SPECIFIC STYLING */ /* BANNER UTILITY LINKS */ /* BREADCRUMB */ /* BREADCRUMB UTILITY LINKS */ /* SIDENAV */ #sidenav { background: transparent; } #sidenav{font-size:100%;padding:48px 0 40px 0;vertical-align:top;width:160px; } #sidenav a:link,#sidenav a:visited,#sidenav a:active{background: none;border: none;color:#777;padding:4px 0px 4px 10px;width:150px; background: url(../i/aro_ccc.png) 2px 0.75em no-repeat;} #sidenav li{font-weight:normal;margin:0; border-bottom: 1px dotted #dddddd;} #sidenav li li {border-bottom: none;} #sidenav li ul {border-top: 1px dotted #ddd; background: #f9f9f9} #sidenav li a {font-size: 75%; } #sidenav li a.s03 { font-weight: bold; color: #810426; background: url(../i/aro_810426.png) 2px 0.75em no-repeat; } #sidenav ul li.s06 {background: #f9f9f9} #sidenav ul li a.s1, #sidenav ul li.s06 a.s1, #sidenav ul li li a.s1{color:#810246; font-weight: bold;} #sidenav li a:hover{background:#f9f9f9 url(../i/aro_810426.png) 2px 0.75em no-repeat;;color:#810426;} #sidenav li li a:link,#sidenav li li a:visited,#sidenav li li a:active{background:none;border-bottom:0px none;border-right:none;color:#999;font-size:75%;font-weight:normal;padding:5px 0px 5px 10px;width:150px;} #sidenav li li a:hover,#sidenav li li li a:hover,#sidenav li li li li a:hover{background:none;color:#810426;} #sidenav li li,#sidenav ul ul{margin:0;} #sidenav ul{list-style-type:none;margin:0 0 0 20px;padding:0;} #sidenav h3 { background:none;margin:0 0 0 20px;background-position: top right;background-repeat: no-repeat;color: #810426; font-size: 90%;padding:3px 0px; border-bottom: 1px solid #ddd;} #sidenav h3 a:link,#sidenav h3 a:visited,#sidenav h3 a:active{ text-decoration: none; color: #888; margin: 0;font-size: 100%;} #sidenav h3 a:link span,#sidenav h3 a:visited span,#sidenav h3 a:active span{text-decoration: none;color: #888;padding: 2px 10px 2px 19px;margin: 0;font-size: 80%;} #sidenav h3 a:hover span{text-decoration: none; color: #888;padding: 2px 10px 2px 19px; margin: 0;font-size: 80%;} /* TOPNAV */ #banner .utilLinks div.s02 {visibility: hidden;} #topnav #pn ul { float: left; padding: 0 0 0 45px;} #topnav { background: url(../i/topnav_bg.png) left top repeat-x; background-color: transparent; padding: 0; } #topnav div.w01 { background: url(../i/topnav_w01_bg.png) 0px 0px no-repeat; border: 0px none; background-color: transparent; padding: 0;} #topnav ul { margin: 0px 0 0 112px; padding: 0; list-style: none; } #topnav ul li { list-style: none; float: left; } #topnav ul li a { float: left; padding: 7px 12px; text-decoration: none; font-size: 80%; font-weight: bold; color: #810426;} #topnav ul li a:hover { background: #810426 url(../i/topnav_bg_on.png) no-repeat scroll 50% 100%; border:0 none; color: #eee; padding: 7px 12px; } #topnav ul li a.s1 {background: url(../i/topnav_bg_on.png) no-repeat scroll 50% 100% #810426; border: 0 none; color:#fff; padding: 7px 12px;} /* UNORDERED LIST */ #mainContent .unorderedList .t03 .z03 {background: url(../i/icon_expand_off.png) no-repeat scroll left 0.3em transparent;} #mainContent .unorderedList .t03 ul ul li {margin:6px 0; background: url(../i/aro_999.png) no-repeat scroll 6px 0.65em transparent;} #mainContent .unorderedList .t04 ul ul li {background: none;} /* SEARCH FORM */ #mainContent form button {margin: 15px 4px 0 0; padding: 2px; cursor: pointer; float: right;} #mainContent form button:hover {background: #8c8c8c ;color:#fff;} #mainContent form label {width: auto;} #mainContent form label.s01 {color:#3e001e} #mainContent form label.s02 {float: none; color: #3e001e; padding: 0 12px 0 12px;} #mainContent form fieldset {width: 30em; padding: 15px;} #mainContent form input {width: auto;} #mainContent form input, #mainContent form select {margin: 0 10px 7px 0; cursor: pointer; color:#565656; font-family: Tahoma, Arial;} #mainContent form input:hover, #mainContent form select:hover {color: #191919;} #mainContent form legend{padding: 5px; color:#3e001e; background:#f2f1f2; font-weight: 700;} #mainContent form input.f01 {width: 200px;} #mainContent form input.f02 {margin-left: 13px; width: 70px;} /* EXPAND COLLAPSE CSS */ #mainContent .resourceList .t03 {margin: 0 0 0.8em 0;} #mainContent .resourceList .t03 ul li h3 {font-size: 0.4em; font-family: arial, helvetica, sans-serif; color: #333333; margin:0; padding-bottom: 10px;} #mainContent .resourceList .t03 h4 {background: url(../i/resourceListH4.png) no-repeat scroll 2px 70% transparent; font: 70% Verdana, Arial, Helvetica; margin: 0 0 0 20px; overflow: hidden; padding: 0 0 7px;} #mainContent .resourceList .t03 h4 a {background: url(../i/exp_off.png) no-repeat scroll 3px 0.45em #F1F4EE; border: 1px solid #ebefe6; float: left; font-weight: bold; padding: 3px 5px 3px 21px; margin: 15px 0 15px 0; text-decoration: none;} #mainContent .resourceList .t03 h4 a.s02 {background: url(../i/con_off.png) no-repeat scroll 3px 0.45em #e4e4e4;} #mainContent .resourceList .t03 h4 a.s02:hover {background: url(../i/con_on.png) no-repeat scroll 3px 0.45em #e4e4e4;} #mainContent .resourceList .t03 h4 a:hover {background: url(../i/exp_on.png) no-repeat scroll 3px 0.45em #e4e4e4; border:1px solid #e4e4e4; } #mainContent .resourceList .t03 ul {border: 0 none;} #mainContent .resourceList .t03 ul li {overflow: hidden; padding: 0; position: relative; line-height: normal;} #mainContent .resourceList .t03 ul, #mainContent .resourceList .t03 ul li {font-size: 140%; list-style: none outside none; margin:0;} #mainContent .resourceList .t03 ul.t01 li a.x02:hover {background: url(../i/exp_on.png) no-repeat scroll 0 0.1em transparent; cursor: pointer; float: left; line-height: 0.9em; margin: 0 5px 0 20px; padding:0; text-indent: -5000px; width: 12px;} #mainContent .resourceList .t03 ul.t01 li a.x02 {background: url(../i/exp_off.png) no-repeat scroll 0 0.1em; border: none; cursor: pointer; float: left; line-height: 0.9em; margin:0 5px 0 20px; padding:0; text-indent: -5000px; width: 12px; } #mainContent .resourceList .t03 ul.t01 li a.x01 {background: url(../i/exp_off.png) no-repeat scroll 0 0.1em transparent; border: none; cursor: pointer; float: left; line-height: 0.9em; margin: 0 5px 0 20px; padding:0; text-indent: -5000px; width: 12px;} #mainContent .resourceList .t03 ul.t01 li.s02 a.x01:hover {background: url(../i/con_on.png) no-repeat scroll 0 0.1em transparent; margin:0 5px 0 20px; padding-right: 5px;} #mainContent .resourceList .t03 ul.t01 li a.x01:hover {background: url(../i/exp_on.png) no-repeat scroll 0 0.1em transparent} #mainContent .resourceList .t03 ul.t01 li.s01 ul.s01 {display: none;} #mainContent .resourceList .t03 ul li ul.s01 {overflow: hidden; padding-bottom: 10px;} #mainContent .resourceList .t03 ul ul.s01 {border:0 none; margin: 0 0 0 70px !important; padding: 4px 0 0;} #mainContent .resourceList .t03 ul ul.s01 li {border: 0 none; font-size: 12px; line-height: 1.55em; margin: 0; padding: 0 10px 0 0;} #mainContent .resourceList .t03 ul li.z02 {background: none} #mainContent .resourceList .t03 ul.t01 li.s02 a.x01 {background: url(../i/con_off.png) no-repeat scroll 0 0.1em transparent; padding-right:5px; } #mainContent .resourceList .t03 ul.t01 li.s04 a.x01 {background: url(../i/exp_off.png) no-repeat scroll 0 0.1em transparent; padding-right:5px; } /* OPTIONS */ #mainContent .options .t01 {border: 0 none; background: none;} #mainContent .options .t01 ul {display:block; float: left; margin:0; padding:0;} #mainContent .options .t01 li {margin:0; padding: 0 0 0 5px;} #mainContent .options .t01 li a {margin: 0 4px 0 0; background: #fafaf6; border: 1px solid #e7e7d7; color:#66595c; padding: 3px 4px;} #mainContent .options .t01 li a:hover {padding: 3px 4px; margin: 0 4px 0 0; background:#e6e6e6; color:#818181} #mainContent .options .t01 li a.s07 {cursor: not-allowed; color:#d9d9d9; } #mainContent .options .t01 li a.s07:hover {background: none;} #mainContent .options .t01 li a.s08 {background:#e6e6e6; color:#818181;} #mainContent .itp h3 {font-family: Georgia, Arial, Helvetica; font-size:125%; border-bottom: 1px solid #d9d0d2; color:#9d6372; padding: 0 0 5px 0; } #mainContent .alphaNav .t01 ul li a.s1 {background: #efefef; color: #333;} /* FOOTER */ #footer{background: url(../i/footer_bg.png) repeat-x scroll left top transparent; border-top: 1px solid #a56977; font-size: 75%; margin: 0; padding: 10px 20px 40px; min-height: 80px; color: #39000d;} #footer .utilLinks .s01 ul li {padding: 0 3px 0 0;} #footer .utilLinks .s01 ul li a {color:#8a2339; } #footer .utilLinks .s01 ul li a:hover {color: #5d0c1e;} #footer .utilLinks .s01 ul li.s01 a {background: url (../i/xModOff.png) no-repeat;padding: 3px 10px 1px 3px; width: 60px; height: 20px; } #footer .utilLinks .s01 ul li.s01 a:hover {background: url(../i/xMod.png) no-repeat; text-decoration: none;} #footer .utilLinks div.s02 {background: none; border: 0 none; margin: 15px 0 0 } /* LOGOMATRIX */ #mainContent .logoMatrix .t01 ul li a img {margin: 10px 16px 0 0;} #mainContent .logoMatrix .t01 ul li a {background: none;} /* RIGHT CONTENT: PROMO ARTICLE */ /* RIGHT CONTENT: TOC ARTICLE */ /* RIGHT CONTENT: SUBMENU */ /* CORE FORMATTING */ #mainContent {min-height: 465px; width: auto;} #mainContent h2 { color: #810426; font-size: 22px; font-weight: bold; font-family: "Times New Roman", Times, serif; font-weight: normal; letter-spacing: 0.05em; } #mainContent h3 { color: #666666; font-size: 20px; font-weight: bold; font-family: "Times New Roman", Times, serif; font-weight: normal; letter-spacing: 0.05em } #mainContent h4 { color: #810426; font-size: 16px; font-weight: bold; } #mainContent h5 { color: #666666; font-size: 14px; font-weight: bold; margin-bottom: -6px;} #mainContent h6 { color: #666666; font-size: 12px; font-weight: bold; } /* PAGE HEADER */ #mainContent .pageHeader .t01 h1 { color: #810426; font-size: 140%; font-weight: normal; margin-bottom: 4px; font-family: "Times New Roman", Times, serif; letter-spacing: 0.05em; } #mainContent .t01 .s01 dt {font-weight: 700;} #mainContent .t01 .s01 dd {padding: 1px 0 1px 0;} #mainContent li {line-height: 1.55em;} /* Instant Sawyer */ #toppanel {left:0; margin-top:-65px; float: right; width: 255px; z-index: 25; display: block;} td#content div #panel {margin:auto; overflow: hidden; position:relative; width: 255px; z-index: 10; text-align: left; background:#7b7a7a; height: 99px; opacity: 0.7; } #content .panel_button {background: url(../i/panel_button.png) repeat scroll 0 0 transparent;cursor:pointer; height:30px;margin:auto; top:1px;width:173px;z-index:20;} .panel_button img {border:medium none; position:relative;top:4px;margin-left: 10px;} #search_btn {height: 25px; cursor: pointer; margin: -24px 85px 0 0; float: right;} #search_btn:hover, #reset_btn:hover {color: #414141; background: #aeaeae;} #reset_btn {height: 25px; cursor: pointer; margin: -24px -125px 0 0; float: right;} #mainContent .panel_button a { color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold; left:7px;position:relative;text-decoration:none;top:-2px;} #mainContent .panel_button a:hover {color:#666;} #panel_contents {background:none repeat scroll 0 0 black;opacity:0.7;position:absolute;width:300px;z-index:-1;} #panel h2 {color:#447C6F;font-family:Geneva,Arial,Helvetica,sans-serif;font-size:16px;left:350px;line-height:25px; position:absolute;text-align:center;top:60px;} .border p {background: #7b7a7a; color: #000; padding: 0 0 0 20px; font-weight: 700;} .border p input {margin-bottom: 5px; background: #d3d3d3; border: 1px solid #b6b6b6; color: #333; height: 17px; width: 60px;} /* PREFORMATTED CODE */ /* ORDERED LISTS */ /* UNORDERED LISTS */ /* EXPANDING LIST */ /* COMPLEX LIST */ /* SITEMAP */ /* LINKS */ /* UTILITY LINKS */ /* A - Z LIST */ /* FEATURE LINK */ /* JUMP NAVIGATION */ /* BACK TO TOP */ /* BOX */ /* FOOTNOTES */ /* OPTIONS / SUBMENU */ /* TOC */ /* RESOURCE LISTS */ /* BIBLIOGRAPHICAL LISTS */ /* TABLES */ /* INDEX: DOCUMENT */ /* INDEX: KEYWORD */ /* IMAGE: INLINE */ /* IMAGE: INLINE, LINKED / POPUP */ /* IMAGE: INLINE FIGURE, WITH CAPTION */ /* IMAGE: BLOCK */ /* LOGO MATRIX */ /* THUMBNAIL IMAGE GRID */ /* FORMS */ /* BLOCK BEHAVIOURS */