﻿
body {
color:#000000;
background-color:#FFFFFF;
margin:20px 10px;
width:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
line-height:1.5;
}
*html body {
width:95%
}
p, ol, ul, dl, table, tr, td {
color:#000000;
line-height:1.5;
font-size:1em;
}
ul {
list-style-type:square;
}
a:link {
 color: #0000ff;
}
a:visited {
 color: #800080;
}
a:hover {
  color: #df5e32;
  }
p a:link {
line-height:1.5em;
}/*Fix for line overwriting the link in IE*/
hr {
margin:5px 0px 5px 0px;
border-width: 0;
background: #989898;
height: 1px;
color: #989898;
}
#footnote .printheader hr {
margin:5px 0px 5px 0px;
border-width: 0;
background: #989898;
height: 1px;
color: #989898;
}
#footnote {
width:auto;
margin:20px 0px;
}
*html #footnote {
width:95%;
}
#close {
margin:0px 25px 10px 20px;
display:block;
}
p span.pagesubhead {
display:block;
color:#df5e32;
font-size:110%;
font-weight:bold;
position:static;/*This is the main fix for the page subhead floating to the top*/
}/*IE specific fix for page subhead*/
/*************************Display None Style begins*************************************/
#mainnavbkgd, #rightlnk_donate, #rightlnk, #searchbkgd, #bottomnavbkgd, #mainnavbkgd_En, #mainnavbkgd_Fr, #mainnavbkgd_Sp, #mainnavbkgd_Ar {
 display:none !important
 }
 #mainnavbkgd img, #mainnavbkgd_En img, #mainnavbkgd_Fr img, #mainnavbkgd_Sp img, #mainnavbkgd_Ar img {
 display:none !important
}
.push {display:none !important}
#header {
width:auto;
height:40px;
border:0;
margin:0px 25px 0px 20px;
}
*html #header {
width:95%
}
#header #straplineimage {
float:left;
}
#header #logoimage {
float:right;
}
#header #topimage {
display:none !important
}


#header {
display: none;
}
#footer {
display: none;
}
#headerPF {
width:auto;
height:40px;
border:0;
margin:0px 25px 0px 20px;
}
*html #headerPF {
width:95%
}
#headerPF #straplineimage {
float:left;
}
#headerPF #logoimage {
float:right;
}
#headerPF #topimage {
display:none !important
}
#highlight2 .highlighttext a img {
display: none;
}
#updated {
    display: none;
}

#base_bookmarklist {
    display: none;
}

.ignore, .sectiondivider {
display:none !important
}
#mainnav_Fr,#mainnav_Sp,#mainnav_Ar {
display:none !important
}
.navHeader_Fr,.navHeader_Sp, .navHeader_Ar {
display:none !important
}
#headerBG, #headerNew, #languageLinks, #navt1 { display: none; }

select {
display:none;
}
input[type="button"] {
display:none;
}
#bodyareasubmenu {
display:none;
}/*This tag is being used in Press centre on the top for division by year*/

/*inline video highlight box DY 20080701*/
.videohighlight {
    display:none;
}
/******************************Disply none style ends***************************/
/***************************Structural style begins*************************************/
.postselect {
display:block;
width:500px;
border-width:0;
border-bottom:1px solid #000000;
}
input[name="email"],input[name="First_name"],input[name="Last_name"] {
color:#000000;
width:500px;
border-width:0;
border-bottom:1px solid #000000;
}
input[type="text"] {
color:#000000;
width:500px;
border-width:0;
border-bottom:1px solid #000000;
}
/*After CSS3 implementation in IE and Firefox this code should be used here for url printing after the hyperlink
a:link:after,a:visited:after {
content: " (" attr(href) ") ";
}
a[href^="/"]:after {
   content: " (http://www.unicef.org" attr(href) ") ";}
*/
#maincontentbkgd{
 position:relative;
 width:auto;
 background-color:#FFFFFF;
 margin:0px 20px;
 }
#maincontent {
position:relative;
width:auto;
padding:30px 0px 0px;
}
#topheader {
position:relative;
left:0px;
top:0px;
width:auto;
margin:0px 0px 23px;
padding:0px;
}
*html #topheader {
width:95%;
}
#topheader h1 {
font-size:180%;
color:#0099FF;
font-weight:normal;
width:auto;
height:38px;
margin:0px;
padding:0px;
}
h1 {
font-size:150%;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
h2 {
font-size:130%;
line-height:1.3;
margin:0px 0px 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#df5e32;
}
h3 {
font-size:130%;
line-height:1.3;
margin:0px 0px 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#df5e32;
}
h4 {
font-size:120%;
line-height:1.3;
margin:0px 0px 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}
.printheader{
display:block;
margin:0px 0px 15px 0px;
padding:0px;
}
#bodyarea, #bodyarea2{
width:auto;
margin:0px;
background-color:#FFFFFF;
}
*html #bodyarea,#bodyarea2 {
width:95%;
}
#bodyareaLeft {
  position:relative;
  float:left;
  width:538px;
  left:20px;
  top:0px;
  margin:0px 0px 0px;
  margin:0px 0px 0px;
  }
 #bodyareawide {
  position:relative;
  width:100%;
  left:0px;
  top:0px;
  margin:0px 0px 0px; 
  margin:0px 0px 0px;
  }
#bodyareaNewsletter {
  position:relative;
  width:100%;
 margin:0px;
   }
  
  
  #rightarea {
  clear:both;
  width:auto;
  margin:0px;
  padding:0px;
  }
 *html #rightarea {
 width:95%;
 }
/*Google search body area code --------    TO BE OMITTED AFTER DECIDING WHETHER WE NEED PRINTER FRIENDLY LINK ON SEARCH PAGES*/
#bodyareaSearch {
position:relative;
width:auto;
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;
}
p.gray {
 color: #BBBBBB;
 margin: 0px;
font-size: 85%;
 line-height: 1.2;
}
/***********Google search area code ends *****************************************/
/**********************************Content style begins***********************************/
/*****************Clear this after editing again***************/
p.small {
font-size:85%;
line-height:1.5;
margin:0px;
padding:0px;
}
p.small2 {
font-size:85%;
line-height:1.1;
margin:0px;
padding:0px;
}
.presssubtitle {
font-style:italic;
}
.pagesubhead {
display:inline;
color:#df5e32;
font-size:110%;
font-weight:bold;
}
p .pagesubhead {
color:#df5e32;
font-size:110%;
font-weight:bold;
position:relative;
top:0.9em;
}
.title {
font-size:110%;
font-weight:bold;
}
#highlight2 img {
display:block;
}
.subheader {
font-size:110%;
font-weight:700;
}
/**************Clear this ends ***********************/
#bodyareasubmenu p.here {
  color: #df5e32;
  font-weight: 600;
  width: 100%;
  }
#bodyareasubmenu a.here {
  font-weight : 600;
  color: #df5e32;
  }
#bodyareasubmenu a.here :visited {
  color: #df5e32;
  }
#buttonspace2 {
  margin: 0px 0px 0px;
  padding: 24px 0px 0px; 
  }
#orderformfield {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  }   
  
#imageborder {
 border:1px solid #000000;
 float:left;
}
#imageborder_no {
float:left; 
}
#imageborderright {
 border:1px solid #000000;
 float:left;
}
#imagearea {
  float:left;
  margin-right: 20px; 
  padding:0;
  width:200px;
  clear:left;
   }
#imagearea p {
  float:left;
  font-size: 85%;
  line-height : 1.25; 
  color: #9999cc;
  /*width:200px;*/
  margin: 0px 0px 0px; 
  padding: 5px 0px 10px; 
  }
#imagearea p.caption {
  color: #660000;
  BACKGROUND-IMAGE: url(/css/images/dots.gif); 
  BACKGROUND-POSITION: bottom;
  BACKGROUND-REPEAT: repeat-x;
  }
#imagearea2 p.copyright {
 font-size: 80%;
 color: #BBBBBB;
 padding:0px;
 margin:0px;
 TEXT-ALIGN: right;
}
#imagearea p.copyright {
 font-size: 80%;
 color: #BBBBBB;
 padding:0px;
 margin:0px;
 TEXT-ALIGN: right;
}
#imagearea2 {
  padding:0px;
  margin:0px;
  }
#imagearea2 p.caption {
  font-size: 85%;
  line-height : 1.25; 
  width:194px;
  margin: 0px 0px -3px; 
  padding: 5px 0px 10px; 
  color: #660000;
  BACKGROUND-IMAGE: url(/css/images/dots.gif); 
  BACKGROUND-POSITION: bottom;
  BACKGROUND-REPEAT: repeat-x;
  }
  
  .pullquote {   
position:static;   
float:right;    
font-weight: bold; 
line-height : 1.25;    
color: #900000;   
width:150px;   
margin: 5px 5px 15px;    
padding:5px 0px 5px 0px;
BACKGROUND-IMAGE: url(/css/images/dots.gif); 
BACKGROUND-POSITION: top bottom;
BACKGROUND-REPEAT: repeat-x;  
 }
.leadquote {
font-weight: bold;    
font-style: italic; 
line-height : 1.25;    
color: #9E9E9E;      
 }
.push {
  position:relative;
  left:0px;
  top: 0px; 
  width: 552px;
  height: 1px;
  margin: 0px;
  padding: 0px;
  clear: left;
  }
.pageupdated {
  font-family:  verdana, arial, helvetica, sans-serif;  
  font-size: 85%;
  color: #ABABAB;
  line-height: 1.5;
  margin: 0px;
  padding: 0px;
  }
.statement {
  font-family:  verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  color:#666666;
  }
.formhighlight {
  color: #df5e32;
  }
.followingpage { 
  position: absolute;  
  font-family:  verdana, arial, helvetica, sans-serif;
  right: 0px;
  bottom: 20px;  
  padding: 0px;
  }
  .pagesubheader {
 font-style: italic;
 margin-top: 7px;
 margin-bottom: 3px;
 clear:both;
 }
.imagearear {
  position:relative;
  left:0px;
  float:right;
  margin-left: 10px; 
  padding:0;
  }
.imagearear p {
  font-size: 85%;
  line-height : 1.25; 
  color: #9999cc;
  width:200px;
  margin: 0px 0px 0px; 
  padding: 10px 0px px; 
  }
.imagearear p.caption {
  color: #660000;
  BACKGROUND-IMAGE: url(/css/images/dots.gif); 
  BACKGROUND-POSITION: bottom;
  BACKGROUND-REPEAT: repeat-x;
  }
.imagearear p.copyright {
 font-size: 80%;
 color: #BBBBBB;
 padding:0px;
 margin:0px;
 TEXT-ALIGN: right;
}
p.copyright {
 font-size: 80%;
 color: #BBBBBB;
 padding:0px;
 margin:0px;
}
.imagearea {
 clear: left;
  float:left; 
  margin-right: 10px; 
  padding:0px;
  }
.imagearea2 {
   clear:left;
  float:left;
   padding:0px;  
  margin-right:10px;
  }
.imageborder {
border: 0 none;
margin: 0;
padding: 0;
}
.imageborder img, .imageborder object {
 margin: 0;
 padding: 0;
 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(/css/images/dots.gif); 
  background-position: bottom;
  background-repeat: repeat-x;
  }
   
#highlight {
  BACKGROUND-COLOR: #ddf0fd;
  width:100%;
  margin: 40px 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(/css/images/dots.gif); 
  BACKGROUND-POSITION: bottom;
  BACKGROUND-REPEAT: repeat-x;
  BACKGROUND-COLOR: #ddf0fd;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left:5px;
  padding-right: 5px;
  margin: 0px;
  line-height: 1.1;
  font-size: 85%;
  }
#highlight p.number {
  BACKGROUND-IMAGE: url(/css/images/dots.gif); 
  BACKGROUND-POSITION: bottom;
  BACKGROUND-REPEAT: repeat-x;
  BACKGROUND-COLOR: #ddf0fd;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left:0px;
  padding-right: 5px;
  margin: 0px 0px 0px;
  TEXT-ALIGN: right;
  line-height: 1.1;
  color: #0000cc;
  font-size: 85%;
  }
.highlighttext {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0px;
  line-height: 1.5;
  BACKGROUND-IMAGE: url(/css/images/dots.gif); 
  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;
  }
#highlight2 {
  BACKGROUND-COLOR: #ddf0fd;
  width:100%;
  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 table {
width:100%}  
#highlight2 p.content {
  BACKGROUND-IMAGE: url(/css/images/dots.gif); 
  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;
  }
#highlight2 img {
  margin: 5px 5px 0px 5px;
  }
/*for thumbnails on recently featured page */
.imagearearecent {
  clear: left;
  float:left; 
  margin: 5px 10px 0px 0px;
  padding:0px;
  }
  /******************PSA style begins**********************************/
.psarow {
 position: relative;
 margin: 0px 0px 30px 0px;
 padding: 0px;
 }
.imagearea3 {
 position: absolute;
 top: 0px;
 left: 0px;
 width:89px;
 margin: 0px;
 padding: 0px;
 float: left;
}
.psathumbnail {
position:absolute;
 top:0px;
 margin-right: 10px;
 padding: 0px;
 border:1px solid #999999;
 float: left;
}
.psastoryblurb {
position:relative;
 top: -2px;
 left: 100px;
 width: 290px;
 margin: 0px;
 padding: 0px;
}
.psastoryblurb p {
 margin: 0px;
 padding: 0px;
}
/************************Psa style ends and B roll style begins************************************/
#brollimagearea {
  float:left;
  margin-right: 10px; 
  padding:0;
  }
#brollimagearea p {
  float:left;
  font-size: 85%;
  line-height : 1.25; 
  color: #9999cc;
  width:129px;
  margin: 0px 0px 0px; 
  padding: 5px 0px 10px; 
  }
#brollimagearea p.caption {
  color: #660000;
  BACKGROUND-IMAGE: url(/css/images/dots.gif); 
  BACKGROUND-POSITION: bottom;
  BACKGROUND-REPEAT: repeat-x;
  }
  
  /******************************B roll style ends and press style begins**************************/
#pressgalleryimagearea {
  float:left;
  margin-right: 10px; 
  padding:0;
  }
#pressgalleryimagearea p {
  float:left;
  font-size: 85%;
  line-height : 1.25; 
  color: #9999cc;
  width:150px;
  margin: 0px 0px 0px; 
  padding: 5px 0px 10px; 
  }
#pressgalleryimagearea p.caption {
  color: #660000;
  BACKGROUND-IMAGE: url(/css/images/dots.gif); 
  BACKGROUND-POSITION: bottom;
  BACKGROUND-REPEAT: repeat-x;
  }
.pressexpertscolumn1 { 
  left:0px;
  width:200px;
  vertical-align: top;
 }
.pressexpertscolumn2 { 
  left:230px;
  width:160px;
  vertical-align: top;
  }
.pressagendacolumn1 { 
  left:0px;
  width:90px;
  vertical-align: top;
 }
.pressagendacolumn2 { 
  left:110px;
  width:280;
  vertical-align: top;
  }
.presscontactscolumn1 { 
  left:0px;
  width:130;
  vertical-align: top;
 }
.presscontactscolumn2 { 
  left:150px;
  width:130px;
  vertical-align: top;
  }
.presscontactscolumn3 { 
  left:300px;
  width:130px;
  vertical-align: top;
  }
 /************************Press style ends and publication style begins **********************************/
  
.pubssubheader{
  color: #666666;
}
#pubshighlight {
  width:80%;
  margin: 30px 0px 30px;
  }
#pubshighlight h3 {
 font-size: 150%;
 margin: -4px 0px 10px;
 font-family:  verdana, arial, helvetica, sans-serif;
 color: #df5e32;
}
.pubsimage {
  margin: 0px;
 padding: 0px;
 border:1px solid #999999;
 float: left;
}
.pubsstoryblurb {
 position:relative;
 top: -4px;
 left: 135px;
 width: 255px;
 margin: 0px;
 padding: 0px;
}
.pubsstoryblurb p {
 margin: 0px;
 padding: 0px;
}
.pubsrow {
 position: relative;
 height: 200px;
 margin: 0px;
 padding: 0px;
}
.pubsgrouprow {
 position: relative;
 margin: 0px;
 padding: 0px 0px 0px 0px;
}
/****************Publication style ends and photo essay style begins *********************/
.essayphoto {
  margin: 0px 40px 0px;
}
.essayphoto p {
 margin: 0px;
 padding:0px;
}
.essayphoto p.copyright {
 font-size: 80%;
 color: #BBBBBB;
 padding:0px;
 margin:0px;
 TEXT-ALIGN: right;
}
.dotline {
padding: 6px 0px -6px;
}
.popupgray
{
background-color: #F5F5F5;
border-style: solid;
border-width: 1px;
border-color: #CECECE;
padding: 5px 0px 5px 5px;
margin: 0px;
}
.bluetext
{
color: #0099FF;
}
#poptitle h2{
  padding: 10px 0px 10px;
  width:410px;
  BACKGROUND-IMAGE: url(/css/images/dots.gif); 
  BACKGROUND-POSITION: bottom;
  BACKGROUND-REPEAT: repeat-x;
}
#poptitle h2.top{
  padding: 10px 0px 10px;
  width:410px;
  margin: 0px;
  BACKGROUND-IMAGE: url(/css/images/dots.gif); 
  BACKGROUND-POSITION: bottom;
  BACKGROUND-REPEAT: repeat-x;
}
#topnavpopup {
  margin-top: -10px;
  margin-bottom: 0px;
  padding: 0px;
  FONT-SIZE: 90%;
  }
/*****************Photo essay style ends and statistics style begins***************************************/
.statisticsn {
width:100%;
}
.statisticsn td.titles {
}
.statisticsn p.title {
 margin: 1px 10px 1px;
 color: #ffffff;
 font-weight: 600;
 FONT-SIZE: 110%
}
.statisticsn td.tabletitle {
  BORDER-LEFT: #797979 0.05em solid;
  BORDER-TOP: #797979 0.05em solid;
  background-color: #047BD2;
}
.statisticsn td {
 BORDER-BOTTOM: #797979 0.05em solid;
}
.statisticsn td.left {
  BORDER-LEFT: #797979 0.05em solid;
}
.statisticsn p.text {
 margin-right: 5px;
 margin-top: 5px;
 margin-bottom: 5px;
 line-height: 1.1;
 FONT-SIZE: 90%;
}
.statisticsn p.statssubtitle {
 margin-left: 10px;
 margin-right: 20px;
 margin-top: 5px;
 margin-bottom: 5px;
 line-height: 1.1;
 color: #333333;
 FONT-SIZE: 90%; font-weight: 600;
}
.statisticsn p.statsnumber {
 margin-right: 20px;
 margin-top: 5px;
 margin-bottom: 5px;
 line-height: 1.1;
 color: #333333;
 FONT-SIZE: 90%;
 color: #900000;
 text-align: right;
}
.statisticsn td.definitions {
 BORDER-BOTTOM: #ffffff 0.05em solid;
}
.statisticsn td.definitions p {
 FONT-SIZE: 90%; margin-top: 5px;
 margin-bottom: 5px;
 text-align: left;
 BORDER-BOTTOM: #ffffff 0.05em solid;
}
.statisticspop p {
 line-height: 1.2;
 margin-right: 4px;
 margin-top: 4px;
 margin-left: 5px;
 margin-bottom: 4px;
 FONT-SIZE: 90%;
}
.statisticspop p.statssubtitle {
 color: #333333;
 font-weight: 600;
 FONT-SIZE: 100%;
}
.statisticspop td.tabletitle2 {
  BORDER-LEFT: #797979 0.05em solid;
  BORDER-TOP: #797979 0.05em solid;
  background-color: #F4F4F4;
  BORDER-BOTTOM: #797979 0.05em solid;
}
.statisticspop td.left {
  BORDER-LEFT: #797979 0.05em solid;
  BORDER-BOTTOM: #797979 0.05em solid;
}
/*****************************Statistics style ends and contact us style begins***************************************/
.statisticscontact p {
 margin-left: 0px;
 line-height: 1.2;
 margin-right: 4px;
 margin-top: 4px;
 margin-bottom: 4px;
}
.statisticscontact p.bold {
 margin-left: 0px;
 line-height: 1.2;
 margin-right: 4px;
 margin-top: 4px;
 margin-bottom: 4px;
 font-weight: 600;
}
.statisticscontact p.statssubtitle {
 margin-bottom: 10px;
 font-weight: 600;
 margin-left: 0px;
}
.statisticscontact td.tabletitle2 {
  BORDER-LEFT: #CCCCCC 0.05em solid;
  BORDER-TOP: #CCCCCC 0.05em solid;
  background-color: #CCCCCC;
  BORDER-BOTTOM: #CCCCCC 0.05em solid;
}
.statisticscontact td.top {
  BORDER-TOP: #CCCCCC 0.05em solid;
  BORDER-BOTTOM: #CCCCCC 0.05em solid;
}
.statisticscontact td.bottom {
  BORDER-BOTTOM: #CCCCCC 0.05em solid;
}
.statisticscontact td.left {
  BORDER-LEFT: #CCCCCC 0.05em solid;
  BORDER-BOTTOM: #CCCCCC 0.05em solid;
  BORDER-TOP: #CCCCCC 0.05em solid;
  padding-left: 5px;
}
.statisticscontact td.left p.city {
  font-weight: 600;
  color: #df5e32;
}
/**************************contact us style ends *********************************/
/**********************Misc styles*************/
#headerpopup { 
    position:absolute; 
    left:0px; 
    top:0px; 
    width:100%; 
    height:36px; 
    background-color: #0099FF; 
  }
#logopopup { 
    position:absolute; 
    left:459px; 
    top:0px; 
  }
  #maincontentwide {
  position:relative;
  width:100%;
  padding: 30px 0px 0px;
  }
       
#errortext {
  position:relative; 
  left:20px; 
  top:0px; 
  width:100%;
  margin:0px 0px 23px;
  padding:0px;
  }
 #utilities {
  position:absolute;
  left:20px;
  top:0px;
  width:100%;
  margin:0px;
  padding:0px;
  }
  #intropage_toparea {
  position:relative; 
  width:394px;
  left:0px;
  top:0px;
  margin:0px; 
  margin:0px;
  }
#pagesubmenupopup {
  position:absolute; 
  left:162px; 
  top:46px;
  width:410px; 
  }
#bodyareapopup {
  position:absolute; 
  left:162px; 
  top:48px;
  width:410px; 
  }
#bodyarea_sowc04survey {
  position:relative; 
  float:left;
  width:538px;
  left:20px;
  top:0px;
  margin:0px 0px 0px; 
  margin:0px 0px 0px;
  }
  
#column {
  clear:both;
  width:100%;
  margin:0px;
  padding:0px;
  }
#column2 {
  clear:both;
  width:100%;
  margin:0px;
  padding:0px;
  }
#column2 p {
  line-height: 1.2em;
  margin: 0px;
  }
#column2 h5 {
  line-height: 1.5em;
  margin: 0px;
  }
  
#columnline {
  }
#columnline_radio {
 }
#columnline_radio_hwspacer {
 width:100%;
 height:1px;
 BACKGROUND-IMAGE: url(/css/images/dots.gif); 
 BACKGROUND-REPEAT: repeat-x;
 BACKGROUND-POSITION: bottom; 
 margin: 5px 0px 5px 0px;
 }
#column1a {
  width:100%;
  margin:0px;
  padding:0px;
}
#column2a {
  width:100%;
  margin:0px;
  padding:0px;
}
#column3 {
 position:relative;
 float:left;
 width:100%;
 left:0px;
 top:0px;
 margin:0px;
 padding:0px;
} 
.radiospace
{
margin-top:3px;
}
    
#columnlinks {
  position:relative; 
  clear:both;
  width:auto;
  margin:0px;
  padding:0px;
  }
#columnlinks2 {
  position:relative; 
  clear:both;
  width:auto;
  left:0px;
  top:0px;
  margin:0px;
  padding:0px;
  }
#columnlinks2 p {
  line-height: 1.2em;
  margin: 0px;
  }
#columnlinks2 h5 {
  line-height: 1.5em;
  margin: 0px;
  }
#columnlinks h3 {
 font-size: 150%;
 line-height:110%;
 margin: 0px 0px 10px;
 font-family:  verdana, arial, helvetica, sans-serif;
 color: #df5e32;
}
  
#columnlinks .subheader {
  font-family:  verdana, arial, helvetica, sans-serif;
  font-size: 100%;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  color:#666666;
  }
    
#columnlinks p {
  BACKGROUND-IMAGE: url(/css/images/dots.gif); 
  BACKGROUND-POSITION: bottom;
  BACKGROUND-REPEAT: repeat-x;
  padding: 2px 0px 10px;
  margin: 0px 0px 8px;
  }  
      
*html #column {width:100%;}


/*****************Hide the workflow styles***************************************/

.highlight {background-color: transparent;}
.edit_comment {display: none;}
.imagearea {
display: none;
}
