/*
|
| TITLE:	CBS Corporate News
| DESC:		Basic News Page Styles
| AUTHOR:	Alex Baillargeon
|			
| EMPLOYED:	PDG Creative, http://www.pdgcreative.com 	
| 
| CREATED:	January 20, 2009
| MODIFIED: 
|
*/


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

#wrapper{
	
}

		
			#scaff{
				width:1px;
				height:500px;
				float:left;
			}
				
			#newsCont{
				float:left;
				width:663px;
			}
			 
			
				#news_tr{
					width:9px;
					height:9px;
					position:absolute;
					top:-1px;
					right:-3px;
					background:url('../_images/news_corn_tr.gif')  no-repeat top right;
				}
					#faq_tr {
						width:7px;
						height:7px;
						position:absolute;
						top:-1px;
						right:-1px;
						background-image:url('../_images/faq_corner_tr.gif');
					}
				
				#news_bl{
					width:9px;
					height:9px;
					position:absolute;
					bottom:-1px;
					left:-1px;
					background-image:url('../_images/news_corn_bl.gif');
				}
				   #news_b {
				    width:667px;
					height:9px;
					position:absolute;
					bottom:-9px;
					left:-1px;
					background:url('../_images/news_corn_b.png') no-repeat;
				   }
					#faq_bl{
						width:7px;
						height:7px;
						position:absolute;
						bottom:-1px;
						left:-1px;
						background-image:url('../_images/faq_corner_bl.gif');
					}
				
				#news_br{
					width:9px;
					height:9px;
					position:absolute;
					bottom:-1px;
					right:-1px;
					background-image:url('../_images/news_corn_br.gif');
				}
					#faq_br{
						width:7px;
						height:7px;
						position:absolute;
						bottom:-1px;
						right:-1px;
						background-image:url('../_images/faq_corner_br.gif');
					}
				
				
					#newsArticle { 
						float:left;
						width:500px;
						font-size:12px;
						color:#333333;
						line-height:130%;
						margin:0 0 6px 0;
					}
					
						#newsArticle h2{
							font-size:18px;
							color:#004289;
							padding:0px 0 7px 0;
							font-weight:normal;
							margin-top:0px;
						}
							#newsArticle h4 {
								font-size:12px;
							}
						
						#newsArticle p {
							padding:7px 0;
							
						}
					
			
				#tabCont{
					width:665px;
					position:relative;
					z-index:99;
				}
				
					#tabCont ul{
						list-style:none;
						height:34px;
						width:665px;
					}
					

					
						#tabCont ul li{
							background-image:url('../_images/news_tab_inactive.jpg');
							background-position:bottom left;
							background-repeat:no-repeat;
							width:129px;
							float:left;
							margin:0 2px 0 0;
							height:34px;
							position:relative;
							text-align:center;
						}
							#tabCont ul.faq li {
								background-image:url('../_images/faq_tab.jpg');
							}
							

						
							#tabCont ul li.current{
								background-image:url('../_images/news_tab_active.jpg');
								width:129px;
							}
								#tabCont ul.faq li.current {
									background-image:url('../_images/faq_tab_active.jpg');
								}
						
								#tabCont ul li.current a{
									color:#395789;
									font-weight:bold;
								}
						
								#tabCont ul li a{
									color:#FFF;
									position:absolute;
									bottom:5px;
									left:0px;
									width:129px;
									font-size:14px;
								}
				
				#storyCont{
					position:relative;
					width:665px;	
					margin-top:-1px;
					padding-top:15px;
					padding-bottom:15px;
					z-index:2;
					background-color:#FFFFFF;
					border:1px solid #90a3c1;
				}
					
					#storyCont div.newsStory{
						padding:6px 15px 2px 15px;
					}
					
						#storyCont div.newsStory h4{
							color:#002242;
							font-size:12px;
							font-weight:bold;
							width:80px;
							float:left;
						}
						
						#storyCont div.newsStory p{
							color:#002242;
							font-size:12px;
							line-height:130%;
							padding-left:80px;
						}
						
						#storyCont div.newsStory a {
						    color:#004289;
						}
						  #storyCont div.newsStory a:hover {
						    text-decoration: underline;
						  }
						
					#storyCont div.eventStory{
						padding:6px 15px 2px 15px;
					}
					
						#storyCont div.eventStory div.left{
							width:100px;
							float:left;
							color:#002242;
							font-size:12px;
							font-weight:bold;
						}
							#storyCont div.eventStory div.left h5{
								font-size:16px;
							}
						
						#storyCont div.eventStory div.right{
							float:left;
							color:#002242;
							font-size:12px;
							margin-left:20px;
							width:500px;
						}
							#storyCont div.eventStory div.right img {
								margin-right:10px;
								border:1px solid #ccc;
								padding:3px;
								background:#fff;
							}

						
					#storyCont p.seeAll{
						padding:3px 0 3px 15px;
					}

					
						#storyCont p.seeAll a{
							color:#002248;
							font-size:12px;
							font-weight:bold;
						}