@charset "UTF-8";

/* CSS Document */

* {
	border: 0;
	margin: 0;
	padding: 0;
	}

body {
	color: #333;
	font-family: "Arial", "Tahoma", "MS Sans Serif", sans-serif;
	font-size: 75%;
	text-align: center;
	background: url(images/background2.png) #0c223c repeat-x;
	}

a {outline:none}

ul.news {
	list-style-type:none;
	padding:0;
	margin:0;
}

li.news-item {
	float:left;
	width:190px;
	text-align:left;
	padding:12px;
	margin:5px;
	background-color:#FFFFFF;
}

#wrap {
	width: 960px;
	margin: 00px auto;
	text-align: left;
	/*background-color:#222222;*/
	background:url(images/wrap_background.jpg);
	}

#main-content {
	width: 960px;
	margin:0 0 0 0;
}

#bottom-block {
	clear:both;
	width:960px;
	border-bottom-color:#FFFFFF;
	/*height:500px;*/
}
#content-head {
	width:695px;
	color:#FFFFFF;
	background-color:#1b3458;
	background:url(images/content_head.jpg) bottom left no-repeat;
	padding:10px;
	height:15px;
	padding-top:20px;
}

#content-text {
	position:relative;
	width:695px;
	float:left;
	background-color:#FFFFFF;
	padding:5px 10px;
	/*margin:5px 30px;*/
}

#content-band {
	width:675px;
	background-color:#3b689b;
	padding:10px;
	float:left;	
	height:143px;
}

#content-text p {
	margin:10px;
	font-size:12px;
	line-height:22px;
}

#logo { float:left;
	border:0px;
	width:270px;
	padding-top:10px;
		}

#banner {
	height: 150px;
	float:left;
	width:960px;
	}

/* Element positioning */

#left {
	float: left;
	width: 400px;
	padding: 20px 0px 0px 0px;
	}

#left img {padding-top: 5px;}
#right img  {margin: 5px 0px 0px 0px;}

#right {
	width: 559px;
	float:right;
	padding: 20px 0px 0px 0px;
	}

/* EOS */


/* Series Stuff	*/	

#seriesbox {
	width: 200px;
	height: 460px;
	overflow: hidden;
	float:left;
	margin-left:25px;
	margin-top:20px;
	}

#seriesbox img {border: 1px solid  #333333; margin:5px 0px;}
#seriesbox a:hover img {border: 1px solid  #fff}
#footer {
	width:920px;font-size:11px; color:#b9b9b9; padding:20px; 
	margin-left:auto;
	margin-right:auto;
	background-color:#333333;
	background-image:url(images/footer.jpg);
	}
#footer a {color:#aaa; text-decoration:none;}
#footer a:hover {color:#f37021;text-decoration:underline;}

/************** Main Nav bar styles ****************/

#mainnav {
/*clear:both;*/
/*	float:right;*/
	width: 690px;
	overflow:hidden;
	height: 55px;
	margin:94px 0 0 0;
	float:left;
	
	}

#mainnav a{
    height: 55px;
	float: left;
	} 

#mainnav #nav1 a {
    background: url(images/newcomers.png) no-repeat bottom;
    width:183px;
	}

#mainnav #nav1 a:hover {
    background: url(images/newcomers.png);
	}

#mainnav #nav2 a {
    background: url(images/who.png) no-repeat bottom;
    width:190px;
	}

#mainnav #nav2 a:hover {
    background: url(images/who.png);
	}

#mainnav #nav3 a {
    background: url(images/what.png) no-repeat bottom;
    width:245px;
	}

#mainnav #nav3 a:hover {
    background: url(images/what.png);
	}


#mainnav #nav4 a {
    background: url(images/give.png) no-repeat bottom;
    width:72px;
	}

#mainnav #nav4 a:hover {
    background: url(images/give.png);
	}

#mainnav .active {
	background-image:none;
	}
	
#video {
	margin-left:auto;
	margin-top:auto;
	margin-right:auto;
	margin-bottom:auto;
}

#video-head {
	background-color:#1b3458;
	background-image:url(images/video_head.jpg);
	padding:10px;
	height:15px;
	width:380px;
	color:#FFFFFF;
}

#slideshow-head {
	background-color:#3b689b;
	background-image:url(images/slideshow_head.jpg);
	padding:10px;
	height:15px;
	color:#FFFFFF;	
}