/* General elements */

body
{
    font-weight:normal;
    font-size: 80.5%;
    font-family:arial, helvetica;
    color:#000;
    width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
		
	/* IE6.0 etc */
	text-align:center;
} 

body p 
{
    margin:0 0 1em;
}

p, div, td 
{
    text-align:left;
}

img
{
	border:0;
}


h1
{
	font-size:1.8em;
	font-weight:normal;
}

h2
{
	font-size:1.2em;
	font-weight:bold;
	line-height:0.9em;
	margin-top:1em;
	*margin-bottom:0.7em;
	color:#67BD24;
}

h3
{
	font-size:1em;
	font-weight:bold;
	line-height:0.9em;
	margin-top:1em;
	*margin-bottom:0.7em;
	color:#67BD24;
}

h4
{
	font-size:0.8em;
	font-weight:normal;
	color:#67BD24;
}

h5
{
	font-size:0.6em;
	font-weight:normal;
	color:#67BD24;
}

/* Content links */

.right_column a
{
   color:black;
   font-weight:bold;
}

.right_column a:hover
{
   color:#555;
}

.clear
{
	clear:both;
}
	
.border1px
{
   border:1px solid #000;
}

div#skip a, div#skip a:hover, div#skip a:visited 
{
	height:1px;
	left:0;
	overflow:hidden;
	position:absolute;
	top:-1000px;
	width:1px;
}

/* General containers */


div#fixed_page_container
{
	/*width:960px;  */ 
    width:75em;	
    /*font-size:1.4em;	*/
	margin-left:auto;
	margin-right:auto;
	text-align:left;
    position:relative;
}


/* Header */

#header_logo
{
/*
    width:50%;
	float:left;
	height:3em;
	padding-top:1.2em;
*/

        width:49%;
	float:left;
	height:3em;
	padding-top:1em;
	padding-left:0.5em;
}


#header_banner
{
/*
    width:50%;
	float:left;
	height:3.2em;
	padding-top:1.7em;*/
	
	width:50%;
	float:left;
	height:2.2em;
	*height:2.5em;
	padding-top:1.0em;
	
	text-align:right;
	color:#67BD24;
	font-size:1.7em;
	font-style:verdana;

	
}

#header_banner img
{
    float:right;
   
}

/* Footer */

div#page_footer_container
{
	position:relative;
	/*height:9.2em;*/
	clear:both;			
}

*html div#page_footer_container
{
    !clear:both;
    !position:absolute;	
    !z-index:100;
}

/* 2012 Olympic promo area */
/* applied in the content_pages.htt if the 2012 Olympic banner is omitted from a page */
div.topbordered#page_footer_container
{
	border-top:solid 0.06em #cfcfcf;				
}

div#olympic_promo_spot
{		
	/*font-size:0.9em;*/
	border-bottom:solid 0.06em #cfcfcf;		
	width:100%;
	height:6.6em;	/*6.2em*/
	
	padding:1.5em 0 0 0;
	background-image:url('../images09/General_separation-bar.gif');
	background-position:0 0;
	background-repeat:no-repeat;
	
}

div#olympics_promo_content
{
	background-image:url('../images09/General_London2012-image.gif');
	background-position:0 0;
	background-repeat:no-repeat;
	
}
span#op_h3_header1 a,
span#op_h3_header2 a
{
	color:#64379B;	
	font-weight:bold;
	width:22em;	
    font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
}

span#op_h3_header1
{		
	margin:1.5em 0 0 0em;
}

span#op_h3_header2
{
	float:right;
	margin:0.7em 0 0 0;		
}

div#olympic_promo_spot p
{
	width:30em;
	float:left;		
}

/* end of footer */

/*content area */

#content
{
   margin-bottom:1em;
}

#page_content_container
{
   margin-left:0.3em;
   clear:both;
}

.content_with_margin
{
   margin-left:1.5em;
}

#flash_content_container
{
   margin-left:0.4em;
}

#content_caption_print
{
   height:6em;
  
}

#caption_header
{
   float:left;
   width:85%;
   margin-top:0.8em;
}

#caption_header h1
{
   color:#67bd24;
   font-size:2.2em;
}

#print_button
{
   float:right;
   width:15%;
   margin-top:3em;
}


#left_column
{
   float:left;
   width:15.5em;
   margin-bottom:2em;
   margin-right:1em;
}

.right_column
{
   margin-bottom:1.5em;
   
   float:left;
   display:block;
   padding:0 5em;
   width:46em;
}
/*
#right_column
{

   float:left;
   width:55em;
   display:block;
   
    float:left;
	display:block;
    padding:0 5em;
	width:46em;
}

#right_column_hub
{
    float:left;
	display:block;
    padding:0 5em;
	width:46em;
}
*/
#folder_summary_section
{
    margin-top:1.5em;
}

#folder_summary_section a
{
   color:#67BD24;
   text-decoration:none;
}

#folder_summary_section a:hover
{
   text-decoration:underline;
}

.folder_summary
{
   width:20em;
   float:left;
}
.folder_summary_first
{
   width:20em;
   float:left;
   margin-right:4em;
}

.folder_summary_first h2, .folder_summary h2
{
   line-height:0em;
   font-size:1.1em;
}




#homepage-promo img
{
  border:0;
}

#homepage-promo
{    
    width:955px; 
	height:348px; 
	border:1px solid #000;
	position:relative;
}

*html #homepage-promo
{
	!width:956px;
}

#homepage-promo ul
{
   position:absolute;
   top:-13px;
   *top:0px;
   left:-40px;
}

#homepage-promo ul li
{
   float:left;
   position:relative;
   list-style-type:none; 
   height:348px; 
   /*
   display:inline;*/
}

#homepage-promo ul li.hp_tab
{
   width:31px; 
}

#homepage-promo ul li.hp_tab:hover
{
   width:862px; 
}

#homepage-promo ul li ul
{
   float:left;
   display:none;
   position:relative;
   left:-11px;
   top:-350px;
}

*html #homepage-promo ul li ul
{
   !left:-50px;
   !margin-right:-52px;
}

#homepage-promo ul li:hover ul
{
   display:block;
}

#homepage-promo ul li ul li
{
   width:832px;
}

#homepage_promoboxes a
{
   text-decoration:none;
}

#homepage_promoboxes a:hover h2, #homepage_promoboxes a:hover p
{
   color:#777;
}

.homepage_promobox 
{
   width:17em;
   height:17.5em;
   float:left;
   position:relative;
   border:#67BD24;
   cursor:pointer;
}

.homepage_promolink_greendivide
{
   height:10em;
   float:left;
}

.homepage_promolink_greendivide img
{
   margin-left:0.9em;
   margin-right:1em;
}

.homepage_promobox_Title h2
{
   margin:0 0 0.5em 0;
}



.homepage_promobox_Summary
{
   color:black;
   position:absolute;
   z-index:8;
   line-height:1.2em;
   font-size:89%;
   display:block;
}

.homepage_promobox_Image
{
   position:absolute;
   bottom:0;
   text-align:center;
   padding-left:2em;
}

.homepage_promobox_LinkButton
{
   width:20px;
   height:20px;
   position:absolute;
   left:15em;
   bottom:1.5em;
}

/* correct firfox problem */

.homepage_promobox_Title h2 a
{
   color:#67BD24;
}

.homepage_promobox_Summary a.homepage_promolink
{
  color:black;
}

#homepage_promoboxes a.homepage_promolink:hover
{
  color:#777;
}

/* Our stories */

#our_stories
{
   position:relative;
}

.Our_Stories_continent_marker
{
    position:absolute;
}

.Our_Stories_continent_marker a
{
    color:black;
	font-weight:bold;
	text-decoration:none;
	font-size:1.3em;
}

.Our_Stories_continent_marker a:hover
{
    text-decoration:underline;
}

#Our_Stories_continent_africa
{
   top:340px;
   left:440px;
}

#Our_Stories_continent_northamerica
{
   top:200px;
   left:90px;

}

#Our_Stories_continent_latinamerica
{
   top:400px;
   left:195px;

}

#Our_Stories_continent_asia
{
   top:170px;
   left:630px;

}

#Our_Stories_continent_oceana
{
   top:412px;
   left:685px;

}

#Our_Stories_continent_europe
{
   top:235px;
   left:406px;

}



.our_stories_text_box
{
   width:335px;
   padding:0 0 0 1.5em;
   position:absolute;
   top:48px;
   left:56px;
 
}

#our_stories_text_box_right
{
  left:530px;
}

#Our_Stories_pdf
{
   float:right;
   padding:0.3em;
}

#Our_Stories_pdf a
{
   text-decoration:none;
   color:black;
}

#Our_Stories_pdf img
{
   display:block;
   float:left;
   margin-top:-0.2em;
}

#Our_Stories_pdf a:hover
{
    color:#777;
}

#our_stories_text_region_text
{
  color:#67BD24;
  font-size:1.3em;
  font-weight:bold;
  padding-top:1em;
}

#our_stories_text_region
{
   color:#555;
   font-size:1.5em;
}

#our_stories_text_region h1
{
    margin:0em 0 0.3em 0;
} 

#our_stories_text_text
{
   height:387px;
   overflow-y:scroll;
}

.Our_Stories_return_link
{
   font-weight:bold;
   width:19em;
   position:absolute;
   top:540px;
   left:700px;
}

.Our_Stories_return_link a
{
   color:black;
   text-decoration:none;
}

.green_rimmed_link_box 
{
   border:2px solid #67BD24;
   background:url('../images09/arrow.gif') no-repeat;
   background-position:3px 4px;
   *background-position:5px 6px;
   margin-bottom:0.5em;
}

.green_rimmed_link_box a
{
   color:black;
   font-weight:bold;
   text-decoration:none;
   margin-left:1.5em;
   width:100%;
   height:100%;
   display:block;
}

.green_rimmed_link_box a:hover
{
   color:#555;
}

#nocontent-spacer
{
   margin-top:-2.8em;
}

*html #nocontent-spacer
{
   !margin-top:-2.7em;
}

#Our_Stories_accessible_link a
{
   color:black;
   text-decoration:none;
}

#Our_Stories_accessible_link a:hover
{
   color:#777;
}


.petLabel
{
   float:left;
   width:15%;
   display:block;
   margin-bottom:0.5em;
}

.petInput
{
    float:left;
    width:50%;
	display:block;
	margin-bottom:0.5em;
}

.petInput input
{
   width:200px;
}

.petInput Textarea
{
   width:250px;
}

input#petSubmit
{
   width:80px;
}

input#petReset
{
   width:100px;
}