body {
	background:url(images/template/Background_tex.jpg) repeat-x;
	background-color:#999999;
	background-position:top center;
	font-family:'Trebuchet MS',trebuchet,tahoma,sans-serif;
	margin:0pt;
	text-align:center;
	}

#header {
	background:url(images/header.png) no-repeat;
	margin:0pt auto;
	position:relative;
	width:880px;
	height:82px;
        }

#slogan {
	#display:block;
	#overflow:hidden;
	#float:right;
	#position:right;
        top:4px;
	right:75px;
	}


#navbar {
	background:url(images/navbar.jpg) repeat-x;
        margin:auto;
        width:880px;
	height:27px;
	position:center;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:6px;
	}

#navbar ul {
	width:880px;
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:center;
	}
	
#navbar ul li {
	margin:auto;
	padding:0 0px;
	display:inline;
	}
	
#navbar ul li a {
	color:#FFFFFF;
	padding:0px 25px;
	text-decoration:none;
	}

#navbar ul li a:hover{
	color:#FF2F2F;
	}


#box {
	background:#FFFFFF;
	margin-top:0px;
	margin-left:10px;
	margin-right:auto;
	width:840px;
	min-height:361px;
	padding:0px
	position:center;
	}

#barone {
	background:url(images/bar1.png) repeat-x;
        margin:auto;
        width:645px;
	height:25px;
	position:center;
	top:100px;
	left: 0px;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	padding:0px 5px 0px 0px;
        padding-top:4px;
	}

#barone ul {
	width:645px;
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:center;
	}
	
#barone ul li {
	margin:auto;
	padding: 60px;
	display:inline;
	}
	
#barone ul li a {
	color:#FFFFFF;
	#padding:1px 20px;
	text-decoration:none;
	}

#barone ul li a:hover{
	color:#FF2F2F;
	}

#more {
	background:url(images/bar2.png) repeat-x;
	margin:auto;
    width:660;
    height:25px;
    position:cener;
	top:100px;
	left: 0px;
    font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:6px;
	}

#more   a:hover{
	color:#FFFFFF;
	}

#WhiteBox {
	margin:auto;
	text-align:left;
	width:880px;
	height:inherit;
	min-height:600px;
	background:#FFFFFF;
	}

#threeone ul {
	font-size:11px;
	line-height:16px;
	list-style:none;
	width:612px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
	
#threeone li {
	list-style:none;
	float:left;
	width:215px;
	height:120px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
	

	
#threeone li a {
	text-decoration:none;
	}
	
#threeone .image {
	position:center;
	width:204px;
	height:120px; 
	}

#three ul {
	font-size:11px;
	line-height:16px;
	list-style:none;
	width:634px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
	
#three li {
	list-style:none;
	float:left;
	width:210px;
	height:125px;
	padding:0px 0px 0px 0px;
	margin:0px 10px 0px 0px;
    }
	
#three li:hover {
	background:#ebf5ff;
	}
	
#three li a {
	text-decoration:none;
	}
	
#three .image {
	position:center;
	width:204px;
	height:120px; 
	}

#media ul {
	font-size:11px;
	line-height:16px;
	list-style:none;
	width:634px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
	
#media li {
	list-style:none;
	float:left;
	width:210px;
	height:230px;
	padding:0px 0px 0px 0px;
	margin:0px 10px 0px 0px;
	##border-bottom:1px #777777 solid;
    }
	
#media li:hover {
	background:#ebf5ff;
	}
	
#media li a {
	text-decoration:none;
	}
	
#media .image {
	position:center;
	width:208px;
	}

#media .image:hover {
	background:#ebf5ff;
	}
	
#news {
	color:#999999;
	font-size:11px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:5px;
	}

#newsheader {
	background:url(images/bar3.jpg) repeat-x;
	color:#FFFFFF;
	font-size:14px;
	font-weight:500;
	text-align:center;
	padding:4px 0px 5px 0px;
	margin:0px;
	}
	
#news ul {
	padding:0px;
	margin:0px;
	margin-bottom:0px;
	list-style:none;
	}
	
#news ul li {
	padding-left:10px;
	}

#news ul li:hover {
	background:#ebf5ff;
	}

#friends {
	color:#999999;
	font-size:11px;
	padding-left:5px;
	padding-top:0px;
	padding-bottom:0px;
	}

#friendsheader {
	background:url(images/bar3.jpg) repeat-x;
	color:#FFFFFF;
	font-size:14px;
	font-weight:500;
	text-align:center;
	padding:4px 0px 5px 0px;
	margin:0px;
	}
	
#friends ul {
	padding:0px;
	margin:0px;
	margin-bottom:0px;
	list-style:none;
	}
	
#friends ul li {
	padding-left:10px;
	}
	
#friends li:hover {
	background:#ebf5ff;
	}

#subfooterbox {
	background:#C3C3C3;
	height:109px;
	width:840px;
	position:relative;
	margin-top:10px;
	}
	
#subfooterbox .colum1 {
	width:130px;
	height:90px;
	position:absolute;
	top:10px;
	left:220px;
	border-right:1px #777777 solid;
	}
	
#subfooterbox .colum2 {
	width:130px;
	height:90px;
	position:absolute;
	top:10px;
	left:380px;
	border-right:1px #777777 solid;
}
	
#subfooterbox .colum3 {
	width:130px;
	height:90px;
	position:absolute;
	top:10px;
	left:540px;
	border-right:1px #777777 solid;
	}
	
#subfooterbox .colum4 {
	width:130px;
	height:90px;
	position:absolute;
	top:10px;
	left:700px;
	}

#subfooterbox ul {
	list-style-type:none;
	margin:0pt 0pt 0pt 0px;
	padding:0pt;
	font-size:11px;
	line-height:14px;
	}
	
#subfooterbox ul a {
	text-decoration:none;
	color:#666666;
	}
	
#subfooterbox ul a:hover {
	text-decoration:underline;
	color:#FF0000;
	}

#footer {
	margin:auto;
	width:880px;
	height:15px;
	text-align:left;
	padding-top:2px;
	padding-bottom:25px;
	color:#FFFFFF;
	font-size:10px;
	}

#footer ul {
	float:left;
	width:880px;
	margin:0px;
	padding:0px;
	list-style:none;
	}
	
#footer li {
	float:left;
	width:440px;
	margin:0px;
	padding:0px;
	}
	
#footer a {
	color:#FFFFFF;
	text-decoration:none;
	}

#footer a:hover {
	text-decoration:underline;
	}