/*---global common definitions---*/
html, body{ height:100%;}
body{
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	color:#000;
	border: thin Blue;
}
a{
	color:#360;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
img{
	border-style: none;
}
form, fieldset{
	margin:0;
	padding:0;
	border-style:none;
	display:inline;
}
/*---main blocks---*/

#main{
	min-height:100%;
	width:900px;
	margin:0 auto;
	background:url(../images/main.gif) repeat-y 215px 0;
}
* html #main{ height:100%;}
/* header */
#header{
	margin:0 0 0 215px;
	background:#fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #658cb9;
	padding:15px 52px 15px 0;
	width:639px;
	position:relative;
}
#header:after{
	content:"";
	display:block;
	clear:both;
}
/* slogan */
.slogan{
	display:block;
	background:url(../images/slogan.gif);
	width:551px;
	height:65px;
	margin:0 0 0 -150px;
	overflow:hidden;
	position:relative;
}
.slogan span{
	display:block;
	height:100%;
	width:100%;
	text-indent:-9999px;
}
/* form */
#header .form{
	width:139px;
	position:absolute;
	top:24px;
	right:52px;
}
#header label{
	display:block;
	line-height:15px;
	color:#f26522;
}
#header .row{
	overflow:hidden;
	height:1%;
}
#header .text{
	float:left;
	padding:3px 5px;
	border:1px solid #262626;
	width:104px;
	font:12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#header .button{
	float:right;
	border:0;
	background:#a2a1a2;
	width:21px;
	color:#101010;
	font:10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	height:18px;
	margin:3px 0 0;
	cursor:pointer;
	padding:0;
}
/* wrapper */
.wrapper{
	overflow:hidden;
	width:100%;
	margin:11px 0 0;
}
/*---sidebar---*/
.sidebar{
	float:left;
	width:198px;
	margin:0 0 0 1px;
}
/*---logo---*/
.logo{
	margin:0 0 0 22px;
	background:url(../images/logo.gif);
	width:165px;
	height:175px;
	text-indent:-9999px;
}
.logo a{
	display:block;
	height:100%;
	overflow:hidden;
}
/*---navigation---*/
.sidebar ul{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow:hidden;
	width:100%;
}
.sidebar li{
	float:left;
	width:100%;
}
.sidebar li a{
	display:block;
	overflow:hidden;
	background-repeat: no-repeat !important;
}
.sidebar li a:hover{ background-position:0 100% !important;}
.sidebar li a span{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	cursor:pointer;
}
/*---imaged links---*/
.sidebar li a.home{
	background:url(../images/home.gif);
	height:49px;
}
.sidebar li a.pledge{
	background:url(../images/pledge.gif);
	height:41px;
}
.sidebar li a.tips{
	background:url(../images/tips.gif);
	height:54px;
}
.sidebar li a.your-pledge{
	background:url(../images/your-pledge.gif);
	height:40px;
}
.sidebar li a.projects{
	background:url(../images/projects.gif);
	height:39px;
}
.sidebar li a.kids-pledges{
	background:url(../images/kids-pledges.gif);
	height:44px;
}
.sidebar li a.kids-share{
	background:url(../images/kids-share.gif);
	height:48px;
}
.sidebar li a.links{
	background:url(../images/links.gif);
	height:40px;
}
.sidebar li a.games{
	background:url(../images/games.gif);;
	height:43px;
}
.sidebar li a.about{
	background:url(../images/about.gif);
	height:41px;
}
.sidebar li a.contact{
	background:url(../images/contact.gif);
	height:56px;
}
.sidebar li a.blog{
	background:url(../images/blog.gif);
	height:37px;
}
.sidebar li a.login{
	background:url(../images/login-nav3.gif);
	height:75px;
}
/*---content---*/
.content{
	float:right;
	width:658px;
	padding:0 11px 20px 0;
}
/* cloud */
.content .cloud{
	position:relative;
	padding:165px 0 0 153px;
	width:505px;
	height:430px;
}
.content .cloud .flash{ display:block;
}
.content .cloud ul{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
	left:0;
}
.content .cloud ul a{
	position:absolute;
}
.content .cloud ul a.make-earth{ top:24px; left:70px;}
.content .cloud ul a.share-your{ top:3px; left:276px;}
.content .cloud ul a.kids-are{ top:40px; left:420px;}
.content .cloud ul a.check-out{ top:253px; left:1px;}
.content .cloud ul a.join-us{ top:264px; left:520px;}
.content .cloud ul a.send-in{ top:471px; left:29px;}
.content .cloud ul a.you-can{ top:490px; left:304px;}
.content .cloud ul a.fun-projects{ top:478px; left:431px;}
/* tip */
.content .tip{
	background:url(../images/tip.jpg);
	width:456px;
	height:60px;
	padding:85px 0 2px;
	margin:14px auto 0;
	text-align:center;
	font-size:14px;
	overflow:hidden;
}
.content .tip p{ margin:0;}