﻿/* FRONT PAGE  ---------------------- */

/* content container */
#container{width:915px;margin:0 auto;}

/* news feature */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {}


.ui-tabs-nav {
    list-style: none;margin: 0;padding: 0;
    float:right;width:366px;height:299px;background:#2e2e2e;color:#fff;}
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    margin: 0;margin: padding;
    /*min-width: 84px;*/ /* be nice to Opera */
    height:74px;width:366px;display:block;background:url(../images/news_select_bg.gif) 0 0 repeat-x;color:#fff;text-decoration:none;
}

/*.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(tab.png) no-repeat;
}*/

.ui-tabs-nav a {
    margin: 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding: 0;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
    background:url(../images/news_select_bg.gif) 0 0 repeat-x;color:#fff;height:74px;width:100%;display:block;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 0;
    z-index: 2;
    margin-top: 0;
    background:#930c0c;background:url(../images/news_select_current_bg.jpg) 0 0 repeat-x!important;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
    float:left;width:549px;height:299px;background:#666;position:relative;
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

#news{height:299px;width:100%;}
#leftarea{float:left;width:549px;height:299px;background:#222 url(../images/leftarea_bg.jpg) 0 0 no-repeat;position:relative;}

	.ui-tabs-nav a{height:74px;width:310px;background:url(../images/arrow_unselected.gif) 20px 50% no-repeat;padding:0 38px 0 18px;}
	.ui-tabs-nav a span{padding-top:18px;display:block;height:56px;}
	.ui-tabs-nav a.twolines span{padding-top:14px;display:block;height:60px;}
	.ui-tabs-nav sup{font-size:10px;text-transform:uppercase;font-style:italic;display:block;margin-left:20px;}
	.ui-tabs-nav strong{font-size:15px;font-weight:bold;display:block;margin-top:2px;margin-left:20px;}
	.ui-tabs-nav a:hover{background:url(../images/arrow_selected.gif) 26px 50% no-repeat;padding:0 32px 0 24px;text-decoration:none;}

	.ui-tabs-nav .ui-tabs-selected a{background:#930c0c;background:url(../images/news_select_current_bg.jpg) 0 0 repeat-x;padding:0 38px 0 18px;}
	.ui-tabs-nav .ui-tabs-selected a span{background:url(../images/arrow_selected.gif) 4px 50% no-repeat!important;}
	.ui-tabs-nav .ui-tabs-selected a:hover{cursor:default;padding:0 38px 0 18px;}
	
	.news_block{position:absolute;width:513px;height:85px;padding:12px 15px 17px 15px;background:url(../images/newsblock_white.png) 0 0 repeat;left:0;bottom:0;color:#fff;}
	.news_block sup{font-size:11px;font-weight:bold;text-transform:uppercase;margin:3px 0 6px 0;padding:0;display:block;font-style:italic;color:#222;}
	.news_block strong{font-size:26px;line-height:1.075em;font-weight:bold;margin:3px 0 6px -2px;display:block;color:#a81f1f;}
	.news_block strong.smaller{/*font-size:20px;line-height:1.075em;font-weight:normal;margin:0 0 3px -2px;*/font-size:19px;line-height:1.075em;font-weight:bold;margin:8px 0 6px -2px;}
	.news_block .smaller{/*font-size:20px;line-height:1.075em;font-weight:normal;margin:0 0 3px -2px;*/font-size:19px;line-height:1.075em;font-weight:bold;margin:8px 0 6px -2px;}
	.news_block span.lead-in{font-size:11px;margin-left:0px;line-height:1.4em;width:390px;width:400px;display:block;color:#222;}
	.news_block span.lead-in a{display:inline!important;}
	.news_block span.lead-in i{font-weight:normal;}
	.news_block .more{width:90px;height:20px;background:url(../images/fullstory.png) 0 0 no-repeat;position:absolute;bottom:10px;right:8px;}

	a:hover .news_block{cursor:pointer;text-decoration:none;}
	a:hover .news_block  sup{color:#222;}
	a:hover .news_block strong{color:#222;}
	a:hover .news_block span.lead-in{color:#222;}
	a:hover .news_block .more {background-position:0 -20px;}

/* scroller */
#scroller{height:24px;width:100%;background:#5c5d5c url(../images/scroller_bg.jpg) 0 0 repeat;margin:3px 0;position:relative;}
	#scroller marquee{width:818px;}
	#scroller ul{list-style-type: none;margin:0 0 0 0;/*margin:0 0 0 -500px;*/padding: 0;}
	#scroller li{font-size:11px;color:#fff;font-weight:normal;font-weight:bold;line-height:24px;display:inline;margin:0 25px 0 0;}
	#round{font-size:11px;font-weight:bold;text-align:right;color:#eee;position:absolute;top:0px;right:0px;width:162px;margin-right:20px;background:url(../images/scroller_fade.png) 0 0 no-repeat;line-height:24px;position:absolute;top:0;right:0;}
	#round a{color:#ccc;color:#fff;color:#222;}
	#round a:hover{text-decoration:underline;}

#columns{overflow:hidden;width:100%;height:348px;float:left;}

/* featured  */
#featured{float:left;width:357px;height:348px;margin:0 3px 0 0;background:#555 url(../images/featured_bg.jpg) 0 0 repeat-x;overflow:hidden;}
	#featured h3{height:48px;line-height:48px;color:#fff;background:url(../images/featured.gif) 16px 19px no-repeat;text-indent:-9999px;}
	
	a#featured_article_1{width:100%;height:83px;display:block;background-color:#fff;position:relative;overflow:hidden;}
		a#featured_article_1:hover{background-position:0 -83px;cursor:pointer;}
		a#featured_article_1 strong{text-indent:-9999px;width:100%;height:83px;display:block;}
		a#featured_article_1:hover strong{/*background-position:0 -83px;*/}
	
	a#featured_article_2{width:100%;height:131px;display:block;background-color:#fff;position:relative;overflow:hidden;}
		a#featured_article_2:hover{background-position:0 -131px;cursor:pointer;}
		a#featured_article_2 strong{text-indent:-9999px;width:100%;height:131px;display:block;}
		a#featured_article_2:hover strong{background-position:0 -131px;}
	
	a#featured_ad{width:100%;height:86px;display:block;background:#fff;position:relative;overflow:hidden;}
		a#featured_ad:hover{background-position:0 -86px;cursor:pointer;}
		a#featured_ad strong{text-indent:-9999px;width:100%;height:86px;display:block;}
		a#featured_ad:hover strong{background-position:0 -86px;}
	
/* (recent) news list */
#newslist{float:left;width:256px;height:339px;margin:0 3px 0 0;overflow:hidden;}
	#newslist h3{height:48px;line-height:48px;background: url(../images/recentnews.gif) 7px 19px no-repeat;}
	#newslist a.extra{line-height:32px;margin-right:0;display:none;}
	
/* right column  */
#rightcolumn{float:left;width:272px;height:348px;margin:0 0 0 0;overflow:hidden;background:none;}
	#ek_table table td{height:16px;line-height:16px;}
	#upcoming{margin-bottom:0;}

/* page footer ---------------------- */
#footer{background:#eee url(../images/footer.jpg) right 0 no-repeat;float:left;}
#footer .overlay{background:url(../images/pfo_footer.gif) 517px 70px no-repeat;}

