/* CSS Document */
html, body, table, td, div, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}
table {
border-collapse:collapse;
}
img {
border: none;
}
body {
font-family: Tahoma, Arial, sans-serif;
background-image: url(photos/bg-body1.jpg);
background-repeat: repeat;
}
/* main links styling */
a.links1:link, a.links1:visited, a.links1:active {
color: #FD4B00;
font-size: 12px;
text-decoration: underline;
}
a.links1:hover {
color: #00767B;
text-decoration: underline;
}
/* site wrapper */
#wrapper {
padding: 0px;
width: 950px;
margin-right: auto;
margin-left: auto;
}
#inner-wrap {
width: 950px;
margin-right: auto;
margin-left: auto;
}
#masthead {
width: 950px;
height: 110px;
}
#content {
background-image: url(photos/bg-3col.jpg);
background-repeat: repeat-y;
float: left;
width: 950px;
}
#main {
float: left;
width: 725px;
padding-left: 230px;
position: relative;
padding-top: 35px;
height: auto;
height: 100%;
min-height: 900px;
}
/* main-short: used on pages with very little content to prevent left column overlap */
#main-short {
float: left;
width: 725px;
padding-left: 230px;
position: relative;
padding-top: 35px;
height: 450px;
}
h1 {
font-size: 16px;
color: #333333;
font-weight: bold;
padding-left: 10px;
padding-bottom: 8px;
margin-right: 15px;
}
.h1clone {
font-size: 16px;
color: #333333;
font-weight: bold;
padding-left: 10px;
padding-bottom: 8px;
margin-right: 15px;
}
.h1cloner {
font-size: 16px;
color: #333333;
font-weight: bold;
padding-left: 10px;
padding-bottom: 8px;
margin-right: 15px;
text-align: right;
}
h2 {
font-size: 13px;
font-weight: bold;
color: #333333;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
padding-bottom: 3px;
margin-top: 5px;
}
.h2clone {
font-size: 13px;
font-weight: bold;
color: #333333;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
padding-bottom: 3px;
margin-top: 5px;
}
.subhd1 {
color: #333333;
font-size: 14px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
}
.subhd2 {
color: #333333;
font-size: 13px;
font-weight: bold;
padding-left: 15px;
padding-top: 5px;
padding-bottom: 5px;
}
#areas-subhd {
width: 300px;
background-color: #007879;
color: #fff;
padding-top: 5px;
padding-bottom: 3px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D0E8E8;
margin: 0 auto;
}
.areas {
padding: 20px;
}
/* end main-short: used on pages with very little content to prevent left column overlap */
#left-col {
width: 225px;
padding-top: 40px;
position: absolute;
top: 10px;
padding-left: 0px;
left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
/* begin box styling below left nav */
.boxleft1 {
text-align: center;
width: 230px;
clear: both;
margin-top: 15px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
padding: 0px;
}
.boxleft2 {
text-align: center;
width: 230px;
clear: both;
margin-top: 15px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
padding: 0px;
}
.boxleft3 {
text-align: center;
width: 230px;
clear: both;
margin-top: 15px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
padding: 0px;
}
.boxleft4 {
text-align: center;
width: 230px;
clear: both;
margin-top: 15px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
padding: 0px;
}
.boxleft1 img {
}
.pic-sm {
margin: 10px;
padding: 0px;
float: right;
width: 150px;
border: 1px solid #CCCCCC;
}
.p-leftcol {
font-size: 12px;
color: #333333;
padding-bottom: 8px;
}
/* end left-col boxes */
/* END LEFT COLUMN styling */
#center-col {
float: left;
width: 525px;
}
/*center-col links styling */
#center-col a:link, #center-col a:visited, #center-col a:active {
color: #FD4B00;
font-size: 12px;
text-decoration: underline;
}
#center-col a:hover {
color: #00767B;
text-decoration: underline;
}
.p-main {
font-size: 12px;
color: #333333;
padding-bottom: 8px;
padding-top: 0px;
padding-right: 15px;
padding-left: 15px;
line-height: 16px;
text-align: justify;
font-weight: normal;
}
.clear {
clear: both;
}
.clearleft {
clear: left;
}
.bold {
font-weight: bold;
}
.textb12 {
font-weight: bold;
font-size: 12px;
text-align: center;
}
.italic {
font-style: italic;
}
.bold-italic {
font-style: italic;
font-weight: bold;
}
#right-col {
float: right;
width: 180px;
margin-right: 5px;
padding-top: 20px;
}
#nav-top {
background-image: url(photos/bg-navtop.jpg);
margin: 0px;
padding: 0px;
height: 35px;
width: 950px;
background-repeat: no-repeat;
position: absolute;
left: 0px;
top: 0px;
}
#nav {
margin: 0px;
padding: 0px;
float: left;
}
ul.bullet1 {
font-size: 11px;
padding-left: 0px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
margin-top: -10px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 20px;
}
ul.bullet1 li {
font-size: 12px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
list-style-type: none;
list-style-position: outside;
text-align: left;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 14px;
background-image: url(photos/bullet1.gif);
background-repeat: no-repeat;
color: #333333;
line-height: 16px;
}
ul.bullet2 {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 20px;
width: 500px;
padding: 0px;
}
ul.bullet2 li {
font-size: 12px;
list-style-type: none;
list-style-position: outside;
text-align: left;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 14px;
background-image: url(photos/bullet2.gif);
background-repeat: no-repeat;
color: #333333;
background-position: left 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
ul.bullet3 {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 25px;
width: 400px;
padding: 0px;
}
ul.bullet3 li {
font-size: 12px;
list-style-type: none;
list-style-position: outside;
text-align: left;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 14px;
background-image: url(photos/bullet3.gif);
background-repeat: no-repeat;
color: #333333;
background-position: left 0px;
margin: 0px;
}
/* General photo styling and positioning */
/* images/photos with border */
/* 200px wide right w/border*/
#photo1, #photo1a, #photo1b {
padding: 0px;
float: right;
width: 200px;
text-align: center;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
}
.bg-ghosted {
background-image: url(photos/bg-building-ghosted.jpg);
background-repeat: no-repeat;
background-position: 65px 50px;
}
#photo1 p, #photo1a p, #photo1b p {
color: #333333;
font-size: 11px;
padding-bottom: 10px;
padding-left: 0px;
text-align: center;
margin: 0px;
color: #007A77;
}
#photo1 img, #photo1a img, #photo1b img {
display: block;
margin: 0px;
padding: 0px;
border: 1px solid #CCCCCC;
}
/* end 200px wide right w/border*/
/* 200px wide left w/border */
#photo2, #photo2a, #photo2b {
float: left;
width: 200px;
text-align: center;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 10px;
padding: 0px;
}
#photo2 p, #photo2a p, #photo2b p {
color: #007A77;
font-size: 11px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
text-align: center;
margin: 0px;
}
#photo2 img, #photo2a img, #photo2b img {
display: block;
padding: 0px;
border: 1px solid #CCCCCC;
margin: 0px;
}
/* end 200px wide left w/border */
/* begin interactive Map on contact page */
#map {
padding: 0px;
height: 250px;
width: 400px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
iframe {
border: 2px solid #CCCCCC;
}
/* end interactive Map on contact page */
/* begin form styling */
#contact-form {
padding: 0px;
width: 335px;
clear: both;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 50px;
color: #333333;
}
#contact-form td {
padding-top: 2px;
padding-bottom: 2px;
}
#comments {
background-color: #FAFCFE;
border: 1px solid #D0E8E8;
}
input {
border: 1px solid #D0E8E8;
color: #333333;
height: 20px;
}
select {
background-color: #FAFCFE;
color: #333333;
height: 22px;
border: 1px solid #D0E8E8;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.text-left{
color: #333333;
text-align: left;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
font-weight: bold;
margin: 0px;
font-size: 11px;
}
.text-right{
color: #333333;
text-align: right;
font-weight: bold;
margin: 0px;
font-size: 11px;
padding: 5px;
}
.text-center{
color: #333333;
text-align: center;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
font-weight: bold;
margin: 0px;
font-size: 11px;
}
.street-address {
color: #333333;
font-weight: bold;
margin: 0px;
font-size: 11px;
padding: 5px;}
.locality {
color: #333333;
font-weight: bold;
margin: 0px;
font-size: 11px;
padding: 5px;}
.region {
color: #333333;
font-weight: bold;
margin: 0px;
font-size: 11px;
padding: 5px;}
.postal-code {
color: #333333;
font-weight: bold;
margin: 0px;
font-size: 11px;
padding: 5px;}
.required {
font-size: 12px;
color: #FF6C2C;
font-weight: bolder;
}
#submit-btn{
margin-left: 0px;
margin-top: 5px;
width: 95px;
background-image: url(photos/btn-form.gif);
background-repeat: no-repeat;
background-position: left top;
font-size: 11px;
color: #007879;
height: 22px;
padding: 0px;
font-weight: bold;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#reset-btn{
margin-left: 0px;
margin-top: 5px;
width: 95px;
background-image: url(photos/btn-form.gif);
background-repeat: no-repeat;
background-position: left top;
font-size: 11px;
color: #007879;
height: 22px;
padding: 0px;
font-weight: bold;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
/* end form styling */
/* BEGIN Sitemap page styling */
#sitemap {
float: left;
width: 465px;
padding-left: 25px;
padding-bottom: 25px;
margin: 0px;
}
/* Special lists with nested lists styling (used on sitemap page) */
.outer-list1 {
text-align: left;
list-style-type: none;
line-height: 18px;
margin: 0px;
padding: 0px;
font-size: 12px;
}
.outer-list1 li {
text-align: left;
list-style-type: none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 15px;
background-image: url(photos/bullet3.gif);
background-repeat: no-repeat;
margin-top: 10px;
margin-right: 5px;
margin-bottom: 10px;
margin-left: 5px;
font-size: 12px;
}
.inner-list1a {
list-style-type: none;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0px;
font-size: 11px;
color: #333333;
line-height: 18px;
}
.inner-list1a li {
padding-left: 15px;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
list-style-type: none;
}
.inner-list1b {
list-style-type: none;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 15px;
padding: 0px;
font-size: 11px;
color: #333333;
list-style-image: url(photos/bullet-xsm2.jpg);
line-height: 14px;
}
.inner-list1b li {
padding-left: 0px;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
/* END sitemap styling */
/* begin footer styling */
#footer {
clear: both;
}
#footer-top {
background-image: url(photos/bg-footertop.jpg);
background-repeat: no-repeat;
height: 25px;
}
#footer-content {
background-image: url(photos/bg-footercontent.jpg);
background-repeat: repeat-y;
}
#footer-bot {
background-image: url(photos/bg-footer-botcap.jpg);
background-repeat: no-repeat;
height: 40px;
}
/* begin legal disclaimer styling */
#legal {
list-style-type: none;
margin-top: 0px;
margin-right: 185px;
margin-bottom: 0px;
margin-left: 185px;
padding: 0px;
}
#legal p {
font-size: 10px;
color: #FFFFFF;
text-align: justify;
border-left-width: 4px;
border-left-style: solid;
border-left-color: #D0E8E8;
list-style-type: none;
list-style-image: none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 5px;
margin-top: 15px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
}
#legal2 {
list-style-type: none;
width: 776px;
height: 141px;
margin-top: 0px;
margin-right: 185px;
margin-bottom: 0px;
margin-left: 100px;
padding: 0px;
background-image:url(photos/disclaimer.gif);
}
/* end legal disclaimer styling */
.dividers {
color: #FF6E1F;
font-size: 9px;
font-weight: normal;
}
.footer-text {
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
margin: 0px;
line-height: 15px;
}
a.footer-text:link, a.footer-text:visited, a.footer-text:active {
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
line-height: 20px;
padding-right: 3px;
padding-left: 3px;
}
a.footer-text:hover {
font-weight: bold;
color: #FF6432;
text-decoration: none;
line-height: 20px;
padding-right: 3px;
padding-left: 3px;
}
/* link to pmm only */
.pmm {
font-size: 9px;
color: #999999;
padding-top: 5px;
padding-bottom: 5px;
}
a.pmm:link, a.pmm:visited, a.pmm:active {
font-size: 9px;
font-weight: normal;
color: #999999;
text-decoration: none;
}
a.pmm:hover {
font-size: 9px;
font-weight: normal;
color: #AD3D0C;
text-decoration: none;
}
/* end footer styling */
#center {
margin: 0 auto;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}
#cc {
margin: 0 auto;
text-align: center;
padding-top: 5px;
padding-bottom: 20px;
}
#open {
position: absolute;
width: 135px;
height: 150px;
top: 450px;
left: 560px;
}
#topnav {
background-image: url(photos/bg-navtop.jpg);
margin: 0px;
padding: 0px;
height: 35px;
width: 950px;
background-repeat: no-repeat;
position: absolute;
left: 0px;
top: 0px;
}
#topnav ul{
font: bold 14px arial;
padding-left: 0;
margin-left: 0;
list-style: none;
}
#topnav li{
font: bold 14px arial;
list-style: none;
display: inline;
padding-right: 20px;
}
#topnav a:link, #topnav a:visited, #topnav a:active {
font: bold 14px arial;
color: #000000;
list-style-type: none;
display: inline;
text-decoration: none;
margin-left: 10px;
margin-right: 10px;
}
#topnav a:hover {
font: bold 14px arial;
color: #000000;
list-style-type: none;
display: inline;
text-decoration: underline;
margin-left: 10px;
margin-right: 10px;
}
/*Resources Section Styles*/
#links {
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
margin-left: 20px;
margin-right: 20px;
text-align: left;}
ol {margin-left: 30px;}
li {
margin-top: 15px;
margin-left: 15px;}
#search {
text-align: center;
}
#text {
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
text-align: left;}
#textb {
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
#textb-r {
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: right;
}
#exchange {
width: 100%;
height: auto;
padding: 5px;
border-color: #000000;
border: 1px solid #AC8B46;
}
#disclaimer {
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
width: 85%;
height: auto;
text-align: center;
margin-left: auto;
margin-right: auto;
font-style: italic;
border: 1px solid #000000;
padding: 10px;
}
#exchangetop {
width: 90%;
height: auto;
padding: 5px;
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
margin-left: 20px;
}
#form {
margin-left: 30px;}
/* Landing page styles */
#landingpg1 {
margin: 0px;
padding: 0px 10px 0px 20px;
width: 505px;
}
#landingpg1 h1 {
color: #00767B;
margin: 0px;
padding: 0px 0px 3px;
}
#landingpg1 h2 {
color: #00767B;
font-size: 14px;
margin: 0px;
padding: 0px 0px 5px;
border-width: 0px;
border-style: none;
}
#landingpg1 p {
color: #333333;
font-size: 12px;
margin: 5px 0px;
padding: 0px;
}
.landingadimg1 {
margin: 10px 15px 0px 0px;
padding: 0px;
float: right;
width: 135px;
}
#landing-submit {
background: url(photos/landing-page/btn-landingsubmit.gif) no-repeat;
height: 35px;
width: 180px;
border-width: 0px
border-style: none;
}
ul.landingpg1 {
font-size: 11px;
padding-left: 0px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
margin-top: -5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 20px;
}
ul.landingpg1 li {
font-size: 13px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
list-style-type: none;
list-style-position: outside;
text-align: left;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 14px;
background-image: url(photos/bullet1.gif);
background-repeat: no-repeat;
color: #FD5200;
line-height: 16px;
font-weight: bold;
}
a.tel:link, a.tel:visited, a.tel:active {
color: #000;
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration:none;}
a.tel:hover {
color: #000;
text-decoration:none;}