/*

	NGO portal	revised 12july2004
		eoin@bluelink.net

*/

/*	---	defined elements	---	*/

body {
margin: 0;
padding: 0;
font: 9pt/12pt  "Georgia", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
color: #666;
/* background: url(i/body.gif) top center repeat-y; bgrd offset diff. in ns7 and some IE. use bimg layer*/
text-align: left; /* old: center */
}

.scroller-enclose {
float: left;
width: 410px;
margin: 0 0 15px 0;
font-size: 100%;
}

#bimg {
width: 750px;
height: 100%;
margin: 0 auto;
background: #fff url(i/body.gif) top center repeat-y;
}

a {
color: #64623E;
text-decoration: none;
}

a:hover {
color: #c20;
}

.clear {clear: both;}
.hide {display: none;}

#container {
margin: 0 auto;
width: 750px;
}


/*	---	title & title pics	---	*/

#top {
position: relative;
margin: 0 auto;
padding: 0;
width: 750px;
height: 149px;

  /* NOTE: Line below restores the bluelink.info 'standard' header - un-comment and restore it at the end of 2008! :-) */
  /* background: #FFF url(i/top_standard.gif) top left no-repeat; */

  /* NOTE: Line below inserts the 'BlueLink 10 Years Anniversary 2008' animated header - comment to hide at the end of 2008! :-) */
  background: #FFF url(i/top_2008_animated.gif) top left no-repeat;

  /* Michel's notes */
}

#top ul {
border: 0;
margin: 0;
padding: 54px 0 0 219px;
list-style-type: none;
text-align: center;
clear: left;
}

#top ul li {
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#top ul li a {
background: #fff;
width: 105px;
height: 95px;
padding: 0;
margin: 0;
color: #c30;
text-decoration: none;
display: block;
text-align: center;
font-weight: normal;
letter-spacing: 1px;
line-height: 2em;
font-size:    xx-small;      
}


/* code of top nav changed 2004-Dec-09 by michel@bluelink / also Jan-19-2007 */

/* #top ul li#you a	{ background: url(i/top_nav/nav_youth.jpg) bottom left no-repeat; }
#top ul li#you a:hover	{ background-position: 0 0; } */

#top ul li#you a	{ background: url(i/top_nav/nav_youth.jpg) top left no-repeat; }
#top ul li#you a:hover	{ background-position: 0 100%; }

#top ul li#gen a	{ background: url(i/top_nav/nav_gender.jpg) top left no-repeat; }
#top ul li#gen a:hover	{ background-position: 0 100%; }

#top ul li#env a	{ background: url(i/top_nav/nav_environment.jpg) top left no-repeat; }
#top ul li#env a:hover	{ background-position: 0 100%; }

#top ul li#vol a	{ background: url(i/top_nav/nav_volunteers.jpg) top left no-repeat; }
#top ul li#vol a:hover	{ background-position: 0 100%; }

#top ul li#mis a	{ background: url(i/top_nav/nav_communities.jpg) top left no-repeat; }
#top ul li#mis a:hover	{ background-position: 0 100%; }



#top ul li a:hover {
color: #000;
background: #ccc;
}

#top a:active	{
background: #c60;
color: #fff;
}

#blueLink {
position: absolute;
top: 0px;
right: 3px;
width: 77px;
height: 49px;
background: url(i/bluelink.gif) top left no-repeat;
}




/*	---	vertical menu	---	*/

#vertMenu
{
margin: 0 auto;
width: 750px;
height: 40px;
background: url(i/menu.gif) top left no-repeat;
}

#vertMenu ul
{
width: 100%;
padding: 0;
margin: 0;
list-style-type: none;
}

#vertMenu li
{
float: left;
display: block;
}

#vertMenu li a
{

display: block;
text-decoration: none;
text-align: center;
width: 120px;
height: 30px;
color: #000;
line-height: 150%;
font-size: 1.5em;
font-weight: bold;
background: transparent;
}

#vertMenu li a:hover
{
color: #c20;
/* text-decoration: underline; */
}


#vertMenu ul li#home a 
{
margin: 2px 0 0 106px;
width: 21px;
height: 22px;
background: transparent url(i/home.gif) bottom left no-repeat;
}

#vertMenu ul li#home a:hover 
{
background-position: 0 1px;
}

#vertMenu ul li#lang a 
{
margin: 0 0 0 10px;
width: 21px;
height: 22px;
background: transparent url(i/en.gif) bottom left no-repeat;
}

#vertMenu ul li#lang a:hover 
{
/* background-position: 0 1px; */
}


/*	---	main content	---	*/

#wrapper
{
float: left;
margin: 0 auto;
padding: 0;
width: 750px;
background: #fff url(i/body.gif) top center repeat-y;
}








/*	---	left nav	---	*/

#left
{
float: left;
width: 100px;
}


#left ul
{
list-style-type: none;
margin: 3em 0 0 0;
padding: 0 0 1em 0;
font-size: 1.2em;
font-weight: bold;
text-align: right;
font-family: "Trebuchet MS";
}

#left li a
{
display: block;
width: auto;
color: #6c6f3a;
font-weight: bold;
text-decoration: none;
}


#left li a:hover
{
background: #c20;
color: #fff;
font-weight: bold;
}

#left li.break
{
margin-bottom: 1em;
}

#left #two
{
color: #cdcda4;
}

#left #two a
{
color: #6c6f3a;
font-size: .9em;
}

#left #two a:hover
{
background: transparent;
color: #c20;
}




/*	---	right nav	---	*/

#right
{
float: right;
width: 175px;
}

#right p
{
text-align: left;
width: 150px;
color: #aaa;
font-size: 80%;
text-align: justify;
}

#right h1
{
margin: 0 0 .5em -2px;
display: block;
height: 30px;
width: 90%;
text-align: left;
background: url(/i/h1.gif) top right no-repeat;
}


#right h1 a
{
margin: 2px 0 0 0;
padding: 4px 10px 0 0;
float: left;
color: #8E8C71;
font-size: 13pt;
font-family: "Arial";
font-weight: bold;
text-decoration: none;
background: url(/i/headline2.gif) top right no-repeat;
}


#right h1 a:hover
{
color: #c20;
}

#right img, #right img a
{
/* border: 1px solid #000;*/

border: 0px solid #000;
margin: 0px 0px 0px 0px;
padding: 10px;
}

/*	---	main	---	*/

#mainContent
{
min-height: 300px; /* bypass moz render engine leaving blanks in background image */
margin-left: 120px;
margin-right: 180px;
}

#mainContent h1
{
margin: 0 0 .5em -2px;
display: block;
height: 30px;
width: auto;
text-align: left;
background: url(/i/h1.gif) top right no-repeat;
}


#mainContent h1 a
{
margin: 2px 0 0 0;
padding: 4px 10px 0 0;
float: left;
color: #8E8C71;
font-size: 13pt;
font-family: "Arial";
font-weight: bold;
text-decoration: none;
background: url(/i/headline2.gif) top right no-repeat;
}

#mainContent h1 a:hover
{
color: #c20;
}

#pubForm {
margin: 0;
padding: 0;
margin: 1em 0 0 0; 
padding: 0 5px;
}

#pubForm span {
display: block; 
margin: 0 0 7px 0; 
padding: 0;
}

#mainContent span.inv {
display: none; /* for atsp field (/apc-aa/filler.php3 related) */
}

#pubForm label {
width: 90px; 
margin: 0;
float: left;
font-weight: bold;
text-align: left;
display: block;
}

#pubForm input, #pubForm textarea, #pubForm .selector {
width: 300px; 
}

#pubForm .selector {
margin: 0 0 5px 22px;
padding: 0;
float: left;
text-align: left;
}


#pubForm h3 {
clear: both;
background: #ECECDF;
/* color: #64623E; */
display: block;
width: 430px;
text-align: left;
line-height: 120%;
font-size: 1.3em;
}

#pubForm p {
margin: 0 0 0 115px;
padding: 0;
width: 300px;
text-align: left;
font-size: 90%;
}

#pubForm .pub {
margin: 0 auto; 
width: auto;
padding: 2px 5px;
font-weight: bold;
}








.article {
backround: transparent;
float: left;
width: 430px;
margin: 0 0 20px 0;
}


.article h2 {
margin: 0;
padding: 0;
text-align: left;
color: #6c6f3a;
font-size: 1.1em;
font-weight: bold;
}

.article h3 {
margin: 0;
padding: 0;
text-align: left;
color: #6c6f3a;
font-size: .9em;
font-weight: normal;
}

.article p {
margin: 0;
text-align: justify;
}

.article p.right {
margin-right: 2em;
float: right;
}

.article p.scroller {
text-align: center;
}






/*	---	footer & misc	---	*/


#bottom {
clear: both;
background: #fff url(i/footer.gif) top left no-repeat;
margin: 30px auto 0 auto;
padding: 0;
width: 750px;
height: 60px;
}

#footer {
clear: both;
display: block;
width: 750px;
height: auto;
margin: 0 auto;
padding: 0 0 10px 0;
background: #fff;
color: #aaa;
font-size: 90%;
text-align: center;
}

#footer a {
color: #999; 
font-weight: bold;
}

#footer a:hover 
{
color: #c20;
}

div.shadow {
background: url(/i/shadow.gif) no-repeat bottom right;
clear: left;
float: left;
margin: 10px 8px 0 4px;
padding: 0;
position: relative;
}

div.shadow img {
background-color: #fff;
border: 1px solid #a9a9a9;
display: block;
margin: -5px 5px 5px -5px;
padding: 4px;
position: relative;
}

.cat
{
font-family: "Trebuchet MS";
font-weight: bold;
text-align: left;
color: #B1B17A;
font-size: 1.1em;
letter-spacing: .1em;
}









/* added 2004-Dec-10 - new swap logos in left col (michel@bluelink.net) */

#mott, #optional {
float: left;
display: block;
width: 70px;
height: 50px;
margin: 0 0 2em 0;
}
#mott p {
width: 105px;
margin: 0 0 0 3px;
text-align: left;
font: 0.8em/1em Verdana, Tahoma, Arial, sans-serif;
}
#mott h5 a, #optional h5 a {
display: block;
margin: 0 0 0 22px;
width: 70px;
height: 50px;
text-indent: -9999px;
background: url(/i/logos/mott_roll.gif) bottom left no-repeat;
}
#optional h5 a {
background: url(/i/logos/optional_roll.gif) bottom left no-repeat;
}
#mott h5 a:hover, #optional h5 a:hover {
background-position: 0 0;
text-indent: -9999px;
}




/* docs, rss lists */

/* lists with documents
------------------------------------------------------- */
.docs-menu {
list-style: none !important;
margin: .5em 0;
padding: .5em 0;
border: 1px solid #EEE;
line-height: 1.35;
background: url(../images/box-fill.png) top left repeat-x;
text-align: left;
}
.docs-menu li {
margin: 3px auto 9px 30px;
padding: 0 0 0 20px;
}

  .docs-menu li a {font-weight: bold;}

  .docs-menu li.doc {background: url(../i/doc-doc.gif) 0 0 no-repeat;}
  .docs-menu li.xls {background: url(../i/doc-xls.gif) 0 0 no-repeat;}
  .docs-menu li.ppt {background: url(../i/doc-ppt.gif) 0 0 no-repeat;}
  .docs-menu li.pdf {background: url(../i/doc-pdf.gif) 0 0 no-repeat;}
  .docs-menu li.rss {background: url(../i/doc-rss.png) 0 0 no-repeat;}
  .docs-menu li.unknown {background: url(../i/doc-unknown.gif) 0 0 no-repeat;}


/* RSS icon
--------------------------------[O'd]--------------------------------*/
  .bluelink-rss {
  background: url(/i/bluelink_rss.gif) top left no-repeat;
  width: 70px;
  height: 15px;
  float: left;
  display: inline; /* http://www.positioniseverything.net/explorer/floatIndent.html */
                 /* fix for IE6 (The 'display' is ignored, unless it has the value 'none'. --W3C) */
  margin: 0 0 28px 12px;
  }
  .bluelink-rss a {
  display: block;
  width: 70px;
  height: 15px;
  }
  .bluelink-rss a span {
  display: none;
  }