/* C O R E L A Y O U T S T Y L E S */
/* State of Delaware - CLF 2013 - Jan 2013 */
body {
margin: 0px;
padding: 0px;
border: 0px;
width: 100%;
/* star text-align: center; */
}
/* Force margins and padding to 0 */
#forceDOMredraw, #pw1, #pw2, #pw3, #pw4, #eas1, #eas2, #eas3, #eas4, #eas5, #eas6, #hg1, #hg2, #hg3, #hg4, #hg5, #hg6, #sl1, #sl2, #sl3, #sl4, #searchGroup, #searchArea, #searchAreaLeft, #searchAreaMiddle, #txtKeyword, #searchAreaRight, .searchButton, #hgp1, #hgp2, #hgp3, #hgp4, #hgp5, #hgp6, #mcaw1, #mcaw2, #mcaw3, #mcaw4, #st1, #st2, #st3, #st4, #mcanav1, #mcanav2, #mcanav3, #mcanav4, #nav_open_button, .nav_ob1, .nav_ob2, .nav_ob3, .nav_ob4, .nav_obi1, .nav_cb1, .nav_cb2, .nav_cb3, .nav_cb4, .nav_cbi1, #mcauser1, #mcauser2, #mcauser3, #mcauser4, #mcauser_hdr1, #mcauser_hdr2, #mcauser_hdr3, #mcauser_hdr4, #mcauser_cont1, #mcauser_cont2, #mcauser_cont3, #mcauser_cont4,.bar_sm_rss_share1,.bar_sm_rss_share2,.bar_sm_rss_share3,.bar_sm_rss_share4,.bar_sm_rss_share5,.bar_sm_rss_share6, #ftr1, #ftr2, #ftr3, #ftr4, #ftra1, #ftra2, #ftra3, #ftra4, #ftrs1, #ftrs2, #ftrs3, #ftrs4, #btm1, #btm2, #btm3, #btm4, #btm_bc1, #btm_bc2, #btm_bc3, #btm_bc4 {
margin: 0px;
padding: 0px;
}
/* Force DOM redraw overlay div */
/* Invoked by JS on load and also on orientation change */
#forceDOMredraw {
height: 3000px;
width: 3000px;
position: absolute;
top: 0px;
z-index: 50000;
background: none;
}
/* Used by top drawer code */
.hidden {
display: none;
}
.visible {
display: block;
}
/* BEGIN Wrappers for page (pw), outer */
#pw1 {
margin: 0 auto;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#pw1 {
width: 100%;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#pw1 {
width: 100%;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#pw1 {
width: 640px;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#pw1 {
width: 747px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#pw1 {
width: 996px;
}}
#pw2 {
margin: 0 auto;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#pw2 {}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#pw2 {}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#pw2 {
width: 618px;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#pw2 {
width: 729px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#pw2 {
width: 972px;
}}
/* Unused. Available. */
#pw3 {}
#pw4 {}
/* END Wrappers for page (pw), outer */
/* B E G I N E M E R G E N C Y A L E R T S T R I P */
/* Unused. Available. */
#eas1 {}
#eas2 {}
#eas3 {}
#eas4 {}
#eas5 {}
#eas6 {}
/* E N D E M E R G E N C Y A L E R T S T R I P */
/* D E L A W A R E H E A D E R ( P A G E T O P ) S T Y L E S */
/* header group styles */
/* header 10 units tall */
#hg1 {
background-color: #000000;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#hg1 {
width: 100%;
height: 67px;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#hg1 {
width: 100%;
height: 67px;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#hg1 {
width: 618px;
height: 67px;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#hg1 {
width: 729px;
height: 67px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#hg1 {
width: 972px;
height: 67px;
}}
/* Unused. Available. */
#hg2 {}
#hg3 {}
#hg4 {}
#hg5 {}
#hg6 {}
#hg1_l {
position: relative;
float: left;
}
#hg1_r {
position: relative;
border: 0px solid purple;
}
/* U47 */
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#hg1_r {
height: 67px;
width: 200px;
float: left;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#hg1_r {
height: 67px;
width: 211px;
float: left;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#hg1_r {
height: 67px;
width: 350px;
float: right;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#hg1_r {
height: 52px;
width: 423px;
float: right;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#hg1_r {
height: 67px;
width: 564px;
float: right;
}}
#hg1_c {
clear: both;
}
#sl1 {
position: relative;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#sl1 {
margin-top: 11px;
margin-left: 11px;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#sl1 {
margin-top: 11px;
margin-left: 11px;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#sl1 {
margin-top: 11px;
margin-left: 11px;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#sl1 {
margin-top: 5px;
margin-left: 9px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#sl1 {
margin-top: 7px;
margin-left: 12px;
}}
/* Unused. Available */
#sl2 {}
#sl3 {}
#sl4 {}
#searchGroup {
position: relative;
float: left;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#searchGroup {
height: 67px;
width: 130%;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#searchGroup {
height: 67px;
width: 100%
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#searchGroup {
float: right;
right: 11px;
height: 67px;
width: 308px;
}}
/* 32U wide */
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#searchGroup {
height: 52px;
width: 288px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#searchGroup {
height: 67px;
width: 384px;
}}
/* 27U */
#searchGroupLeft {
position: relative;
float: left;
border: 0px solid red;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#searchGroupLeft {
left: 12px;
right: 62px;
top: 11px;
width: 70%;
min-width: 100px;
height: 44px;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#searchGroupLeft {
left: 12px;
right: 62px;
top: 11px;
width: 65%;
min-width: 100px;
height: 44px;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#searchGroupLeft {
left: 0px;
right: 62px;
top: 11px;
min-width: 254px;
height: 44px;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#searchGroupLeft {
left: 0px;
right: 62px;
top: 18px;
min-width: 244px;
height: 35px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#searchGroupLeft {
left: 0px;
right: 62px;
top: 16px;
min-width: 324px;
height: 49px;
}}
#searchAreaLeft {
position: absolute;
left: 0px;
}
#searchAreaMiddle {
position: absolute;
}
/* BEGIN ACTUAL SEARCH BAR AREA */
#txtKeyword {
position: absolute;
width: 95%;
margin 0px;
border: 0px;
background-color: none;
outline: none;
color: #000000;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#txtKeyword {
height: 14px;
top: 6px;
font-size: 11px;
font-weight: bold;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#txtKeyword {
height: 14px;
top: 6px;
font-size: 11px;
font-weight: bold;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#txtKeyword {
height: 14px;
top: 6px;
font-size: 11px;
font-weight: bold;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#txtKeyword {
height: 14px;
top: 6px;
font-size: 11px;
font-weight: bold;
padding-left: 2px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#txtKeyword {
height: 14px;
top: 6px;
font-size: 11px;
font-weight: bold;
padding-left: 3px;
}}
/* END ACTUAL SEARCH BAR AREA */
#searchAreaRight {
position: absolute;
}
#searchGroupRight {
position: relative;
float: right;
border: 0px solid red;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#searchGroupRight {
top: 11px;
right: 11px;
height: 44px;
width: 44px;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#searchGroupRight {
top: 11px;
right: 11px;
height: 44px;
width: 44px;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#searchGroupRight {
top: 11px;
height: 44px;
width: 44px;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#searchGroupRight {
top: 5px;
height: 35px;
width: 35px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#searchGroupRight {
top: 7px;
height: 49px;
width: 49px;
}}
.searchButton {
position: relative;
outline: none;
}
/* 14U */
#servicesGroup {
position: relative;
float: right;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#servicesGroup {
display: none;
/* height: 88px;
width: 200px; */
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#servicesGroup {
display: none;
/* height: 88px;
width: 200px; */
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#servicesGroup {
display: none;
/* height: 88px;
width: 200px; */
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#servicesGroup {
height: 52px;
width: 126px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#servicesGroup {
height: 67px;
width: 168px;
}}
.servicesButton {
position: relative;
outline: none;
}
/* U7 w/1U left and 1U right (U9 total) */
#servicesGroupLeft {
position: relative;
float: left;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#servicesGroupLeft {
display: none;
/* height: 88px;
width: 200px; */
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#servicesGroupLeft {
display: none;
/* height: 88px;
width: 200px; */
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#servicesGroupLeft {
display: none;
/* height: 88px;
width: 200px; */
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#servicesGroupLeft {
top: 5px;
left: 9px;
right: 9px;
height: 35px;
width: 63px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#servicesGroupLeft {
top: 7px;
left: 12px;
right: 12px;
height: 49px;
width: 84px;
}}
#servicesGroupRight {
position: relative;
float: right;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#servicesGroupRight {
display: none;
/* height: 88px;
width: 200px; */
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#servicesGroupRight {
display: none;
/* height: 88px;
width: 200px; */
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#servicesGroupRight {
display: none;
/* height: 88px;
width: 200px; */
}}
/* U15 */
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#servicesGroupRight {
right: 9px;
top: 5px;
height: 35px;
width: 35px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#servicesGroupRight {
right: 12px;
top: 7px;
height: 49px;
width: 49px;
}}
#sGsG_c {
clear: both;
}
/* S E A R C H S H E L F S T Y L E S */
/* U5 high */
#portalTopBar_shelfSearch {
width: 100%;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#portalTopBar_shelfSearch {
height: 65px;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#portalTopBar_shelfSearch {
height: 65px;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#portalTopBar_shelfSearch {
height: 65px;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#portalTopBar_shelfSearch {
height: 25px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#portalTopBar_shelfSearch {
height: 35px;
}}
/* U3h, U47w */
#portalTopBar_shelfSearchWrap {
position: relative;
float: right;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#portalTopBar_shelfSearchWrap {
padding-top: 15px;
width: 100%;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#portalTopBar_shelfSearchWrap {
padding-top: 15px;
width: 100%;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#portalTopBar_shelfSearchWrap {
padding-top: 15px;
width: 100%;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#portalTopBar_shelfSearchWrap {
top: 5px;
height: 25px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#portalTopBar_shelfSearchWrap {
top: 10px;
height: 35px;
}}
#portalTopBar_shelfSearchWrap .portalTopBarSearchOptionItemLabel {
padding-left: 11px;
padding-right: 11px;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#portalTopBar_shelfSearchWrap .portalTopBarSearchOptionItemLabel {
padding-left: 4px;
padding-right: 4px;
}
#portalTopBar_shelfSearchWrap #portalTopBarSearchOptionLabel1Wrap {
padding-left: 11px;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#portalTopBar_shelfSearchWrap .portalTopBarSearchOptionItemLabel {
padding-left: 22px;
padding-right: 5px;
}
#portalTopBar_shelfSearchWrap #portalTopBarSearchOptionLabel1Wrap {
padding-left: 11px;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#portalTopBar_shelfSearchWrap .portalTopBarSearchOptionItemLabel {
padding-left: 22px;
padding-right: 5px;
}
#portalTopBar_shelfSearchWrap #portalTopBarSearchOptionLabel1Wrap {
padding-left: 11px;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#portalTopBar_shelfSearchWrap .portalTopBarSearchOptionItemLabel {
padding-left: 22px;
padding-right: 5px;
}
#portalTopBar_shelfSearchWrap #portalTopBarSearchOptionLabel1Wrap {
padding-left: 11px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#portalTopBar_shelfSearchWrap .portalTopBarSearchOptionItemLabel {
padding-left: 24px;
padding-right: 6px;
}}
#portalTopBar_shelfSearchSelectors {
border: 0px solid orange;
position: relative;
float: left;
}
#portalTopBar_shelfSearchSelectors label {}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#portalTopBar_shelfSearchSelectors input {
margin: 0px;
padding: 0px;
*margin-top: -2px; /* IE 7 fix */
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#portalTopBar_shelfSearchSelectors input {
margin: 0px;
padding: 0px;
*margin-top: -2px; /* IE 7 fix */
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#portalTopBar_shelfSearchSelectors input {
margin: 0px;
padding: 0px;
*margin-top: -2px; /* IE 7 fix */
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#portalTopBar_shelfSearchSelectors input {
margin: 0px;
padding: 0px;
*margin-top: -2px; /* IE 7 fix */
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#portalTopBar_shelfSearchSelectors input {
margin: 0px;
padding: 0px;
*margin-top: 0px; /* IE 7 fix */
}}
.portalTopBarSearchOptionItemLabel {
position: relative;
float: left;
}
.portalTopBarSearchOptionItemButton {
position: relative;
float: left;
}
#portalTopBar_shelfSearchAdvancedLink {
float: right;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#portalTopBar_shelfSearchAdvancedLink {
width: 100%;
margin-right: 11px;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#portalTopBar_shelfSearchAdvancedLink {
margin-right: 11px;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#portalTopBar_shelfSearchAdvancedLink {
margin-right: 11px;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#portalTopBar_shelfSearchAdvancedLink {
margin-right: 9px;
margin-left: 27px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#portalTopBar_shelfSearchAdvancedLink {
margin-right: 12px;
margin-left: 72px;
}}
#portalShelfLinkColumnNewsSocialMedia, #portalShelfLinkColumnTopics {}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#portalShelfLinkColumnNewsSocialMedia, #portalShelfLinkColumnTopics {
display: none;
}}
#portalTopBar_shelfServices {}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#portalTopBar_shelfServices {
width: 729px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#portalTopBar_shelfServices {
width: 972px;
}}
.portalTopBar_shelfInner {
width: 100%;
position: relative;
}
.portalTopBar_shelfInnerInner {
width: 100%;
position: relative;
}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
.portalTopBar_shelfInnerInner {
margin-top: 10px;
height: 160px;
}}
/* 23U high */
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
.portalTopBar_shelfInnerInner {
margin-top: 14px;
height: 160px;
}}
#portalTopBar_shelfServices .portalShelfLinkColumn {
position: relative;
float: left;
}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#portalTopBar_shelfServices .portalShelfLinkColumn {
width: 110px;
margin-left: 9px;
margin-right: 2px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#portalTopBar_shelfServices .portalShelfLinkColumn {
width: 110px;
margin-left: 11px;
margin-right: 0px;
}}
#portalTopBar_shelfServices .LinkLastColumn {
position: relative;
float: right;
}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#portalTopBar_shelfServices .LinkLastColumn {
width: 110px;
}}
/* 23U high */
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#portalTopBar_shelfServices .LinkLastColumn {
width: 110px;
}}
#portalTopBar_shelfServices .LinkColumnRightMore {
position: relative;
right: 0px;
display: block;
}
.portalTopBar_shelfInnerMore {
clear: both;
width: 100%;
}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
.portalTopBar_shelfInnerMore {
margin-top: 10px;
margin-bottom: 10px;
height: 20px;
}}
/* 23U high */
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
.portalTopBar_shelfInnerMore {
margin-top: 14px;
margin-bottom: 14px;
height: 28px;
}}
/* header group photo styles */
#hgp1 {
background-color: #444444;
}
/* 12U * 11 high */
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#hgp1 {
display: none;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#hgp1 {
display: none;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#hgp1 {
display: none;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#hgp1 {
width: 729px;
height: 99px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#hgp1 {
width: 972px;
height: 132px;
}}
/* unused available */
#hgp2 {}
#hgp3 {}
#hgp4 {}
#hgp5 {}
#hgp6 {}
/* Wrappers for site title area (st) */
#st1 {
width: 100%;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 0px;
padding-right: 0px;
background-color: #EFEFEF;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
position: relative;
}
#st2 {
border: 0px solid green;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#st2 {
padding-top: 11px;
padding-bottom: 11px;
padding-left: 11px;
padding-right: 11px;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#st2 {
padding-top: 11px;
padding-bottom: 11px;
padding-left: 11px;
padding-right: 11px;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#st2 {
padding-top: 11px;
padding-bottom: 11px;
padding-left: 11px;
padding-right: 11px;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#st2 {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 9px;
padding-right: 9px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#st2 {
padding-top: 7px;
padding-bottom: 7px;
padding-left: 11px;
padding-right: 11px;
}}
/* Unused. Available. */
#st3 {}
#st4 {}
/* Wrappers for main content area (mca) */
/* 1: base layer - runs top to bottom - user background here
2: side shadow
3: top shadow
4: sidebar rule*/
/* see develop and customize stylesheet for mcaw1 */
#mcaw1 {}
#mcaw2 {
padding-top: 0px;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#mcaw2 {
background-color: #FFFFFF;
background: none;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#mcaw2 {
background-color: #FFFFFF;
background: none;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#mcaw2 {
background-color: #FFFFFF;
background: none;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#mcaw2 {
background: url('/private/CLF30/img/CLF_back_mcaw2_U9.png');
background-repeat: repeat-y;
background-position: 161px 0px;
overflow: auto;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#mcaw2 {
background: url('/private/CLF30/img/CLF_back_mcaw2_U12.png');
background-repeat: repeat-y;
overflow: auto;
background-position: 215px 0px;
}}
#mcaw3 {
padding-top: 0px;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#mcaw3 {
background-color: #FFFFFF;
background: none;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#mcaw3 {
background-color: #FFFFFF;
background: none;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#mcaw3 {
background-color: #FFFFFF;
background: none;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#mcaw3 {
background: url('/private/CLF30/img/CLF_back_mcaw3_U9.png');
background-repeat: repeat-x;
overflow: auto;
background-position: 161px 0px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#mcaw3 {
background: url('/private/CLF30/img/CLF_back_mcaw3_U12.png');
background-repeat: repeat-x;
overflow: auto;
background-position: 215px 0px;
}}
#mcaw4 {
padding-top: 0px;
background-repeat: repeat-y;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#mcaw4 {
background-color: #FFFFFF;
background: none;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#mcaw4 {
background-color: #FFFFFF;
background: none;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#mcaw4 {
background-color: #FFFFFF;
background: none;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#mcaw4 {
background-position: 161px 0px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#mcaw4 {
background-position: 215px 0px;
}}
/* N A V S T Y L E S */
/* Wrappers for nav (mcanav) */
#mcanav1 {
border: 0px solid green;
background: #FFFFFF;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#mcanav1 {
width: 100%;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#mcanav1 {
width: 100%;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#mcanav1 {
width: 100%;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#mcanav1 {
float: left;
width: 161px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#mcanav1 {
float: left;
width: 215px;
}}
#mcanav2 {
border: 0px solid red;
overflow: hidden;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#mcanav2 {
margin-left: 0px;
margin-right: 0px;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#mcanav2 {
margin-left: 0px;
margin-right: 0px;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#mcanav2 {
margin-left: 0px;
margin-right: 0px;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#mcanav2 {
margin-left: 9px;
margin-right: 0px;
margin-top: 10px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#mcanav2 {
margin-left: 11px;
margin-right: 0px;
margin-top: 14px;
}}
/* Unused. Available */
#mcanav3 {}
#mcanav4 {}
#nav_bar {
display: block;
border: 0px solid green;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#nav_bar {
display: none;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#nav_bar {
display: none;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#nav_bar {
display: none;
}}
#nav_open_button1, #nav_open_button2 {
display: none;
height: 55px;
background-color: #000000;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#nav_open_button1 {
display: block;
}
#nav_open_button2 {
display: none;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#nav_open_button1 {
display: block;
}
#nav_open_button2 {
display: none;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#nav_open_button1 {
display: block;
}
#nav_open_button2 {
display: none;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) {
#nav_open_button1, #nav_open_button2 {
background: none;
display: none;
}}
/* Unused. Available. */
.nav_ob1 {
position: relative;
float: left;
left: 11px;
width: 220px;
height: 22px;
top: 20px;
}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) {
.nav_ob1 {
display: none;
}}
.nav_ob2 {}
.nav_ob3 {}
.nav_ob4 {}
.nav_obi1 {
position: relative;
float: right;
top: 5px;
right: 11px;
width: 44px;
height: 44px;
}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) {
.nav_obi1 {
display: none;
}}
#nav_close_button1, #nav_close_button2 {
display: none;
height: 55px;
background-color: #000000;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#nav_close_button1, #nav_close_button2 {
display: none;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#nav_close_button1, #nav_close_button2 {
display: none;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#nav_close_button1, #nav_close_button2 {
display: none;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) {
#nav_close_button1, #nav_close_button2 {
background: none;
display: none;
}}
/* Unused. Available. */
.nav_cb1 {
position: relative;
float: left;
left: 11px;
width: 220px;
height: 22px;
top: 20px;
}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) {
.nav_cb1 {
display: none;
}}
.nav_cb2 {}
.nav_cb3 {}
.nav_cb4 {}
.nav_cbi1 {
position: relative;
float: right;
top: 5px;
right: 11px;
width: 44px;
height: 44px;
}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) {
.nav_cbi1 {
display: none;
}}
/* M A I N C O N T E N T A R E A */
/* Wrappers for main content area user content (mcauuser) */
/* This wrapper contains the 1px side rule, left of content area */
/* The 1px width is subtracted from the nav bar width calculations, to its
left, not from the content area, to its right. */
#mcauser1 {}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#mcauser1 {
width: 100%;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#mcauser1 {
width: 100%;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#mcauser1 {
width: 100%;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#mcauser1 {
float: right;
width: 567px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#mcauser1 {
float: right;
width: 757px;
}}
#mcauser2 {
border: 0px solid magenta;
top: 0px;
padding: 0px;
margin: 0px;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#mcauser2 {
width: 100%;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#mcauser2 {
width: 100%;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#mcauser2 {
width: 100%;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#mcauser2 {
width: 567px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#mcauser2 {
width: 757px;
}}
#mcauser3 {
border: 0px solid magenta;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#mcauser3 {
width: 100%;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#mcauser3 {
width: 100%;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#mcauser3 {
width: 100%;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#mcauser3 {
width: 567px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#mcauser3 {
width: 757px;
}}
/* Wrappers for main content area user content (mcauuser) */
/* This is the full content area wrapper, from inside the left rule
to the right side */
#mcauser4 {
border: 0px solid magenta;
margin-left: 1px;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#mcauser4 {
width: 100%;
margin-top: 11px;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#mcauser4 {
width: 100%;
margin-top: 11px;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#mcauser4 {
width: 100%;
margin-top: 11px;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#mcauser4 {
width: 566px;
margin-top: 10px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#mcauser4 {
width: 756px;
margin-top: 14px;
}}
/* Wrappers for main content area user content, full-width in-article header (mcauuser_hdr) */
#mcauser_hdr1 {}
/* TITLE STRIP STRUCTURE GOES HERE */
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#mcauser_hdr1 {
margin-left: 11px;
margin-right: 11px;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#mcauser_hdr1 {
margin-left: 11px;
margin-right: 11px;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#mcauser_hdr1 {
margin-left: 11px;
margin-right: 11px;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#mcauser_hdr1 {
width: 531px;
margin-left: 18px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#mcauser_hdr1 {
width: 708px;
margin-left: 24px;
}}
/* Unused. Available */
#mcauser_hdr2 {}
#mcauser_hdr3 {}
#mcauser_hdr4 {}
/* Wrappers for main content area user content, below full-width in-article header (mcauuser_cont) */
/* This is the true content area. User content is placed in here */
#mcauser_cont1 {
/* specify width and overflow hidden to prevent wide content from
blowing up the CLF left-to-right */
overflow: hidden;
border: 0px solid green;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#mcauser_cont1 {
margin-left: 11px;
margin-right: 11px;
width: 95%;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#mcauser_cont1 {
margin-left: 11px;
margin-right: 11px;
width: 95%;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#mcauser_cont1 {
margin-left: 11px;
margin-right: 11px;
width: 95%;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#mcauser_cont1 {
width: 531px;
margin-left: 18px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#mcauser_cont1 {
width: 708px;
margin-left: 24px;
}}
/* Unused. Available */
#mcauser_cont2 {}
#mcauser_cont3 {}
#mcauser_cont4 {}
/* Hook for space beneath floating mcanav and mcauser */
#mcanav_mcauser_bottom {
clear: both;
}
/* Share Nav Bar */
/* Unused. Available. */
.bar_sm_rss_share1 {}
.bar_sm_rss_share2 {}
.bar_sm_rss_share3 {}
.bar_sm_rss_share4 {}
.bar_sm_rss_share5 {}
.bar_sm_rss_share6 {}
#mcauser_cont1 .bar_sm_rss_share1 {
position: relative;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#mcauser_cont1 .bar_sm_rss_share1 {
height: 22px;
margin-top: 22px;
margin-bottom: 22px;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#mcauser_cont1 .bar_sm_rss_share1 {
height: 22px;
margin-top: 22px;
margin-bottom: 22px;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#mcauser_cont1 .bar_sm_rss_share1 {
height: 22px;
margin-top: 22px;
margin-bottom: 22px;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#mcauser_cont1 .bar_sm_rss_share1 {
height: 18px;
margin-top: 10px;
margin-bottom: 10px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#mcauser_cont1 .bar_sm_rss_share1 {
height: 24px;
margin-top: 14px;
margin-bottom: 14px;
}}
#mcauser_cont1 .bar_sm_rss_btn {
display: none;
}
#mcauser_cont1 .bar_sm_share_btn {
float: right;
}
#ftr1 .bar_sm_share_btn {
display: inline;
}
/* footer */
/* Footer wrapper */
#ftr1 {
margin: 0 auto;
border: 0px solid red;
background: #000000;
position: relative;
}
#ftr2 {}
#ftr3 {}
#ftr4 {}
/* Local Nav: Agency */
#ftra1 {
background-image: url('/private/CLF30/img/CLF_searchBak_p_640-3.jpg');
background-position: top left;
background-repeat: repeat-x;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#ftra1 {
padding-top: 1.4em;
padding-bottom: 1.4em;
padding-left: 11px;
padding-right: 11px;
font-size: 0.7em;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#ftra1 {
padding-top: 1.4em;
padding-bottom: 1.4em;
padding-left: 11px;
padding-right: 11px;
font-size: 0.8em;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#ftra1 {
padding-top: 1.0em;
padding-bottom: 1.0em;
padding-left: 11px;
padding-right: 11px;
font-size: 0.9em;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#ftra1 {
padding-top: 0.6em;
padding-bottom: 0.6em;
padding-left: 9px;
padding-right: 9px;
font-size: 0.8em;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#ftra1 {
padding-top: 0.8em;
padding-bottom: 0.8em;
padding-left: 12px;
padding-right: 12px;
font-size: 0.8em;
line-height: 1.5em;
}}
#ftra2 {}
#ftra3 {}
#ftra4 {}
#ftra1_l {
float: left;
border: 0px solid red;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#ftra1_l {
width: 22px;
height: 22px;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#ftra1_l {
width: 22px;
height: 22px;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#ftra1_l {
width: 22px;
height: 22px;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#ftra1_l {
width: 20px;
height: 20px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#ftra1_l {
width: 28px;
height: 28px;
}}
#ftra1_r {
float: right;
border: 0px solid red;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#ftra1_r {
width: 90%;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#ftra1_r {
width: 92%;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#ftra1_r {
width: 556px;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#ftra1_r {
width: 675px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#ftra1_r {
width: 900px;
}}
#ftra2_l {
float: left;
border: 0px solid orange;
width: 100%;
}
#ftra2_r {
float: left;
border: 0px solid yellow;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#ftra2_r {
margin-top: 0.6em;
margin-bottom: 0.3em;
width: 100%;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#ftra2_r {
margin-top: 0.6em;
margin-bottom: 0.3em;
width: 100%;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#ftra2_r {
margin-top: 0.6em;
margin-bottom: 0.3em;
width: 100%;
}}
#ftra3_r {
float: right;
border: 0px solid green;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#ftra3_r {
margin-top: -2.0em;
margin-bottom: -0.1em;
position: relative;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#ftra3_r {
margin-top: -2.0em;
margin-bottom: -0.1em;
position: relative;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#ftra3_r {
top: -2.0em;
position: relative;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#ftra3_r {
position: relative;
top: 0.1em;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#ftra3_r {
position: relative;
top: -0.4em;
}}
#ftra2_c {
clear: both;
}
#ftra1_c {
clear: both;
}
/* Global Nav: State */
#ftrs1 {
background-image: url('/private/CLF30/img/CLF_btm_back_touch44.jpg');
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#ftrs1 {
padding-top: 1.7em;
padding-bottom: 1.4em;
padding-left: 11px;
padding-right: 11px;
font-size: 0.7em;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#ftrs1 {
padding-top: 1.2em;
padding-bottom: 1.4em;
padding-left: 11px;
padding-right: 11px;
font-size: 0.8em;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#ftrs1 {
padding-top: 1.2em;
padding-bottom: 1.4em;
padding-left: 11px;
padding-right: 11px;
font-size: 0.9em;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#ftrs1 {
background-size: 100% 38px;
background-repeat: repeat-x;
font-size: 0.8em;
padding-top: 0.6em;
padding-bottom: 0.9em;
padding-left: 9px;
padding-right: 9px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#ftrs1 {
background-size: 100% 61px;
background-repeat: repeat-x;
font-size: 0.8em;
padding-top: 1.4em;
padding-bottom: 1.7em;
padding-left: 12px;
padding-right: 12px;
}}
#ftrs2 {}
#ftrs3 {}
#ftrs4 {}
#ftrs1_l {
float: left;
border: 0px solid red;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#ftrs1_l {
width: 22px;
height: 22px;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#ftrs1_l {
width: 22px;
height: 22px;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#ftrs1_l {
width: 22px;
height: 22px;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#ftrs1_l {
width: 20px;
height: 20px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#ftrs1_l {
width: 28px;
height: 28px;
}}
#ftrs1_r {
float: right;
border: 0px solid red;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#ftrs1_r {
width: 90%;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#ftrs1_r {
width: 92%;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#ftrs1_r {
width: 556px;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#ftrs1_r {
width: 675px;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#ftrs1_r {
width: 900px;
}}
#ftrs2_l {
float: left;
border: 0px solid orange;
width: 100%;
}
#ftrs2_r {
float: left;
border: 0px solid yellow;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#ftrs2_r {
margin-top: 0.6em;
margin-bottom: 0.3em;
width: 100%;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#ftrs2_r {
margin-top: 0.6em;
margin-bottom: 0.3em;
width: 100%;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#ftrs2_r {
margin-top: 0.6em;
margin-bottom: 0.3em;
width: 100%;
}}
#ftrs3_r {
float: right;
border: 1px solid green;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#ftrs3_r {
margin-top: 0.3em;
margin-bottom: 0.3em;
width: 100%;
float: left;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#ftrs3_r {
margin-top: 0.3em;
margin-bottom: 0.3em;
width: 100%;
float: left;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#ftrs3_r {
margin-top: 0.3em;
margin-bottom: 0.3em;
width: 100%;
float: left;
}}
#ftrs2_c {
clear: both;
}
#ftrs1_c {
clear: both;
}
/* Wrapper for bottom of page curve */
#btm1 {
margin: 0 auto;
border: 0px solid red;
}
/* orange - touch44/11 -serves 320x480 portrait */
@media screen and (min-width:320px) and (max-width:479px) {
#btm1 {
display: none;
width: 100%;
}}
/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
@media screen and (min-width:480px) and (max-width:639px) {
#btm1 {
display: none;
width: 100%;
}}
/* yellow - touch44/11 -serves ??? screens */
@media screen and (min-width:640px) and (max-width:799px) {
#btm1 {
display: none;
width: 640px;
}}
/* green - U9/5 - serves 800x600 screens */
@media screen and (min-width:800px) and (max-width:995px) {
#btm1 {
width: 747px;
height: 70px;
background: url('/private/CLF30/img/CLF_btm_U9-2.png') 0 0 repeat-y;
}}
/* blue - U12/7 - serves 1024x768 screens */
@media screen and (min-width:996px) {
#btm1 {
width: 997px;
height: 70px;
background: url('/private/CLF30/img/CLF_btm_U12-2.png') 0 0 repeat-y;
}}
/* Unused. Available */
#btm2 {}
#btm3 {}
#btm4 {}
/* Unused. Available */
#btm_bc1 {}
#btm_bc2 {}
#btm_bc3 {}
#btm_bc4 {}
/* Horizontal spacer elements */
/* Provided for when horizontal gaps need to be wider than styled defaults. Progression is roughly logarithmic, which accounts for needs from precise positioning at the element-grouping level up to the more wide spacing of page-level grouping */
.spcr3, .spcr5, .spcr8, .spcr10, .spcr12, .spcr15, .spcr20, .spcr25, .spcr30, .spcr40, .spcr50, .spcr60, .spcr75, .spcr100, .spcr125, .spcr150, .spcr200 {clear:both}
.spcr3 {height:3px;} .spcr5 {height:5px;} .spcr8 {height:8px;} .spcr10 {height:10px;} .spcr12 {height:11px;} .spcr15 {height:15px;} .spcr20 {height:20px;} .spcr25 {height:25px;} .spcr30 {height:30px;} .spcr40 {height:40px;} .spcr50 {height:50px;} .spcr60 {height:60px;} .spcr75 {height:75px;} .spcr100 {height:100px;} .spcr125 {height:125px;} .spcr150 {height:150px;} .spcr200 {height:200px;}
/* GRID object widths */
.gridGap {width:13px} .grid0_5 {width:52px;} .grid1{width:105px;} .grid1_5 {width:157px;} .grid2 {width:223px;} .grid2_5 {width:275px;} .grid3 {width:341px;} .grid3_5 {width:393px;} .grid4 {width:459px;} .grid4_5 {width:511px;} .grid5 {width:577px;} .grid5_5 {width:629px;} .grid6 {width:695px;}
.gridGap, .grid0_5, .grid1, .grid1_5, .grid2, .grid2_5, .grid3, .grid3_5, .grid4, .grid4_5, .grid5 {margin-right:13px;}
/* GRID object heights */
.gridGapTall {height:15px} .grid0_5h {height:32px} .grid1h {height:65px;} .grid1_5h {height:97px;} .grid2h {height:145px;} .grid2_5h {height:177px;}
