@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	padding-top:35px;
	background:url(../images/in_back.jpg) #919296;
	background-repeat:no-repeat;
	
	font-family: Trebuchet MS, Helvetica, sans-serif, Tahoma;
	color:#333;}
	
#main_container{
	position:relative;
	width:1050px;
	height:747px;
	margin-left:auto;
	margin-right:auto;}

#top{
	float:left;
	width:1046px;
	height:27px;
	background:url(../images/shadow/top1.png);}
	
#header{
	float:left;
	width:1046px;
	height:74px;
	background:url(../images/shadow/header1.png);}
	
#header_logo{
	float:left;
	background:url(../images/logo.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	margin-left:320px;
	width:406px;
	height:74px;
	}
	
#navigation_news{
	float:left;
	width:1046px;
	height:33px;
	background:url(../images/shadow/news1.png);}

	
#mid_in{
	float:left;
	width:1046px;
	height:35px;
	background:url(../images/shadow/mid_in.png);}
	
#mid1{
	float:left;
	width:1046px;
	height:192px;
	background:url(../images/shadow/mid1.png);}
	
#mid2{
	float:left;
	width:1046px;
	height:204px;
	background:url(../images/shadow/mid2.png);}
	
#mid3{
	float:left;
	width:1046px;
	height:181px;
	background:url(../images/shadow/mid3.png);}
	
#header_logo h1{
	display:none;}
	
#welcome{
	position:absolute;
	height:auto;
	width:auto;
	top:340px;
	left:185px;
	font-size:25px;
color:#58595B}
	
#welcome_content{
	position:absolute;
	height:auto;
	width:538px;
	top:421px;
	left:362px;
	font-size:13px;
	line-height:21px;
	color:#58595B
}

#enter{
	position:absolute;
	height:auto;
	width:auto;
	top:558px;
	left:592px;
	font-size:20px;
	line-height:21px;
}

#enter a{
	text-decoration:none;
	color:#58595B}
	
#main_content{
	float:left;
	width:1046px;
	height:auto;}
	
#right_container{
	float:right;
	height:auto;
	width:167px;}
	
#navigation{
	float:left;
	height:auto;
	width:167px;
	background:url(../images/shadow/navigation.png);}
	
#navigation #news1{
	float:left;
	background:url(../images/button/news.gif);
	width:32px;
	height:362px;
	text-indent:-999999px;}
	
#navigation #lifestyle{
	float:left;
	background:url(../images/button/lifestyle.gif);
	width:30px;
	height:362px;
	text-indent:-999999px;}
	
#navigation #goodvibes{
	float:left;
	background:url(../images/button/goodvibes.gif);
	width:29px;
	height:362px;
	text-indent:-999999px;}
	
#navigation #healthandwellness{
	float:left;
	background:url(../images/button/healthandwellness.gif);
	width:31px;
	height:362px;
	text-indent:-999999px;}
	
#navigation #advocates{
	float:left;
	background:url(../images/button/advocates.gif);
	width:29px;
	height:362px;
	text-indent:-999999px;}
	
#footer_navigation{
	float:right;
	width:auto;
	height:auto;
	margin-top:50px;
	margin-right:50px;
	color:#FFF;
	font-size:13px;
	}
	
#content_footer a{
	text-decoration:none;
	color:#FFF;}
	
#pagination{
	float:left;
	width:auto;
	height:auto;
	margin-top:50px;
	margin-left:50px;
	color:#FFF;
	font-size:13px;
	}
	
#adds{
	float:left;
	height:auto;
	width:123px;
	background:url(../images/shadow/navigation.png);
	padding:14px 30px 0 14px;}
	
#navigation_footer{
	float:left;
	height:27px;
	width:167px;
	background:url(../images/shadow/footer.png);}
	
#left_container{
	float:right;
	height:auto;
	width:878px;}
	
#content{
	float:left;
	height:auto;
	width:878px;
	background:url(../images/shadow/content.png);}
	
.content_page{
	float:left;
	width:769px;
	height:auto;
	margin-left:20px;
	padding:38px 48px 23px 14px;}
	
.line{
	float:left;
	clear:both;
	height:1px;
	width:831px;
	margin-left:20px;
	background:#DDDEDF;}
	
#content_footer{
	float:left;
	height:79px;
	width:878px;
	background:url(../images/shadow/content_footer.png);}
	
#bottom{
	float:left;
	height:35px;
	width:1046px;}
	
.clear{
	clear:both;}
	
img{
	border:none;
	padding:0;
	margin:0;}
	
a:focus{
	outline:none;}
	
.icon{
	float:left;
	width:auto;
	height:auto;}
	
.icon_article{
	float:left;
	background:url(../images/icon/article.png);
	background-repeat:no-repeat;
	width:59px;
	height:25px;}
	
.icon_link{
	float:left;
	background:url(../images/icon/link.png);
	background-repeat:no-repeat;
	width:24px;
	height:46px;}	
	
.icon_music{
	float:left;
	background:url(../images/icon/link.png);
	background-repeat:no-repeat;
	width:40px;
	height:46px;}
	
.icon_qanda{
	float:left;
	background:url(../images/icon/qanda.png);
	background-repeat:no-repeat;
	width:44px;
	height:42px;}
	
.icon_quote{
	float:left;
	background:url(../images/icon/quote.png);
	background-repeat:no-repeat;
	width:43px;
	height:32px;}
	
.icon_video{
	float:left;
	background:url(../images/icon/quote.png);
	background-repeat:no-repeat;
	width:49px;
	height:35px;}
	
.icon_picture{
	float:left;
	background:url(../images/icon/picture.png);
	background-repeat:no-repeat;
	width:44px;
	height:41px;}
	
.icon_comment a{
	float:left;
	background:url(../images/icon/comment1.png);
	background-repeat:no-repeat;
	width:34px;
	height:35px;
	text-indent:-9999999px;}
	
.icon_facebook a{
	float:left;
	background:url(../images/icon/facebook.png);
	background-repeat:no-repeat;
	width:34px;
	height:35px;
	text-indent:-9999999px;}
	
.icon_tweeter a{
	float:left;
	background:url(../images/icon/tweeter.png);
	background-repeat:no-repeat;
	width:34px;
	height:35px;
	text-indent:-9999999px;}	

	
.content_container{
	float:right;
	width:686px;
	height:auto;}
	

	
.share{
	float:left;
	width:222px;
	height:auto;
	font-size:11px;
	text-transform:uppercase;
	color:#666;
	padding-top:25px;}
	
.title{float:left;
	width:686px;
	height:auto;
	font-size:20px;
	font-weight:bold;}

/*================NEWS Color Coding=====================*/
.title_news{float:left;
	width:686px;
	height:auto;
	font-size:20px;
	font-weight:bold;
	color:#EE3224;}
	
.lifestyle_news{float:left;
	width:686px;
	height:auto;
	font-size:20px;
	font-weight:bold;
	color:#EE3224;}
	
.goodvibes_news{float:left;
	width:686px;
	height:auto;
	font-size:20px;
	font-weight:bold;
	color:#EE3224;}
	
.handw_news{float:left;
	width:686px;
	height:auto;
	font-size:20px;
	font-weight:bold;
	color:#EE3224;}
	
.advocatea_news{float:left;
	width:686px;
	height:auto;
	font-size:20px;
	font-weight:bold;
	color:#EE3224;}
	
.date{float:left;
	width:686px;
	height:auto;
	font-size:11px;}
	
.date_news{float:left;
	width:686px;
	height:auto;
	font-size:11px;
	color:#EE2E24;}

	
	
.source{float:left;
	width:686px;
	height:auto;
	font-size:13px;
	padding-top:25px;}

.source_news{float:left;
	width:686px;
	height:auto;
	font-size:13px;
	padding-top:25px;
	color:#EE2E24;}	

.content_text{float:left;
	width:686px;
	height:auto;
	font-size:13px;
	padding-top:25px;
	line-height:19px;}
	
.content_comment{float:left;
	width:686px;
	height:auto;
	font-size:13px;
	padding-top:25px;
	padding-bottom:25px;
	margin-top:25px;
	line-height:19px;
	background:#58595B;
	color:#FFF;
	font-size:13px;}
	
.link_content{float:left;
	width:686px;
	height:auto;
	font-size:13px;
	margin-top:15px;
	padding-top:15px;
	padding-bottom:10px;
	line-height:19px;
	background:#DCDDDE;}
	
.content_text_answer{float:right;
	width:460px;
	height:auto;
	font-size:13px;
	margin-top:25px;
	line-height:19px;
 	/*background:#DCDDDE;
	padding:25px 40px;*/
	text-align:right;}
	
.content_text_answer tr{
	background:#DCDDDE;}
	
.content_text_answer td{
	text-align:left;}
	
	
.content_text_question{float:left;
	width:686px;
	height:auto;
	font-size:13px;
	line-height:19px;
 	/*background:#DCDDDE;
	padding:25px 40px;*/
	text-align:left;
	color:#FFF;}
	
.content_text_question tr{
	background:#58585A;}
	
.content_text_quote{float:left;
	width:686px;
	height:auto;
	font-size:13px;
	line-height:19px;
 	/*background:#DCDDDE;
	padding:25px 40px;*/
	text-align:left;}
	
.content_text_quote tr{
	background:#DCDDDE;}
	
.question_arrow{float:left;
	width:87px;
	height:21px;
	background:url(../images/question_arrow.png);
	margin-bottom:5px;}
	

.quote_arrow{float:left;
	width:87px;
	height:21px;
	background:url(../images/quote_arrow.png);
	margin-bottom:5px;}


.answer_arrow{float:right;
	width:95px;
	height:19px;
	background:url(../images/answer_arrow.png);}
	
.answer_team{float:right;
	width:686px;
	height:auto;
	font-size:20px;
	padding-top:5px;
	text-align:right;}
	
.answer_team_news{float:right;
	width:686px;
	height:auto;
	font-size:20px;
	padding-top:5px;
	text-align:right;
	color:#EE2E24;}	

.video_container{
	float:left;
	width:560px;
	height:340px;
	margin-top:25px;
	background:#000;
	}
	
.image_container{
	float:left;
	width:560px;
	height:335px;
	margin-top:25px;
	background:#000;}
	
.image_album{
		float:left;
	width:200px;
	height:200px;}
	
.link_image{
	float:left;
	width:129px;
	height:96px;
	margin-left:22px;
	background:#000;}
	
.image_content{
	float:left;
	width:464px;
	height:auto;
	margin-left:20px;}
	
.album{
	float:left;
	width:464px;
	height:auto;}
	
.year{
	float:left;
	width:464px;
	height:auto;}
	

.album_content{
	float:left;
	width:464px;
	height:auto;
	line-height:19px;
	padding-top:20px;}
	
.link_content_text{
	float:left;
	width:486px;
	height:auto;
	line-height:19px;
	margin-left:23px;
	margin-right:22px;}
	
.link_teaser{
	float:right;
	width:85px;
	height:auto;
	font-weight:bold;
	font-style:italic;
	margin-top:5px;
	margin-right:25px;
	background:url(../images/button/readmore.png);
	background-repeat:no-repeat;
	background-position:right;}
	
.link_teaser a{
	text-decoration:none;
	color:#333;}


#today{
	float:left;
	width:120px;
	height:auto;
	color:#666;
	font-size:13px;
	margin-left:34px;
	margin-top:12px;}
	
#news_text{
	float:left;
	width:665px;
	height:23px;
	overflow:hidden;
	color:#666;
	font-size:16px;
	margin-left:30px;
	margin-right:30px;
	margin-top:10px;
	font-weight:bold;}
	
#search_container{
	float:right;
	width:136px;
	height:28px;
	color:#666;
	font-size:13px;
	margin-right:30px;
	margin-top:5px;
	background:url(../images/search.png);}
	
#search{
	float:right;
	width:112px;
	height:20px;
	font-size:13px;
	margin-right:11px;
	margin-top:5px;}
	
.comment_text{
	padding:22px 31px; }
	
input{
	font-family: Trebuchet MS, Helvetica, sans-serif, Tahoma;}
	
select{
	font-family: Trebuchet MS, Helvetica, sans-serif, Tahoma;}	
	
textarea{
	font-family: Trebuchet MS, Helvetica, sans-serif, Tahoma;
	font-size:13px;}	
	
#comment_arrow{float:left;
	width:686px;
	height:22px;
	background:url(../images/comment_arrow.png);
	background-repeat:no-repeat;
	background-position:right top;
}
#post{float:right;
	width:661px;
	height:auto;
	padding-right:25px;
	padding-top:10px;
	text-align:right;
	
}

#comment_navigation{
	float:left;
	width:686px;
	height:auto;
	margin-left:117px;
	padding:10px 0 10px 0;
	font-size:11px;}
	
#comment_navigation a{
	text-decoration:none;
	color:#333;}
	
#show{
	float:left;
	width:auto;
	height:auto;}
	
#more{
	float:left;
	width:auto;
	height:auto;
	margin-left:150px;}
	
#show_all{
	float:right;
	width:auto;
	height:auto;}
	
	
#video_container{
	float:left;
	width:123px;
	height:auto;}
	
#fallowus_container{
	float:left;
	width:123px;
	height:auto;
	margin-top:14px;}
	
#contact_container{
	float:left;
	width:123px;
	height:auto;
	margin-top:14px;}
	
#partners_container{
	float:left;
	width:123px;
	height:auto;
	margin-top:14px;}
	
.adds_banner{
	float:left;
	width:123px;
	height:21px;
	text-align:center;
	background:#58595B;
	font-size:14px;
	padding-top:4px;
	color:#FFF;}
	
.hiv101{
	float:left;
	width:123px;
	height:105px;
	background:url(../images/banner/video_HIV101.png);
	background-repeat:no-repeat;
	text-indent:-999999px;}
	
.twitter{
	float:left;
	width:123px;
	height:62px;
	background:url(../images/banner/followus_twitter.png);
	background-repeat:no-repeat;
	text-indent:-999999px;}
	
.facebook{
	float:left;
	width:123px;
	height:46px;
	background:url(../images/banner/followus_facebook.png);
	background-repeat:no-repeat;
	text-indent:-999999px;}
	
.hotbox{
	float:left;
	width:123px;
	height:164px;
	background:url(../images/banner/partners_hotbox.png);
	background-repeat:no-repeat;
	text-indent:-999999px;}
	
.pos{
	float:left;
	width:123px;
	height:110px;
	background:url(../images/banner/contact.png);
	background-repeat:no-repeat;
	text-indent:-999999px;}
	
.casper{
	display:none;}
	

#news_text ul{
	margin:0;
	padding:0;}
	
#news_text li{
	list-style:none;
	margin:0;
	padding:0;
	width:665px;
	text-align:center;}
	
#news_text li a {
	text-decoration:none;
	color:#666;}