* {margin:0;padding:0;}

html, body{
height:100%;
}

.menu li {
	border: none;
	list-style: none;
}

.hidMeA {
	text-indent: -9999px;
	font-size: 1px;
}

body{
color:#494949;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
min-width:950px;
background:#eceade url(images/bg-main-repeat.png) repeat-x top;
}

#copynpaste {
padding-right: 20px;

}

h1{
/*color:#FF6600;*/
font-size:2.7em;
margin:5px 0 7px 0;
}

h2{
font-size:2em;
margin:5px 0;
}

h3{
font-size:1.5em;
}

h4{
font-size:1.1em;
margin:0 0 5px 0;
}

h4 a{
font-size: 1.0em;
}


li{
list-style:none;
}

p{
margin:0 0 20px 0;
}

a{
text-decoration:none;
color:#006699;
}

a:hover{
color:#000;
}

a:focus{
outline:none;
}

.hideMe{
display:none;
visibility:hidden;
}

img{
border:0;
}

.img-left{
float:left;
margin:5px 13px 0 0;
}

.img-right{
float:right;
margin:5px 0 13px 13px;
}

.clear{
clear:both;
padding:0;
margin:0;
line-height:0;
border:0;
}

.clearLeft{
clear:left;
padding:0;
margin:0;
line-height:0;
border:0;
}

.clearRight{
clear:right;
padding:0;
margin:0;
line-height:0;
border:0;
}

.floatLeft{
float:left;
}

.floatRight{
float:right;
}

.noLine{
border:none!important;
background:none !important;
}

#wrapper{
width:100%;
min-width:950px !important;
min-height:100%;
height:auto !important;
height:100%;
margin:0 auto -214px auto;
background:url(images/bg-main.png) no-repeat center top;
}

#pageCurl{
width:235px;
height:156px;
position: absolute;
top: 0px;
right: 0px;
z-index: 999999;
		
/*top:0;
right:0;
position:absolute;*/
/*background:url(images/pagecurl.png) no-repeat top right;*/
}

#flashCurlPusher {
	float:right;
	width: 235px;
	height: 156px;
}

#flashCurlWrap {
	width: 235px;
	height: 156px;
	position: absolute;
	top: 0px;
	right: 0px;
	overflow: hidden;
	z-index: 999999;
	/*width: 360px;
	height: 350px;*/
}
/*#flashCurlWrap:hover {
	overflow: visible;	
}*/
#flashCurl {
	position: absolute;
	top: 0px;
	right: 0px;
	/*border: 1px solid black;*/
	/*width: 360px;
	height: 350px;*/
}


/*
#flashCurlWrap:hover {
	overflow: visible;
}
*/

#header{
width:950px;
height:219px;
margin:auto;
}

#nav-top{
float:right;
width:391px;
}

#nav-top li{
float:left;
}

#nav-top a{
display:block;
height:41px;
text-indent:-9999px;
background-position:0 0;
}

#nav-top a:hover{
background-position:0 -41px;
}

#nav-top .btn-teachers{
width:142px;
background:url(images/btn-teachers.png) no-repeat;
}

#nav-top .btn-parents{
width:139px;
background:url(images/btn-parents.png) no-repeat;
}

#nav-top .btn-kids{
width:110px;
background:url(images/btn-kids.png) no-repeat;
}

#header img{
border:0;
}

#nav{
margin:74px 0 0 8px;
font-size: 0.85em;
position: relative;
z-index: 9999;
background:url(images/dropDown-bg.png) no-repeat 0 -999px;
}

#nav ul{
padding:0;
margin:0;
background:url(images/nav-down-right.png) no-repeat 0 -999px;
}

#nav li{
float:left;
background:url(images/nav-down-left.png) no-repeat 0 -999px;
}



#nav span{
color:#fff;
font-size:1.3em;
display:block;
padding:9px 20px 0 20px;
height:28px;
background:url(images/nav-line.png) no-repeat right bottom;
}

#nav .down span{
color:#FF6600;
font-weight:bold;
background:transparent url(images/nav-down-right.png) no-repeat right;
}


#nav a{
color:#fff;
font-size:1.3em;
display:block;
padding:9px 20px 0 20px;
height:28px;
background:url(images/nav-line.png) no-repeat right bottom;
}

#nav a:hover{
color:#FFCC00;
}

#nav .nav1{
padding-left:7px;
}

#nav .down .nav1{
padding-left:20px;
}

#nav .down{
background:url(images/nav-down-left.png) no-repeat left;
}

#nav .down a{
color:#FF6600;
font-weight:bold;
background:transparent url(images/nav-down-right.png) no-repeat right;
}

#nav .selected{
background:url(images/dd-sel-left.png) no-repeat left top;
}

#nav .selected a {
color:#333;
background:url(images/dd-sel-right.png) no-repeat right top;
}

#nav div.dropdown{
display:none;
overflow:hidden;
font-size:1.1em;
padding:0 0 30px 0;
width:360px;
margin:0px 0 0 0; /*Pat I removed the top margin because if there is a gap between the li and the div the script starts to hide the menu too early*/
position:absolute;
z-index:1000;
background:url(images/dropDown-bg.png) no-repeat bottom left;
}

#nav div.dropdown .bgTop{
overflow:hidden;
padding:15px 30px 0 20px;
background:url(images/dropDown-top.png) no-repeat top left;
}

#nav .dropdown dl{
float:left;
width:140px;
}

#nav .dropdown .left{
margin-right:20px;
}

#nav .dropdown dt{
font-weight:bold;
color:#333;
padding-bottom:4px;
margin-top:15px;
margin-bottom: 3px;
border-bottom:1px #ccc dotted;
}

#nav .dropdown dd{
margin:0 0 5px 0;
}

#nav .dropdown dl a{
color:#FF6600;
font-weight:normal;
height:auto;
padding:0;
font-size:.9em;
display:inline;
background:none;
}

#nav .dropdown dl a:hover{
color:#000;
}

#search{
float:right;
padding:5px;
margin-top: 2px;
}

#search .textField{
width:100px;
height: 16px;
}

#search .btn{
width:60px;
height:23px;
border:1px #333 solid;
margin:0 0 0 2px;
background:url(images/search-btn.png) no-repeat 0 0;
text-indent: -9999px;
font-size: 1px;
color: #FF9900;
vertical-align: top;
}

#search .btn:hover{
cursor:pointer;
border:1px #999 solid;
background-position:0 -23px;
}

#content1{
width:100%;
background:#fff;
}

#content1 .container{
width:950px;
padding:30px 0 0 0;
margin:auto;
min-height:80px;
background:url(images/content1-bg.png) no-repeat bottom right;
}

#content2{
min-height:80px;
padding-top:20px;
background:#eceade url(images/content2-bg-repeat.png) repeat-x top;
}

#content2 .container{
width:950px;
margin:auto;
}

#left{
width:675px;
padding:0 0 30px 0;
float:left;
}

#right{
width:275px;
float:left;
padding-bottom:30px;
font-size: 0.85em;
}

#footerPush{
height:214px;
clear:both;
}

#footer{
height:214px;
font-size:1em;
overflow:hidden;
clear:both;
background:url(images/footer-bg.png) repeat-x top;
}

#footer a{
color:#fff;
}

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

#footerCenter{
width:950px;
padding:72px 0 0 0;
margin:auto;
background:url(images/footer-center.png) no-repeat top;
}

#socialIcons{
margin-left:25px;
}

#socialIcons li{
height:29px;
margin-right:5px;
float:left;
background:url(images/nav-line2.png) no-repeat right bottom;
}

#socialIcons a{
display:block;
height:20px;
padding: 6px 10px 0 27px;
color:#333;
}

#socialIcons .facebook{
background:url(images/facebook.png) no-repeat left;
}

#socialIcons .myspace{
background:url(images/myspace.png) no-repeat left;
}

#socialIcons .twitter{
background:url(images/twitter.png) no-repeat left;
}

#socialIcons .google{
background:url(images/google.png) no-repeat left;
}

#socialIcons .delicious{
background:url(images/delicious.png) no-repeat left;
}

#socialIcons .fave{
background:url(images/fave.png) no-repeat left;
}

#socialIcons .email{
background:url(images/email.png) no-repeat left;
}

#socialIcons .print{
background:url(images/print.png) no-repeat left;
}

.footer-menu{
float:left;
margin:20px 0 0 40px;
width:150px;
}

.footer-menu li{
margin:0 0 5px 0;
list-style-image:url(images/bullet-square.png);
}

#cb-report-pages ul li {
	margin: 0px 10px 10px 20px;
	list-style: inside;
}

#cb-report-pages ul.order li {
	float: left;
	list-style: none;
	padding: 0px 10px 0px 0px;
	margin: 0px;
	
	
}

.online, .fax {
	list-style: none;
	text-indent: -9999px;
	float: left;
}



#cb-report-pages ul li {
	margin: 0px 10px 0px 20px;
	padding-bottom: 10px;
}

.search-fields {
padding-right: 50px;
}

.search-fields a {
font-size: 1.3em;
}


.blankURL {
display: block;
margin-top: 3px;
font-style: italic;
color: #999999;
}

#site-map {
	padding: 0px 20px 0px 10px;
	margin-right: 10px;
}

#site-map li {
	list-style-type: disc;
	color: #F79E00;
	margin-left: 12px;
	line-height: 130%;
}

#site-map div.sitemap-sect {
	display:block;
	margin: 5px 0px 0px 12px;
	width: 198px;
	float: left;
	vertical-align: top;
}

#site-map h2{
	padding: 15px 0px 5px 0px;
	border-bottom: 1px solid #ccc;
}

#site-map h2 a{
	padding-top: 25px;
	color:#333;
	font-size: 0.8em;
}

#site-map h2 a:hover{
	color: #F79E00;
}

#site-map a {
	color: #666;
}

#site-map a:hover {
	color: #F79E00;
}


/* ----- */

<style type="text/css" media="screen">

	.tooltip-target {
		display: block;
		text-align: center;
	}
	.tooltip-content {
		display: none;      /* required */
		position: absolute; /* required */
		width: 250px;
		padding: 10px;
		border: 3px solid #AF8A31;
		background-color: #FFC848;
		text-align: left;
		color: black;
	}
	.tooltip-content p {
		margin: 0;
	}
	#fancy-content-1 {
		border: none;
		background: url('http://s3.amazonaws.com/theezpzway/files/1/original.png');
		width: 277px;
		height: 96px;
	}
	
	
	.toolTip {
	border-bottom: dashed #FF6600 1px;
}
div.tooltip {
	padding: 5px;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 0.9em;
	width: 200px;
	cursor: help;
	text-align: left;
}
.tooltipSNS {
	padding: 5px;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 0.9em;
	width: 200px;
	cursor: help;
	text-align: left;
	position: absolute; /* required */

}
.tooltipSNSWide {
	padding: 5px;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 0.9em;
	width: 300px;
	cursor: help;
	text-align: left;
}
.snsInfoIcon {
	background: url(../images/snsInfoIcon.gif) no-repeat;
	width: 50px;
	height: 50px;
}
.snsInfoIcon:hover {
	cursor: help;
}

.prevInactive{
width:30px;
height:110px;
float:left;
margin-right:10px;
background:url(/css/images/movie-prev.png) no-repeat -84px 0;
}

.nextInactive{
width:30px;
height:110px;
float:left;
margin-left:10px;
background:url(/css/images/movie-next.png) no-repeat -84px 0;
}

.slider1 ul{
padding:0;
margin:0;
}

.slider1, .slider1 li{ 
width:478px;/*define width and height of container element and list item (slide) list items must be the same size as the slider area*/
height:110px;
padding:0 0 0 0;
float:left;
margin:0;
overflow:hidden; 
/*background:red;*/
}

.slider1 li img{
width:154px;
height:auto;
border:1px #444 solid;
}

.slider1 li img:hover{
cursor:pointer;
border:1px #ccc solid;
}

#prev1, #next1{
display:block;
width:28px;
height:110px;
margin:auto;
cursor:pointer;
background:#333;
}

#prev1{
background:url(/css/images/movie-prev.png) no-repeat 0 0;
}

#next1{
background:url(/css/images/movie-next.png) no-repeat 0 0;
}

#prev1:hover, #next1:hover{
background-position:-28px 0;
}

#prev1:active, #next1:active{
background-position:-56px 0;
}




.slider{
width:950px;
height:175px;
padding:13px 0 0 0;
margin:20px 0;
background:url(images/slider.png) no-repeat;
}

.slider .strip{
width:880px;
padding:0;
margin:auto;
overflow:hidden;
border-top:1px #666 solid;
border-bottom:1px #666 solid;
background:#000;
}

.slider h3{
color:#fff;
height:22px;
padding:4px 0 0 10px;
font-size:1.2em;
max-width:300px;
margin:0 0 0 35px;
background:url(images/slider-header.png) no-repeat left top;
}

.slider ul li a span.t, .slider ul li a span.p, .slider ul li a span.k{
display:block;
text-indent:-9999px;
width:18px;
height:18px;
float:left;
margin-right:3px;
background:#fff;
}

.slider ul li a span.t{
background:url(images/t.png) no-repeat;
}

.slider ul li a span.p{
background:url(images/p.png) no-repeat;
}

.slider ul li a span.k{
background:url(images/k.png) no-repeat;
}

.slider ul li a span.spacer{
background:none;
}

.slider ul li a{
display:block;
width:155px;
float: left;
margin: 0 5px 0 0;
}

.slider ul a .title{
color:#fff;
display:block;
position:relative;
width:145px;
padding:3px 5px 5px 5px;
top:-40px;
height: 40px;

margin-left:1px;
background:url(images/trans80.png);
}

.slider ul a:hover .title{
position:absolute;
top:-999px;
}

.slider ul a .desc{
position:absolute;
top:-999px;
font-size: 0.9em;
}

.slider ul a:hover .desc{
color:#fff;
display:block;
width:145px;
height:100px;
padding:5px;
visibility:visible;
position:relative;
margin:0 0 0 1px;
top:-110px;
background:url(images/trans60.png);
}

.slider ul a .desc strong{
display:block;
margin:0 0 5px 0;
}

.scroll-1, .scroll-1 li{ 
width:800px;/*define width and height of container element and list item (slide) list items must be the same size as the slider area*/
height:130px;
padding:0 0 0 0;
float:left;
margin:0;
overflow:hidden; 
background:#000;
}

.scroll-1 li img, .scroll-2 li img{
width:155px;
height:auto;
border:1px #444 solid;
}

.scroll-1 li img:hover, .scroll-2 li img:hover{
cursor:pointer;
}

.prev, .next{
display:block;
width:28px;
height:130px;
margin:auto;
cursor:pointer;
}

.prev{
background:url(/css/images/slider-prev.png) no-repeat 0 0;
}

.next{
background:url(/css/images/slider-next.png) no-repeat 0 0;
}

.prev:hover, .next:hover{
background-position:-28px 0;
}

.prev:active, .next:active{
background-position:-56px 0;
}

.slider .prevInactive{
width:30px;
height:130px;
float:left;
margin:0 10px 0 0;
background:url(/css/images/slider-prev.png) no-repeat -84px 0;
}

.slider .nextInactive{
width:30px;
height:130px;
float:left;
margin:0 0 0 10px;
background:url(/css/images/slider-next.png) no-repeat -84px 0;
}

.slider .empty{
margin-top:18px;
}

.slider .strip ul {
width: 800px;
}




.logo_links li {
	list-style-image:url(images/bullet-square.png);
	margin: 0px 0px 0px 30px;
	padding: 5px 0px 5px 0px;

}

#logos{
margin:20px 0;
overflow:hidden;
}

#logos li {
	float: left;
	padding-left: 10px;
	
}

#logo_links1 a {
	display: block;
	width: 109px;
	height: 59px;
	background-image: url(/images/logos/logo_true_tribe.gif);
	text-indent: -9999px;
}

#logo_links1 a:hover {
	background-position:0 -59px;
}

#logo_links2 a {
	display: block;
	width: 51px;
	height: 59px;
	background-image: url(/images/logos/logo_wwf.gif);
	text-indent: -9999px;
}

#logo_links2 a:hover {
	background-position:0 -59px;
}


#logo_links3 a {
	display: block;
	width: 158px;
	height: 59px;
	background-image: url(/images/logos/logo_beat_bullying.gif);
	text-indent: -9999px;
}

#logo_links3 a:hover {
	background-position:0 -59px;
}


#logo_links4 a {
	display: block;
	width: 192px;
	height: 59px;
	background-image: url(/images/logos/logo_save_the_children.gif);
	text-indent: -9999px;
}

#logo_links4 a:hover {
	background-position:0 -59px;
}


#dprofiles li a{
	display: block;
	float: left;
	width: 203px;
	height: 270px;
	margin-right: 13px;
	border: 1px solid #666666;
	text-indent: -9999px;
	margin-bottom: 15px;
	opacity: .7;
}

#dprofiles li a:hover{
	opacity: 100;
}

#dprofiles ol li{
	list-style-type:decimal;
	margin-left: 20px;
}

#dprofile1 {
background-image: url(/css/images/profile-freiendbook.jpg);
}

#dprofile2 {
background-image: url(/css/images/profile-mebo.jpg);
}

#dprofile3 {
background-image: url(/css/images/profile-myplace.jpg);
}

#donations li {
	float: left;
	padding: 0px 10px 10px 10px;
}

#donations_links1 a {
	display: block;
	width: 122px;
	height: 41px;
	background-image: url(/images/support/btn_makedonation.gif);
	text-indent: -9999px;
}

#donations_links1 a:hover {
	background-position:0 -41px;
}

#donations_links2 a {
	display: block;
	width: 122px;
	height: 41px;
	background-image: url(/images/support/btn_raisefunds.gif);
	text-indent: -9999px;
}

#donations_links2 a:hover {
	background-position:0 -41px;
}


#donations_links3 a {
	display: block;
	width: 122px;
	height: 41px;
	background-image: url(/images/support/btn_standinforder.gif);
	text-indent: -9999px;
}

#donations_links3 a:hover {
	background-position:0 -41px;
}


#donations_links4 a {
	display: block;
	width: 122px;
	height: 41px;
	background-image: url(/images/support/btn_childnetfriend.gif);
	text-indent: -9999px;
}

#donations_links4 a:hover {
	background-position:0 -41px;
}

#support_logos li{
	float: left;
}

#family_ag {
	padding: 0px 20px 0px 0px;
}


#family_ag input {
	/*margin: 0px 5px 0px 0px;*/
}
.fAgreement {
	display:block;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	padding: 30px 0px 20px 50px;
}

.fAgreement p {
	color: #FF9900;	
}


.fAgreement input {
	margin-left: -25px;
	float: left;
}
.fAgreement label {
	display: block;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 5px;
	margin: 0px 40px 0px 0px;
	text-align: justify;
}

#accordion h2{
font-size:1em;
height:20px;
margin: 0px 0px 10px 0px;
padding: 20px 0 10px 40px;
cursor:pointer;
background:url(images/accordion-h2.png) no-repeat 0 0;
}

#accordion h2:hover{
background-position:0 -48px;
}

#accordion .selected, #accordion .selected:hover{
background-position:0 -148px;
}

#accordion .selected, #accordion .selected{
	padding: 15px 0 10px 40px;
}

.prevInactive{
width:30px;
height:110px;
float:left;
margin-right:10px;
background:url(/css/images/movie-prev.png) no-repeat -84px 0;
}

.nextInactive{
width:30px;
height:110px;
float:left;
margin-left:10px;
background:url(/css/images/movie-next.png) no-repeat -84px 0;
}

.slider1 ul{
padding:0;
margin:0;
}

.slider1, .slider1 li{ 
width:478px;/*define width and height of container element and list item (slide) list items must be the same size as the slider area*/
height:110px;
padding:0 0 0 0;
float:left;
margin:0;
overflow:hidden; 
/*background:red;*/
}

.slider1 li img{
width:154px;
height:auto;
border:1px #444 solid;
}

.slider1 li img:hover{
cursor:pointer;
border:1px #ccc solid;
}

#prev1, #next1{
display:block;
width:28px;
height:110px;
margin:auto;
cursor:pointer;
background:#333;
}

#prev1{
background:url(/css/images/movie-prev.png) no-repeat 0 0;
}

#next1{
background:url(/css/images/movie-next.png) no-repeat 0 0;
}

#prev1:hover, #next1:hover{
background-position:-28px 0;
}

#prev1:active, #next1:active{
background-position:-56px 0;
}




.slider{
width:950px;
height:175px;
padding:13px 0 0 0;
margin:20px 0;
background:url(images/slider.png) no-repeat;
}

.slider .strip{
width:880px;
padding:0;
margin:auto;
overflow:hidden;
border-top:1px #666 solid;
border-bottom:1px #666 solid;
background:#000;
}

.slider h3{
color:#fff;
height:22px;
padding:4px 0 0 10px;
font-size:1.2em;
max-width:300px;
margin:0 0 0 35px;
background:url(images/slider-header.png) no-repeat left top;
}

.slider ul li a span.t, .slider ul li a span.p, .slider ul li a span.k{
display:block;
text-indent:-9999px;
width:18px;
height:18px;
float:left;
margin-right:3px;
background:#fff;
}

.slider ul li a span.t{
background:url(images/t.png) no-repeat;
}

.slider ul li a span.p{
background:url(images/p.png) no-repeat;
}

.slider ul li a span.k{
background:url(images/k.png) no-repeat;
}

.slider ul li a span.spacer{
background:none;
}

.slider ul li a{
display:block;
width:155px;
float: left;
margin: 0 5px 0 0;
}

.slider ul a .title{
color:#fff;
display:block;
position:relative;
width:145px;
padding:3px 5px 5px 5px;
top:-30px;
height: 40px;
font-size:11px;
margin-left:1px;
background:url(images/trans80.png);
}

.slider ul a:hover .title{
position:absolute;
top:-999px;
}

.slider ul a .desc{
position:absolute;
top:-999px;
font-size: 0.9em;
}

.slider ul a:hover .desc{
color:#fff;
display:block;
width:145px;
height:100px;
padding:5px;
visibility:visible;
position:relative;
margin:0 0 0 1px;
top:-110px;
background:url(images/trans60.png);
}

.slider ul a .desc strong{
display:block;
margin:0 0 5px 0;
}

.scroll-1, .scroll-1 li{ 
width:800px;/*define width and height of container element and list item (slide) list items must be the same size as the slider area*/
height:130px;
padding:0 0 0 0;
float:left;
margin:0;
overflow:hidden; 
background:#000;
}

.scroll-1 li img, .scroll-2 li img{
width:155px;
height:auto;
border:1px #444 solid;
}

.scroll-1 li img:hover, .scroll-2 li img:hover{
cursor:pointer;
}

.prev, .next{
display:block;
width:28px;
height:130px;
margin:auto;
cursor:pointer;
}

.prev{
background:url(/css/images/slider-prev.png) no-repeat 0 0;
}

.next{
background:url(/css/images/slider-next.png) no-repeat 0 0;
}

.prev:hover, .next:hover{
background-position:-28px 0;
}

.prev:active, .next:active{
background-position:-56px 0;
}

.slider .prevInactive{
width:30px;
height:130px;
float:left;
margin:0 10px 0 0;
background:url(/css/images/slider-prev.png) no-repeat -84px 0;
}

.slider .nextInactive{
width:30px;
height:130px;
float:left;
margin:0 0 0 10px;
background:url(/css/images/slider-next.png) no-repeat -84px 0;
}

.slider .empty{
margin-top:18px;
}

.slider .strip ul {
width: 800px;

}

.numbering {
	padding-right: 7px;
	font-weight: bold;	
}

.copyright{
	font-size:11px;
	float:right;
}