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


#MainContentFrame
{
background-image: url('/media/picture/skin/whitetrans.png');
/* background-color: #F0F0F0; */
}

#HeaderRight .MenItem1 { height: 57px; font-size: 20px; }
#HeaderRight .MenItem2 { height: 57px; font-size: 20px; }
#HeaderRight .MenItem3 { height: 57px; font-size: 20px; }
#HeaderRight .MenItem4 { height: 77px; font-size: 30px; }
#HeaderRight .MenItem5 { height: 57px; font-size: 20px; }
#HeaderRight .MenItem4 a:link, #HeaderRight .MenItem4 a:visited { position: relative; bottom: 19px; margin-top: -20px; }

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

#MainContent
{
margin-top: -6px;
padding: 5px 10px 10px 10px;
}


#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: 58px;
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: 58px;}
*/

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

#MainContent h2
{
float: none;
clear: both;
margin: 20px 0px 5px 0px;
font-family: Georgia, 'Times New Roman',Times,serif;
font-size: 20px;
font-weight: normal;
line-height: 120%;
color: #000000;
}

#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;
}