/* Mass Reset -------------------------------------------------------------------------------------------------------------------------------*/ * {padding:0; margin:0; font-size:14px;} /*pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin: 0; padding: 4px; } li, dd, blockquote { margin-left: 30px; } fieldset { padding: 10px; }*/ /* Essential */ a {font: 10px georgia; color:#0099ff; text-decoration:underline;} a:hover {} p {} div.block {margin: 10px 0 0 0;} body {background:url(../_img/bgtile.jpg) #99ccff repeat-x;} h1 {font: 20px arial; color:#fff;} h1.blueLG {height:38px; padding: 8px 0 0 20px; text-transform:uppercase; background: url(../_img/headBlueLG.jpg) repeat-x;} h2 {font: 16px arial; color:#fff;} h2.blueSM {font: bold 14px arial; height:29px; padding: 8px 0 0 20px; background: url(../_img/headBlueSM.jpg) repeat-x;} h2.blueLG {font:bold 20px arial; height:38px; padding:8px 0 0 20px; background:url(../_img/headBlueLG.jpg) repeat-x;} h2.redSM {height:29px; padding: 8px 0 0 20px; background: url(../_img/headRedSM.jpg) repeat-x;} h2.redLG {height:36px; padding: 10px 0 0 20px; background: url(../_img/headRedLG.jpg) repeat-x;} h2.redLGP {height:31px; width:490px;padding: 10px 0 0 20px; background: url(../_img/headRedLGP.jpg) repeat-x; float:left; clear:both;} h3 {font: bold 12px arial; color:#fff;} h3.navy {color:#9999cc; height:30px; padding: 8px 0 0 15px; background: url(../_img/headNavy.jpg) repeat-x;} h3.highlightTitle {font: bold 12px arial; color:#333;} h3.content {font: bold 14px arial; color:#666; padding: 15px 0 10px 20px; } h3.newsDate {font: bold 18px arial; color:#333; padding:10px 0 0 20px; } h4 {font: italic bold 12px georgia; color:#333;} h5 {font: italic 10px georgia; color:#8f0e1c;} h5.events {font: italic 10px georgia; margin:5px 0 10px 20px; color:#8f0e1c;} h5.events span {font: bold italic 12px georgia; color:#8f0e1c;} /* Wrapper */ #wrapper {width:760px; height:100%; margin:0 auto; background:#efefef; overflow:hidden;} /* Header */ #shadowR {margin:0 auto; width:772px; background: url(../_img/shadowR.jpg) no-repeat top right;} #shadowL {margin:0 auto; width:772px; background: url(../_img/shadowL.jpg) no-repeat top left;} #shadowT {margin:0 auto; width:772px; background: url(../_img/shadowT.jpg) repeat-y top center;} #header {margin:0 auto; width:760px; height:109px; background: url(../_img/header.jpg);} #logo {width:300px; height:109px;} #logo a {display:block;} #logo a span {display:none;} /* Navigation */ #nav {margin: 0 auto; width:760px; height:41px; background: url(../_img/navbg.jpg);} #nav ul {list-style:none; padding:12px 0 12px 20px; float:left;} #nav ul li {padding:0 20px 0 0; float:left;} #nav ul li a {font: 12px 'Arial'; font-weight:bold; color:#fff; text-decoration:none;} #nav ul li a:hover {color:#ffcc00;} #nav #search form {float:right; padding: 11px 20px 9px 0;} #nav #search form input.form-search {font: bold 10px arial; color:#666; border:1px solid #ff0101; padding:2px;} #nav #search form input.form-button {font: italic 11px georgia; color:#FF9900; border:0; background:none;} /* Content */ /* Left Content */ #left-content {background: #fff; width:250px; float:left;} #left-content #subnav { color:#4B4395; margin:10px 0 20px 20px;} #left-content #subnav ul {list-style:none;} #left-content #subnav ul li {padding: 0 0 7px 0;} #left-content #subnav ul li a {font: bold 12px arial; color:#4B4395; font-weight:bold; text-decoration:none;} #left-content .highlight {margin:15px;} #left-content .highlight p {font: 11px arial; color:#666;} #left-content .highlight a {font: 11px arial;} /* Right Content */ #right-content {background:#292180; width:510px; height:100%; float:right;} #right-content.home p {font:12px georgia; color:#fff;} #right-content.interior {background:#efefef url(../_img/contentTile.jpg) repeat-x; width:510px; min-height:400px; float:right;} #right-content.interior p {margin:0 20px 10px 20px; font:12px arial; color:#666;} #right-content.interior img {max-width:440px; float:right; background:#fff; display:inline; padding:4px; margin:5px;} #right-content.interior div.image {width:260px; float:right; text-align:center; display:inline; margin:0 15px 15px 15px;} #right-content.interior div.image img {margin:0; width:250px; padding:4px; background:#fff; display:inline;} #right-content.interior div.image p {font: 11px arial; margin:0 10px;} #right-content.interior #gallery { margin:0 20px; padding:0; } #right-content.interior #gallery li { list-style:none; } /* Home Content */ #left-content .newsblock {margin: 7px 20px 15px 20px; font: 11px georgia;} #left-content #left-bottom #give-online {width:250px; height:159px; background: url(../_img/giveOnline.jpg) no-repeat; float:left; display:block;} #left-content #left-bottom #give-online #giveButton {margin: 97px 0 0 20px; width:209px; height:40px; display:block;} #left-content #left-bottom p {margin:0 0 15px 20px; font: 10px georgia;} #banner {width:510px; height:150px; background: url(../_img/testbanner.jpg); border-bottom:2px solid #fff;} .staffimg {width:50px; height:100px;} #right-content #home-contentHeader {width:340px; height:145px; float:left;} #right-content #home-content {width:510px; float:left; display:block; min-height:450px;} #right-content #home-content .homeBlock {width:340px; margin:0; float:left;} #right-content #home-content p {font-size: 11px; margin:0 20px 20px 20px;} #right-content #side-bucket {font: 10px georgia; width:170px; height:100%; float:right; background: #221B6F; overflow:hidden;} #right-content #side-bucket ul {list-style:none;} #right-content #side-bucket ul li {margin:2px 0;} #right-content #side-bucket ul, #right-content #side-bucket p {margin:0 0 15px 15px;} #right-content #side-bucket #weather {margin: 0 auto 15px auto; height:76px; width:148px; background: url(../_img/weatherTile.jpg); border:2px solid #4D4495;} #right-content #side-bucket #weather img {margin:2px 5px;} #right-content #side-bucket #weather .weatherTemp {font: bold 36px arial;} #right-content #side-bucket #weather p {font: 11px georgia; color:#333; margin:0 0 0 5px;} /* Gallery Styles */ #myGallery {margin: 30px auto 0 auto;} .jdGallery .slideElement { background-color: #feedc8; } .jdGallery .slideInfoZone { background-color: #0d2a38; opacity: 0.9; } .jdGallery .slideInfoZone p { font-family: Times,"Times New Roman", Georgia, serif; font-size: 12pt; font-style: italic; font-weight: bold; } /* Footer */ #footer {font:10px georgia; float:left; width:772px; height:36px; margin: 0 auto; background: url(../_img/footerbg.jpg) no-repeat;} #footer p, #footer a {color:#99ccff;} #footer p {padding: 8px 0 0 14px;}