address, blockquote, body, button, caption, cite, dd, dfn, dir, div, dl, dt, form, h1, h2, h3, h4, h5, h6, hr, html, img, label, li, menu, ol, p, samp, select, small, span, sub, sup, textarea, td, tfoot, th, thead, tt, ul {font-family: Arial, Helvetica, Verdana, sans-serif; font-weight:normal; margin:0; padding:0; text-align:left; vertical-align:top; color:#ffffff;} #page-wrapper{font-size:0.75em; line-height: 1.5em;} /* ~~~~~~~~~~ HTML STYLES ~~~~~~~~~~ */ body {background:#aeaeae url("../pics/bg-page.jpg") repeat-x; z-index: 0; text-align:center; } button {cursor:pointer;} address, big, blockquote, caption, cite, code, dfn, dd, dl, dt, pre {margin-left:0;} caption {} cite, dfn, samp {font-style:italic;} code{} fieldset{border:1px solid #888888; background: #7c796d; margin: 10px 0 10px 0; padding: 5px 5px 10px 5px;} p, li, input, textarea, {} h1 {font-size: 1.5em; margin-bottom: 1em; margin-top:0; padding-top: 0; font-weight:bold;} /**** page titles only****/ h2 {font-size: 1.25em; font-weight:bold; } /**** section titles only ****/ h3 {font-size:1.15em; font-weight:bold; color: #cccccc; border-bottom:1px dotted #cccccc;} /**** sub-titles only ****/ h4 {font-size:1em; font-weight:bold; line-height:11px; margin-bottom: 5px;} /**** sub-sub headers only****/ h5 {font-size:1em; font-style:italic;} /**** small notes only ****/ h6 {font-family: Arial, Helvetica, sans-serif; font-size:0.8em; color:#aaaaaa; text-transform:uppercase; font-weight:bold; line-height: 1em;} /**** section page titles only ****/ hr {height:1px; color:#cccccc;} html {} img{border:none; } input {cursor:auto; color: #000000; font-size:1em;} kbd {font:1em monospace;} label {cursor:default; display:block; } ol {list-style:decimal; margin:0 0 1em 1.5em;} p {margin:0 0 1em 0;} select {cursor:auto; color: #000000;} samp {} small, sub, sup {font-size:0.75em;} span{} table {/*border:1px solid #999999;*/} td, th {/*vertical-align:top; border:1px solid #ffffff;*/ padding:0px 5px 2px 5px;} td { border-bottom: 1px solid #666; } textarea {cursor:text; color:#000000; font-size:1em; padding: 1px} th{background:#666666; font-weight:bold; color:#ffffff; border:0px;} ul {list-style:disc; margin:0 0 1em 1em; } .faq-block li {margin: 0 0 1em 0;} /* ~~~~~~~~~~ LAYOUT STYLES ~~~~~~~~~~ */ #access{position:absolute; top 200px; left: 300px; z-index:1;} #page-wrapper-outer{position: relative; width: 930px; margin: 0 auto 0 auto; padding:0; z-index:1; } #page-wrapper{background: #8c897d url("../pics/bg-block.jpg") repeat-x; position: relative; width: 900px; margin: 30px auto 300px auto; padding:0; z-index:2; } #content{position: relative; z-index:2; padding: 140px 0 0 0; } #menu {position: relative; width: 240px; float:left; border-right: 1px solid #8c897d; } #body-service{position: relative; width: 650px; float:left;} #words{position: relative; width: 290px; float:left; margin-right: 40px; padding: 0 0 0 15px;} #pictures{position: relative; width: 280px; float:left;} #picturesFullWidth{position: relative; width: 580px; float:left; padding: 0 0 30px 20px; margin:0;} #body-section{position: relative; width: 650px; float:left; } #pictures-category{position: relative; width:635px; padding: 0 0 0 15px; float:left; margin:0;} #col1{position: relative; width: 310px; float:left; margin-right: 0px; padding: 0 0 0 15px;} #col2{position: relative; width: 310px; float:left;} #col1 h2, #col2 h2{color: #000000; margin-bottom: 1em;} #col1 h2 img, #col2 h2 img {vertical-align: text-bottom;} #col1 p, #col2 p {padding: 0 20px 0 0;} .quart{position:relative; float:left; width: 154px; margin: 0 0 5px 0;} #colb1{position: relative; width: 200px; float:left; margin-right: 5px; padding: 0 0 0 15px;} #colb2{position: relative; width: 180px; float:left; margin: 0 10px 0 10px;} #colb3{position: relative; width: 200px; float:left;} #body-builder{border: 2px solid #dd0000; position: relative; float:left; background: #770000; width: 640px; margin-left:-1px;} .event-builder-corner{margin: -2px 0 0 -2px;} #frieze{background:#000000; height: 51px; margin-bottom:30px;} #frieze h1{padding-left:20px;} #body-builder #words{clear:both; float:left; width: 280px;} fieldset{background:#cc0000; border: 1px solid #660000;} #footer{position: relative; text-align:center; margin: 10px 0 30px 0;} #footer-shadow{display: block; height: 40px; background: #aeaeae url("../pics/footer-shadow.jpg") no-repeat 5px 0; width:900px; margin:0; padding:0;} #utility{position: absolute; top:10px; right: 10px; z-index:20;} #phone{float:left; margin-right: 15px; color:#ffffff; z-index:20;} #utilLinks{float:left; z-index:20;} #logo{position: absolute; top:5px; left: 15px; z-index:10;} #proposition-first {position: absolute; top: 35px; left: 230px; color: #F64F27; width: 600px;ยงยง font-size:1em; } #proposition-first span {color: #F68627;} #proposition{position: absolute; top: 67px; left: 230px; text-transform:uppercase; color: #888888; width: 600px; font-weight:bold; font-size:1em; font-family:"Arial Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif;} .logos{background:#ffffff; margin-right: 20px;} .logos img {margin: 5px;} /* ~~~~~~~~~~ CONTENT STYLES ~~~~~~~~~~ */ #access ul li{display: inline; list-style-type:none;} #pictures img{border: none; /*1px solid #ffffff;*/} #pictures .pull-quote {background: #7b786e url("../pics/pull-quote-start.gif") no-repeat 10px 10px; padding: 20px 30px 20px 30px; font-style:italic; color:#000;} #pictures cite{font-style:normal; font-weight:bold; color:#000;} #pictures .pull-quote img{border-width: 0; margin-left:5px;} #footer ul{display:inline;} #footer ul li {list-style-type:none; display:inline;} #utilLinks ul li{list-style-type:none;} #utilLinks ul li a{text-decoration: none; color: #ffcf80;} #utilLinks ul li a:hover{color: #ffffff;} #pictures-category .servicePanel{position:relative; float:left; width:200px; height:175px; margin: 0 11px 30px 0; background: url("../pics/servicePicsBase.jpg") no-repeat;} #pictures-category .servicePanel2{position:relative; float:left; width:200px; height:175px; margin: 0 15px 30px 0; background: url("../pics/servicePicsBase2.jpg") no-repeat;} #pictures-category .servicePanel3{position:relative; float:left; width:196px; height:173px; margin: 0 15px 30px 0; background: #000000; border:1px solid #999999;} #pictures-category .servicePanel3 h1{margin:0 0 10px 0; padding: 0;} #pictures-category .servicePanel3 p{margin:0 0 10px 0; padding: 0;} #pictures-category .servicePanel img{border: none; margin: 0 -10px 0 -10px;} #pictures-category .servicePanel2 img{border: none; margin: 0 -10px 0 -10px;} #pictures-category p{padding: 0 10px 0 10px; margin: 0 0 5px 0; line-height: 1em; color: #cccccc;} #pictures-category h6{padding: 0 10px 0 10px; color: #ffffff;} #pictures-category .servicePanel2 p{padding: 0 10px 0 10px; margin: 0 0 5px 0; line-height: 1.5em; color: #cccccc;} #pictures-category .servicePanel2 h6{padding: 0 10px 0 10px; line-height: 1.5em; color: #ffffff;} #pictures-category .servicePanel2 h6 a{color: #ffffff; text-decoration:none; font-weight:bold;} #pictures-category ul{margin:0;} #pictures-category ul li{list-style-type:disc; list-style-position:inside;} /* ~~~~~~~~~~ LINK STYLES ~~~~~~~~~~ */ a{cursor:pointer; text-decoration:underline; color:#ffcf80;} a:hover {color:#ffffff; text-decoration:none;} a.home{width: 326px; height: 40px; text-decoration:none;} a.home:hover{} a.linkButton{width: 129px; height: 25px; display: block; background: url("../pics/link-button.gif") no-repeat; color:#ffffff; font-weight: bold; text-align: center; text-decoration:none; padding-top: 4px; } a.linkButton:hover{background: url("../pics/link-button-over.gif") no-repeat;} a.goButton{position: absolute; bottom:-10px; right: 0; width: 34px; height: 25px; display: block; background: url("../pics/button-go.gif") no-repeat; color:#ffffff; font-weight: bold; text-align: center; text-decoration:none; padding-top: 4px; } a.goButton:hover{background: url("../pics/button-go-over-dark.gif") no-repeat;} /* --- menu --- nb: 2 kinds of spans here - (a) for selected item, and (b) for section subtitles */ #menu ul, #menu ul li {list-style-type:none; margin:0; padding:0; } a.menu, a.menu-top, a.menu-bot {text-decoration:none; color:#ffffff; display:block; list-style-type:none; } a.menu-top, span.menu-selected-top{font-weight: bold; padding-left:15px; font-family: "Arial Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size: 1em; line-height:1em; padding-bottom:5px;} a.menu, span.menu-selected {padding-left: 30px;} a.menu-bot, span.menu-selected-bot {padding-left: 40px;} a.menu:hover, a.menu-top:hover, a.menu-bot:hover {color: #ffffff; background:#222222;} a.menu-top span, span.menu-selected-top span {color:#bbbbbb; text-transform:none; font-family:"Arial Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: 1.1em;} span.menu-selected, span.menu-selected-bot, span.menu-selected-top {display: block; font-weight:bold; color:#ffffff;} .menuSlipWhite{border-left: 10px solid #8f4b00;margin-left: -10px;} .menuSlipRed{border-left: 10px solid #f98400; margin-left: -10px;} .menuSlipOrange{border-left: 10px solid #c05d00;margin-left: -10px;} .menuSlipGreen{border-left: 10px solid #c05d00;margin-left: -10px;} .menuSlipBlue{border-left: 10px solid #f6d257;margin-left: -10px;} .menuSlipPink{border-left: 10px solid #f1992d;margin-left: -10px;} .menuSlipYellow{border-left: 10px solid #c74400;margin-left: -10px;} .menuSlipThinWhite{border-left: 2px solid #990000; margin-left: -2px; color: #ff0d0c; } .menuSlipThinRed{border-left: 2px solid #ff0d0c; margin-left: -2px; color: #ff0d0c; } .menuSlipThinOrange{border-left: 2px solid #ff9966; margin-left: -2px; } .menuSlipThinGreen{border-left: 2px solid #99cc00;margin-left: -2px;} .menuSlipThinBlue{border-left: 2px solid #28a9ff;margin-left: -2px;} .menuSlipThinPink{border-left: 2px solid #cc33cc;margin-left: -2px;} .menuSlipThinYellow{border-left: 2px solid #ffe111;margin-left: -2px;} .menuSelectedWhite{background: #660000; color: #cccccc;} .menuSelectedRed{background: #770000; color: #cccccc;} .menuSelectedOrange{background: #442200; color: #cccccc;} .menuSelectedGreen{background: #004400; color: #cccccc;} .menuSelectedBlue{background: #003377; color: #cccccc;} .menuSelectedPink{background: #771177; color: #cccccc;} .menuSelectedYellow{background: #884400; color: #cccccc;} .menuSelectedGroup{background: #393939;} /* ~~~~~~~~~~ USEFUL CLASSES ~~~~~~~~~~ */ .galleryPanel{position:relative; background: #000000; border:1px solid #999999;} .galleryPanelInner{margin: 0; padding: 5px;} .imgThumb { width: 81px; height: 80px; padding: 0 15px 10px 0; float: left; } .tabButton { width: 200px; padding: 5px; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; background-color: #666666; } .clear {clear:both; margin-bottom:-1px; padding-bottom:1px;} .hide {display:none; height:0px; width: 0px;} .inside {padding:0px; } .centre{text-align:center;} .right{text-align:right;} .mobileOnly, .printOnly{display:none;} .screenOnly{} .nudgeDown{margin-top: 10px;} .smallBox{width: 3em;} .errorMsg{color:#ffff99;} .floatR{float:right;} .floatL{float:left;} .red{color: #ee0000;} .innerPad{padding:10px;} .grey{color:#cccccc;} .inputMedium { width: 250px; } .textareaMedium { width: 250px; height: 100px; } #fpsitelinks ul li ul{ padding-left:15px} #fpsitelinks li{ list-style-type:square;} #fpsitelinks{padding-left:50px;} /*============== New CSS June 16 2011====================*/ .contentAms{width:890px;} .contentAms img{margin:0 auto;width:99px;} .logo2{margin:0 auto; width:66px;} .video{margin:33px auto 20px auto; width: 249px;} .video p{margin: 0 0 0 137px;width: 413px;} .content-ams{float: right; margin: -43px 15px 0 0; width: 538px;background:url(../images/AMS_SoftBox_2.jpg) no-repeat top center #58554e;padding:14px 41px 26px;} .content-ams p{margin: 19px 0;} .pdfams{ float: right; width: 649px; } .pdfams .pdfimage { margin: 0; padding: 0; margin-left: -30px; } .pdfams .pdflink { font-size: 14px; font-weight: bold; text-decoration: none; float: right; margin:12px 0 54px; color:#000; padding-right: 210px;} .pdfams .pdflink:hover { text-decoration:underline; } .clear{clear:both} .bhead{background:url(../images/AMS_BlackBox_1.png) no-repeat top center transparent;float: right;width: 649px;margin: -43px 0 0;} .bhead-top{ height: 96px;} .bhead-top img{width:253px;float: left;margin: 0 150px 0 0;display: none;} .bhead-top h2{float: right; margin: 43px 13px 0 0;font-size: 19px;display: none;} .bhead-mid{ margin: 0 0 0 53px;} .bhead-bottom{margin: 23px 0 0;float: right; height: 50px;} .bhead-bottom h2{float: left;margin:0 21px 0 0;font-size: 19px;display: none;} .pdfams img{width:99px;margin: 9px 0 0 292px;} /********** gsk movie **********/ .gsk-movie { position: relative; background: url(../images/gsk-web-movie.jpg) top left no-repeat; width: 602px; height: 691px; margin-left: 265px; top: 0; margin-top: -43px; } .gsk-movie .gsk-embed { position: relative; padding: 30px 0 0 25px; } .gsk-movie .gsk-pdf { position: absolute; display: block; bottom: 5px; right: 35px; width: 135px; height: 245px; } .gsk-movie .gsk-text { position: absolute; display: block; top: 440px; left: 25px; width: 400px; color: white; } /********** un women **********/ .un-women-bg { position: relative; width: 602px; background-color: #21211F; color: #fff; margin-top: -43px; margin-left: 265px; } .un-women-bg .un-women { position: relative; background: url(../images/unw-web2-bg.jpg) top left no-repeat; width: 602px; height: 654px; top: 0; } .un-women-bg .un-women .un-women-embed { position: relative; padding: 30px 0 0 33px; z-index: 100; } .un-women-bg .un-women .un-women-pdf1 { position: absolute; display: block; bottom: 41px; right: 20px; width: 113px; height: 190px; } .un-women-bg .un-women .un-women-pdf2 { position: absolute; display: block; bottom: 41px; right: 145px; width: 113px; height: 190px; } .un-women-bg .un-women-text { } .un-women-bg .un-women-text-inner { padding: 25px 30px 25px 30px; font-size: 14px; }