|
/*Import stylesheet for field office homepage*/
#printtool p{
font-size: 90%;
color: #000000;
line-height: 1.3;
margin: 0px;
padding: 8px 0px 8px;
}
.utilities_icon {
position: relative;
top: 3px;
}
.dummy {
}
/* Printerfriendly specific styles */
#straplineimage, #logoimage {
display:none !important
}
#footnote {
display:none !important
}
#leftcol {
background-color:#E1E1E1;
height:133px;
width:178px;
}
#centrecol {
width:412px;
background-color:#FFFFFF;
}
#printtool {
margin:5px 0px;
padding:10px 0px;
}
#maincol {
width:590px;
border:0;
}
/*STANDARD HTML STYLES*/
h1 {
font-size: 200%;
font-weight: bolder;
}
h2 {
font-size: 160%;
}
h3 {
font-size: 140%;
}
h4 {
font-size: 120%;
}
h5 {
font-size: 110%;
}
h6 {
font-size: 90%;
}
a:hover {
color: #047BD2;
}
a:visited:hover {
color: #047BD2;
}
p, ol, ul, dl, table, tr, td {
font-size: 1em;
line-height: 1.5;
}
p.line {
BORDER-BOTTOM: #CCCCCC 0.05em solid;
padding: 5px 0px 5px;
line-height: 1.3;
margin: 0px 0px 0px;
}
p.small {
margin: 0px;
padding: 0px;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 60%;
line-height: 2.0;
}
/*END STANDARD HTML STYLES*/
/*POSITIONING STYLES*/
body {
margin: 0px;
padding: 0px;
line-height: 1.5;
}
#countrylogo {
position:absolute;
left:14px;
top:13px;
}
#logo {
position:absolute;
left:635px;
top:8px;
}
#header {
left:0px;
top:0px;
width:100%;
height: 48px;
}
#maincontentbkgd {
clear:both;
position:relative;
width:100%;
background-color:#FFFFFF;
}
#maincontent {
position:relative;
width:780px;
padding: 0px;
}
#maincontentsearch {
position:relative;
padding-left: 14px;
padding-top: 36px;
width:758px;
}
#topheaderbkgd {
position:relative;
width:100%;
}
#topheader {
position:relative;
left:20px;
top:0px;
width:538px;
margin:0px 0px 23px;
padding:0px;
background-image: url();
BACKGROUND-POSITION: bottom;
BACKGROUND-REPEAT: repeat-x;
}
#bodyarea {
width:390px;
padding-top:30px;
margin:0px 0px 0px;
padding-left:20px;
}
#featureareabkgd {
position:relative;
width:100%;
background-color:#FFFFFF;
margin: 0px;
padding: 0px;
clear: both;
}
#featurearea {
position:relative;
width:570px;
margin: 0px;
padding: 0px;
}
#featurearea p {
margin: 0px;
padding-left: 14px;
padding-top: 14px;
padding-right: 10px;
line-height: 1.2;
font-size: 95%;
}
#rightarea {
position:absolute;
left:610px;
top:85px;
width:150px;
margin:0px;
padding:0px;
}
#rightareahome {
position:absolute;
left:584px;
top:83px;
width:185px;
margin: 0px;
padding: 0px;
background-color:#FFFFFF;
}
/*END POSITIONING STYLES*/
/*GRAPHICS STYLES USED IN TEXT FIELDS*/
.newgraphic {
background-image: url();
background-repeat: no-repeat;
background-positon: bottom;
padding-left: 25px;
}
.newgraphic2 {
background-image: url();
background-repeat: no-repeat;
background-positon: bottom;
padding-left: 25px;
}
/*END GRAPHICS STYLES*/
/*LEFT COLOUR */
#leftnavbkgd {
background-color: #333399; color: #FFFFFF;;
}
#leftnav {
width:178px;
padding-top: 29px;
padding-bottom: 29px;
padding-left: 14px;
}
.leftnavtitle h1 {
width:168px;
margin: 0px;
line-height: 1.1;
}
/*END LEFT COLOUR */
/*LEFTMENU STYLES*/
#leftmenu {
margin: 0;
padding-top: 14px;
padding-bottom: 14px;
padding-left: 14px;
padding-right: 10px;
}
#leftmenu p {
line-height: 1.25;
margin: 0;
padding-bottom: 9px;
}
#leftmenu a {
text-decoration : none;
}
#leftmenu a:hover {
text-decoration: underline;
}
#leftmenu p.here {
FONT-WEIGHT: 600;
color: #047BD2;
width: 100%;
}
#leftmenu a.here {
font-weight : 600;
color: #df5e32;
}
#leftmenu a.here :visited {
color: #df5e32;
}
/*END LEFTMENU STYLES*/
/*RIGHT BOX*/
#highlight {
BACKGROUND-COLOR: #ddf0fd;
width:150px;
margin: 0px 0px 20px;
}
#highlight p.title {
BORDER-TOP: #0000cc 0.05em solid;
BACKGROUND-COLOR: #0082d9;
TEXT-ALIGN: left;
FONT-WEIGHT: 600;
COLOR: #ffffff;
padding: 0px 5px 0px;
margin: 0px 0px 0px;
}
#highlight p.content {
background-image: url();
BACKGROUND-POSITION: bottom;
BACKGROUND-REPEAT: repeat-x;
BACKGROUND-COLOR: #ddf0fd;
padding: 5px 5px 5px;
margin: 5px 0px 0px;
}
#searchbkgd {
position:absolute;
left:610px;
top:32px;
width:150px;
margin:0px;
padding:0px;
}
#search {
position:relative;
width:150px;
margin:0px 0px 15px;
padding:0px;
}
#search form {
height:20px;
margin:0px;
padding:0px;
}
#textfield {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 85%;
line-height: 1;
width:125px;
}
#orderformfield {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}
#searchbutton{
position: absolute;
left: 132px;
top:1px;
}
#searchbuttonhome{
position: absolute;
left: 132px;
top:19px;
}
/*END RIGHT BOX*/
/* MAIN NAVIGATION*/
#mnoverview .mnoverview {
background-color: #20A6FF;
}
#mnchildren .mnchildren {
background-color: #20A6FF;
}
#mnactivities .mnactivities {
background-color: #20A6FF;
}
#mnpartners .mnpartners {
background-color: #20A6FF;
}
#mnmedia .mnmedia {
background-color: #20A6FF;
}
#mnsupport .mnsupport {
background-color: #20A6FF;
}
#mnforchildren .mnforchildren {
background-color: #20A6FF;
}
#mnreallives .mnreallives {
background-color: #20A6FF;
}
#mnextra .mnextra {
background-color: #20A6FF;
}
/* MAIN NAVIGATION*/
#mainnavbkgd {
height:20px;
width:100%;
background-color: #0190F1;
border-top: 1px solid #047BD2;
border-bottom: 1px solid #047BD2;
}
.mainnav {
width:760px;
}
.mainnav ul {
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
font-size: 85%;
font-weight: bold;
}
.mainnav li {
margin: 0;
float: left;
padding: 0;
}
.mainnav a {
border-right: 1px solid #047BD2;
white-space: nowrap;
padding-top: 3px;
padding-bottom: 4px;
padding-right: 4px;
padding-left: 4px;
line-height: 2.1;
}
.mainnav a:link, .mainnav a:visited {
color: #FFFFFF;
text-decoration: none;
}
.mainnav a.active {
background-color: #20A6FF;
}
.mainnav a:hover {
background-color: #20A6FF;
}
/* END MAIN NAVIGATION*/
/*IMAGE STYLES*/
.imageborder {
margin: 0px;
padding:0px;
border:1px solid #999999;
}
.imagecopyright {
font-size: 85%;
color: #BBBBBB;
padding:0px 0px 5px;
margin:0px;
text-align: right;
}
.imagecaption {
font-size: 90%;
color: #660000;
line-height : 1.25;
margin: 0px;
padding: 0px 0px 10px;
background-image: url();
background-position: bottom;
background-repeat: repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.imagearea {
clear: left;
float:left;
margin: 0px 10px 0px 0px;
padding:0px;
}
.psarow {
position: relative;
margin: 0px 0px 30px 0px;
padding: 0px;
}
.psathumbnail {
position: absolute;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
border:1px solid #999999;
float: left;
}
.psastoryblurb {
position:relative;
top: -4px;
left: 100px;
width: 265px;
margin: 0px;
padding: 0px;
}
.psastoryblurb p {
margin: 0px;
padding: 0px;
}
#imageareathumb {
float:left;
margin-right: 10px;
padding:0;
border: 1px solid #CCCCCC;
}
/*END IMAGE STYLES*/
/*RIGHT BOX */
.highlighttext {
padding-top: 7px;
padding-bottom: 7px;
padding-left: 5px;
padding-right: 5px;
margin: 0px;
line-height: 1.5;
background-image: url();
BACKGROUND-POSITION: bottom;
BACKGROUND-REPEAT: repeat-x;
BACKGROUND-COLOR: #ddf0fd;
}
.highlighttext p{
padding: 0px 0px 12px 0px;
margin: 0px;
line-height: 1.5;
}
.highlighttext ul{
padding: 0px 10px 12px 20px;
margin: 0px;
line-height: 1.5;
list-style: square;
}
#rightlnk {
position:relative;
width:150px;
BACKGROUND-IMAGE: url();
BACKGROUND-POSITION: top;
BACKGROUND-REPEAT: repeat-x;
visibility: hidden;
display:none;
}
#rightlnk p{
font-size: 90%;
color: #000000;
line-height: 1.3;
margin: 0px;
padding: 8px 0px 8px;
}
#rightlnk a {
font-weight: bold;
text-decoration: none;
}
#rightlnk a:hover {
text-decoration: underline;
color: #df5e32;
}
#rightlnk a:visited {
color: #0000FF;
}
#highlight2 {
BACKGROUND-COLOR: #ddf0fd;
width:150px;
margin: 0px 0px 20px;
font-size: 85%;
}
#highlight2 p.title {
BORDER-TOP: #0000cc 0.05em solid;
BACKGROUND-COLOR: #0082d9;
TEXT-ALIGN: left;
FONT-WEIGHT: bold;
COLOR: #ffffff;
padding: 0px 5px 2px;
margin: 0px 0px 0px;
}
#highlight2 p.content {
background-image: url();
BACKGROUND-POSITION: bottom;
BACKGROUND-REPEAT: repeat-x;
BACKGROUND-COLOR: #ddf0fd;
padding-top: 5px;
padding-bottom: 10px;
padding-left:5px;
padding-right: 5px;
margin: 0px 0px 0px;
line-height: 1.5;
}
/*END RIGHT BOX */
/*FOOTER LINKS */
#taglinenavbkgd {
margin-left: 14px;
height:48px;
clear:both;
width:100%;
}
#footernavbkgd {
padding-left: 14px;
height:20px;
width:100%;
background-color: #E6E6E6;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #047BD2;
}
#footernav {
width:760px;
}
#footernav ul {
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
font-size: 85%;
font-weight: bold;
}
#footernav li {
margin: 0;
float: left;
padding: 0;
}
#footernav a {
display: block;
text-decoration: none;
padding-top: 3px;
padding-bottom: 4px;
margin-left: 0px;
margin-right: 16px;
white-space: nowrap;
color: #047BD2;
}
#footernav a:hover {
text-decoration: underline;
}
/*END FOOTER LINKS */
/*HOMEPAGE STYLES */
.pagetitle {
margin: 0px 0px 20px;
}
.sectionsubtitle a {
margin: 0px;
font-family: Arial, Helvetica, Verdana, sans-serif;
text-decoration: none;
line-height: 1.1;
font-size: 160%;
font-weight: 600;
}
.sectionsubtitle a:hover {
text-decoration: underline;
}
.sectionsubtitle2 {
margin: 0px 0px -10px;
}
/*HOMEPAGE COLORS*/
.darkpurple {
background-color: #421063;
color: #FFFFFF;
}
.darkpurple a:link {
color: #B3E1FF;
}
.darkpurple a:visited {
color: #CCCCCC;
}
.darkpurple a:hover {
color: #8AC9F3;
}
.orange {
background-color: #E67B01;
color: #FFFFFF;
}
.orange a:link {
color: #B3E1FF;
}
.orange a:visited {
color: #CCCCCC;
}
.orange a:hover {
color: #8AC9F3;
}
.yellow {
background-color: #FFFF00;
color: #000000;
}
.orangeyellow {
background-color: #FF9900;
color: #000000;
}
.lightgray {
background-color: #EFEFEF;
color: #000000;
}
.peach {
background-color: #FBC678;
color: #000000;
}
.pinkgray {
background-color: #C6BDC6;
color: #000000;
}
.magenta {
background-color: #FF0099;
color: #FFFFFF;
}
.magenta a:link {
color: #B3E1FF;
}
.magenta a:visited {
color: #CCCCCC;
}
.magenta a:hover {
color: #8AC9F3;
}
.pinkpurple {
background-color: #801080;
color: #FFFFFF;
}
.pinkpurple a:link {
color: #B3E1FF;
}
.pinkpurple a:visited {
color: #CCCCCC;
}
.pinkpurple a:hover {
color: #8AC9F3;
}
.white {
background-color: #FFFFFF;
color: #000000;
}
.lightblue {
background-color: #B2CEF2;
color: #000000;
}
.darkcyan {
background-color: #1073DE;
color: #FFFFFF;
}
.darkcyan a:link {
color: #B3E1FF;
}
.darkcyan a:visited {
color: #CCCCCC;
}
.darkcyan a:hover {
color: #85C7F4;
}
.mediumpurple {
background-color: #633984;
color: #FFFFFF;
}
.mediumpurple a:link {
color: #B3E1FF;
}
.mediumpurple a:visited {
color: #CCCCCC;
}
.mediumpurple a:hover {
color: #8AC9F3;
}
.lavender {
background-color: #BDADC6;
color: #000000;
}
.lightgreen {
background-color: #C6CEA5;
color: #000000;
}
.mediumgreen {
background-color: #7BB500;
color: #FFFFFF;
}
.mediumgreen a:link {
color: #B3E1FF;
}
.mediumgreen a:visited {
color: #CCCCCC;
}
.mediumgreen a:hover {
color: #8AC9F3;
}
.darkgreen {
background-color: #527300;
color: #FFFFFF;
}
.darkgreen a:link {
color: #B3E1FF;
}
.darkgreen a:visited {
color: #CCCCCC;
}
.darkgreen a:hover {
color: #8AC9F3;
}
.darkblue {
background-color: #333399;
color: #FFFFFF;
}
.darkblue a:link {
color: #B3E1FF;
}
.darkblue a:visited {
color: #CCCCCC;
}
.darkblue a:hover {
color: #8AC9F3;
}
/*END HOMEPAGE COLORS*/
.homebox {
line-height: 1.2;
font-size: 95%;
}
.homeheader {
font-size: 85%;
font-weight: 600;
line-height: 1.2;
text-transform: uppercase;
}
.sectioncolor {
width: 178px;
margin: 0;
padding-top: 32px;
padding-bottom: 14px;
padding-left: 14px;
padding-right: 10px;
background-color: #333399; color: #FFFFFF;
}
.sectionfrontcolor {
background-color: #333399; color: #FFFFFF;
}
.sectioncolor h1 {
line-height: 1.1;
}
/*END HOMEPAGE STYLES */
/*REDDOT FORMATING STYLE*/
.reddot {
font-family: Arial, Verdana, default;
font-size: 10px;
background-color: #ffffff;
border: solid 1px #ff0000;
padding: 0px;
color: #FF0000;
z-index: 1000;
}
.comment {
font-size: 85%;
line-height: 1.1;
color: #999999;
}
.gray {
line-height: 1.1;
color: #999999;
}
#box {
background-color: #F4E6E6;
padding: 5px;
}
#indent {
margin-left: 20px;
}
.pagesubhead {
color: #047BD2;
font-size: 110%;
font-weight: bold;
}
ol, ul, dl {
line-height: 1.4;
}
.pullquote {
position:relative;
float:right;
font-weight: bold;
line-height: 1.25;
color: #9E9E9E;
width: 150px;
margin: 5px 5px 15px;
padding: 5px 0px 5px; 0px;
}
.leadquote {
font-weight: bold;
font-style: italic;
line-height : 1.25;
color: #9E9E9E;
}
/* added by Luca for Google project */
#bodyareaSearch {
position:relative;
float:left;
width:738px;
left:20px;
top:0px;
margin:0px 0px 0px;
}
.odd {
background-color: #f4f4f4;
padding: 10px;
}
.googleindent {
margin-left: 40px;
}
.even {
background-color: #ffffff;
padding: 10px;
}
.url {
color: #660000;
}
#infobar {
font-size: 130%;
line-height: 1.3;
margin: 0px 0px 20px;
font-family: verdana, arial, helvetica, sans-serif;
color: #df5e32;
}
#searchbkgdBottom {
position:absolute;
left:300px;
bottom:-25px;
width:150px;
margin:0px;
padding:0px;
text-align:left;
}
#searchBottom {
position:relative;
width:150px;
margin:0px 0px 15px;
padding:0px;
}
/*END REDDOT FORMATING STYLE*/
|
