/* brown color:   color: #76151F; */
/* orange color:  color: #D29212; */
/* pink: 248 247 232*/

/* blue color: color: #669999 */


body,html,form,div, span
{
  font:	8pt Verdana, Arial, Helvetica, sans-serif;
  padding:0px;
  margin:0px;
  color: #330000;
  }

body, html
{
 
  background:#FFFFFF;
  }


div
{
/*  border: solid #FF0000; */
  }
 
input
{
  font:	8pt Verdana, Arial, Helvetica, sans-serif;
  padding:0px;
  margin:0px;
}

img
{ 
border: 0px;
 }


/* layout divs */

#topnav
{ 
  position: absolute;
  top: 11px;
  left: 0px;
  height: 35px;
  width: 972px;
  background:#669999;
  
 }
#welcome
{
  position: absolute;
  top: 20px;
  left: 5px;
  z-index: 10;
}
#topnav
{ 
  position: absolute;
  top: 11px;
  left: 0px;
  height: 35px;
  width: 972px;
  background:#669999;
  
 }

#topnavsearch
{ 
  position: absolute;
  top: 5px;
  left: 655px;

 }

#overbar
{ 
  position: absolute;
  top: 0px;
  left: 0px;
  color: #669999;
 }

#banner
{ 
  position: absolute;
  top: 46px;
  left: 0px;
 }

#bctrail
{ 
  position: absolute;
/*    top: 310px; */
  left: 170px;
  width: 400px;
  height: 25px;
 }

#bctrail_textonly
{ 
  position: absolute;
  top: 50px;
  left: 170px;
  width: 400px;
  height: 25px;
 }
#bctrail_graphics
{ 
  position: absolute;
  top: 161px;
  left: 170px;
  width: 800px;
  height: 25px;
 }

#leftcolumn
{ 
  position: absolute;
  top: 120px;
  left: 30px;
  /*height: 100%;*/
  width: 115px;
  background-color: #FFFFFF;
}
#leftcolumn_graphics
{ 
  position: absolute;
  top: 220px;
  left: 30px;
  /*height: 100%;*/
  width: 115px;
  background-color: #FFFFFF;
 }

#catselectorform
{
  position: absolute;
  top: 0px;	
/*  left: 530px;*/
left: 750px;	
  width: 200px;
}

#centrecolumn
{
  position: absolute;
  top: 0px;
  left: 160px;
  height: 100%;
/*  width: 353px;*/
  width: 475px;
}

#centrecolumn_home
{
  position: absolute;
  top: 0px;
  left: 160px;
  height: 100%;
  width: 353px;
}

/* intro paras on the central column */
#intropara1
{
  width: 353px;
/*  float: left ;*/
   margin: 5px 5px 5px 5px;
}

#intropara2
{
  width: 353px;
/*  float: left; */
   margin: 5px 5px 5px 5px;

}

/* content area on the central column */

#centrecontent
{
  position: relative;
  left: 120px;
  float: left;
  clear: left;
  width: 200px;
}

/* widened versions of the above for lev 2 list pages */

#centrecontent_lev2
{
  position: relative;
  left: 120px;
/*  float: left;*/
/*  clear: left;*/
  width: 350px;
  padding-right: 5px;
}

#centrecolumn_lev2
{
  position: absolute;
  top: 275px;
  left: 200px;
  height: 100%;
  width: 600px;
}


#rightcolumn
{
position: absolute;
top: 0px;
left: 550px;
height: 100%;
width: 130px;
}

#subapp_search
{
position: absolute;
top: 0px;
left: 590px;
height: 100%;
width: 130px;
}

#region_info_0, 
#region_info_1, 
#region_info_2, 
#region_info_3, 
#region_info_4, 
#region_info_5, 
#region_info_6, 
#region_info_7, 
#region_info_7, 
#region_info_8, 
#region_info_9, 
#region_info_10, 
#region_info_100

{  
 visibility : hidden;
 position: absolute;
/* top: 500px;
 left: 158px;
 width: 500px;*/

 top: 75px;
 left: 625px;
 width: 300px;
 
/* border: solid #FF0000; */
}
#region_info_100

{  
 visibility : visible;
}

/* end layout divs */

/* styles that support the central layout */

.intropara1
{
  left: -40px;
}

.intropara2
{

  left: 0px;
}

.centrecontent
{

  left: 0px;
}

/* little labels defining search types */

#search_type
{ 
  position: absolute;
  right: 355px;  
  width: 100px;
  text-align: right;
 }

/* contains the dotted line that sits below the top nav*/

#dotted_header
{
  position: absolute;
  left: 90px;
  top: 132px;
}

.app_nav
{ 
  line-height: 0px;
 }


/*
* text styles;
*/


/* this div is used for all page titles 
 * it is placed in the centre column div
 * so has a position relative to that 
 */ 

#head1, #head2
{
  position: relative;  
  left: 0px;

}

h1, .head1
{ 
font-family: "Times New Roman", Times, serif; 
 color: #669999;
  font-weight: bold;
  font-size: 24px;  
}

.head1_brown
{ 
color: #000033;
  font-weight: bold;
  font-size: 24px;  
}

.head1_single_item
{ 
font-family: "Times New Roman", Times, serif; 
 color: #669999;
  font-weight: normal;
  font-size: 20px;  
  position: relative;
  left: -100px;
}

div.head2, div.head1, div.subapp_title{ 
  position: relative;  
  left: -120px;                     
 }


h2, .head2
{  
   font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #669999;
  font-weight: bold;
  font-size: 14px;

}
div.list_info_column 
{ 
  position:relative;
  left: -100px;                    
  top: 17px;
  width: 75px;
padding: 0px;
margin: 0px;
/*border: 1px solid #000;*/
  }

/* links on the top nav (text only ) */

a.white_sm_link, .white_sm_text
{ 
  text-decoration: none;
  font-size: 9px;
  font-weight: bold;
  color: #FFFFFF;
 }

a.white_sm_link:hover, 
a.white_sm_link:focus

{
  text-decoration: none;
  color: #0000FF;
  }




a.topnav, .topnav
{ 
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
 }

a.topnav:hover, 
a.topnav:focus

{
  text-decoration: none;
  color: #0000FF;
  }


a.topnav_sel, .topnav_sel
{ 
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  color: #0000FF;
 }

a.topnav_sel:hover, 
a.topnav_sel:focus

{
  text-decoration: none;
  color: #FFFFFF;
  }


a.bctrail, .bctrail
{ 
  text-decoration: none;
  font-size: 11px;
  font-weight: normal;
  font-style: italic;
  color: #669999;
 }

a.bctrail:hover, 
a.bctrail:focus

{
  text-decoration: none;
  color: #000033;
  }



a.searchnav, .searchnav
{ 
  text-decoration: underline;
  font-size: 11px;
  font-weight: bold;
  color: #0000FF;
 }

a.searchnav:hover, 
a.searchnav:focus

{
  text-decoration: none;
  color: #0000FF;
  }


a.searchnav_sel, .searchnav_sel
{ 
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  color: #0000FF;
 }

a.searchnav_sel:hover, 
a.searchnav_sel:focus

{
  text-decoration: none;
  color: #FFFFFF;
  }

.item_body_sm
{
  font-size: 7pt;
  font-weight: normal;

}            


.item_body, .item_date, .item_abstract
{

}            


/* **i am bold**  */

.item_body_bold
{
  font-weight: bold;
   color: #000000;
}            

/* *b*i am brown*b*  */
/* actually blue ... */
.item_body_brown
{
  font-size: 9pt;
  font-weight: normal;
  color: #669999 ;
}            

/* *i*i am italic*i*  */
.item_body_italic
{
  font-size: 9pt;
  font-weight: normal;
  color: #000000;
  font-style: italic;
}            
/* *u*i am underline*u*  */
.item_body_underline
{
  font-size: 9pt;
  font-weight: normal;
  color: #000000;
  text-decoration: underline;
}            


.item_title
{ 
  font-weight: bold;
  font-size: 13pt;
  color: #000033;
 }

.item_title_sm
{ 
  font-weight: normal;
  font-size: 9pt;
  color: #000033;
 }
.item_title_bold
{ 
  font-weight: bold;
  font-size: 9pt;
  color: #000033;
}
.news_date
{ 
  font-size: 9pt;
  font-weight: normal;
  color: #000033;
 }
.news_title
{ 
  font-size: 13pt;
  font-weight: bold;
  color: #000033;
 }
.news_author
{ 
  font-size: 9pt;
  font-weight: normal;
  color: #000033;
  font-style: italic;
 }

a.item_link
{ 
  text-decoration: none;
  font-size: 8pt;
  font-weight: normal;
  color: #669999;  
 }
a.item_link:hover,
a.item_link:focus
{ 
  text-decoration: underline;
  font-size: 8pt;
  font-weight: normal;
  color: #330000;  
 }

a.pager_link
{ 
  text-decoration: none;
  font-size: 9pt;
  font-weight: normal;
  color: #669999;  
 }
a.pager_link:hover,
a.pager_link:focus
{ 
  text-decoration: underline;
  font-size: 9pt;
  font-weight: normal;
  color: #330000;  
 }


a.news_link
{ 
  text-decoration: none;
  font-size: 8pt;
  font-weight: normal;
  color: #669999;
 }
a.news_link:hover,
a.news_link:focus
{ 
  text-decoration: underline;
  font-size: 8pt;
  font-weight: normal;
  color: #000033;
 }


a.brown_link_no_under
{ 
  text-decoration: none;
  font-weight: normal;
  font-size: 8pt;
  color: #000033;
 }
a.brown_link_no_under:hover,
a.brown_link_no_under:focus
{ 
  text-decoration: underline;
  font-weight: normal;
  font-size: 8pt;
  color: #000033;
 }

/* sub approach item type anchor links */
a.subapp_link, a.link_title
{ 
  text-decoration: none;
  font-size: 9pt;
  font-weight: bold;
  color: #669999;
 }
a.subapp_link:hover,
a.subapp_link:focus,
a.link_title:hover,
a.link_title:focus

{ 
  text-decoration: underline;
  font-size: 9pt;
  font-weight: bold;
  color: #000033;
 }

a.faq_link, .faq_question
{ 
  font-style: italic;
  text-decoration: none;
  font-weight: bold;
  font-size: 8pt;
  color: #000033;
 }
a.faq_link:hover,
a.faq_link:focus
{ 
  font-style: italic;
  text-decoration: underline;
  font-weight: bold;
  font-size: 8pt;
  color: #000033;
 }

/* this is for the approach nav sub levels*/
a.leftnavsub
{ 
  position: relative;
  text-decoration: none;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  left:15px;
 }
a.leftnavsub:hover, 
a.leftnavsub:focus
{
  text-decoration: underline;
  color: #669999;
}

a.leftnavsub_hi
{ 
  position: relative;
  text-decoration: none;
  font-size: 12px;
  font-weight: normal;
  color: #669999;
  left: 15px;
 }
a.leftnavsub_hi:hover, 
a.leftnavsub_hi:focus
{
  text-decoration: none;
  color: #000000;
}

a.leftnav
{ 
  text-decoration: none;
  font-size: 14px;
  font-weight: none;
  color: #669999;
 }
a.leftnav:hover, 
a.leftnav:focus
{
  text-decoration: none;
  color: #000033;
}

a.leftnav_hi
{ 
text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
 }
a.leftnav_hi:hover, 
a.leftnav_hi:focus
{
  text-decoration: none;
  color: #000000;
}


/* intro text on item list pages */
.imtro_text
{ 
  font-size: 9pt;
  font-weight: normal;

 }
.latest_date
{
  font-size: 7pt;
  font-weight: bold;
  color: #000033;  
}            

.latest_body, .map_body
{
  font-size: 8pt;
  font-weight: normal;
  color: #669999;  
  font-style: italic;
}            

.map_body
{
  width: 150px;
} 

.nav_title_sm
{
  font-size: 8pt;
  font-weight: normal;
  color: #000033;
}            

a.latest_link
{ 
  text-decoration: underline;
  font-size: 7pt;
  font-weight: normal;
  color: #000033;  
 }
a.latest_link:hover,
a.latest_link:focus
{ 
  text-decoration: none;
  font-size: 7pt;
  font-weight: normal;
  color: #000033;  
 }

/* 
*
*site map styles
*
*/

/* approach sub names down the left side of the table */
.sitemap_app
{ 
  font-size: 9pt;
  font-weight: bold;
  color: #000033;
  cell-width: 100px;
 }

a.sitemap_app_sub
{ 
  text-decoration: none;
  font-size: 8pt;
  font-weight: none;
  color: #000033;
 }

a.sitemap_app_sub:hover,
a.sitemap_app_sub:focus
{ 
  text-decoration: underline;
  font-size: 8pt;
  font-weight: none;
  color: #000033;
 }


/* definitions for top nav divs */

/* the class for the drop down divs */
.nav_drop_td {
/*	background-color: #FFFFFF;
	border-top: 1px dotted #DFA92E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #9B545C;
*/}
.nav_drop_footer 
{
/*
  
  background-color: #FFFFFF;
  border-top: 1px dotted #DFA92E;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  color: #9B545C;
  height: 1px;
  */
}

.nav_drop {
  background-color: #FFFFFF;
  width: 150px;
  left: 120px;
  position:absolute; 
  z-index: 2;
  visibility: hidden;
  border-top-width: 2;
  border-right-width: 2;
  border-bottom-width: 2;
  border-left-width: 2;
  border-right: #000000 1px solid;
  border-left: #000000 1px solid;	
  border-top: #000000 1px solid;	
  border-bottom: #000000 1px solid;	
/*	background-color: #FFFFFF;*/
}


a.cat_link
{ 
  text-decoration: none;
  font-size: 7pt;
  font-weight: normal;
  color: #000033;  
 }
a.cat_link:hover,
a.cat_link:focus
{ 
  text-decoration: underline;

  font-size: 7pt;
  font-weight: normal;
  color: #000033;  
 }

.tools_spacing{
    line-height: 10%;
}

/* divs for the top nav */

#document
{ 
 position: absolute;
/*  left: 170px;*/
left:165px;
  top: 15px;
 }

#documentcats
{
  position:absolute; 
  width:auto; 
z-index: 1;
/*  left: 170px; */
left:165px;
  top: 45px; 
  visibility: hidden;
 }


#news 
{ 
 position: absolute;
/* left: 270px;*/
left:260px;
  top: 15px;

}

#newscats
{
  position:absolute; 
  width:auto; 
z-index: 1;
/*  left: 270px; */
left:260px;
  top: 45px; 
  visibility: hidden;
  }

#profile
{ 
  position: absolute;
/*  left: 325px;*/
left:310px;
  top: 15px;
 }

#profilecats
{ 
  position:absolute; 
  width:auto;
z-index: 1;
/*  left: 325px; */
left:310px;
  top: 45px; 
  visibility: hidden;
  }

#event
{ 
 position: absolute;
/*  left: 400px;*/
left: 380px;
  top: 15px;
 }
#eventcats
{ 
position:absolute; 
width:auto;
z-index: 1;
/*left: 400px; */
left: 380px;
top: 45px; 
visibility: hidden;
 }

#presentation
{ 
 position: absolute;
  left: 442px;
  top: 15px;
 }
#presentationcats
{ 
position:absolute; 
width:auto;
z-index: 1;
left: 442px; 
top: 45px; 
visibility: hidden;
 }

#link
{ 
 position: absolute;
/*  left: 477px;*/
left: 555px;
  top: 15px;
 }
#linkcats
{ 
  position:absolute;
  width:auto; 
  z-index: 1;
/*  left: 477px; */
left: 555px;
  top: 45px; 
  visibility: hidden;
 }

#project
{ 
 position: absolute;
  left: 400px;
  top: 15px;
 }
#projectcats
{ 
position:absolute; 
width:auto;
z-index: 1;
left: 400px; 
top: 45px; 
visibility: hidden;
 }




/* // end divs for the top nav */

/*
* layout for the popups
*/

#popup_logo
{  
  position: absolute;
  top: 20px;
  left: 18px;

}
#popup_content
{  
  position: absolute;
  top: 20px;
  left: 10px;
  width: 225px;
}

.popup_text
{ 
  font-size: 9pt;
  color: #000033;
 }

.popup_title
{ 
  font-size: 9pt;
  color: #000033;
  font-weight: bold;
  text-decoration: underline;
  
 }

/* new divs for approach nav*/



#app_pop0
{

}

#app_pop1
{

}

#app_pop2
{

}

#app_pop3
{
}

#app_pop4
{

}

/* for the country app pop up */

#region_pop
{
 position: absolute;
 left: 120px;
 visibility: hidden;
}

.app_drop{
  background-color: #FFFFFF;
  width: 130px;
  left: 120px;
  position:absolute; 
  z-index: 2;
  padding-right: 20px;
  padding-top: 12pt;
  padding-bottom: 12pt;
  visibility: hidden;
  border-top-width: 2px;
  border-right-width: 20px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-right: #000000 1px solid;
  border-left: #000000 1px solid;	
  border-top: #000000 1px solid;	
  border-bottom: #000000 1px solid;	
}