/* CSS Document */

/*menu*/
#home {
	height:39px;
	width: 145px;
	background: url(images/home2.png) top left no-repeat;
	display: block;
}
#home:hover {
	height:39px;
	width: 145px;
	background: url(images/home1.png) top left no-repeat;
	display: block;
	cursor: pointer;
}
.homeactive {
	height:39px;
	width: 145px;
	background: url(images/home1.png) top left no-repeat;
	display: block;
}
#join {
	height:39px;
	width: 145px;
	background: url(images/join.png) top left no-repeat;
	display: block;
}
#join:hover {
	height:39px;
	width: 145px;
	background: url(images/join1.png) top left no-repeat;
	display: block;
	cursor:pointer;
}
#join:active  {
	height:39px;
	width: 145px;
	background: url(images/join1.png) top left no-repeat;
	display: block;
}
#works {
	height:39px;
	width: 145px;
	background: url(images/works.png) top left no-repeat;
	display: block;
}
#works:hover {
	height:39px;
	width: 145px;
	background: url(images/works1.png) top left no-repeat;
	display: block;
	cursor:pointer;
}
.worksactive {
	height:39px;
	width: 145px;
	background: url(images/works1.png) top left no-repeat;
	display: block;
}
#news {
	height:39px;
	width: 145px;
	background: url(images/news.png) top left no-repeat;
	display: block;
}
#news:hover {
	height:39px;
	width: 145px;
	background: url(images/news1.png) top left no-repeat;
	display: block;
	cursor:pointer;
}
.newsactive {
	height:39px;
	width: 145px;
	background: url(images/news1.png) top left no-repeat;
	display: block;
}
#profile {
	height:39px;
	width: 145px;
	background: url(images/profile.png) top left no-repeat;
	display: block;
}
#profile:hover {
	height:39px;
	width: 145px;
	background: url(images/profile1.png) top left no-repeat;
	display: block;
	cursor:pointer;
}
.profileactive {
	height:39px;
	width: 145px;
	background: url(images/profile1.png) top left no-repeat;
	display: block;
}
#members {
	height:39px;
	width: 158px;
	background: url(images/members.png) top left no-repeat;
	display: block;
}
#members:hover {
	height:39px;
	width: 158px;
	background: url(images/members1.png) top left no-repeat;
	display: block;
	cursor:pointer;
}
.membersactive {
	height:39px;
	width: 145px;
	background: url(images/members1png) top left no-repeat;
	display: block;
}
/*=============================End====================*/

#act {
	height:39px;
	width: 110px;
	background: url(images/act.png) top left no-repeat;
	display: block;
}
#act:hover {
	height:39px;
	width: 110px;
	background: url(images/act1.png) top left no-repeat;
	display: block;
	cursor: pointer;
}

.actactive {
	height:39px;
	width: 110px;
	background: url(images/act1.png) top left no-repeat;
	display: block;
	cursor: pointer;
}


#eve {
	height:39px;
	width: 90px;
	background: url(images/eve.png) top left no-repeat;
	display: block;
}
#home11:hover {
	height:39px;
	width: 53px;
	background: url(images/home11_1.png) top left no-repeat;
	display: block;
	cursor: pointer;
}
#home11 {
	height:39px;
	width: 53px;
	background: url(images/home11.png) top left no-repeat;
	display: block;
}
#eve:hover {
	height:39px;
	width: 90px;
	background: url(images/eve1.png) top left no-repeat;
	display: block;
	cursor: pointer;
}
.eveactive {
	height:39px;
	width: 110px;
	background: url(images/eve1.png) top left no-repeat;
	display: block;
	cursor: pointer;
}


#jou {
	height:39px;
	width: 110px;
	background: url(images/jou.png) top left no-repeat;
	display: block;
}
#jou:hover {
	height:39px;
	width: 110px;
	background: url(images/jou1.png) top left no-repeat;
	display: block;
	cursor: pointer;
}

.jouactive {
	height:39px;
	width: 110px;
	background: url(images/jou1.png) top left no-repeat;
	display: block;
	cursor: pointer;
}
#goal {
	height:39px;
	width: 90px;
	background: url(images/goal.png) top left no-repeat;
	display: block;
}
#goal:hover {
	height:39px;
	width: 90px;
	background: url(images/goal1.png) top left no-repeat;
	display: block;
	cursor: pointer;
}

.goalactive {
	height:39px;
	width: 110px;
	background: url(images/goal1.png) top left no-repeat;
	display: block;
	cursor: pointer;
}

#vid {
	height:39px;
	width: 98px;
	background: url(images/vid.png) top left no-repeat;
	display: block;
}
#vid:hover {
	height:39px;
	width: 98px;
	background: url(images/vid1.png) top left no-repeat;
	display: block;
	cursor: pointer;
}

.vidactive {
	height:39px;
	width:110px;
	background: url(images/vid1.png) top left no-repeat;
	display: block;
	cursor: pointer;
}

#img {
	height:39px;
	width: 110px;
	background: url(images/img.png) top left no-repeat;
	display: block;
}
#img:hover {
	height:39px;
	width:110px;
	background: url(images/img11.png) top left no-repeat;
	display: block;
	cursor: pointer;
}

.imgactive {
	height:39px;
	width: 110px;
	background: url(images/img11.png) top left no-repeat;
	display: block;
	cursor: pointer;
}
#pro {
	height:39px;
	width: 110px;
	background: url(images/pro.png) top left no-repeat;
	display: block;
}
#pro:hover {
	height:39px;
	width: 110px;
	background: url(images/pro1.png) top left no-repeat;
	display: block;
	cursor: pointer;
}

.proactive {
	height:39px;
	width: 110px;
	background: url(images/pro1.png) top left no-repeat;
	display: block;
	cursor: pointer;
}
#magnify {
cursor:'url(images/magnify.cur), -moz-zoom-in';
}
#rep {
	height:39px;
	width: 110px;
	background: url(images/rep.png) top left no-repeat;
	display: block;
}
#rep:hover {
	height:39px;
	width: 110px;
	background: url(images/rep1.png) top left no-repeat;
	display: block;
	cursor: pointer;
}

.repactive {
	height:39px;
	width: 110px;
	background: url(images/rep1.png) top left no-repeat;
	display: block;
	cursor: pointer;
}


body {
	background:#004180 url(images/main_bg.jpg) repeat-x;
	margin:0px;
	padding:0px;
}
.cle {
	clear:both;
	
}
#Main_page {
	width:918px;
	margin:auto;
}
#top_nav {
	width:300px;
	background-color:#303030;
	float:right;
	font:bold 13px arial;
	color:#FFF;
}
#top_nav_left {
	float:left;
}
#top_nav_right {
	float:right;
}
#logo {
	padding:30px 0px 40px 15px;
}
#navigation {
	margin-left:100px;
}
#main_cont_top {
	width:918px;
	height:16px;
	background: url(images/main_content_top.jpg) #ffffff;
}
#main_cont_mid {
	width:918px;
	min-height:550px;
	font-family:Arial, Helvetica, sans-serif;font-size:16px;
	background:url(images/main_cont_bg.jpg) #ffffff repeat-y;
}


#main_cont_bottom {
	width:918px;
	background:url(images/fot.png) no-repeat top left;
	height:61px;
}
#footer {
	height:140px;
}
.footer_text {
	text-align:right;
	margin:10px 20px 0px 0px;
	font:bold 12px arial;
	color:#167dbe;
}
.footer_add {
	width:466px;
	margin:10px 0px 0px 225px;
	border:1px solid #FFFFFF;
}
.email {
	font:bold 11px arial;
	color:#67696a;
	padding-top:10px;
}
.email a {
	font:bold 11px arial;
	color:#0069a3;
	text-decoration:underline;
}
.email a:hover {
	font:bold 11px arial;
	color:#0069a3;
	text-decoration:none;
}
.footlink {
	font:bold 14px arial;
	color:#949697;
	padding-top:10px;
}
.footlink a {
	font:bold 11px arial;
	color:#0069a3;
	text-decoration:none;
}
.footlink a:hover {
	font:bold 11px arial;
	color:#57a80b;
}
.list {
	margin:0px;
	height:0px;
}
.list ul {
	display:inline;
	
}
.list ul li {
	display:inline;
	float:left;
	background:url(images/arrow.png) no-repeat;
	padding-top:5px;
	padding-left:11px;
	font-size:11px;
}
.list ul li a {
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
}
.list ul li a:hover {
	font-size:11px;
	color:#78d723;
}
#logout {
	height:21px;
	width: 90px;
	background: url(images/logout.png) top left no-repeat;
	display: block;
}
#logout:hover {
	height:21px;
	width: 90px;
	background: url(images/logout1.png) top left no-repeat;
	display: block;
	cursor: pointer;
}
.addbut a{ background:url(images/addbut.png) no-repeat center;
width:131px;
height:32px;
display:block;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
padding-top:16px;
font-weight:bold;
text-indent:35px;
font-size:13px;
text-decoration:none;
}
.addbut a:hover{ background:url(images/addbut1.png) no-repeat center;
}

.txtmover a{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#e48100; text-decoration:underline; }
.txtmover a:hover{text-decoration:none;}

.act3{font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #009900; padding-left:10px; font-weight:bold; border-bottom:1px solid #e0e9d8; background:#e7fdd3;}

.act4{font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #009900; padding-left:10px; border-bottom:1px solid #e0e9d8; background:#f4fbed;}