/* news story */
#newsStory{
margin:0px 0px 40px 0px;
}
#newsStoryHeader{
background:url(storyHeaderBg.jpg) repeat-x;
margin:0px 15px 0px 4px;
padding:20px 0px 20px 0px;
}
#newsStory h3{
display:block;
margin:0px 20px 0px 20px;
padding:0px;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
color:#999999;
}
#newsStory h2{
display:block;
margin:0px 20px 5px 20px;
padding:0px;
font-size:26px;
font-family:Arial, Helvetica, sans-serif;
color:#DF2829;
}

.newsStoryDate{
margin:0px 20px;
padding:0px;
font-size:11px;
color:#666666;
font-weight:bold;
}
.newsStoryEditor{
margin:0px 20px 0px;
padding:0px;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
color:#DF2829;
font-weight:bold;
}



/*article*/

#articleHeader{
background:url(storyHeaderBg.jpg) repeat-x;
margin:2px 15px 0px 4px;
padding:20px 0px 20px 0px;
float:right;
width:560px;
display:inline;
}
#articleWriterImg{
margin:0px 12px 0px 10px;
background:url(writerImgBg.gif) repeat-x;
float:right;
width:60px;
display:inline;
}
#articleWriterImg img{
display:block;
width:50px;
height:70px;
margin:4px;
border:1px solid #999999;
}

#articleHeader h3{
display:block;
margin:0px 20px 0px 20px;
padding:0px;
font-size:20px;
font-family:Arial, Helvetica, sans-serif;
color:#999999;
}

#articleHeader h3 A{
color:#999999;
}
#articleHeader h3 A:hover{
text-decoration:none;
}

#articleHeader h2{
display:block;
margin:0px 20px 5px 20px;
padding:0px;
font-size:26px;
font-family:Arial, Helvetica, sans-serif;
color:#DF2829;
}



/* rest of news */
#newsStoryImg{
margin:0px 0px 20px 0px;
text-align:center;
padding:20px 0px 20px 0px;
border-bottom:2px solid #FFFFFF;
border-top:2px solid #FFFFFF;
float:right;
width:100%;
}

#newsStoryImg img{
border:1px solid #666666;
width:380px;
height:200px;
}
#newsStoryImg span{
display:block;
margin:0px 30px 10p 30px ;
padding-top:10px;
clear:both;
text-align:center;
font-family:Tahoma;
font-size:11px;
color:#666666;
}

#newsStoryImg2{
margin:10px;
text-align:center;
float:left;
width:170px;
display:inline;
}

#newsStoryImg2 img{
border:1px solid #666666;
width:170px;
height:130px;
}
#newsStoryImg2 span{
display:block;
margin:0px 10px 0p 10px ;
padding-top:5px;
clear:both;
text-align:center;
font-family:Tahoma;
font-size:11px;
color:#666666;
}
#newsStoryTxt p{
display:block;
margin:10px 20px 20px 20px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
color:#2D2D2D;
text-align:justify;
line-height:28px;
}
#newsStoryTxt p A{
color:#2D2D2D;
text-decoration:underline;
}
#newsStoryTxt p A:hover{
text-decoration:none;
}

#newsStoryTxt span
{
	color:#DF2829;
}

#newsFunctions{
background:url(compBg.gif) right repeat-y #F0F0F0;
float:right;
width:100%;
clear:both;
margin:0px 0px 10px;
}

#newsFunctions ul{
display:block;
margin:0px;
padding:0px;
}

#newsFunctions li{
border-bottom:1px solid #FFFFFF;
display:block;
list-style:none;
}
#newsFunctions li A{
display:block;
margin:0px 11px 0px 0px;
text-decoration:none;
color:#5D5D5D;
padding:5px 0px 5px 0px;
}
#newsFunctions li A:hover{
background:#DFDFDF;
}
#newsFunctions li img{
vertical-align:middle;
margin:0px 5px 0px 5px;
}

/* related photos */
#newsRelatedPhotos blockquote{
background:#F0F0F0;
padding:5px 2px 5px 0px;
float:right;
width:100%;

}
#newsRelatedPhotos img{
display:inline;
float:right;
border:#999999 solid 1px;
margin:0px 4px 3px 0px;
}

/* comments */
#commentsList{
border-top:5px solid #FFFFFF;
margin-bottom:0px;
}

.commentBlock{
margin:5px 0px 0px 0px;
border-bottom:2px solid #FFFFFF;
float:right;
width:100%;
clear:both;

}

.commentCount{
width:42px;
float:right;
background-color:#FF0000;
margin:10px 20px 0px 0px;
background:url(commentIcon.gif) no-repeat ;
height:36px;
font-weight:bold;
color:#FFFFFF;
font-size:23px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
padding-left:8px;
display:inline;
}

.commentHeader{
float:right;
width:440px;
margin:10px 10px 10px 10px;
display:inline;

}

.commentHeader h4{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#DF2829;
display:block;
margin:0px 0px 3px 0px;
}

.commentAuthor{
display:block;
margin:0px 0px 3px 0px;
font-weight:bold;
font-size:11px;
}
.commentDate{
display:block;
margin:0px;
font-size:11px;
color:#666666;
}

.commentBody{
float:right;
width:100%;
clear:both;
}
.commentBody p{
display:block;
margin:5px 20px 5px 10px;
padding:10px;
text-align:justify;
border-top:#F9F9F9 solid 1px;
}

/* add Comment */

#addCommentBlock{
border-top:3px solid #FFFFFF;
padding-bottom:10px;
}
#addCommentBlock p{
display:block;
margin:10px 20px 5px 20px;
}
#addCommentBlock p label{
display:block;
margin-bottom:5px;
}
#addCommentBlock p input, #addCommentBlock p textarea{
color:#333333;
width:540px;
font-size:14px;
font-family:Tahoma;
}
#addCommentBlock p textarea{
height:100px;
}
#addCommentBlock .sendComment{
text-align:center;
margin:20px 0px 0px 0px;
}
#addCommentBlock .sendComment A{
display:block;
background:url(images/graphics/sendBtn.gif) no-repeat;
width:54px;
height:22px;
margin:0px auto 0px auto;
line-height:0px;
font-size:0px;
text-decoration:none;
color:#DF2829;
}
#addCommentBlock .sendComment A:hover{
background:url(sendBtn2.gif) no-repeat;
}



/* home */
#TopStories{
width:570px;
margin:10px 10px 20px 10px;
float:right;
display:inline;
}
#TopStoriesWrap {
width:400px;
float:right;
display:inline;
}
#topStoriesContent{
background:#FFFFFF;
width:400px;
float:right;
display:inline;
}
.TopStory{
background:#5D5D5D;
width:400px;
float:right;
display:inline;
}
.TopStory img{
border:2px solid #000000;
margin:8px 8px 0px 8px;
display:block;
width:380px;
height:200px;

}
.TopStory p{
background: url(topStoriesBriefBg.gif) repeat-x #DE2323;
display:block;
border:2px solid #000000;
border-top:none;
margin: 0px 8px 8px 8px;
padding:5px 10px;
font-size:12px;
color:#FFFFFF;
text-align:justify;
float:right;
width:360px;
height:55px;
overflow:hidden;
display:inline;

font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
}
.TopStory p A{
display:block;
color:#FFFFFF;
text-decoration:none;
}

#TopStoriesTitles{
float:right;
width:170px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
}
#TopStoriesTitles ul{
display:block;
list-style:none;
margin:15px 0px 0px 0px;
padding:0px;
}
#TopStoriesTitles li{
display:block;
list-style:none;
margin:0px;
padding:0px;
margin:5px 0px 5px 0px;
}
#TopStoriesTitles li A{
display:block;
text-align:justify;
color:#FFFFFF;
text-decoration:none;
padding:8px 5px 8px 5px;
width:150px;
}
#TopStoriesTitles li A.off{
background:url(topStoriesBg.gif) repeat-y right #444444;
border:2px solid #3B3A3A;
border-right:none;
}
#TopStoriesTitles li A.on{
background:url(topStoriesSelectedBg.gif) repeat-y right #DE2323;
border:2px solid #DE2323;
border-right:none;
}


#TopStoriesTitles li A:hover{
padding:8px 10px 8px 5px;

}

