/*
-----------------------------------------------
Master Screen Style
-----------------------------------------------
Every Child Every Village
file:		echild.css
author:		Kathy Roach/PixelDynamix.com for everychild-everyvillage.org
date:		29 August 2009
----------------------------------------------- */

/* body
----------------------------------------------- */
body {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	color: #900;
	font-style: normal;
	line-height: 12pt;
	background: url(img/echildbg.gif) top left repeat;
	background-color: #7b430c;
	margin:0;
	padding:0;
	}
a { 
	color: #cc6600;
	text-decoration: none;
	outline: none;
	}
a:link, a:visited  { 
	color: #667F00;
	text-decoration: none;
	}
a:hover, a:active {
	color: #f60;
	text-decoration: underline;
	}


img, img a {
	border:0;
	}
	
h3, h3 a {
	font-family: verdana, arial, sans-serif;
	font-weight: normal;
	font-size: 24px;
	line-height: 1.2em;
	color: #600;
	}
img, img a {
	border:0;
	}
h4  {
			color:#667f00;
			display:inline;
			margin-top:10px;
			font-family: verdana, arial, sans-serif; 
		}
		
h5 {
	/*color: #7a410c;*/
	color:#bb5d1a;
	display:inline;
	margin:10px 0 0px 0;
	font-family: verdana, sans-serif;
	font-size:110%;
	}
		
ol {
	width:95%;
	list-style-type: decimal;
	 margin: 8px 0;}
	
/* unordered lists
----------------------------------------------- 
ul {margin: 5px 0;}

li  {
	list-style: square outside none; 
	margin-bottom:6px;
*/


#wrapper {
	width:100;
	}

/* container
----------------------------------------------- */
#container {
	background: url(img/topbannerbg.gif) 0px 0px top left repeat-x;
	border: 0px solid red;
	}
	
/* bannerbg
---------------------------------------------------*/
#bannerbg  {
	/*position:absolute;*/
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
	width:1200px;
	background-image: url(img/topbannerbg.gif);
	background-repeat: repeat x;
	height: 144px;
	min-width: 100%;
	border: 0px solid red;
	clear:both;
	}

/* contentbg
----------------------------------------------- */
#contentbg
{
	position: absolute;
	left: 0px;
	top: 145px;
	padding: 0px;
	margin: 0px;
	background-image: url(img/contentbg2.gif);
	background-repeat: repeat-y;
	width:100%;
	min-height: 100%;
}

/*logo
----------------------------------------------- */
#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(img/book&logo.gif) top left no-repeat;
	width: 460px;
	height: 135px;
	z-index: 500;
	margin:0;
	padding:0;
	}

/* logo
-----------------------------------------------
#logo {
	position: relative;
	}*/ 
#logo h1 {
	margin: 0;
	padding: 0;
	}
#logo span {
	display: none;
	}
#logo a {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(img/book&logo.gif) top left no-repeat;
	width: 460px;
	height: 135px;
	}
	
/* redtagline
---------------------------------------------------*/
#redtag {
	position: absolute;
	top: 144px;
	left: 135px;
	background: url(img/darkredtagline.gif) top left no-repeat;
	width: 952px;
	height: 101px;
	z-index: 200;
	}
	

/* global nav
-----------------------------------------------------------------------------------------*/
td#menu {
	width:179px;
	text-align:left;
}

#nav {
	text-align:left;
	width: 179px;
	margin: 97px 0px 0 -40px;
  *margin: 97px 0px 0 0px;
	}
	
#nav li{
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav li a{
	display: block;
	text-indent: -5000px;
	height: 27px;
	width: 179px;
	text-decoration: none;
	overflow:hidden;
}

#nav li a#lnk_home{
	background: url("img/m_home_i.gif") no-repeat;
}

/*#nav li a#lnk_home:visited{
	background: url("img/m_home_v.gif") no-repeat;*/
}
#nav li a#lnk_home:hover{
	background: url("img/m_home_o.gif") no-repeat;
}
#nav li a#lnk_home:active{
	background: url("img/m_home_a.gif") no-repeat;
}

#nav li a#lnk_news{
	background: url("img/m_news_i.gif") no-repeat;
}
#nav li a#lnk_news:hover{
	background: url("img/m_news_o.gif") no-repeat;
}

#nav li a#lnk_news:active{
	background: url("img/m_news_a.gif") no-repeat;
}

#nav li a#lnk_journal{
	background: url("img/m_journal_i.gif") 0 0 no-repeat;
}
#nav li a#lnk_journal:hover{
	background: url("img/m_journal_o.gif") 0 0 no-repeat;
}
#nav li a#lnk_journal:active{
	background: url("img/m_journal_a.gif") 0 0 no-repeat;
}

#nav li a#lnk_photos{
	background: url("img/m_photos_i.gif") no-repeat;
}
#nav li a#lnk_photos:hover{
	background: url("img/m_photos_o.gif") no-repeat;
}

#nav li a#lnk_photos:active{
	background: url("img/m_photos_a.gif") no-repeat;
}

#nav li a#lnk_contact{
	background: url("img/m_contact_i.gif") no-repeat;
}
#nav li a#lnk_contact:hover{
	background: url("img/m_contact_o.gif") no-repeat;
}

#nav li a#lnk_contact:active{
	background: url("img/m_contact_a.gif") no-repeat;
}


/*#nav li a#lnk_donate{
	background: url("img/m_donate_i.gif") no-repeat;
}
#nav li a#lnk_donate:hover{
	background: url("img/m_donate_o.gif") no-repeat;
}

#nav li a#lnk_donate:active{
	background: url("img/m_donate_a.gif") no-repeat;
}*/

#nav li a#lnk_projects{
	background: url("img/m_projects_i.gif") no-repeat;
}
#nav li a#lnk_projects:hover{
	background: url("img/m_projects_o.gif") no-repeat;
}

#nav li a#lnk_projects:active{
	background: url("img/m_projects_a.gif") no-repeat;
}

#nav li a#lnk_help{
	background: url("img/m_help_i.gif") no-repeat;
}
#nav li a#lnk_help:hover{
	background: url("img/m_help_o.gif") no-repeat;
}

#nav li a#lnk_help:active{
	background: url("img/m_help_a.gif") no-repeat;
}

#nav li a#lnk_about{
	background: url("img/m_about_i.gif") no-repeat;
}
#nav li a#lnk_about:hover{
	background: url("img/m_about_o.gif") no-repeat;
}

#nav li a#lnk_about:active{
	background: url("img/m_about_a.gif") no-repeat;
} 	

#menusub {
	width: 70%;
	float: right;
	margin: 0 16px 0 0px;
	*margin: 0 7px;
	font-family: arial, sans-serif;
	font-size: 9pt;
	border: 0px solid red;
	}
	
#menusub ul, #menusub li{
	padding: 1px 0 1px 4px;
	margin: 0;
	list-style: none;}

#menusub ul, li a{
	font-size: 9pt;
	font-style: bold;
	color: #bb5d1a;
	}

/* ABOUT SUBMENU
-------------------------------------------------------------------------*/
#aboutmenu {
	width:179px;
	text-align:left;
	border: 0px solid red;
}

#aboutnav {
	width: 179px;
	margin: 85px 0px 0 -40px;
  *margin: 7px 0px 0 0px;
	}
#paypal {

	width: 75px;
	/*background: url("img/x-click-butcc-donate.gif") no-repeat;*/	
	padding: 0px;
	margin: 18px 0 0 41px;
  /*text-indent: -5000px;*/
	border: 0px solid red;
	}

/* content box
------------------------------------------------------*/
#content {
	width: 515px;
	margin: 67px 0 0 0;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #600;
	border: 0px solid red;
	}

#content .inner {
	margin-left: 20px;
	*margin-left: 25px;
	border: 0px dotted blue;
	}

/*#content ol, li {
	width:95%;
	list-style-type: decimal;
	 margin: 8px 0;}

li.decimal {
		padding-bottom:6px;}*/
	
#content h3 {
/*border: 0px solid #600; */
display:inline;
font-size: 1.6em;
font-family: verdana, kids, sans-serif;
color: #667f00;
}

#content h4 {
	display:inline;
	font-size: 1.2em;
	font-family: Verdana, Helvetica, sans-serif;
	color: #900;}
	
#content p {
	margin: 12px 0px 10px 30px;
	*margin: 12px 0px 10px 24px;}

#content ul {
	list-style: square outside none;
	color:#600; 
	margin:8px 0px 4px 12px;
  }

#content li {
	list-style: square outside none; 
	padding: 6px;
	}	
#content  .helplist {
	margin:0 30px 0 26px;
	border: 0px solid red;
	}
	
#content .helplist li {
	list-style: square outside none; 
	margin-bottom: 12px;
	}

#content ul {
	margin-right:65px;
	border: 0px solid red;
	}

#zoom  {
	margin: 2px 27px 0px 30px;
	1font-size: 0.9em;
	}

#zoom .thumbnail{
position: relative;
float:left;
z-index: 0;
}

#zoom .thumbnail:hover{
background-color: transparent;
z-index: 50;
}

#zoom .thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

#zoom .thumbnail span a{text-decoration:none;}

#zoom .thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

#zoom .thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}

#content #bottomnav	{
	margin-bottom: 5px;
	*margin-bottom: 0;
	}
#content #bottomnav a	{
	font-size:0.7em;
	text-align: center;
	text-decoration: none;
	}
#content .pageup {
	margin: 0px 10px 8px 30px;
	*margin: 0px 5px 8px 24px;
	}
	
#content .pageup a {
	font-size:0.7em;
	color: #960;
	text-decoration: none;
	}
 	
.rulediv {
	text-align: center;
	margin: 5px 0 0 0;
	}
	
/* pixwindow
----------------------------------------------- */						
#pixwindow {
	position: absolute;
	top: 365px;
	left: 332px;
 	width: 550px;
	height: 309px;
	margin: 0;
	z-index: 900;
	} 	


.Caption {
padding: 0 2px 0 3px;
font-family: Arial;
font-size:  9pt;
color: #666;
 
}

h3.title {color:#c60;
					font-size: 1.8em;
					font-family: verdana, kids, sans-serif;
					margin:35px 6px 0 0;
						}
a.Controls	{
					text-decoration:none;
					font-family: Arial, sans-serif;
					}

a.Controls:link    { color:#666;
                     font-size: 14pt;
                     font-weight: bold; }
a.Controls:visited { color:#666; 
										 font-size: 14pt;
                     font-weight: bold; }
a.Controls:active  { color:#666; 
										 font-size: 14pt;
                     font-weight: bold; }
a.Controls:hover   { color:#c60; 
										 font-size: 14pt;
                     font-weight: bold; }

/*.footeralt {	
	background-color: transparent;
	background-image: url(img/footerbg_alt.gif); 
	background-repeat: no-repeat;
	width: 1px;
	height: 42px;
	float:right;
	padding: 0px;
	margin: 0px;
	border: 0;
	*display: none;
	}*/	
	
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
.clearfix {display: inline-table;}
/*Hides from IEMac and IE6 \*/
* html .clearfix:	{height:1%;}
.clearfix {display:block;}

/*---------------------------------------------------------*/
/* Workaround: Clearfix-Adjustment for all IE Versions | Clearfix-Anpassung für alle IE-Versionen */
/*
** IE7 - x
*/
.clearfix { display: inline-block; }

/*--------------------------------------------------------*/

/* Clearing with overflow */
.floatbox { overflow:hidden; }

/* .floatbox adjustment for IE */
* html .floatbox {width:100%;}

.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}