@charset "UTF-8";

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }

#mainDiv {
z-index:2;
width: 950px;
margin-left:auto;
margin-right: auto;
top:0px;
position:relative;
}

.bg {
z-index:2;
width: 960px;
margin: 0px auto 20px auto;
top:0px;
position:relative;
background-image: url(../images/bakground.gif);
background-repeat: repeat-y;
}

#menuDiv {
	float:left;
	width:190px;
	z-index:3;
	margin:5px 0px 0px 0px;
	padding:0px 0px 100px 0px;
}
#menuDiv ul { margin:0px;
			  padding:0px;
			  list-style:none; }

#menuDiv li { }

#menuDiv li a { display:block;
				width: 139px;
			    padding:8px 10px 8px 13px;
				color:#000;
				text-transform:uppercase;
				font:11px Arial, Helvetica, sans-serif;
				text-decoration:none;
				font-weight:bold; }		

#menuDiv li a:hover { display:block;
				 	  width: 137px;
				      padding:8px 25px 8px 13px;
					  margin:0px;
					  position:relative;
					  left:0px;
					  top:0px;
					  text-decoration:underline; }		

#menuDiv li.menupadding { display:block;
							margin:20px 0px 0px 0px; }

#menuDiv li.pink { background: url(../images/pinkbottom.png) no-repeat left bottom; }
#menuDiv li:hover.pink { background: url(../images/pinkbottom2.png) no-repeat left bottom; }
#menuDiv li.pink a { background: url(../images/pinktop.png) no-repeat left top;  }
#menuDiv li.pink a:hover { background: url(../images/pinktop2.png) no-repeat left top;  }
#menuDiv li.pinkactive { display:block;
				 	     width: 175px;
						 position:relative;
						 left:0px;
						 top:0px;
						 font-weight:bold;
						 background: url(../images/pinkbottom2.png) no-repeat left bottom; }
#menuDiv li.pinkactive a { background: url(../images/pinktop2.png) no-repeat left top;
				 	       width: 130px;
				   		   padding:8px 40px 8px 13px; }						   
#menuDiv li a:hover.pink { background: url(../images/pinkover.png) no-repeat left top; }

#menuDiv li:hover.yellow { background: url(../images/yellowbottom2.png) no-repeat left bottom; }
#menuDiv li.yellow { background: url(../images/yellowbottom.png) no-repeat left bottom; }
#menuDiv li.yellow a { background: url(../images/yellowtop.png) no-repeat left top; }	
#menuDiv li.yellow a:hover { background: url(../images/yellowtop2.png) no-repeat left top;  }
#menuDiv li.yellowactive { display:block;
				 	     width: 175px;
						 position:relative;
						 left:0px;
						 top:0px;
						 font-weight:bold;
						 background: url(../images/yellowbottom2.png) no-repeat left bottom; }
#menuDiv li.yellowactive a { background: url(../images/yellowtop2.png) no-repeat left top;
				 	         width: 130px;
				   		     padding:8px 40px 8px 13px; }
						   
#menuDiv li a:hover.yellow { background: url(../images/yellowover.png) no-repeat left top; }
#menuDiv li:hover.green { background: url(../images/greenbottom2.png) no-repeat left bottom; }	  
#menuDiv li.green { background: url(../images/greenbottom.png) no-repeat left bottom; }
#menuDiv li.green a { background: url(../images/greentop.png) no-repeat left top; }
#menuDiv li.green a:hover { background: url(../images/greentop2.png) no-repeat left top;  }
#menuDiv li.greenactive { display:block;
				 	     width: 175px;
						 position:relative;
						 left:0px;
						 top:0px;
						 font-weight:bold;
						 background: url(../images/greenbottom2.png) no-repeat left bottom; }
#menuDiv li.greenactive a { background: url(../images/greentop2.png) no-repeat left top;
				 	        width: 130px;
				   		    padding:8px 40px 8px 13px; }
#menuDiv li a:hover.green { background: url(../images/greenover.png) no-repeat left top; }

.logo { float:left;
	    display:block;
		width:710px;
		height:120px; }
		  
.donate { float:left;
		  display:block;
		  width:236px;
		  height:120px; }		  

a#tickerAnchor { clear:both;
				 display:block;
				 width:auto;
				 padding:0px 0px 0px 190px;
				 margin:0px 0px 10px 0px;
				 color: #666666;
				 font:11px Arial, Helvetica, sans-serif;
				 text-transform:uppercase;
				 font-weight:bold;
				 background:#f0ebe5;
			 	 text-decoration:none;
				 left:0px;
				 top:0px; 
				 line-height:30px; }

span.tick1 { padding:0px;
		 margin:0px; }				 
#menuDiv {
	float:left;
	width:190px;
	z-index:3;
	padding:0px 0px 100px 0px;
}

#contentDiv {
	float:left;
	width:500px;
	height:100%;
	z-index:3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding:0px 0px 30px 0px;
}

#rightDiv {
	float:right;
	width:238px;
	z-index:3;
}

#puffYellow {
	position:relative;
	width:238px;
	z-index:3;
	background-image: url(../images/puff-bg-yellow.gif);
	padding-top: 17px;
	padding-bottom: 0px;
}
	#puffYellow img { width:192px;
					  height:129px;
					  text-align:center;
					  padding:3px;
					  border:1px solid #e9e594;
					  background:#fff; }
#puffGreen {
	position:relative;
	width:238px;
	z-index:3;
	background-image: url(../images/puff-bg-green.gif);
	padding-top: 17px;
	padding-bottom: 0px;	
}
	#puffGreen img { width:192px;
					 height:129px;
					 text-align:center;
					 padding:3px;
					 border:1px solid #c5e09d;
					 background:#fff; }
#puffPink {
	position:relative;
	width:238px;
	z-index:3;
	background-image: url(../images/puff-bg-pink.gif);
	padding-top: 17px;
	padding-bottom: 0px;
}
	#puffPink img { width:192px;
					 height:129px;
					 text-align:center;
					 padding:3px;
					 border:1px solid #f4c8b9;
					 background:#fff; }

#puffBlue {
	width: 218px;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	background: #d7effd url(../images/childhoodsdmenubg.gif) no-repeat left top;
	cursor:hand;
	line-height:16px;
	padding:20px 10px 110px 10px;
	margin:0px 0px 0px 0px;		}

#puffFoot {
	position:relative;
	width:238px;
	z-index:2;
	margin:-17px 0px 10px 0px;
}

#puffText {
	position:relative;
	width:200px;
	left:18px;
	z-index:10;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight:normal;
	margin:0px 0px 0px 0px;
}

body {
margin:0px 0px 20px 0px;
padding:0px;
height:100%;
top:0px;
}

.sidrubrik {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	color: #ff0066;
	font-weight: bold;
}

.rellinkrubrik {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff0066;
	font-weight: bold;
}

.menyrubrik {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336699;
	font-weight: bold;
	margin:0px;
	padding:4px 0px 0px 0px;
	text-transform:uppercase;
}
span.menyText p {
	color:#000;
	font-weight:normal;
	margin:0px;
	padding:0px 10px 0px 0px;
}

a:link {
	text-decoration:underline;
	color:#ef0f4b;
	}

a:visited {
	text-decoration:underline; color:#ef0f4b;
	}

a:active {
	text-decoration:underline; color:#ef0f4b;
	}

a:hover {
	text-decoration:underline; color:#000000;  position:relative; left:1px; top:1px
	}
	
#thumbDiv {
	float:left;
	width:125px;
	height:178px;
	z-index:4;
	background-image: url(../images/thumb-bg.gif);
}
#thumbPic {
	position:relative;
	width:85px;
	height:121px;
	z-index:5;
	padding-left:20px;
	padding-top:15px;
}

#bigImgDiv {
	position:absolute;
	width:500px;
	height:881px;
	z-index: 100;
	background-image: url(../images/pic-bg.gif);
	
}

#bigImgImg {
	position:relative;
	width:315px;
	left:92px;
	top:0px;
	z-index:101;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

.inputForm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;
	font-weight:bold;
	background-color: #ffffff;
	border: 1px solid; border-color: #666666;
	width:315px; 
	}
	

.inputTextArea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;
	font-weight:bold;
	background-color: #ffffff;
	border: 1px solid; border-color: #ffffff;
	width:315px;
	height: 100px; 
	}
	
#dontjump
{
left:0px; top:0px
}

.newsitem { clear:both;
			display:block;
			padding:10px 0px 10px 0px;
			width:500px;
			border-top:1px solid #dedede; }
			
.newsimg img { float:left;
			   display:block;
			   padding:2px;
			   width:160px;
			   height:125px;
			   border:1px solid #b7b7b7;
			   margin:0px 10px 10px 0px; }	
		   
.newsimg2 img { float:right;
			    display:block;
				padding:2px;
			    width:160px;
			    height:125px;
				border:1px solid #b7b7b7;
				margin:0px 0px 10px 10px; }			   		

span.newsheading { font:bold 13px Verdana, Arial, Helvetica, sans-serif;
				   text-transform:uppercase; }		

.footer {
clear:both;
z-index:2;
width: 851px;
margin:0px 0px 0px 4px;
padding:0px 0px 0px 100px;
position:relative;
border:1px solid #d2d2d2;
background:#f8f8f8;
}

.footer p { font:12px verdana, Arial, sans-serif;
			color:#8a8a8a; }
.smalltext { font:10px verdana, Arial, sans-serif; }
.footercol { float:left;
			 display:block;
			 width:230px;
			 padding:22px; }
	.footercol p { color:#8a8a8a;	}
			 
.footer2 { width:951px;
		   margin:0 auto 20px auto;
		   text-align:center; }
		   			 
.footer2  p{ font:10px verdana, Arial, sans-serif;
			 color:#c2c2c2; }
			 
.footer2  a{ font:10px verdana, Arial, sans-serif;
			 color:#c2c2c2;
			 text-decoration:none; }			 
			 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.search { display:block;
		  width:166px;
		  height:113px;
		  margin:20px 0px 0px 0px;
		  background: url(../images/searchbg.png) no-repeat 0px 0px; }

	.search p { display:block;
				width: 139px;
			    padding:15px 15px 5px 12px;
				color:#000;
				text-transform:uppercase;
				font: bold 11px Arial, Helvetica, sans-serif;
				text-decoration:none; }	
				
	.searchfield { display:block;
				   width:122px;
				   height:14px;
				   margin:0px 12px;
				   padding:3px 2px;
				   font:11px Arial, Helvetica, sans-serif;
				   border:1px solid #d2d2d2;
				   background:#fff url(../images/searchfield.png) no-repeat 0px 0px; }	
				   
	.searchbtn  { float:right;
				  display:block;
				  width:62px;
				  height:26px;
				  color:#fff;
				  font: bold 11px Arial, Helvetica, sans-serif;
				  margin:8px 25px 15px 15px;
				  padding:3px 0px;
				  text-transform:uppercase;
				  text-align:center;
				  border:1px solid #3b3b3b;
				  background: #3b3b3b; }

#searchInfo{
	margin-bottom: 20px;
}