body
{
background-color: #B32078;
background-image: url('/media/picture/skin/ChannelWeSearchBack.jpg');
background-position: 0px 0px;
background-attachment: fixed;
}


#MainContentFrame
{
/* background-color: #F0F0F0; */
}

#HeaderRight .MenItem1 { height: 77px; font-size: 30px; }
#HeaderRight .MenItem2 { height: 57px; font-size: 20px; }
#HeaderRight .MenItem3 { height: 57px; font-size: 20px; }
#HeaderRight .MenItem4 { height: 57px; font-size: 20px; }
#HeaderRight .MenItem5 { height: 57px; font-size: 20px; }

#HeaderRight .MenItem1 a:link, #HeaderRight .MenItem1 a:visited { position: relative; bottom: 19px; margin-top: -20px; }

#HeaderRight .MenItem4 .SocialIcons { position: absolute; top: 5px; z-index: 250; }

#MainContent
{
background-image: url('/media/picture/skin/whitetrans.png');
font-size: 14px;
line-height: 120%;
margin-top: 0px;
padding: 5px 10px 10px 10px;
}


#MainContent .TeaserBoxSmall h1
{
float: left;
font-family: Georgia, 'Times New Roman',Times,serif;
font-size: 20px;
line-height: 100%;
font-weight: normal;
color: #000000;
padding: 0px;
margin: 0px;
}


#MainContent .TeaserBoxSmall .IconBox
{
float: right;
padding: 0px;
margin: 18px 0px 0px 0px;
}


#MainContent .TeaserBoxSmall .TeaserBoxHeader
{
float: none;
clear: both;
position: relative;
z-index: 100;
height: 40px;
background-image: url('/media/picture/skin/whitetrans.png');
padding: 2px 10px 5px 10px;
margin: -50px 0px 0px 0px;
overflow: hidden;
}


#MainContent .TeaserBoxSmall
{
float: left;
display: table;
width: 310px;
margin: -5px 0px 10px -10px;
overflow: hidden;
}

/* CSS hack for FireFox 3 and higher */
#MainContent .TeaserBoxSmall .TeaserBoxHeader, x:-moz-any-link, x:default {margin: -50px 0px 0px 0px;}

/* CSS hack for IE 7 */
*+html #MainContent .TeaserBoxSmall .TeaserBoxHeader {margin: -50px 0px 0px 0px;}


#MainContent .day
{
font-family: Georgia, 'Times New Roman',Times,serif;
font-size: 80px;
line-height: 100%;
font-weight: normal;
color: #FFFFFF;
}

#MainContent .month
{
font-family: Georgia, 'Times New Roman',Times,serif;
font-size: 20px;
line-height: 100%;
font-weight: normal;
color: #FFFFFF;
}


#MainContent h1
{
float: none;
clear: both;
margin: 10px 0px 10px 0px;
font-size: 30px;
font-weight: normal;
line-height: 120%;
color: #000000;
}


#MainContent h2
{
font-size: 20px;
line-height: 120%;
font-weight: normal;
color: #000000;
margin: 0px;
padding: 0px;
}

#MainContent ul
{
margin: 6px -10px 0px 0px;
padding:0;
list-style-type: none;
overflow: hidden;
}

#MainContent li
{
float: left;
background-color: #B32078;
display: table;
width: 300px;
height: 173px;
margin: 0px 10px 10px 0px;
padding: 5px;
overflow: hidden;
font-family: Georgia, 'Times New Roman',Times,serif;
font-size: 12px;
line-height: 135%;
font-weight: normal;
color: #FFFFFF;
}

/* CSS hack for FireFox 3 and higher */
#MainContent li, x:-moz-any-link, x:default {height: 163px;}


#MainContent .FirstItem
{
float: right;
background-color: #B32078;
display: table;
width: 300px;
height: 173px;
margin: -5px -10px 10px 0px;
padding: 5px;
overflow: hidden;
font-family: Georgia, 'Times New Roman',Times,serif;
font-size: 12px;
line-height: 135%;
font-weight: normal;
color: #FFFFFF;
}


/* CSS hack for FireFox 3 and higher */
#MainContent .FirstItem, x:-moz-any-link, x:default {height: 163px;}


#MainContent .time
{
width: 120px;
overflow: hidden;
float: left;
}


#MainContent .MoreButton
{
position: relative;
top: 15px;
margin: 0px;
font-size: 14px;
padding: 0px 2px 0px 2px;
text-decoration: none;
}

#MainContent .MoreButton a:link, #MainContent .MoreButton a:visited
{
padding: 0px 2px 0px 2px;
color: #FFFFFF;
background-color: #FF00CC;
text-decoration: none;
}

#MainContent .MoreButton a:hover, #MainContent .MoreButton a:active
{
padding: 0px 2px 0px 2px;
color: #FF00CC;
background-color: #FFFFFF;
text-decoration: none;
}


#MainContent .facebook .icon
{
float: left;
padding: 0px;
margin: 0px;
border: none;
}

/* CSS hack for IE 7 */
*+html #MainContent .facebook .icon {padding: 0px 0px 0px 0px; height: 16px; overflow: hidden;}

#MainContent .twitter .icon
{
float: left;
margin: 0px 0px 0px 0px;
border: none;
}

/* CSS hack for FireFox 3 and higher */
#MainContent .twitter .icon, x:-moz-any-link, x:default {margin: -1px 0px 0px 0px;}

/* CSS hack for IE 7 */
*+html #MainContent .twitter .icon {padding: 1px 0px 0px 0px; height: 16px; overflow: hidden;}


#MainContent .MoreButton .icon img
{
border: none;
}

#MainContent .facebook
{
margin: -25px 0px 0px 0px;
float: right;
}

/* CSS hack for IE 7 */
*+html #MainContent .facebook {margin: -20px 0px 0px 0px;}

#MainContent .twitter
{
margin: -16px 0px 0px 0px;
float: right;
}

/* CSS hack for IE 7 */
*+html #MainContent .twitter {margin: -10px 0px 0px 0px;}

#MainContent .comments
{
margin: -16px 0px 0px 0px;
float: left;
}

/* CSS hack for IE 7 */
*+html #MainContent .comments {margin: -10px 0px 0px 0px;}


/* CSS hack for IE 7 */
*+html #MainContent .MoreButton {position: relative; top: 10px;}



#MainContent .TeaserBoxSmall a:link, #MainContent .TeaserBoxSmall a:visited
{
text-decoration: none;
color: #000000;
}

#MainContent .TeaserBoxSmall a:hover, #MainContent .TeaserBoxSmall a:active
{
text-decoration: underline;
}





#MainContentFrame #StoryHeader
{
float: none;
position: relative;
z-index: 100;
height: 109px;
background-image: url('/media/picture/skin/whitetrans.png');
padding: 2px 20px 10px 20px;
margin: -125px 0px 0px 0px;
overflow: hidden;
}

/* CSS hack for FireFox 3 and higher */
#MainContentFrame #StoryHeader, x:-moz-any-link, x:default {height: 108px;}

/* CSS hack for IE 7 */
*+html #MainContentFrame #StoryHeader {padding: 5px 20px 10px 20px; margin: -123px 0px 0px 0px;}


#MainContentFrame #StoryHeader h1
{
float: none;
padding: 10px 0px 10px 0px;
margin: 0px;
font-family: Georgia, 'Times New Roman',Times,serif;
font-size: 30px;
font-weight: normal;
line-height: 120%;
color: #000000;
overflow: hidden;
}


#MainContent .FirstTeaser p
{
float: none;
clear: both;
position: relative;
z-index: 100;
height: 47px;
background-image: url('/media/picture/skin/whitetrans.png');
padding: 5px 10px 5px 10px;
margin: 0px 0px 0px 0px;
font-family: Georgia, 'Times New Roman',Times,serif;
font-size: 12px;
line-height: 135%;
font-weight: normal;
color: #000000;
overflow: hidden;
}

/* CSS hack for FireFox 3 and higher */
#MainContent .FirstTeaser p, x:-moz-any-link, x:default {height: 46px;}

/* CSS hack for IE 7 */
*+html #MainContent .FirstTeaser p {height: 51px;}



#MainContent h1 .TeaserLead
{
margin: 2px 0px -1px 0px;
float: none;
clear: both;
display: inline;
}

*+html #MainContent h1 .TeaserLead {margin: 3px 0px 0px 0px;}


#MainContent h2 .TeaserLead
{
margin: 0px 0px -3px 0px;
float: none;
clear: both;
display: inline;
}

/* CSS hack for IE 7 */
*+html #MainContent h2 .TeaserLead {margin: 5px 0px 0px 0px;}


#MainContent .TeaserItem p
{
float: none;
clear: both;
position: relative;
z-index: 100;
height: 80px;
background-image: url('/media/picture/skin/whitetrans.png');
padding: 8px 10px 5px 10px;
margin: 0px 0px 0px 0px;
font-family: Georgia, 'Times New Roman',Times,serif;
font-size: 12px;
line-height: 135%;
font-weight: normal;
color: #000000;
overflow: hidden;
}

#MainContent ul
{
float: none;
clear: both;
margin: 6px -10px 0px 0px;
padding:0;
list-style-type: none;
overflow: hidden;
}

#MainContent li
{
float: left;
display: table;
width: 310px;
margin: 0px 10px 10px 0px;
overflow: hidden;
}



#MainContent a:link, #MainContent a:visited
{
color: #FF00CC;
text-decoration: none;
}

#MainContent a:hover, #MainContent a:active
{
color: #FF00CC;
text-decoration: underline;
}

#MainContent .MediaFrame
{
margin: 2px 0px 0px 0px;
float: right;
height: 15px;
overflow: hidden;
}

/* CSS hack for IE 7 */
*+html #MainContent .MediaFrame {margin: -17px 0px 0px 0px;}


#MainContent .MediaText
{
margin: -4px 0px 0px 0px;
padding: 2px;
background-color: #FF00CC;
text-decoration: none;
color: #FFFFFF;
font-size: 10px;
}


#MainContent hr
{
display: none;
}


#MainContent hr
{
display: none;
}


#MainContent table, tr, td
{
padding: 0px;
margin: 0px;
border-spacing: 0px;
}

#MainContent hr
{
color: #333333;
height: 1px;
background-color: #333333;
border: none;
margin: 0px 0px -15px 0px;
}


#ToolFooter
{
width: 100%;
height: auto;
overflow: hidden;
font-family: Georgia, 'Times New Roman',Times,serif;
font-size: 12px;
font-weight: normal;
color:#333333;
text-align: left;
}


#ToolFooterBarItems
{
margin: 0px;
border: 0px;
}


#ToolFooterBarItems a:link, #ToolFooterBarItems a:visited
{
color: #CC0000;
text-decoration: underline;
}

#ToolFooterBarItems a:hover, #ToolFooterBarItems a:active
{
color: #999999;
text-decoration: none;
}

