/*
	CSS Style Definitions for Anne Frank 
	developed by Stefan Isarie - Webstars ltd.
	http://www.webstarsltd.com/
	sales@webstarsltd.com

	layout
*/
/* Welcome page


---------------------------------------------- */
/*@font-face {font-family:sofachrome; src:url(sofachri.ttf);}*/

body#welcome{ background:url("../images/her-story.jpg") no-repeat; }
	#welcome-container{margin:130px 0 0 420px;}
	#welcome-content {width:382px;}
		/*#welcome-content h1{text-indent: -100em; overflow: hidden; background: url("../images/quotes/who-would-ever.gif") no-repeat; height:72px;}*/
		#welcome-wwe-content{background: url("../images/quotes/who-would-ever.gif") no-repeat; height:72px;}
		/*#welcome-content h3{margin-top:26px;}*/
		#welcome-content a#entersite{margin-left:12px;}
		/* for slideing down, activate this css and delete the other one below
		#welcome-page-content { display:none;margin-top:26px;}*/
		#welcome-page-content {margin-top:26px;}

/* Inner pages
--------------------------------------------- */
body#home/*{ background:url("../images/bg-header.jpg") no-repeat; }*/
#page-container{ width:886px; float:left; text-align:center; }
	#header{ width:886px; height:230px; float:left; position:relative; }
		body#home a#donate{ position:absolute; }
		
		
	#navigator{  margin:0 0 0 20px; padding:0; text-align:left; }
	/*#navigator li{  display: block; margin:0; padding:0 8px; float:left; border-left:1px solid #333; list-style:none; font-weight:bold; }*/ 
    #navigator li{  display: block; margin:0; padding:0 8px; float:left; border-left:1px solid #333; list-style:none; font-weight:bold; font-size: 12px;}	
	#navigator li.first{ border-left:none; }

	#navigator *, #navigator{ z-index: 100; }
	#navigator li ul *{float:none; border-bottom: 1px solid #1db334; padding-top:4px; padding-bottom:4px; border-left:none;  background-color:#FFFFFF;  }
	#navigator li ul {border: 1px solid #1db334; background-color:#FFFFFF; width:200px; } 
	#navigator li ul, #navigator li.open ul{ display: none; position:absolute; z-index: 999; margin: 0; }
	#navigator li:hover > ul{ display: block; }

		
	#content{ width:858px; margin-top:26px; text-align:left; font-size:93%; padding-left:28px; float:left; }
		

#left-side{ width:192px; float:left; background:url("../images/dsp.gif") no-repeat;  padding-top:5px; margin-top:5px; }
		#center{ margin:0 212px; padding-top:0px; }
			#center h1 {padding-top: 4px; font-size: 110%;}
		#right-side{ width:192px; background:url("../images/dsp.gif") no-repeat;  float:right; padding-top:5px; margin-top: 5px; }
	#footer{ color:#45b527; font-size:77%; text-align:center;}
		#footer a{ color:#45b527; }
		
		
#center li {font-size: 90%;
padding-bottom: 6px;
}
		
.second_menu li{ /*font-family:sofachrome;*/ list-style-image:url(../images/menu-leaf.gif); font-size:10px;padding:3px;}
.second_menu .hi1 { list-style-image:url(../images/menu-collapsed.gif);}
.second_menu .hi2 { list-style-image:url(../images/menu-expanded.gif);}

.sub_menus { margin:0; padding:0; list-style-position: inside;}
.sub_menus  li{list-style:none; font-size:10px; text-indent:0em; padding:3px;}

.nbx_content{ height:110px; overflow:hidden;}

.nbx0o,.nbx0e{padding-top:10px;padding-bottom:10px;}
.nbx1e{ background-color:#DFDFDF;padding-top:10px;padding-bottom:10px;}
.nbx1o{padding-top:10px;padding-bottom:10px;}
.nbx2o ,.nbx2e { border-top:1px solid #000000;padding-top:10px;padding-bottom:10px;}
.nbx3o ,.nbx3e {background:url("images/dsp_long.gif") no-repeat;  background-position:top; padding-top:10px;padding-bottom:10px;}
.nbx4o ,.nbx4e {background:url("images/dsp_long.gif") no-repeat;  background-position:bottom; padding-top:10px;padding-bottom:10px;}

.readmore{font-size:9px; cursor:pointer; text-align:right;}

/* site wide elements */
.inside{ padding:12px; }
p{ font-size:90%;  }
#content p {line-height: 15px;}
#center h1 {padding-top: 4px;}


#left-side dl.column{ margin:0 12px 0 0; }
dl.column{ margin:0; padding:0; }
dl.column dt{ margin:0; padding:2px 6px; background-color:#45b527; color:#fff; font-weight:bold; }
dl.column dd{ margin:0; padding:6px 0 8px 0;; font-size:85%; background:url("../images/dsp.gif") no-repeat left bottom; }
dl.column dd img{ display:block; clear:both; }
dl.column dd form{ margin:3px 0; }
/*dl.column h2{ margin:0; padding:3px 6px; background-color:#45b527; color:#fff; font-size: 14px; }*/
dl.column h2{ margin:0; padding:3px 6px; background-color:#45b527; color:#fff; font-size: 95%;  }
dl.column div.block { margin:0; padding:6px 0 8px 0; background:url("../images/dsp.gif") no-repeat left bottom; text-align:left;}
dl.column div.content { margin:0; padding:8px 5px 8px 5px;  text-align:left; padding-top:0px;}


input#emailaddress{ border-color:#333; border-style:solid; border-width:0 1px 1px 0; width:125px; }
input#go{ background-color:#fff; border:none; color:#45b527; font-weight:bold; }


a.more{ display:block; color:#000; }

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.italic{ font-style: italic; }
.right{ text-align: right; }
.left{ text-align: left; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.bolder{ font-weight: bolder; }
.sstrike{ text-decoration: line-through; }
.floatRight{ float: right !important; }
.floatLeft{ float: left !important; }
hr{ width:100%; height:2px; }

.floatRightImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.floatLeftImg{ float:left; margin: 0 8px 8px 0; clear: left; }


a, a:link, a:visited, {outline:none; color:#333; text-decoration:none; }
#center a:visited {color: #777; text-decoration: none;}
#left-side a, a:visited {color: #000;}
#left-side a:hover {color: #45B527;} 

a {color: #45B527; text-decoration: none;}
a:hover {color: #000;}
a:visited {color: #777}

#center a {color: #45B527;}
#center a:hover {color: #000;}

#emailaddress {font-size: 90%;}


#right-side a, a:visited {color:black;}

#right-side a:hover {color: #45B527;}