4/* CSS Document */ /* CLEAR DEFAULTS & SET PAGE ---------------------------------------------------*/ html {margin: 0px; padding: 0px; background-color: #000} body {width: 760px; height:100%; font-family: 'Tahoma', Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; color: #000; margin: 10px auto; background-color: #000} #branding { width: 760px; height: 73px; clear: both} #container {width: 760px; background:url(../images/main.jpg) no-repeat #fff; float:left; padding-bottom: 20px} #content {width: 485px; margin: 20px 0px 0px; float:left} #contentbox {width: 430px; float:left; border: 1px solid #eddfb4; background-color: #fff; padding: 24px} #sidebar {margin: 3px 0px 0px 3px; width: 253px; float:left; display: block} h1, h2, h3, h4, h5, h6, li, ol, ul, form, fieldset, input, p, blockquote, img, label {margin: 0px; padding: 0px; list-style:none} img {border: none} table, tr, td, th {/*padding: 0px; margin: 0px;*/ vertical-align:top; border-collapse:collapse; border: none}/* sets declarations for all tables throughout the site */ table th {text-align: left; speak-header: always; width: 40%} th {speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/ a:link, a:visited {color: #a50000; text-decoration:underline; cursor: pointer} a:hover, a:active {color: #a50000; text-decoration:none; cursor: pointer} input, select {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; width: 200px} label {cursor: pointer} /* BRANDING / NAVIGATION ---------------------------------------------------*/ #branding h1 {width: 228px; height: 53px} #branding h2 {right: 0px; top: 44px; font-size: 20px; color: #8b9802; margin: 0px} #branding cite {left: 209px; top: 50px; font-size: 12px; font-style: normal; margin: 0px; padding: 0px} /* CONTENT FORMATTING ---------------------------------------------------*/ #content ul, #content ol {margin: 10px 5px 10px 20px} #content li {margin-bottom: 10px; margin-left: 20px} #content ul li {list-style: square} #content ol li {list-style: decimal} #content ol li ol li {list-style: lower-alpha; margin-bottom: 5px} #content p {margin: 0px 0px 15px; line-height: 16px} #content b {color: #a97700} #content h1 {font-size: 18px; margin: 0px 0px 8px; color: #0a416a; font-weight: bold} #content h2 {font-size: 11px; margin: 0px 0px 12px 0px; color: #a97700} #content h3 {font-size: 11px; color:#035690; font-weight:bold; margin: 0px 0px 3px} #content h4 {font-size: 18px; color: #000; margin: 0px 0px 10px; font-weight:normal} #content h6 {margin: 30px 0px 0px; display:block; float:left} .left {width: 45%; padding-right:5%; float: left} .right {width: 45%; float: left; clear:right} .leftFloat {float: left; margin: 0px 10px 10px 0px} .rightFloat {float: right; margin: 0px 0px 10px 10px} .clearright {clear: right} input, select, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 11px} /* SIDEBAR ---------------------------------------------------*/ /*Main Navigation*/ #mission {width: 198px; margin: 10px auto; font-family: "Times New Roman", Times, serif; font-size: 13px; font-weight:bold; text-align: center; display:block; line-height: 19px} #sidebar ul {width: 230px; background-color: #000; float: left; margin-bottom: -4px; padding-bottom: 4px} #sidebar li {margin-left: 20px; margin-top: 10px} #sidebar li, #sidebar ul li ul {display: block; float: none} #sidebar ul li ul {width: 180px; display: none; padding: 10px 0px 0px 0px; height:auto} #sidebar ul li ul li {margin: 0px} #sidebar li a {height: 15px; border-bottom: 1px solid #4f4f4f} #sidebar ul li ul li a {border: none} #sidebar li a, #commin a, #resin a, #commhome a, #reshome a {display: block} * html a:hover {visibility:visible} #sidebar li a:hover img, #commin a:hover img, #resin a:hover img, #commhome a:hover img, #reshome a:hover img {visibility:hidden} #commhome {width: 230px; height: 70px; background:url(../images/btn/comm_h_o.jpg) no-repeat} #reshome {width: 230px; height: 70px; background:url(../images/btn/res_h_o.jpg) no-repeat} #commin {width: 243px; height: 76px; background:url(../images/btn/comm_in_o.jpg) no-repeat; float: left; margin-right: -1px} #resin {width: 243px; height: 76px; background:url(../images/btn/res_in_o.jpg) no-repeat; float:left} #nav_home {width: 200px; height: 15px; background:url(../images/nav/home_o.gif) no-repeat} #nav_about {width: 200px; height: 15px; background:url(../images/nav/about_o.gif) no-repeat} #nav_comm {width: 200px; height: auto; background:url(../images/nav/comm_o.gif) no-repeat} #nav_res {width: 200px; height: auto; background:url(../images/nav/res_o.gif) no-repeat} #nav_employ {width: 200px; height: 15px; background:url(../images/nav/employ_o.gif) no-repeat} #nav_contact {width: 200px; height: 15px; background:url(../images/nav/visit_o.gif) no-repeat} /*sub navs*/ #nav_comcap {width: 200px; height: 22px; background:url(../images/nav/capC_o.gif) no-repeat} #nav_commat {width: 200px; height: 22px; background:url(../images/nav/materialsC_o.gif) no-repeat} #nav_comport {width: 200px; height: 22px; background:url(../images/nav/portC_o.gif) no-repeat} #nav_rescap {width: 200px; height: 22px; background:url(../images/nav/capR_o.gif) no-repeat} #nav_resmat {width: 200px; height: 22px; background:url(../images/nav/materialsR_o.gif) no-repeat} #nav_resport {width: 200px; height: 22px; background:url(../images/nav/portR_o.gif) no-repeat} /* control display of Comm & Res sub menus */ /*#nav_res:hover #nav_ressub, #nav_comm:hover #nav_comsub, -- this will make the sub menus appear on roll-pver*/ #pgres #nav_ressub, #pgcomm #nav_comsub {display: block} #pghome #nav_home img, #pgabout #nav_about img, #pgcomm #nav_comm #commmain, #pgres #nav_res #resmain, #pgemploy #nav_employ img, #pgcontact #nav_contact img, #pgfacilitator #nav_fac img, .pgrescap #nav_rescap img, .pgresmat #nav_resmat img, .pgresport #nav_resport img, .pgresportMain #nav_resport img, .pgcomcap #nav_comcap img, .pgcommat #nav_commat img, .pgcomport #nav_comport img {visibility: hidden} #submenu {width: 219px; height:auto; display:block; background-color: #021c3d; font-size: 12px; padding: 20px 5px 10px 30px; margin-bottom: 15px} #submenu li {list-style: url(../images/bullet.gif); margin-left: 10px} #submenu a:link, #submenu a:visited {width: 200px; color: #d4f9fe; text-decoration: none; display:block; padding: 3px 0px} #submenu a:hover, #submenu a:active {color: #bce9bb; padding-left: 2px} /* HOME ---------------------------------------------------*/ #pghome #content {width: 735px; height: 370px; float:left; margin: 0px; padding: 0px} #pghome #sidebar {float:left} #pghome #sidebar ul {margin: 0px 0px -1px} #pghome h1 {width: 486px; margin: -140px 0px 0px 0px; display:block; text-align:center; float:right} #pghome #content blockquote {margin: 0px ;width: 225px; border-left: 1px solid #a79768; float:right} #pghome #box {margin: 30px 0px 0px 30px; width: 465px; float:left} * html #pghome #box {margin: 30px 0px 0px 15px} #pghome #bottom {width: 749px; border: 5px solid #fff; border-top-width: 1px; background-color: #030301; margin-bottom: 10px; float:left; clear:both} #pghome #bottom blockquote {width: 244px; float:left; margin: 25px 0px 25px 4px; text-align:center} #pghome #mission {width: 88%; font-size: 12px; line-height: 18px; color: #a78545; margin:0px auto; margin-top: -8px} #pghome #branding {margin-top: -40px} /* SITE INFO (footer) ---------------------------------------------------*/ #siteinfo {width: 100%; height: 40px; clear: both; color:#878787; font-size:10px; display:block; border-top: 1px solid #000} #siteinfo img {margin-bottom: 10px} #siteinfo a:link, #siteinfo a:visited {color: #878787; text-decoration: none} #siteinfo a:hover, #siteinfo a:active {color: #fff} #siteinfo cite {float: left; font-style: normal} #siteinfo li {float: left; margin-right: 10px; padding-right: 10px; border-right: 1px solid #878787} /*PAGE SPECIFIC --------------------------------------------------*/ #pgres #content h2 {color: #1a8cb9} #contentbox.portfoliobox div { height: 190px; margin-bottom: 10px} .pgresportMain #contentbox.portfoliobox div {height: 200px} #contentbox.portfoliobox a {text-decoration: none} #contentbox.portfoliobox ul li {list-style: none; padding: 0px 5px 0px 0px; margin: 0px; display:block} #contentbox .jcarousel-skin-tango ul li {list-style: none; display:block; width: auto; height: auto; margin: 0px; padding: 0px; float:left} #contentbox.portfoliobox a.left, #contentbox.portfoliobox a.right {width: 200px; padding: 0px 20px 0px 0px} #contentbox.portfoliobox a.right {padding: 0px} #contentbox.portfoliobox a h1, #contentbox.portfoliobox a p {width: 45%; display:block; margin: 0px} .pgresportMain #contentbox.portfoliobox a h1 {/*width: 55%; display:block; */margin: 0px} .pgresportMain #contentbox.portfoliobox a p {width: 45%; display:block; margin: 0px} #contentbox.portfoliobox a h1 { width: 100%; color: #a97700; font-size: 12px; margin: 0px 0px 3px; border-bottom: 1px solid #F8D794; padding-botton: 2px } #contentbox.portfoliobox a p {float: right; text-align:right; text-decoration: underline} #contentbox.portfoliobox a:hover p, #contentbox.portfoliobox a:active p {text-decoration: none} .materialslist p {width: 200px; height: 106px; float: left; text-align: center; border-bottom:1px solid #CCCCCC; margin: 8px; display:block} /* LIGHTBOX/IMAGE ENLARGEMENT ---------------------------------------------------*/ #lightbox {margin: 0px auto; background-color:#fff; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; color: #000; font-size: 15px; font-weight: bold} #lightbox i {/*font-size: 12px; font-weight: normal*/display: none; visibility: hidden} #lightbox a:link, #lightbox a:visited, #lightbox a:hover, #lightbox a:active {color: #000} #lightboxDetails {/*font-size: 0.8em; padding-top: 0.4em*/display: none; visibility: hidden} #lightboxCaption {float: left} #keyboardMsg {float: right} #closeButton {top: 5px; right: 5px} #lightbox img {border: none; clear: both} #overlay img {border: none} #overlay {background-image: url(../images/overlay.png)} * html #overlay {background-color: #333; background-color: transparent; background-image: url(../blank.gif); /* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale"); background-position: 0px 300px*/}