/* CSS Document */

@import url(lightBlue.css);
@import url(darkBlue.css);
@import url(green.css);
@import url(pink.css);


body { 
padding: 0;
margin: 0;
background-color: #3cb1ff;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
background-image: url(../img/body_bg.gif);
background-repeat: repeat-y;
}

p {
margin-top: 0;
}

/*  Header ----------------------------------------------------------- */

#headerContainerDiv {
background-color: #3cb1ff;
}

#headerDiv {
height: 100px;
background-color: #0099ff;
width: 770px;
}

#logoSlogenDiv {
	float: left;
	margin: 32px 0 0 20px;
	color:#fff;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}

#logoSlogenDiv .small{
	font-size: 11px;
}

#logoUnicefDiv {
	float: right;
	margin: 24px 20px 0 0 !important;
	-margin: 24px 10px 0 0;/*IE6 hack*/
}


#logo20evDiv {
	float: left;
	margin: 20px 0 0 20px !important;
	-margin: 20px 0 0 10px; /*IE6 hack*/
}

/*  Content ----------------------------------------------------------- */

.contentDiv {
width:770px;
background-color: #fff;	
}

#contentContainerDiv {
background-color: #96d5ff;	
}

#leftSideDiv {
	width: 156px;
	float: left;
	padding-bottom: 15px;
}

#rightSideDiv {
	margin-left:14px;
		width: 587px;
		float: left;
}

#textMainDiv {
	width: 403px;
	float: left;
}

#textMainPaddingDiv {
	padding: 0 15px 15px 15px;
}

.clearDiv {
	clear: both;
}

/* Gallery---------------------------------------------------------------*/

.galleryDiv {
    float:left;
    width:373px;
	margin:0 0 12px 0;
}

.galleryLeftDiv {
    float:left;
    width: 158px;
	padding:2px 20px 0 0;
}
.galleryRightDiv {
    float:left;
    width:195px;
}

.galleryDiv .galleryLeftDiv a img {
   border:3px solid #0099FF;
}

.galleryDiv .galleryLeftDiv a:hover img{
   border:3px solid #FF0099;
}

.galleryDiv .galleryRightDiv .title {
   font-weight:bold;
}

.lightBlue #rightSideDiv #textMainDiv #textMainPaddingDiv .galleryDiv .galleryRightDiv a.moreLink {
   font-size: 0.8em;
   font-weight:bold;
   color:#333399;
   text-decoration:none;
   margin-left:5px;
   
}

.lightBlue #rightSideDiv #textMainDiv #textMainPaddingDiv .galleryDiv .galleryRightDiv a.moreLink:hover {
   color:#FF0099;
}

/* Szoszolok fotoi -----------------------------------------------------*/

.advocatePhoto{
   float:left;
   margin:1px 8px 20px 0;
}

.lightBlue #rightSideDiv #textMainDiv #textMainPaddingDiv a.advocateLink img {
   border:2px solid #FFFFFF;
}

.lightBlue #rightSideDiv #textMainDiv #textMainPaddingDiv a.advocateLink:hover img {
   border:2px solid #FF0099;
}

.lightBlue #rightSideDiv #textMainDiv #textMainPaddingDiv img.noLink {
   border:2px solid #FFFFFF;
}


/*  Menu    ----------------------------------------------------------- */

/* Menu 1 ------------ */

#menu1 div a {
	display: block;
	width: 150px;
	font-size: 11px;
	color:  #004494;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	padding:8px 3px 8px 3px;
}

#menu1 div a.color1 {
	background-color: #c4e5eb;
}
#menu1 div a.color1:hover {
	background-color: #33b7c9;
		color: #fff;
}
#menu1 div a.color2 {
	background-color: #d3ebef;
}
#menu1 div a.color2:hover {
	background-color: #33b7c9;
		color: #fff;
}
#menu1 div a.color3 {
	background-color: #e3f2f5;
}
#menu1 div a.color3:hover {
	background-color: #33b7c9;
		color: #fff;
}

/* Menu 2 ------------ */

#menu2 {
border-top: 2px solid #fff;
}

#menu2 div a {
	display: block;
	width: 150px;
	font-size: 11px;
	color:  #004494;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	padding:8px 3px 8px 3px;
}

#menu2 div.color0 {
	font-size: 11px;
	color:  #004494;
	text-align: center;
	font-weight: bold;
	padding: 16px 5px 8px 5px;
	background-color: #33b7c9;
}

#menu2 div a.color1 {
	background-color: #9fd6df;
}
#menu2 div a.color1:hover {
	background-color: #ff0099;
		color: #fff;
}
#menu2 div a.color2 {
	background-color: #8bceda;
}
#menu2 div a.color2:hover {
	background-color: #009740;
		color: #fff;
}
#menu2 div a.color3 {
	background-color: #73c7d4;
}
#menu2 div a.color3:hover {
	background-color: #333399;
		color: #fff;
}

/* Menu 3 ------------ */

#menu3 {
	padding-top: 10px;
}

#menu3 div a {
	display: block;
	font-size: 11px;
	color:  #004494;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	padding-top: 5px;
}

#menu3 div a:hover {
	color: #fff;
}


/*  Footer ----------------------------------------------------------- */

#footerContainerDiv {
	background-image: url(../img/footerContainer_bg.gif);
}


#footerDiv {
	height: 42px;
	width: 770px;
	background-image: url(../img/footer_bg.gif);
}