/* TODO: - Email blast discovered flaws: font family, font size (px not em) Version: 2.0.17 - 20100226 Friday - headercontainerd (Dedicated Hosting) - headercontainerb2 (Physical Cloud mk2) - ul, color: orange (for bullets) - ul li span, color: #FFFFFF (for bullet content) - blueform, used for forms like publiccloudbeta, formfeedback, formleads 2.0.16 - 20100212 Friday - loginsearch, 30 height (back in play from copyright3) and other changes 2.0.15 - 20100211 Thursday - copyright 3, moved inside the constraining element div, pagecontainer - topcontainer logo, float left - copyright3 copyright3watermark (used thrice now) border, color, background, new style overhaul - calltoaction (new) calltoaction img (new) etc. 2.0.14 - 20100210 Wednesday - topcontainer, removed /images/logo-final3.png as 'background' (brought in as img src and clickable) - loginbox2, new full bar for items in main nav - copyright3, used as copy of bottom bookend bar (by StrataScale) to create top bar (a division of RagingWire) - pagecontainer loginsearch, height drop from 20px to 10px (blank space at this point) - footercontainer footernavcontainer, line-height: 1.5em; - contentcontainer, font: normal 0.9em "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; (change from 11px) - contentcontainer, line-height: 1.5em; 2.0.13 - 20100204 Thursday - headercontainera, color: #FFFFFF (found via email testing) - pagecontainer loginsearch, overflow: hidden, height: 20px (for ragingwire logo compensation) - pagecontainer loginsearch img, margin-bottom: -10px (ragingwire logo fitting) 2.0.12 - 20100202 Tuesday - staffcontainer staffphoto width attribute for IE7 compatibility (worked) - footercontainer companylogos, clear both for IE6 compatibility (worked) 2.0.11 - 20100201 Monday - testimonials p: bigger - testimonials testimonialssource: align right - testimonialstitle: clean big size - companylogos, companylogos img - copyright2 - pageshadow1.gif in footer background - staffcontainer, staffphoto, staffinfo 2.0.10 - 20100129 Friday - doublesize class - clear class - testimonials, testimonials p 2.0.9 - 20100120 Wednesday - Content Slider code - Tab code 2.0.8 - 20100119 Tuesday - servicemark class for the <abbr> tag and SM symbol on all pages for Physical Cloud 2.0.7 - 20100118 Monday - Swapped physicalcloudbox and physicalcloudbox2 - Eliminated borders on header objects - Smaller buttons in header - Footer color blends in more - Square corners everywhere - Page is a single page, no splits between elements - Space at top for new login/search in whitespace - loginsearch, for search and login at top of the page - techspecs-calltoaction2, buy now green stylized box button 2.0.6 - 20100112 Wednesday - #techspecs-___ 2.0.5 - 20100112 Tuesday - title_stratascale3.png (logo-final2.png) - topcontainer size increased via topcontainer loginbox padding-top - contentcontainer a set to deep blue 125382 - contentcontainer hr set to white FFFFFF - impact-container,impact-title,impact-calltoaction,impact-content created - footercontainer a:hover, background-color 125382; - contentfull padding 0px from 20px - sidebar ul, padding-left 1.5em - footercontainer footernavcontainer, width 900 cause of issues - topandheader, with shadow, replacing multiple elements with shadow - contentcontainer, shadow - serverlevel-container,serverlevel-title,serverlevel-content - contentcall-container,contentcall-title,contentcall-calltoaction - contentcontainer .clear - impact-calltoaction a,contentcall-calltoaction a, background none - headercontenta a, color white FFFFFF - headercontenta a:hover, color 125382, background-color FFFFFF 2.0.4 - 20100111 Monday - contentcontainer a, set to black 2.0.3 - 20100111 Monday - Sidebar title shadows more subtle 2.0.2 - 20100111 Monday - New logo in topcontainer 2.0.1 - 20100111 Monday - sidebar ul, padding-left 1em 2.0 - 20100110 Sunday - Initial launch */ /* ========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */ /* @import 'css-global.css'; */ /* ========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */ /* @import 'css-5.css'; */ /* ========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */ /* @import 'css-5c.css'; */ /* ========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */ /* @import 'css-f1.css'; */ body { background-color: #b4b6bb; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; margin: 0px; } h1,h2,h3,h4,h5,h6 { text-shadow: 1px 1px 1px lightgrey; } img { border: 0px; } .servicemark { font-size: 0.5em; vertical-align: top; } .doublesize { font-size: 2.0em; } .clear { clear: both; } ul { color: orange; } ul li span { color: #FFFFFF; } /* ========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */ #styleselectcontainer { display: none; } /* #styleselectcontainer { background-color: #000000; border-bottom: 1px dotted #FFFFFF; color: #FFFFFF; position: relative; z-index: 9000; } #styleselectcontainer #styleselect { * float: left; * padding-left: 10px; } #styleselectcontainer #styleselect a { color: #FFFFFF; } #styleselectcontainer #styleselect a:hover { background-color: yellow; color: #000000; } */ /* ========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */ #pagecontainer { margin: auto; margin-bottom: 60px; margin-top: 0px; width: 900px; } #pagecontainer #loginsearch { color: #3e3e3e; /* #7c7c80 */ font-size: 1.2em; /* font-weight: bold; */ height: 40px; overflow: hidden; padding: 1px 0px 1px 0px; text-align: right; } #pagecontainer #loginsearch img { margin-bottom: -7px; } #pagecontainer #loginsearch form { display: inline; } #pagecontainer #loginsearch form .inputtext { background-color: #FFFFFF; /* #b4b6bb */ border: 1px solid #3e3e3e;/* #c6c7cc */ font-size: 1.1em; margin: 0px; padding: 1px 2px 1px 2px; } #pagecontainer #loginsearch form .submit { background-color: #b4b6bb; /* #7c7c80 */ border: none; color: #3e3e3e; /* #7c7c80 #c6c7cc #b4b6bb */ font-size: 1.1em; margin-right: 10px; padding: 1px 5px 1px 5px; } #pagecontainer #loginsearch form .submit:hover { color: #FFFFFF; } #pagecontainer #loginsearch a { color: #3e3e3e; /* #7c7c80; */ text-decoration: none; } #pagecontainer #loginsearch a:hover { color: #FFFFFF; } #topandheader { /* -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-box-shadow: 0px 0px 5px grey; -moz-box-shadow: 0px 0px 5px grey; */ } /* ========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */ #topcontainer { /*background-image: url('/images/title_stratascale.png');*/ /* background-image: url('/images/logo-final3.png'); background-repeat: no-repeat; */ border-bottom: 1px solid #0E3352; /* #1f4563 */ height: 80px; overflow: hidden; background-color: #101318; /*background-position: -20px -40px;*/ color: #FFFFFF; margin: 0px; /* padding-top: 5px; */ /* -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; */ /* -webkit-box-shadow: 0px 0px 5px grey; -moz-box-shadow: 0px 0px 5px grey; */ } #topcontainer img { margin-left: -20px; margin-top: -40px; } #topcontainer a { color: #FFFFFF; } #topcontainer a:hover { background-color: yellow; color: #000000; } /* ---------- ---------- ---------- ---------- ---------- */ #topcontainer #styleselect { float: left; padding-left: 10px; } /* ---------- ---------- ---------- ---------- ---------- */ #topcontainer #logo { float: left; overflow: hidden; } #calltoaction { float: right; font-size: 1.2em; margin: 30px 20px 0px 0px; } #calltoaction a { color: #D3D3D3; text-decoration: none; } #calltoaction a:hover { background: none; color: #FFFFFF; } #calltoaction img { /* width: 20px; * 30px * height: 20px; */ float: left; margin: 0px 5px 0px 10px; }  #topcontainer #loginbox { padding-right: 0px; /* 30 */ text-align: right; margin-bottom: 8px; padding-top: 50px; } #topcontainer #loginbox a { background-color: #5b6066; background-image: url('/images/back_navtab_inactive2.png'); background-position: center center; background-repeat: repeat-x; /* border-left: 1px solid #8c8d91; border-right: 1px solid #8c8d91; border-top: 1px solid #8c8d91; */ border-right: 1px solid #000000; color: #FFFFFF; display: inline; font-size: 0.9em; font-weight: bold; padding: 8px 20px; text-decoration: none; text-transform: uppercase; } #topcontainer #loginbox a:hover { background-color: #8c8d91; background-image: url('/images/back_navtab_active2.png'); background-position: center center; background-repeat: repeat-x; color: #FFFFFF; } #loginbox2 { background-color: #083e5c; /* #101318 #5b6066 */ /* background-image: url('/images/back_navtab_inactive2.png'); background-position: center center; background-repeat: repeat-x; */ padding-right: 0px; /* 30 */ padding: 8px 0px 8px 20px; text-align: right; /* margin-bottom: 8px; margin-top: 7px; */ /*padding-top: 50px;*/ } #loginbox2 a { background-color: #5b6066; background-image: url('/images/back_navtab_inactive2.png'); background-position: center center; background-repeat: repeat-x; /* border-left: 1px solid #8c8d91; border-right: 1px solid #8c8d91; border-top: 1px solid #8c8d91; */ border-left: 1px solid #083e5c; color: #FFFFFF; display: inline; font-size: 0.9em; font-weight: bold; padding: 8px 20px; text-decoration: none; text-transform: uppercase; } #loginbox2 a:hover { background-color: #8c8d91; background-image: url('/images/back_navtab_active2.png'); background-position: center center; background-repeat: repeat-x; color: #FFFFFF; } /* ---------- ---------- ---------- ---------- ---------- */ #topcontainer #physicalcloudbox { display: none; /* background-color: #1f4563; border-top: 1px solid #8c8d91; padding: 5px; padding-right: 30px; text-align: right; */ } /* #topcontainer #physicalcloudbox a { border-right: 1px dotted #8eb1c1; color: #8eb1c1; display: inline; font-size: 1.0em; font-weight: bold; margin-right: 0px; padding: 2px 10px; text-decoration: none; } #topcontainer #physicalcloudbox a:hover { background: none; color: #FFFFFF; } */ /* ========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */ /* ---------- ---------- ---------- ---------- ---------- */ #headercontainera { background-color: #154067; /* #19405d */ background-image: url('/images/title_home_bg2.jpg'); background-position: center; background-repeat: repeat-x; border-bottom: 1px solid #0E3352; /* #1f4563 */ color: #FFFFFF; text-shadow: 1px 1px 1px #000000; } #headercontainera #headercontenta { background-image: url('/images/title_home6.jpg'); background-position: 10px center; background-repeat: no-repeat; height: 333px; overflow: hidden; padding: 10px 10px 0px 533px; } #headercontainera #headercontenta h1 { margin-left: -50px; text-shadow: 1px 1px 1px #000000; } #headercontainera #headercontenta h1 b { font-size: 1.5em; /* font-size: 35px; */ } #headercontainera #headercontenta p { font-size: 1.2em; /* font-size: 14px; */ font-weight: bold; margin-left: 50px; margin-top: 30px; } #headercontainera #headercontenta a { color: #FFFFFF; } #headercontainera #headercontenta a:hover { background-color: #FFFFFF; color: #125382; text-decoration: none; text-shadow: none; } /* ---------- ---------- ---------- ---------- ---------- */ /* Physical Cloud */ #headercontainerb { background-color: #083e5c; color: #FFFFFF; } #headercontainerb #headercontentb { background-image: url('/images/title_dedicatedcloud2.png'); background-position: 10px 0px; /* 10px bottom */ background-repeat: no-repeat; height: 130px; overflow: hidden; padding: 0px 10px 0px 320px; /* 10px 10px 0px 533px */ } #headercontainerb #headercontentb h1 { margin-top: 5px; text-shadow: 1px 1px 1px #000000; } #headercontainerb #headercontentb h1 b { font-size: 1.7em; margin-left: 50px; } /* ---------- ---------- ---------- ---------- ---------- */ /* Physical Cloud mk2 */ #headercontainerb2 { background-color: #154067; /* #19405d */ background-image: url('/images/title_home_bg3.jpg'); background-position: center; background-repeat: repeat-x; border-bottom: 1px solid #0E3352; /* #1f4563 */ color: #FFFFFF; /*text-shadow: 0px 1px 1px #000000;*/ /* background-color: #083e5c; color: #FFFFFF; */ } #headercontainerb2 #headercontentb2 { background-image: url('/images/title_home7.jpg'); background-position: 10px center; background-repeat: no-repeat; height: 238px; overflow: hidden; padding: 10px 20px 0px 380px; /* background-image: url('/images/title_dedicatedcloud2.png'); background-position: 10px 0px; background-repeat: no-repeat; height: 130px; overflow: hidden; padding: 0px 10px 0px 320px; */ } #headercontainerb2 #headercontentb2 h1 { /*margin-top: 5px;*/ text-shadow: 1px 1px 1px #000000; } #headercontainerb2 #headercontentb2 h1 b { font-size: 1.7em; margin-left: 50px; } #headercontainerb2 #headercontentb2 h2 { color: orange; /*margin-top: 5px;*/ text-shadow: 1px 1px 1px #000000; } /* ---------- ---------- ---------- ---------- ---------- */ #headercontainerc { background-color: #083e5c; color: #FFFFFF; } #headercontainerc #headercontentc { background-image: url('/images/title_dedicatedcloud2.png'); background-position: 10px bottom; background-repeat: no-repeat; height: 201px; overflow: hidden; padding: 10px 10px 0px 533px; } #headercontainerc #headercontentc h1 { font-weight: normal; margin-left: -200px; margin-top: 20px; text-shadow: 1px 1px 1px #000000; } #headercontainerc #headercontentc h1 b { font-weight: bold; } /* ---------- ---------- ---------- ---------- ---------- */ /* Dedicated Hosting */ #headercontainerd { background-color: #FFFFFF; /* #083e5c */ color: #000000; } #headercontainerd #headercontentd { /* background-image: url('/images/title_dedicatedcloud2.png'); background-position: 10px 0px; background-repeat: no-repeat; */ /* height: 250px; */ overflow: hidden; padding: 20px 20px 20px 20px; /* 0px 10px 0px 320px */ /* 10px 10px 0px 533px */ } #headercontainerd #headercontentd h1 { margin: 0px; /* margin-top: 5px; */ /* text-shadow: 1px 1px 1px #000000; */ } #headercontainerd #headercontentd h1 b { font-size: 1.7em; /* margin-left: 50px; */ } #headercontainerd #headercontentd h2 { /* text-shadow: 1px 1px 1px #000000; */ margin: 0px; } #headercontainerd #headercontentd ul { margin-top: 0px; } /* ---------- ---------- ---------- ---------- ---------- */ #headercontainera,#headercontainerb,#headercontainerb2,#headercontainerc { color: #FFFFFF; /* -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; */ /* -webkit-box-shadow: 0px 0px 5px grey; -moz-box-shadow: 0px 0px 5px grey; */ } #headercontainerd { color: #000000; } /* ========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */ #bodycontainer { margin: auto; width: 900px; } /* ========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */ #physicalcloudbox2 { background-color: #1f4563; /* #0E3352 */ /* border-top: 1px solid #8c8d91; */ padding: 5px; padding-right: 30px; text-align: left; } #physicalcloudbox2 a { /* border-right: 1px dotted #8eb1c1; */ color: #FFFFFF; display: inline; font-size: 1.0em; font-weight: bold; margin-right: 0px; padding: 2px 10px; text-decoration: none; } #physicalcloudbox2 a:hover { /* background: none; color: #8eb1c1; */ background-color: #0E3352; } #physicalcloudbox2 { /* display: none; */ /* background-color: darkgrey; margin-top: 20px; padding: 10px 20px 10px 20px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; */ } /* #physicalcloudbox2 a { color: #FFFFFF; font-weight: bold; margin-right: 20px; text-decoration: none; } #physicalcloudbox2 a:hover { color: blue; } */ /* #physicalcloudbox2 { background-color: #204563; margin-bottom: -8px; margin-top: 8px; -webkit-box-shadow: 0px 0px 5px grey; -moz-box-shadow: 0px 0px 5px grey; } #physicalcloudbox2 a { color: #8eb1c1; } #physicalcloudbox2 a:hover { color: #FFFFFF; } */ /* ========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */ /* ========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */ #contentcontainer { /*background-color: #b4b6bb;*/ background-color: #f7f5f2; /* #f6f3f0 */ background-image: url('/images/back_body_whiteglow2.png'); background-position: center 0px; /* -350px */ background-repeat: no-repeat; color: #000000; /* margin-top: 20px; */ /* padding: 20px 20px 20px 20px; */ padding: 20px; /* font: normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; */ /* font: normal 0.9em "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; */ font-weight: normal; font-size: 0.9em; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color: #444; letter-spacing: -0.04em; line-height: 1.5em; /* ipod touch / iphone text resize */ /* -webkit-text-size-adjust:none; */ overflow: hidden; /* -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-box-shadow: 0px 0px 5px grey; -moz-box-shadow: 0px 0px 5px grey; */ } #contentcontainer h1 { color: #000000; margin: 0px; } #contentcontainer a { color: #125382; } #contentcontainer a:hover { background-color: #125382; color: #FFFFFF; text-decoration: none; text-shadow: none; } #contentcontainer hr { border: 1px solid #FFFFFF; margin: 20px 0px 20px 0px; } #contentcontainer .clear { clear: both; } #contentcontainer .img { background: none; } #contentfull { padding: 0px; } #contentleft { /* background-color: #f7f5f2; * #f6f3f0 * background-image: url('/images/back_body_whiteglow.png'); background-position: center -350px; background-repeat: no-repeat; */ /*background-color: #f7f5f2;*/ /* #f6f3f0 */ float: left; overflow: hidden; padding: 0px; /*width: 58%;*/ width: 530px; /* -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-box-shadow: 0px 0px 5px grey; -moz-box-shadow: 0px 0px 5px grey; */ }  #contentleft #impact-container { } #contentleft #impact-title { float: left; } #contentleft #impact-title h2 { margin: 0px; } #contentleft #impact-calltoaction { float: right; } #contentleft #impact-calltoaction a { background: none; } #contentleft #impact-content { clear: both; } #contentleft #contentcall-container { margin-top: 20px; /*padding-bottom: 20px;*/ } #contentleft #contentcall-title { float: left; padding-bottom: 20px; } #contentleft #contentcall-title h2 { margin: 0px; } #contentleft #contentcall-calltoaction { float: right; } #contentleft #contentcall-calltoaction a { background: none; } #contentleft #techspecs-container { margin-top: 20px; /*padding-bottom: 20px;*/ } #contentleft #techspecs-title { float: left; } #contentleft #techspecs-title h2 { margin: 0px; } #contentleft #techspecs-calltoaction { float: right; } #contentleft #techspecs-calltoaction a { background: none; } #contentleft #techspecs-calltoaction2 { float: right; } #contentleft #techspecs-calltoaction2 a { background-color: green; border: 1px solid #FFFFFF; /* #1f4563 */ color: #FFFFFF; padding: 1px 5px 1px 8px; text-decoration: none; } #contentleft #techspecs-calltoaction2 a:hover { background-color: #FFFFFF; border: 1px solid green; color: green; padding: 1px 5px 1px 8px; text-decoration: none; } #contentleft #techspecs-container2 { clear: both; } #contentleft #techspecs-contentleft { float: left; font-size: 1.2em; line-height: 2.0em; padding-bottom: 20px; width: 290px; } #contentleft #techspecs-contentright { float: right; padding-bottom: 20px; width: 220px; } #contentleft #techspecs-contentright ul { margin: 0px; } #testimonialsintro { font-size: 1.8em; margin-bottom: 20px; } #testimonials { background-color: #125382; background-image: url('/images/back_body_cyanglow2.png'); background-position: center 0px; /* -600px */ background-repeat: no-repeat; color: #FFFFFF; padding: 20px; -webkit-box-shadow: 0px 0px 5px #1B6796; -moz-box-shadow: 0px 0px 5px #1B6796; } #testimonials p { font-style: italic; font-size: 1.3em; margin-bottom: 0px; } #testimonials #testimonialssource { text-align: right; } #testimonials a { color: #FFFFFF; } #testimonials h1, #testimonials h2, #testimonials h3, #testimonials h4, #testimonials h5, #testimonials h6 { text-shadow: 1px 1px 1px #185B84; /* #125382 #1B6796 #185B84 */ } #serverlevel-container { clear: both; margin-bottom: 20px; } #serverlevel-title a { background-color: #1f4563; border: 1px solid #083e5c; display: inline-block; float: left; margin-right: 10px; padding: 10px 0px; text-align: center; text-decoration: none; width: 80px; } #serverlevel-title a:hover { background-color: #8eb1c1; border-color: #083e5c; color: #083e5c; } #serverlevel-content { margin-left: 90px; }  .staffcontainer { clear: both; margin-left: 20px; } .staffphoto { float: left; padding: 0px 10px 10px 0px; width: 60px; } .staffinfo { font-size: 1.2em; } #stafflargephoto { float: left; margin-top: 20px; } #staffcontent { margin-left: 220px; }  #blueform { background-color: #125382; background-image: url('/images/back_body_cyanglow2.png'); background-position: center 0px; /* -600px */ background-repeat: no-repeat; color: #FFFFFF; clear: both; padding: 20px 20px 20px 20px; } #blueform h1, #blueform h2, #blueform h3, #blueform h4, #blueform h5, #blueform h6 { text-shadow: 1px 1px 1px #185B84; /* #125382 #1B6796 #185B84 */ }  #sidebar { background-color: #125382; background-image: url('/images/back_body_cyanglow2.png'); background-position: center 0px; /* -600px */ background-repeat: no-repeat; color: #FFFFFF; /*margin-left: 64%;*/ float: right; /*padding-left: 20px;*/ padding: 10px 20px 10px 20px; width: 270px; /* 310px */ -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-box-shadow: 0px 0px 5px #1B6796; -moz-box-shadow: 0px 0px 5px #1B6796; } /* #sidebar { padding-bottom: 10px; padding-right: 20px; padding-top: 10px; } */ #sidebar img { display: block; margin: auto; } #sidebar a { color: #FFFFFF; } #sidebar ul { padding-left: 1.5em; } #sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 { text-shadow: 1px 1px 1px #185B84; /* #125382 #1B6796 #185B84 */ } /* #leadershipteam h3 { margin-bottom: 0px; } */ /* ========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */ #footercontainer { background-image: url('/images/pageshadow1.gif'); background-position: center top; background-repeat: no-repeat; clear: both; color: #7c7c80; font-size: 0.8em; margin: auto; padding: 20px 30px 0px 30px; width: 840px; } #footercontainer b { font-size: 1.5em; } #footercontainer a { color: #7c7c80; text-decoration: none; } #footercontainer a:hover { background-color: #125382; color: #FFFFFF; /*text-decoration: underline;*/ } /* ---------- ---------- ---------- ---------- ---------- */ #footercontainer #footercontactcontainer { /* border-bottom: 1px dotted #f0ece8; */ margin: auto; overflow: hidden; padding-bottom: 20px; width: 810px; } #footercontainer #footercontactcontainer a { color: #FFFFFF; } /* ---------- ---------- ---------- ---------- ---------- */ #footercontainer #footercontactcontainer #footercontact { float: left; font-size: 1.3em; width: 270px; } #footercontainer #footercontactcontainer #footercontact h2 { font-size: 1.0em; font-weight: normal; letter-spacing: 4px; margin: 0px; text-shadow: none; text-transform: uppercase; } #footercontainer #footercontactcontainer #footercontact img { float: left; margin-right: 10px; } /* ---------- ---------- ---------- ---------- ---------- */ #footercontainer #footernavcontainer { border-bottom: 1px solid #c6c7cc; border-top: 1px solid #c6c7cc; line-height: 1.5em; margin: auto; overflow: hidden; padding: 10px 0px 20px 0px; /*width: 900px;*/ } #footercontainer #footernavcontainer .footernav { /* border-right: 1px dotted #f0ece8; */ float: left; margin-right: 30px; padding: 10px 0px 0px 60px; } #footercontainer #companylogos { clear: both; padding: 50px 0px 0px 0px; text-align: center; } #footercontainer #companylogos a:hover { background: none; } #footercontainer #companylogos img { margin: 0px 5px 0px 5px; vertical-align: middle; } #footercontainer #copyright { clear: both; margin-top: 0px; padding: 20px 0px 0px 0px; text-align: center; /* padding: 20px 30px 0px 0px; text-align: right; */ } #copyright2 { background-color: #083e5c; clear: both; color: #FFFFFF; height: 20px; margin-top: 0px; overflow: hidden; text-align: right; } #copyright2 #copyright2content { font-size: 0.8em; padding: 3px 0px 0px 0px; } #copyright2 #copyright2tagline { float: right; font-size: 1.1em; padding: 1px 0px 0px 20px; } #copyright2 #copyright2watermark { background-color: #000000; float: right; font-weight: bold; height: 30px; padding: 0px 10px 0px 5px; } #copyright2 #copyright2watermark span { /*color: red;*/ } #copyright2 a { color: #FFFFFF; text-decoration: none; } #copyright2 a:hover { text-decoration: underline; } #copyright3 { /*background-color: #083e5c;*/ clear: both; color: #D3D3D3; /*#1c94d9;*/ /* height: 30px; */ margin-top: 1px; overflow: hidden; text-align: right; } #copyright3 b { color: #FFFFFF; } #copyright3 #copyright3content { font-size: 0.9em; padding: 3px 0px 0px 0px; } #copyright3 #copyright3tagline { float: right; font-size: 1.1em; padding: 1px 10px 0px 0px; } #copyright3 a { color: #FFFFFF; text-decoration: underline; } #copyright3 a:hover { text-decoration: none; } #copyright3 #copyright3watermark { border-left: 1px solid #D3D3D3; color: #7c7c80; float: right; font-weight: bold; /* height: 30px; */ overflow: hidden; padding: 0px 0px 0px 0px; text-align: right; } #copyright3 #copyright3watermark span { /*color: red;*/ } #copyright3 #copyright3watermark img { margin-bottom: -7px; } #copyright3 #copyright3watermark form { display: inline; } #copyright3 #copyright3watermark form .inputtext { background-color: #FFFFFF; /* #12608d */ border: 1px solid #b4b6bb; /* #1b72a6 */ color: #000000; font-size: 0.9em; margin: 0px; padding: 1px 2px 1px 2px; margin-left: 5px; /* width: 200px; */ } #copyright3 #copyright3watermark form .submit { background-color: #b4b6bb; /* #12608d #7c7c80 */ border: 1px solid #b4b6bb; /* #1b72a6 */ color: #FFFFFF; /* #1e83bf #c6c7cc #b4b6bb */ font-size: 0.9em; margin-right: 0px; padding: 1px 5px 1px 5px; } #copyright3 #copyright3watermark form .submit:hover { background-color: #7c7c80; /* #1b72a6 */ color: #FFFFFF; cursor: pointer; } #copyright3 #copyright3watermark a { color: #7c7c80; text-decoration: none; } #copyright3 #copyright3watermark a:hover { color: #FFFFFF; }  /* ---------- ---------- ---------- ---------- ---------- */ /*********************************************** * Featured Content Slider- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more ***********************************************/ .sliderwrapper{ position: relative; /*leave as is*/ overflow: hidden; /*leave as is*/ border: 10px solid navy; border-bottom-width: 6px; /*width: 400px;*/ /*width of featured content slider*/ height: 250px; } .sliderwrapper .contentdiv{ visibility: hidden; /*leave as is*/ position: absolute; /*leave as is*/ left: 0; /*leave as is*/ top: 0; /*leave as is*/ padding: 5px; background: white; /*width: 390px;*/ /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */ /*height: 100%;*/ filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; } .pagination{ /*width: 400px;*/ /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/ text-align: right; background-color: navy; padding: 5px 10px; } .pagination a{ padding: 0 5px; text-decoration: none; color: #00007D; background: white; } .pagination a:hover, .pagination a.selected{ color: #000; background-color: #FEE496; } /* ---------- ---------- ---------- ---------- ---------- */ /* http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/ajaxtabs_suppliment.htm */ /* ######### CSS for Shade Tabs. Remove if not using ######### */ #contentcontainer .shadetabs{ padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: bold 12px Verdana; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ } #contentcontainer .shadetabs li{ display: inline; margin: 0; } #contentcontainer .shadetabs li a{ text-decoration: none; position: relative; z-index: 1; padding: 3px 7px; margin-right: 0px; border: 1px solid #154067; /* #778 */ /* background: white url('/images/shade.gif') top left repeat-x; */ background-color: #154067; color: #FFFFFF; } #contentcontainer .shadetabs li a:visited{ } #contentcontainer .shadetabs li a:hover{ text-decoration: underline; color: #FFFFFF; /* #2d2b2b */ } #contentcontainer .shadetabs li a.selected{ /*selected main tab style */ position: relative; top: 1px; } #contentcontainer .shadetabs li a.selected{ /*selected main tab style */ /* background-image: url('/images/shadeactive.gif'); */ background-color: #FFFFFF; /* f2faff 125382 */ border-bottom-color: #FFFFFF; color: #000000; } #contentcontainer .shadetabs li a.selected:hover{ /*selected main tab style */ text-decoration: none; } #contentcontainer .tabcontentcontainer{ border: 1px solid #154067; margin-bottom: 1em; } #contentcontainer .tabcontent{ background-color: #FFFFFF; /* f8fcff eef8ff f2faff e9f6ff d7eeff adddff 1973b3 125382 */ /* background-image: url('/images/back_body_whiteglow.png'); background-position: 120px 180px; background-repeat: no-repeat; */ color: #000000; display:none; padding: 5px; } .tabcontent h1, .tabcontent h2, .tabcontent h3, .tabcontent h4, .tabcontent h5, .tabcontent h6 { /*text-shadow: 1px 1px 1px #185B84;*/ /* #125382 #1B6796 #185B84 */ } @media print { #contentcontainer .tabcontent { display:block !important; } } /* ---------- ---------- ---------- ---------- ---------- */