/*----------------------------- PSI VERSION 1.0 CONTENTS 1. GENERAL LAYOUT 2. HOMEPAGE 3. SECONDARY PAGE */ /*------------------------------- 1. GENERAL LAYOUT */ html {height:100%;} body { font-family: arial,helvetica,sans-serif; margin:0; padding:0px;} body.home {background-color: #C0B97B;} body.gold {background: #C0B97B;} body.blue{background-color: #76BABC;} body.green{background-color: #8A8449;} body.grey{background-color: #979797;} body.orange{background-color: #ffa448} #outerwrapper { width: 970px; margin: 0 auto 0 auto; padding:0;} #outerwrapper #topdecshadow { background:url(/images/topbannershadow.jpg) top center no-repeat; width:970px; height:4px; margin-bottom:10px; margin-top:0px; padding:0;} #outerwrapper #searchbox{text-align:left; float: right; height:17px; width:250px; margin: 0 auto 10px 0;color:#666666;font-size:10px; font-weight:bold;display:inline;} #outerwrapper #searchbox form {display:inline; margin:0; padding:0;} #outerwrapper #searchbox input{margin-left:0px; width:175px; height:17px; margin-top:0;} #outerwrapper #searchbox a{} #outerwrapper #searchbox img{position:relative; top:5px; width:19px;height:17px;border:0;} /*defaults to gold */ #outerwrapper #topshadow {height:20px; width:970px; background:url(../images/wrapper_top_gold.jpg) bottom left no-repeat; margin:0 auto -6px auto; padding:0;} #outerwrapper #bodyshadow {width:970px; background:url(../images/wrapper_body_gold.jpg) top left repeat-y; margin:0; padding:0;} #outerwrapper #bottomshadow {width:970px; height:15px; background:url(../images/wrapper_bottom_gold.jpg) top left no-repeat; margin:0; padding:0; } body.blue #outerwrapper #topshadow {background-image: url(/images/wrapper_top_blue.jpg);} body.blue #outerwrapper #bodyshadow {background-image: url(/images/wrapper_body_blue.jpg);} body.blue #outerwrapper #bottomshadow {background-image: url(/images/wrapper_bottom_blue.jpg);} body.green #outerwrapper #topshadow {background-image: url(/images/wrapper_top_green.jpg);} body.green #outerwrapper #bodyshadow {background-image: url(/images/wrapper_body_green.jpg);} body.green #outerwrapper #bottomshadow {background-image: url(/images/wrapper_bottom_green.jpg);} body.grey #outerwrapper #topshadow {background-image: url(/images/wrapper_top_gray.jpg);} body.grey #outerwrapper #bodyshadow {background-image: url(/images/wrapper_body_gray.jpg);} body.grey #outerwrapper #bottomshadow {background-image: url(/images/wrapper_bottom_gray.jpg);} body.orange #outerwrapper #topshadow {background-image: url(/images/wrapper_top_orange.jpg);} body.orange #outerwrapper #bodyshadow {background-image: url(/images/wrapper_body_orange.jpg);} body.orange #outerwrapper #bottomshadow {background-image: url(/images/wrapper_bottom_orange.jpg);} body.home #outerwrapper #topshadow {height:12px;width: 970px; background: url(/images/wrapper_topshadow.jpg) top left no-repeat; padding:0;} body.home #outerwrapper #bodyshadow {width: 970px; background: url(/images/wrapper_body.jpg) top left repeat-y; padding:0;} body.home #outerwrapper #bottomshadow {width: 970px; height:14px; background: url(/images/wrapper_bottom.jpg) top left no-repeat; padding-bottom:5px; } #innerwrapper { width: 950px; margin: 0 auto 0 auto;} #innerwrapper #contentarea, #innerwrapper_sec #contentarea {padding-left:54px;padding-top:13px; background:url(../images/wrapper_bg.jpg) no-repeat;} #innerwrapper_sec { width: 950px; margin: 0 auto 0 auto; background:url(../images/sec_wrapper_bg.jpg) no-repeat; } a.logo {display:block; float:right; border:none; padding-right:20px;} .home a.logo {margin-top:40px;} /*----------------------------- Head, Banner, Nav */ #toppictures {float:left; margin:0; width:300px;} #toppictures #picturebanner img {width:96px; height:134px; margin:0; padding-right: 2px;padding-top:2px;border:0px;} #sec_toppictures {float: left; margin:0; width:317px; border-top:6px solid #C0B97B;} #sec_toppictures #banner img { padding-top:2px;margin:0; width:317px; height:99px;border:0px; } body.blue #sec_toppictures {border-color: #76BABC;} body.green #sec_toppictures {border-color: #8A8449;} body.grey #sec_toppictures {border-color: #979797;} body.orange #sec_toppictures {border-color: #ffa448;} #topnav { float:right; font-size:10px; text-align:right; margin:0; width:560px;padding-right:10px;} #topnav a {font-weight:bold;line-height:18px; color:#666666;} #topnav a:link {text-decoration:none;} #topnav a:visited{text-decoration:none; color:#666666; } #topnav .seperator {display:inline;padding-left:6px; padding-right:6px;} #contentarea {} #contentarea #mainnav {padding:3px;float:left; width:840px; height: 38px; border:1px solid #dfdfdf; text-align:center;} .homemain {margin-top:15px;} .secmain {margin-top:5px;} #mainnav a{display:block; float:left; height:16px; background-color:#c0b97b; margin-right:1px; padding-top:15px; padding-bottom:7px; font-family:verdana; font-weight:normal; line-height:10px; font-size:11px;} #mainnav a:link{text-decoration:none; color:#fff; } #mainnav a:visited{text-decoration:none; color:#fff; } #mainnav a#navcolor1{float:left; width:148px; background-color:#c0b97b;} #mainnav a#navcolor2{float:left; width:165px; background-color:#76babc;} #mainnav a#navcolor3{float:left; width:127px; background-color:#8a8449;} #mainnav a#navcolor4{float:left; width:216px; background-color:#979797;} #mainnav a#navcolor5{float:left; width:179px; background-color:#ffa448;} /*----------------------------- 2. HOMEPAGE */ #homepage {padding-top:20px; } #homepage #maincontent {float: left;width:485px; color:#333; padding:30px 30px 60px 30px; background:url(/images/divsept.jpg) top right no-repeat;} #homepage #maincontent p {line-height:21px;font-size:12px; padding-bottom:25px;} #homepage #maincontent h1 {font-weight:normal;font-size:16px; line-height:22px;} #homepage #rightside {width:300px; margin:0; padding:30px 0 0 10px;float:left; font-family:Verdana, Arial; font-size:10px;} #rightside #callout_top {height:12px; background: url(/images/sidebox_top.jpg) top left no-repeat;} #rightside #callout_mid {padding:10px 20px 10px 15px; background: url(/images/sidebox_mid.jpg) top left repeat-y;} #rightside #callout_bottom {height:12px; background: url(/images/sidebox_bottom.jpg) top left no-repeat;} #callout_mid .att_title{padding-bottom:10px;color:#afaa6e;font-weight:bold;} #callout_mid .reg{color:#666; font-weight:normal;} #callout_mid h4{padding-bottom:0px;color:#fc8138;font-weight:bold; font-size:10px;} #callout_mid p{color:#666; font-weight:normal;} #callout_mid img {padding-left:35px;} /*------------------------------ Secondary Page */ #breadcrumbs{padding-top:10px;font-family:Arial; margin:0; font-size:10px;float:left; width:800px;} #breadcrumbs .septor {display:inline;padding-left:4px; padding-right:4px; color:#0066cc} #breadcrumbs a:visited,#breadcrumbs a:link {color:#0066cc; text-decoration:none;} #breadcrumbs .currentpg {color:#666666;} #leftnav_wrap{float:left;background: url(/images/sec_div_sept.jpg) top right no-repeat; width:172px; height:auto} #leftnav {border:1px solid #dfdfdf; margin-top:25px; width:165px;padding:3px 0 0px 3px; font-size:10px; color:#ffffff;} #leftnav a.button {display:block; background: #C0B97B url(/images/nav_arrow_gold.jpg) top left no-repeat; width:150px; line-height:25px; padding-left:15px;margin-bottom:1px;} body.blue #leftnav a.button { background: #76BABC url(/images/nav_arrow_blue.jpg) top left no-repeat; } body.green #leftnav a.button { background: #8A8449 url(/images/nav_arrow_green.jpg) top left no-repeat; } body.grey #leftnav a.button { background: #979797 url(/images/nav_arrow_gray.jpg) top left no-repeat; } body.orange #leftnav a.button { background: #ffa448 url(/images/nav_arrow_orange.jpg) top left no-repeat; } #leftnav a.button, #leftnav a.button_on, #leftnav a.button_nolist {color:#ffffff; text-decoration:none; } #leftnav a.button:link, #leftnav a.button_on:link, #leftnav a.button_nolist:link {color:#ffffff;text-decoration:none;} #leftnav a.button:visited, #leftnav a.button:visited, #leftnav a.button_nolist:visited {color:#ffffff;text-decoration:none;} #leftnav a.button_on {display:block; font-weight:bold; background: #C0B97B url(/images/nav_arrow_gold.jpg) bottom left no-repeat; width:150px; line-height:25px; padding-left:15px;margin-bottom:1px;} body.blue #leftnav a.button_on { background: #76BABC url(/images/nav_arrow_blue.jpg) bottom left no-repeat; } body.green #leftnav a.button_on { background: #8A8449 url(/images/nav_arrow_green.jpg) bottom left no-repeat; } body.grey #leftnav a.button_on { background: #979797 url(/images/nav_arrow_gray.jpg) bottom left no-repeat; } body.orange #leftnav a.button_on { background: #ffa448 url(/images/nav_arrow_orange.jpg) bottom left no-repeat; } #leftnav ul { padding:0; margin:0; list-style:none; } #leftnav ul li { padding:0; margin:0; list-style:none; } #leftnav li ul {color:#000000;background-color:#ffffff; text-align:left;padding:0; margin:0;} #leftnav li ul li{ line-height:15px; padding:2px 0 3px 0; list-style:none;padding-left:15px;} #leftnav li ul li a{color:#000000; display:block; } #leftnav li ul li a:link, #leftnav li ul li a:visited{color:#000000;text-decoration:none; } #leftnav li ul li a:hover {color:#76babc;text-decoration:none;} #leftnav li ul li.on {background: #ffffff url(/images/point_arrow_li.jpg) left no-repeat; color:#76babc;} #leftnav li ul li.on a, #leftnav li ul li.on a:visited, #leftnav li ul li.on a:link{color:#76babc;} #leftnav a.button_nolist {display:block; background-color:#C0B97B ; width:150px; line-height:25px; padding-left:15px;margin-bottom:1px;} body.blue #leftnav a.button_nolist {background-color: #76BABC;} body.green #leftnav a.button_nolist {background-color: #8A8449;} body.grey #leftnav a.button_nolist {background-color: #979797;} body.orange #leftnav a.button_nolist {background-color: #ffa448;} #secondary {width:700px;float:left;margin-bottom:30px;} #secondary #content{padding:10px 110px 0 0 ; margin-left:10px;color:#333333; font-size:12px;} #secondary #content.wide {width:825px; padding-right:0;} #secondary #content p{margin-top:3px; font-size:12px;line-height:18px; } #secondary #content h1{font-weight:normal; font-size:22px;line-height:18px; margin:0 0 15px; padding:0; text-transform:uppercase;} #secondary #content h2{font-weight:normal; font-size:16px;line-height:18px; margin:0 0 10px; padding:0; font-weight:normal;} #secondary #content a {color:#0066cc;} #secondary .linkbox {width:254px; font-size:10px; float:left; margin-bottom:20px; padding:0;} #secondary .linkbox h2 {color:#ffffff; background-color:#cac490; font-size: 10px; height:17px; padding:4px 0px 1px 10px; margin:0 0 1px 0; font-weight:bold;} body.blue #secondary .linkbox h2 {background-color:#a4d1d3;} body.green #secondary .linkbox h2 {background-color:#a7a377;} body.grey #secondary .linkbox h2 {background-color:#b1b1b1;} body.orange #secondary .linkbox h2 {background-color:#fda16a;} #secondary .linkbox p { font-size:10px; font-weight:normal; padding-left:10px;} #secondary .linkbox ul {color:#666666; font-weight:bold; margin:1px 0 0 0 ; background: #eae3ad url(/images/linkbox_bg_gold.jpg) bottom no-repeat; padding:10px 0 30px 0 ;} body.blue #secondary .linkbox ul{background: #CEE6E8 url(/images/linkbox_bg_blue.jpg) bottom no-repeat; padding:10px 0 30px 0 ;} body.green #secondary .linkbox ul{ background: #eae4a8 url(/images/linkbox_bg_green.jpg) bottom no-repeat;padding:10px 0 30px 0 ; } body.grey #secondary .linkbox ul { background: #DFDFDF url(/images/linkbox_bg_gray.jpg) bottom no-repeat; padding:10px 0 30px 0 ;} body.orange #secondary .linkbox ul{ background: #ffd6be url(/images/linkbox_bg_orange.jpg) bottom no-repeat; padding:10px 0 30px 0 ; } #secondary .linkbox li {line-height:18px; font-size:11px; padding-left:10px;color:#666666; list-style:none; margin:0px;} #secondary .linkbox a:link, #secondary .linkbox a:visited{color:#666666; text-decoration:none;} .spacefix {margin:40px 0 0 60px;padding:0;} .spacefix2{margin:40px 0 0 40px;padding:0;} #news_body {margin-top:20px} #news_body p {font-size :12px;} #news_body strong{font-size:12px; font-weight:bold} #news_body h1{font-size:14px;} #news_body h2{font-size:14px; } #news_body h3{font-size:14px;} tr.addborder td {border:1px solid #CCCCCC; padding:10px;} /*---------------------------- 3. General Style ----------------------------*/ #homepage a:link, #secondary a:link{text-decoration:underline; color:#0066cc;} #homepage a:visited, #secondary a:visited{text-decoration:underline; color:#0066cc;} #footer {font-weight:bold; text-align:center; font-size:11px; color:#ffffff; background-color: #C0B97B; } #footer a{color:#fff; text-decoration:none;} body.blue #footer { font-weight:bold; font-size:10px; color:#ffffff; background-color: #76BABC;} body.green #footer {font-weight:bold; font-size:10px; color:#ffffff; background-color: #8A8449;} body.grey #footer { font-weight:bold; font-size:10px; color:#ffffff; background-color: #979797;} body.orange #footer { font-weight:bold; font-size:10px; color:#ffffff; background-color: #ffa448;} #searchform {background: #f1f1f1;padding:10px 10px; margin: 0 0 10px 0;} .highlight_word {font-weight:normal; color:#FF0000;} /*---------------------------- 4. Print Style ---------------------------- #leftnav {display:none;} #leftnav_wrap {display:none;} #topnav {display:none;} #sec_toppictures {display:none;} #toppictures {display:none;} #picturebanner {display:none;} #searchbox{display:none;} #mainnav {display:none;} #maincontent {font-size:12px; float:left; width:300px; margin-right:20px; font-family:Arial, Helvetica, sans-serif;} #content { font-family:Arial, Helvetica, sans-serif;} #content h1{font-size:16px;} #content h2{font-size:16px;} .linkbox h2{font-size:16px} #breadcrumbs{padding-top:10px;font-family:Arial; margin:0; font-size:10px;float:left; width:800px; margin-bottom:10px;} #breadcrumbs .septor {display:inline;padding-left:4px; padding-right:4px; color:#0066cc} #breadcrumbs a:visited,#breadcrumbs a:link {color:#0066cc; text-decoration:none;} #breadcrumbs .currentpg {color:#666666;} #callout_mid{font-size:12px;float:left; width:300px;} #footer {display:none} */