/* CSS Document */ /* CLEAR DEFAULTS & SET PAGE ---------------------------------------------------*/ 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: right; speak-header: always; width: 25%; padding-right: 8px} 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, a:active {color: #aa210c; text-decoration:underline; cursor: pointer; font-weight:bold;} a:hover {color: #aa210c; text-decoration:none; cursor: pointer;} input, select {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; width: 200px} label {cursor: pointer; margin-bottom: 5px; margin-right:10px;} /* Set html & body --------------------------------------------------*/ html {margin: 0px; padding: 0px; background:#fff;} body {position: relative; width: 100%; height:100%; margin: auto; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size: 12px; color:#000;} #container {position:relative; width: 1003px; margin: 0px auto; background:#fff;} /* BRANDING / NAVIGATION ---------------------------------------------------*/ #branding {position:relative; height:113px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:0px 0px 0px 0px; z-index:1} #branding ul li {padding:6px 0px 5px 0px; list-style:none;} #branding h2 {position:absolute; top:14px; left:4px;} #login {position:absolute; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; right:30px; top:8px;} #login h2 {position:absolute; top:3px; margin:0px 0px 0px 90px;} #login a:link, #login a:visited {color: #707070; text-decoration:none; cursor: pointer; font-weight:normal;} #login a:hover, #login a:active {color: #707070;} #branding ul.bar {position:absolute; padding:0px; margin-top:50px; display:block; margin-left:435px; width:568px;} #branding li.yuimenubaritem {padding:2px 3px; display:block; float:right; background:url(../images/bkg_divider.gif) 0% 60% no-repeat; height:18px;} #branding li.first {background:none;} #branding li.last {} div.yui-b p {margin: 0 0 .5em 0;color: #999;} div.yui-b p strong {font-weight:bold; color:#000;} div.yui-b p em {color: #000;} #nav {position: static;} #nav ul li.yuimenubaritem {} #nav a.yuimenubaritemlabel:link, #nav a.yuimenubaritemlabel:active, #nav a.yuimenubaritemlabel:visited {font-weight:bold; text-decoration:none; color:#707070; padding:3px 10px 3px 10px;} #nav a.yuimenubaritemlabel:hover {color:#fff; background:#aa210c;} #nav .yuimenu {background:#aa210c; border:solid 1px #fff; font-size:11px; text-align:left; padding:0px 10px 0px 10px;} .yuimenu {position: absolute; left: 0; display: none;} #nav .yuimenu a.yuimenuitemlabel:link, #nav .yuimenu a.yuimenuitemlabel:visited, #nav .yuimenu a.yuimenuitemlabel:active {color:#fff; font-weight:bold; font-size:12px; text-decoration:none;} #nav .yuimenu a.yuimenuitemlabel:hover {text-decoration:underline;} #nav .yui-menu-shadow {display:none;} .yuimenuitemlabel,.yuimenubaritemlabel {white-space:nowrap;} #pgabout #nav_about, #pgdata #nav_data, #pgcolocation #nav_colocation, #pgofferings #nav_offerings, #pgdisaster #nav_disaster, #pgcareers #nav_careers, #pgrequest #nav_request, #pgonline #nav_online, #pgcontact #nav_contact, #pgadvantage #nav_advantage {background:#aa210c; color:#fff;} /* CONTENT FORMATTING ---------------------------------------------------*/ #content {position: relative; float:right; width:707px; margin: 0px auto; clear: both; padding:15px 5px 30px 20px;} #content p {margin: 0px 0px 20px 0px; font-size:12px; line-height:20px;} #contentbox h1 {background:url(../images/bkg_header.gif) no-repeat; float:right; width:714px; height:36px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 25px; color: #aa210c; font-weight:normal; margin:0px 0px 0px 0px; padding:18px 0px 5px 18px;} #content h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #010101; font-weight:normal; margin: 20px 0px 10px 0px; line-height:25px;} #content h3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #737272; margin:15px 0px 5px 0px; padding:0px 0px 0px 0px; font-weight:bold;} #content h4 {font-size: 10px; color: #000; font-weight:normal; width:290px;} #contentbox {width:1003px; height:auto; padding:0px 0px 0px 0px; margin:0px;} #content ul {margin:10px 0px 0px 0px;} #content ul li {list-style:disc; padding:0px 0px 10px 0px; margin:0px 0px 0px 35px;} #colLeft {position:relative; width:320px; float:left; padding-right:12px;} #colRight {position:relative; width:320px; float:left; padding-left:12px} #main {position:relative; width:510px; float:left; margin:0px 9px 0px 18px} #main_iframe {position:relative; width:745px; float:left; margin:0px 9px 0px 18px} * html #main_iframe { width: 700px; } #main_iframe iframe { width: 745px; height:800px; } * html #main_iframe iframe { width: 700px; } #search_iframe iframe { width: 745px; height:1200px; } #breadcrumbs {font-family:Arial, Helvetica, sans-serif; padding:5px 0px 0px 23px; color:#d8ddbc; font-size:12px;} #breadcrumbs a {color:#d8ddbc;} .photo {border: 1px solid #c2c1c1; margin: 10px 0px} .photoLeft, .photoRight {border: 1px double #c2c1c1;} .photoLeft {float:left; margin: 5px 25px 10px 0px;} .photoRight {float: right; margin: 5px 0px 10px 20px;} .photoRight_nobdr {float: right; margin: 5px 0px 10px 10px; border:none;} .photoLeft_nobdr {border: none; float: left; margin: 0px 10px 10px 0px} .left {width: 45%; padding-right:5%; float: left} .right {width: 45%; float: left; clear:right} .col {width: 173px; margin: 0px 10px; float:left; display:block; padding: 20px 0px 0px; text-align:left} .col2 {width: 240px; margin: 0px 10px; float:left; display:block; padding: 20px 0px 0px; text-align:left} .col li {margin-left: 5px} .small {font-style:normal; color:#000; font-size:10px;} .clear {clear:both;} #logos {width: 700px; margin:0px; padding:15px 0px 10px 0px;} .logo_coll {width: 165px; margin-right:10px; float:left; display:block; text-align:center;} .logo_col2 {width: 165px; margin-right:10px; float:left; display:block; text-align:center;} .logo_col3 {width: 165px; margin-right:10px; float:left; display:block; text-align:center;} .logo_col4 {width: 165px; margin-right:0px; float:left; display:block; text-align:center;} /* SIDEBAR ---------------------------------------------------*/ #sidebar {width: 263px; display:block; height:660px;} #sidebar .subnav {width:243px; height:auto; display:block; margin:12px 0px 0px 9px; padding: 12px 0px 10px 0px; font-weight:bold; border-top:solid 1px #cbcbcb; border-bottom:solid 1px #cbcbcb;} #sidebar .subnav h2 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#ab230e; font-size:14px; padding:0px 0px 10px 0px;} #sidebar .subnav h3 {color:#000; font-size:11px; font-weight:bold; padding:0px 0px 5px 0px;} #sidebar .subnav ul {margin:0px 0px 0px 25px; padding:0px;} #sidebar .subnav ul li {color: #707070; list-style:disc; padding:0px 0px 5px 0px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;} #sidebar .subnav a:link, #sidebar .subnav a:visited {color: #707070; text-decoration: none; font-weight:normal; font-size: 11px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;} #sidebar .subnav a:hover, #sidebar .subnav a:active {color: #707070; text-decoration: underline;} #sidebar blockquote {width:243px; margin:10px 0px 0px 9px; height:290px;} #sidebar .btn01 {padding:0px; margin:0px 0px 15px 0px;} #sidebar .btn01 h2 {position:absolute; padding:8px 0px 0px 10px; width:175px; font-size:17px; line-height:18px;} #sidebar .btn01 p {position:absolute; margin:55px 0px 0px 10px;} #sidebar .btn01 a:link, #sidebar .btn01 a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; color: #aa210c; text-decoration:none; font-weight:normal;} #sidebar .btn01 a:hover, #sidebar .btn01 a:active {color:#aa210c;} #sidebar .btn02 {padding:0px; margin:0px 0px 15px 0px;} #sidebar .btn02 h2 {position:absolute; margin:0px; padding:5px 0px 0px 72px;} #sidebar .btn02 h2 a:link, #sidebar .btn02 h2 a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color: #aa210c; text-decoration:none; font-weight:normal;} #sidebar .btn02 h2 a:hover, #sidebar .btn02 h2 a:active {color:#aa210c;} #sidebar .btn02 p {position:absolute; width:200px; margin:28px 0px 5px 23px; text-align:center; line-height:15px;} #sidebar .btn03 {position:absolute; padding:0px; margin:0px 0px 40px 0px;} #sidebar .btn03 h2 { position:absolute; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; margin:0px 15px 11px 5px; text-align:center; line-height:20px; } #sidebar .btn03 p {position:absolute; width:200px; margin:28px 0px 5px 23px; text-align:center; line-height:15px;} #sidebar .btn04 {padding:0px; margin:0px 0px 15px 0px;} #sidebar .btn04 h2 {position:absolute; margin:0px; padding:5px 0px 0px 35px; width:175px; text-align:center;} #sidebar .btn04 h2 a:link, #sidebar .btn04 h2 a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color: #000; text-decoration:none; font-weight:normal;} #sidebar .btn04 h2 a:hover, #sidebar .btn04 h2 a:active {color:#aa210c;} #sidebar .btn04 p {position:absolute; width:200px; margin:93px 0px 5px 23px; text-align:center; line-height:15px;} #sidebar #testimonials {padding:0px 10px; font-size:11px;} #sidebar #testimonials h2 {color:#aa210c; font-size:14px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; padding-bottom:5px;} #sidebar #testimonials span {text-align:right; font-size:11px; font-style:normal; float:right; padding:3px 5px 5px 0px; margin-bottom:15px; width:240px; color:#737272;} /* SITE INFO (footer) ---------------------------------------------------*/ #siteinfo { position:absolute; border-top:solid 2px #cbcbcb; text-align:center; width: 993px; clear: both; color:#888f8f; display:block; font-size:11px; margin-top: 75px; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 12px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } #siteinfo a:link, #siteinfo a:visited {color: #888f8f; text-decoration: none; font-weight:normal;} #siteinfo a:hover, #siteinfo a:active {color: #888f8f; text-decoration: underline;} #siteinfo cite {font-style:normal;} #siteinfo cite a {color: #888f8f; font-style:normal;} /* FORM ---------------------------------------------------*/ #contact_form ul {margin-left:0px;} #contact_form ul li {list-style-type: none; margin: 20px 0px; font-weight:normal;} #contact_form .required {color:#aa210c; font-weight:bold;} #contact_form label {width:90px; text-align: right; float: left;} #contact_form input, #contact_form select, {margin-left: 10px; } #contact_form textarea {margin-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#333333; width:200px;} #contact_form li.buttons {clear: both; padding:0px 0px 0px 98px; *padding:0px 0px 0px 109px; margin:0px;} #contact_form li.buttons input {width: auto;} #contact_form td.checkboxes {width:10px;} #contact_form td.comments {width:100px;} #contact_form td input {width:20px; margin-left:0px;} #contact_form td label {width:160px; margin:0px; padding:0px; text-align:left;} /*Page Specific ---------------------------------------------------*/ #pgcontact #content h3 a:link, #pgcontact #content h3 a:visited {margin-left:10px;} #pgcontact #content h3 a:hover, #pgcontact #content h3 a:active {} /*Home ---------------------------------------------------*/ #pghome #branding {height:420px;} #pghome #branding #flashcontent {position:relative; top:112px; height:300px; width:1003px;} #content #flashcontent {position:relative;} *#flashcontent {z-index:-1;} * html #flashcontent {z-index:-1;} html > body #flashcontent {z-index:auto;} #pghome #contentbox {width:1003px; padding:0px 0px 0px 0px; margin:0px; height:auto; border:none;} #pghome #content {position:relative; float:none; left:271px; width:680px; height:auto; padding:10px 25px 7px 25px; margin:0px; background:url(../images/bkg_content.gif) repeat-x #cbcbcb; border-left:solid 1px #cbcbcb; border-right:solid 1px #cbcbcb;} #pghome #content h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; padding:5px 0px 0px 0px; margin:0px 0px 0px 0px; color:#aa210c; font-weight:normal; background:none; float:none; width:auto;} #pghome #content p {width:680px; padding:0px; line-height:19px;} #pghome #contentbox .top {float:right;} #pghome #contentbox .btm {float:right;} *html #pghome #content {padding:7px 25px 10px 25px;} #pghome #contentbox blockquote {position:absolute; margin-top:1px; float:left; width:263px; height:334px;} #pghome .btn01 {width:263px; height:188px; padding:0px; margin:0px 22px 8px 0px;} #pghome .btn01 h2 {position:absolute; padding:8px 0px 0px 14px; width:175px; line-height:24px;} #pghome .btn01 p {position:absolute; margin:80px 0px 0px 14px;} #pghome .btn01 a:link, #pghome .btn01 a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color: #aa210c; text-decoration:none; font-weight:normal;} #pghome .btn01 a:hover, #pghome .btn01 a:active {color:#aa210c;} #pghome .btn02 {width:263px; height:65px; padding:0px; margin:0px 22px 8px 0px;} #pghome .btn02 h2 {position:absolute; margin:0px; padding:5px 0px 0px 85px;} #pghome .btn02 h2 a:link, #pghome .btn02 h2 a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color: #aa210c; text-decoration:none; font-weight:normal;} #pghome .btn02 h2 a:hover, #pghome .btn02 h2 a:active {color:#aa210c;} #pghome .btn02 p {position:absolute; width:200px; margin:28px 0px 5px 34px; text-align:center; line-height:15px;} #pghome .btn03 {position:absolute; width:263px; height:65px; padding:0px; margin:0px 22px 8px 0px;} #pghome .btn03 h2 { position:absolute; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; margin:12px 0px 11px 15px; text-align:center; line-height:20px; width: 247px; } #pghome #siteinfo {border:none;}