body { text-align: center; margin:0; padding:0; min-width: 750px; background:#d3dbd2; color:#000000; font-family: arial, verdana, serif; font-size:14px; } /* TYPOGRAPHY ---------------------------------------------------------------------------------------- */ a{ color:#1a6478; text-decoration:none; } a:hover{ text-decoration:underline; } a.active{ color:#a44610; } h1, .huge{ font-size:24px; font-family:'arial','helvetica'; margin:0 0 10px 0; } h2, .large{ font-size:24px; font-family:'arial','helvetica'; margin:0 0 10px 0; } h3, .tall{ font-size:18px; font-family:'arial','helvetica'; margin:0 0 10px 0; } h4, .medium{ font-size:16px; line-height:150%; margin:0 0 10px 0; font-family:'arial','helvetica'; } .tiny{ font-family: verdana, serif; font-size:10px; } .small{ line-height:150%; font-family: arial, verdana, serif; font-size:12px; } p, .regular{ line-height:150%; font-family: arial, verdana, serif; font-size:14px; } .medium{ font-size:16px; line-height:150%; margin:10px 0 0 0; font-family:'arial','helvetica'; } .white{ color:#ffffff; } .black{ color:#000000; } .grey{ color:#676767; } .orange{ color:#ffcc33; } .blue{ color:#1a6478; } .green{ color:#3e9d0e; } .red{ color:#990000; } /* legacy typography */ .tiny-text{font-family:arial; font-size:8px; color:#333333;} .small-text{font-family:arial; font-size:10px; color:#333333;} .medium-text{font-family:arial; font-size:12px; color:#333333;} .large-text{font-family:arial; font-size:14px; color:#333333;} .huge-text{font-family:arial; font-size:16px; color:#333333;} .giant-text{font-family:arial; font-size:18px; color:#333333;} .massive-text{font-family:arial; font-size:42px; color:#333333;} .tiny-text-bold{font-family:arial; font-size:8px; color:#000000; font-weight:bold;} .small-text-bold{font-family:arial; font-size:10px; color:#000000; font-weight:bold;} .medium-text-bold{font-family:arial; font-size:12px; color:#000000; font-weight:bold;} .large-text-bold{font-family:arial; font-size:14px; color:#000000; font-weight:bold;} .huge-text-bold{font-family:arial; font-size:16px; color:#000000; font-weight:bold;} .giant-text-bold{font-family:arial; font-size:18px; color:#000000; font-weight:bold;} .massive-text-bold{font-family:arial; font-size:42px; color:#000000; font-weight:bold;} .tiny-text-white{font-family:arial; font-size:8px; color:#ffffff;} .small-text-white{font-family:arial; font-size:10px; color:#ffffff;} .medium-text-white{font-family:arial; font-size:12px; color:#ffffff;} .large-text-white{font-family:arial; font-size:14px; color:#ffffff;} .huge-text-white{font-family:arial; font-size:16px; color:#ffffff;} .giant-text-white{font-family:arial; font-size:18px; color:#ffffff;} .massive-text-white{font-family:arial; font-size:42px; color:#ffffff;} .tiny-text-white-bold{font-family:arial; font-size:8px; color:#ffffff; font-weight:bold;} .small-text-white-bold{font-family:arial; font-size:10px; color:#ffffff; font-weight:bold;} .medium-text-white-bold{font-family:arial; font-size:12px; color:#ffffff; font-weight:bold;} .large-text-white-bold{font-family:arial; font-size:14px; color:#ffffff; font-weight:bold;} .huge-text-white-bold{font-family:arial; font-size:16px; color:#ffffff; font-weight:bold;} .giant-text-white-bold{font-family:arial; font-size:18px; color:#ffffff; font-weight:bold;} .massive-text-white-bold{font-family:arial; font-size:42px; color:#ffffff; font-weight:bold;} .tiny-text-blue{font-family:arial; font-size:8px; color:#1a6478;} .small-text-blue{font-family:arial; font-size:10px; color:#1a6478;} .medium-text-blue{font-family:arial; font-size:12px; color:#1a6478;} .large-text-blue{font-family:arial; font-size:14px; color:#1a6478;} .huge-text-blue{font-family:arial; font-size:16px; color:#1a6478;} .giant-text-blue{font-family:arial; font-size:18px; color:#1a6478;} .massive-text-blue{font-family:arial; font-size:42px; color:#1a6478;} .tiny-text-blue-bold{font-family:arial; font-size:8px; color:#1a6478; font-weight:bold;} .small-text-blue-bold{font-family:arial; font-size:10px; color:#1a6478; font-weight:bold;} .medium-text-blue-bold{font-family:arial; font-size:12px; color:#1a6478; font-weight:bold;} .large-text-blue-bold{font-family:arial; font-size:14px; color:#1a6478; font-weight:bold;} .huge-text-blue-bold{font-family:arial; font-size:16px; color:#1a6478; font-weight:bold;} .giant-text-blue-bold{font-family:arial; font-size:18px; color:#1a6478; font-weight:bold;} .massive-text-blue-bold{font-family:arial; font-size:42px; color:#1a6478; font-weight:bold;} .tiny-text-grey{font-family:arial; font-size:8px; color:#cccccc;} .small-text-grey{font-family:arial; font-size:10px; color:#cccccc;} .medium-text-grey{font-family:arial; font-size:12px; color:#cccccc;} .large-text-grey{font-family:arial; font-size:14px; color:#cccccc;} .huge-text-grey{font-family:arial; font-size:16px; color:#cccccc;} .giant-text-grey{font-family:arial; font-size:18px; color:#cccccc;} .massive-text-grey{font-family:arial; font-size:42px; color:#cccccc;} .tiny-text-grey-bold{font-family:arial; font-size:8px; color:#cccccc; font-weight:bold;} .small-text-grey-bold{font-family:arial; font-size:10px; color:#cccccc; font-weight:bold;} .medium-text-grey-bold{font-family:arial; font-size:12px; color:#cccccc; font-weight:bold;} .large-text-grey-bold{font-family:arial; font-size:14px; color:#cccccc; font-weight:bold;} .huge-text-grey-bold{font-family:arial; font-size:16px; color:#cccccc; font-weight:bold;} .giant-text-grey-bold{font-family:arial; font-size:18px; color:#cccccc; font-weight:bold;} .massive-text-grey-bold{font-family:arial; font-size:42px; color:#cccccc; font-weight:bold;} /* END TYPOGRAPHY ------------------------------------------------------------------------------------- */ /* BEGIN TEXT-WRAPPING -------------------------------------------------------------------------------- */ .photo-left{ float:left; margin-top:2px; margin-right:10px; margin-bottom:10px; background-color:#eeeeee; } .photo-right{ float:right; margin-top:2px; margin-left:10px; margin-bottom:10px; background-color:#eeeeee; } .photo-left img, .photo-right img, .photo img{ border-top:8px solid #37366f; } .photo-left p, .photo-right p{ font-family: arial, verdana, serif; font-size:10px; color:#555555; margin:0px; padding:4px; } .photo p{ margin: 0; width:500px; text-align:left; padding:10px; background-color:#cccccc; color:#333333; font-size:12px; } /* END TEXT-WRAPPING ---------------------------------------------------------------------------------- */ /* BEGIN HR -------------------------------------------------------------------------------------- */ div.dotted-hr{ width:100%; height:12px; background:url('../images/dotted_hr.gif') repeat-x; margin:0; padding:0; } /* END HR -------------------------------------------------------------------------------------- */ /* BEGIN QUOTES -------------------------------------------------------------------------------------- */ div.quotes-left{ width:298px; float:left; margin-top:2px; margin-right:10px; margin-bottom:10px; background-color:#ffffff; } div.quotes-right{ width:298px; float:right; margin-top:2px; margin-left:10px; margin-bottom:10px; background-color:#ffffff; } blockquote.green-quotes p{ padding: 0px 30px 0px 0px; font-size:14px; line-height:150%; font-family:'arial','helvetica'; float: left; background: url('../images/quote_down.png') bottom right no-repeat; } blockquote.green-quotes{ padding: 10px 20px 20px 30px; margin:0px; font-size:14px; line-height:150%; font-family:'arial','helvetica'; background: url('../images/quote_up.png') top left no-repeat; } cite{ padding-right:20px; font-family: verdana, serif; font-size:10px; float: right; font-style:normal; color:#656565; } /* END QUOTES -------------------------------------------------------------------------------------- */ /* BEGIN BULLETS -------------------------------------------------------------------------------------- */ /* red-bullets */ ul.red-bullets, ul.red-bullets-flat, ul.red-bullets-horizontal, ul.LIn_shortMode{ margin:10px 0 0 0; padding-left: 0; list-style: none; } .red-bullets li, .red-bullets-flat li, .red-bullets-horizontal li, li.red-bullets, li.red-bullets-horizontal, .LIn_shortMode li{ padding-left: 10px; background-image: url('../images/bullet_red.gif'); background-repeat: no-repeat; background-position: 0 .5em; font-family: arial, verdana, serif; font-size:12px; } .red-bullets-horizontal li, li.red-bullets-horizontal{ display:block; float:left; margin-right:10px; } .red-bullets li, li.red-bullets, .LIn_shortMode li{ margin-top:10px; } /* dotted-triangle-bullets */ ul.dotted-triangle-bullets{ margin:10px 0 0 0; padding-left: 0; list-style: none; } .dotted-triangle-bullets li{ padding-left: 14px; background-image: url('../images/dotted_triangle_bullet.gif'); background-repeat: no-repeat; background-position: 0 4px; line-height:150%; font-family: arial, verdana, serif; font-size:14px; } .dotted-triangle-bullets li{ margin-top:10px; } /* END BULLETS ----------------------------------------------------------------------------------------- */ /* BEGIN PREV/NEXT BUTTONS ----------------------------------------------------------------------------------------- */ .prevBtn{ margin-right:4px; } .nextBtn{ margin-left:4px; } /* END PREV/NEXT BUTTONS ----------------------------------------------------------------------------------------- */ /* BEGIN CONTENT LAYOUT ELEMENTS ----------------------------------------------------------------------- */ .clear{ clear:both; } /* END CONTENT LAYOUT ELEMENTS ------------------------------------------------------------------------- */ /* BEGIN SKELETAL LAYOUT --------------------------------------------------------------------------------------- */ /* page-padder */ .page-padder-left-right{ position:relative; top:0px; left:26px; width:924px; } .page-padder{ position:relative; top:20px; left:26px; width:924px; } /* begin row-01 */ #row-01-container{ width:100%; height:26px; } #row-01{ width:750px; height:25px; background:#1a197b url('../images/philssa_row_01_bg.jpg') repeat-x; margin:0 auto; border-bottom:1px solid #ffffff; } #top-menu{ position:relative; top:5px; padding-right:10px; text-align: right; font-family:verdana; font-size:10px; font-weight:bold; color:#ffffff; } #top-menu a{ color:#ffffff; text-decoration:none; } #top-menu a:hover{ color:#a44610; text-decoration:none; } /* end row-01 */ /* begin row-02 */ #row-02-container{ width:100%; height:168px; } #row-02-container a:hover{ cursor:pointer; } #row-02{ width:750px; height:167px; background-color:#ffcc33; margin:0 auto; border-bottom:1px solid #ffffff; } #page-banner{ position:relative; top:0px; left:0px; width:750px; height:167px; z-index:1; margin-bottom:-167px; } /* end row-02 */ /* begin row-03 */ #row-03-container{ width:100%; } #row-03{ width:750px; margin:0 auto; } #page{ width:750px; background-color:#ffffff; } #page-left-side{ width:545px; background-color:#ffffff; } #page-right-side{ width:205px; background-color:#eeeeee; } #section-title{ width:100%; background:#cea016 url('../images/philssa_section_title_bg.jpg') top left repeat-x; margin:0px; } #section-title h4{ color:#ffffff; padding-left:10px; margin:0; margin-bottom:-10px; } #section-title h1{ color:#ffffff; padding-left:10px; padding-right:10px; padding-bottom:10px; background:url('../images/philssa_section_title_h1_bg.jpg') 0 100% repeat-x; margin:0px; padding-top:10px; } .page-content{ width:515px; text-align:left; margin:0 auto; margin-top:10px; margin-bottom:10px; } .full-page-content{ width:725px; text-align:left; margin:0 auto; margin-top:10px; margin-bottom:10px; } #page-three-col-left{ width:200px; background-color:#eeeeee; } #page-three-col-mid{ width:350px; background-color:#ffffff; } #page-three-col-right{ width:200px; background-color:#eeeeee; } .page-three-col-content{ width:90%; padding-left:10px; padding-right:20px; text-align:left; } /* side-menu */ #side-menu{ width: 100%; border-right: 1px solid #000; padding: 0 0 1em 0; margin-bottom: 1em; font-family: 'Arial', sans-serif; font-size: 12px; background-color: #eeeeee; color: #333; } #side-menu ul{ list-style: none; margin: 0; padding: 0; border: none; } #side-menu li { border-bottom: 1px solid #eeeeee; margin: 0; } html>body #side-menu li a{ /*Non IE6 width*/ width: auto; } #side-menu li.root a{ display: block; padding: 5px 5px 5px 8px; border-left: 10px solid #323232; border-right: 10px solid #ae884c; background-color: #885b15; color: #fff; font-weight:bold; text-decoration: none; width: 180px; } #side-menu li.root a:hover, #side-menu li a.active{ border-left: 10px solid #a44610; border-right: 10px solid #ae884c; background-color: #111111; color: #fff; } #side-menu li.sub a{ display: block; padding: 5px 5px 5px 12px; border-left: 18px solid #525252; border-right: 10px solid #b7a373; background-color: #ae884c; color: #111111; font-weight:bold; text-decoration: none; width:168px; } #side-menu li.sub a:hover, #side-menu li.sub a.active{ border-left: 18px solid #a44610; border-right: 10px solid #b7a373; background-color: #111111; color: #ffffff; } #side-menu li.subsub a{ display: block; padding: 5px 5px 5px 16px; border-left: 26px solid #929292; border-right: 10px solid #dcd1b7; background-color: #b7a373; color: #333333; text-decoration: none; width:156px; } #side-menu li.subsub a:hover, #side-menu li.subsub a.active{ border-left: 26px solid #a44610; border-right: 10px solid #dcd1b7; background-color: #333333; color: #ffffff; } #side-menu li.subsubsub a{ display: block; padding: 5px 5px 5px 20px; border-left: 32px solid #b7b7b7; border-right: 10px solid #f6f1e5; background-color: #dcd1b7; color: #333333; text-decoration: none; width:144px; } #side-menu li.subsubsub a:hover, #side-menu li.subsubsub a.active{ border-left: 32px solid #a44610; border-right: 10px solid #f6f1e5; background-color: #474747; color: #ffffff; } /* end row-03 */ /* begin row-04 */ #row-04-container{ width:100%; height:40px; } #row-04{ width:750px; height:38px; background-color:#111111; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; margin:0 auto; text-align:left; } #bottom-menu{ float:left; width:600px; height:38px; } #bottom-menu span{ position:relative; top:11px; left:10px; font-family:verdana; font-size:10px; font-weight:bold; color:#ffffff; } #bottom-menu a{ text-decoration:none; color:#ffffff; } #bottom-menu a:hover{ color:#a44610; text-decoration:none; } #back-to-top{ float:right; width:105px; height:38px; } #back-to-top a{ display:block; width:105px; height:38px; font-family:verdana; font-size:10px; color:#ffffff; text-decoration:none; } #back-to-top a:hover{ background:url('../images/philssa_backtotop_bg.jpg') repeat-x; text-decoration:none; color:#ffffff; } #back-to-top a span{ position:relative; top:11px; left:16px; } /* end row-04 */ /* begin row-05 */ #row-05-container{ width:100%; height:26px; } #row-05{ width:760px; height:26px; margin:0 auto; text-align:center; } #bottom-address{ position:relative; top:4px; font-family:verdana; font-size:10px; color:#000000; } /* end row-05 */ /* END SKELETAL LAYOUT ---------------------------------------------------------------------------------------- */