@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	background-color: #CCCCCC;
	background-image: url(/images/page_bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	margin-top: 0px;
	margin-bottom: 10px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #002f77;
	font-weight: bold;
}
a, a:visited {
	color: #002f77;
	text-decoration: underline;
}

a:hover {
	color: #666666;
	text-decoration: underline;
}

a#whiteText_md_link, a#whiteText_md_link:visited, a#whiteText_md_link:hover{
	font-size: 16px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration: underline;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #002f77;
	font-weight: bold;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	margin:0;
	padding-top: 5px;
	padding-left: 5px;
}
#wrapper {
	width: 975px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	position: relative;
}
#content {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
	z-index:0;
}
#footer {
	width: 975px;
	display: block;
	top: auto;
	bottom: 5px;
	clear:both;
}
.footerText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align:right;
}
.medText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

#wrapper #header {
	background-image: url(/images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 143px;
	position:relative;
	z-index:5000;
}
#wrapper #header #searchbox {
	height: 35px;
	float: right;
	width: 225px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-align: right;
	padding-right: 10px;
}
#wrapper #header #topnav{
	float: right;
	text-align: right;
	display: block;
	top: 77px;
	bottom: auto;
	left: 290px;
	z-index: 3000px;
	position: absolute;
	margin-right: auto;
	margin-left: auto;
}
#wrapper #header #links a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: underline;
}

#leftside {
	float: left;
	width: 344px;
	}
#rightside {
	float: right;
	width: 627px;
	}

#wrapper #calendar {
	float: left;
	width: 344px;
	background-color: #002f77;
	display: block;
	text-align:center;
}
#wrapper #calendar p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.calendarhead {
 	font-size: 14px;
	color: #FFFFFF;
	background-color: #002f77;
}

.grid {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1C82A4;
	border:0px;
    border-style:none;
    background-color:#1C82A4;
    }
.gridheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #1C82A4;
	padding:5px;
	text-align:left;
	border-width:0px;
	border-style: none;
    height:10px;
	width:10px;}
	
.gridheaderleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #1C82A4;
	padding-left:20px;
	text-align:left;
	border-width:0px;
	border-style: none;
    height:10px;
	width:10px;}
		
.griditemcenter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding:5px;
	padding-left:5px;
	text-align:left;
	color:#BAEDEF;
	border-top-style:solid;
	border-top-color:#70D6DE;
	border-bottom-style:none;
    border-left-style:none;
    border-right-style:none;
	}
.griditemleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left:20px;	
	text-align:left;
	color:#BAEDEF;
	border-top-style:solid;
	border-top-color:#70D6DE;
	border-bottom-style:none;
    border-left-style:none;
    border-right-style:none;
}
.griditemleft a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:left;
	color:#BAEDEF;
}
.griditemright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding:5px;
	padding-left:5px;
	text-align:left;
	color:#BAEDEF;
	border-top-style:solid;
	border-top-color:#70D6DE;
	border-bottom-style:none;
    border-left-style:none;
    border-right-style:none;
}
#wrapper #calendarsub {
	float: left;
	width: 344px;
	color: #FFFFFF;
	display: block;
	height: 20px;
	text-align: right;
	background-color: #002f77;	
}

#wrapper #calendarsub a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

#wrapper #infobox {
	float: left;
	width: 328px;
	background-color: #FFFFFF;
	border: 1px solid #b1b0ab;
	display: block;
	padding: 6px;
	margin-top: 5px;
	margin-bottom:5px;
}

#wrapper #infobox p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5c5c5c;
}

#wrapper #mailinglistbox {
	float: left;
	width: 310px;
	background-color: #002f77;
	border: 1px solid #b1b0ab;
	display: block;
	padding: 15px;
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	background-image: url(../images/box_bg.gif);
	background-repeat: repeat-x;
}

#wrapper #flashholder {
	float: right;
	width: 627px;
	display: block;
	position: relative;
	z-index:0;
}

#wrapper #slidesholder {
	float: right;
	width: 627px;
	display: block;
	background-image: url(../images/fullprogram_bg.gif);
	background-repeat: repeat-y;
	height: 175px;
	margin-top: 5px;
}

#wrapper #itemsofinterest {
	float: right;
	width: 615px;
	display: block;
	background-color: #FFFFFF;
	border: 1px solid #b1b0ab;
	display: block;
	padding: 6px;	
	margin-top: 5px;
}

#itemsofinterest h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #022e77;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B1B0AB;
}

#itemsofinterest a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #002f77;
	text-decoration: none;
}
#itemsofinterest a:hover {
	color: #494949;
}

#itemsofinterest #descr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5c5c5c;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B1B0AB;
	display: block;
}

/* PROGRAM PAGE */
#wrapper #underwriters {
	float: right;
	width: 225px;
	display: block;
}

#wrapper #programinfo {
	float: left;
	width: 875px; 
	display: block;
}

#wrapper #programdescr {
	float: left;
	width: 875px;
}

#wrapper #programdescr h1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B1B0AB;
}

#wrapper #programinfo #programresources {
/*	width: 705px;*/
	display: block;
	background-color: #FFFFFF;
	border: 1px solid #b1b0ab;
	display: block;
	padding: 6px;	
	margin-top: 5px;
}

/* SCHEDULE TABLE */

.scheduleHeaders {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #002f77;
	display: table-row;
	line-height: 20px;
	text-align: center;
}
.scheduleTime {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display: table-cell;
	background-color: #e8e8e6;
	text-align: center;
	border-color:#CCCCCC;
	border-width:1px;

}
.scheduleItem {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: table-cell;
	text-align: center;
	border-color:#CCCCCC;
	border-width:1px;
}
.Gridtable
      {
        align:center;
        table-layout:fixed;
        padding:3px;
        background-color:#FFFFFF;
      }
/* NAVIGATION CSS */

	/* General */
	#cssdropdown, #cssdropdown ul { list-style: none; }
	#cssdropdown, #cssdropdown * { padding: 0; margin: 0; z-index:2000px; position: relative; }
	
	/* Head links */
	#cssdropdown li.headlink { width: 130px; float: left; margin-left: -1px; text-align: center; }
	#cssdropdown li.headlink a {
	display: block;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(/images/navigation-tab-off.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
}
	#cssdropdown li.headlink a:hover {
	color: #002f77;
	text-decoration: none;
	background-image: url(/images/navigation-tab-on.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

	/* Child lists and links */
	#cssdropdown li.headlink ul {
	display: none;
	text-align: left;
	width: 160px;
	background-color: #ffffff;
	position: relative;
	z-index:2000px
}
	#cssdropdown li.headlink:hover ul { display: block; }
	#cssdropdown li.headlink ul li a {
	padding: 5px;
	min-height: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
	color: #002f77;
	background-color: #c0c0c0;
	background-image: url(/images/spacer.gif);
	background-repeat: repeat;
	background-position: center bottom;
}
	#cssdropdown li.headlink ul li a:hover {
	color: #FFFFFF;
	background-color: #002f77;
	background-image: url(/images/spacer.gif);
	background-repeat: repeat;
	background-position: center bottom;
	}

/* INPUT STYLES */
.calendarhead #btn1 { 
 	  color:#FFFFFF; 
	  font: bold 84% 'Arial',helvetica,sans-serif; 
	  background-color:#002f77; 
/*	  border:0px solid; 
	  border-color: #696 #363 #363 #696; */
	} 

.button 
{
	text-align:center; 
	color: #FFFFFF; 
	background-color: #002f77;
	border: 0px solid #1f4b8e; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
}
.buttonChange 
{
	text-align:center; 
	color: #002f77;
	background-color: #FFFFFF;
	border: 0px solid #1f4b8e; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-weight:bold;
}

/* TEXT STYLES */

.whiteText_md {
	font-size: 13px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.series_link {
	font-size: 12px;
	color: #002f77;
	font-weight: bold;
	text-decoration: none;
}
a#link_white{
	font-family 	: Arial, Helvetica, sans-serif;
	font-size   	: 12pt;
	text-decoration : none;
	color           : #FFFFFF;
}
a:hover#link_white{
	text-decoration : underline;
	color 			: #FFFFFF;
}


/*
 * Just Another Carousel v1.0
 * http://intrepidstudios.com/projects/jquery-just-another-carousel/
 *
 * Copyright (c) 2009 Kamran Ayub
 * Licensed under the GPL license.
 * http://intrepidstudios.com/projects/jquery-just-another-carousel/#license
 *
 * Last Modified: Feb 2, 2009
 * This file is part of Just Another Carousel.

    Just Another Carousel is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    Just Another Carousel is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Just Another Carousel.  If not, see <http://www.gnu.org/licenses/>.
*/
.myJac
{
	height:110px; /* default height */
	width:530px;
	position:relative;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

.myJac .carousel 
{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	list-style-type:none;
}
.myJac .arrow-left, .jac .arrow-right {
	float:left;
}
.myJac .carousel .jac-content
{
	float:left;
}

.myJac .arrow-left, .myJac .arrow-right
{
 position:absolute;
 top:25%;
 z-index:5;
 height:50px;
 width:40px;
}
.myJac .arrow-left a, .myJac .arrow-right a
{
 display:block;
 height:50px;
 width:40px;
 text-indent:-999em;
}
.myJac .arrow-left a:focus, .myJac .arrow-right a:focus
{
 outline:none;
}
.myJac .arrow-left
{
 left:-20px;
 background:url(/images/vid_thumbnails/vid-arrows.png) no-repeat center left;
}
.myJac .arrow-right
{
 right:-20px;
 background:url(/images/vid_thumbnails/vid-arrows.png) no-repeat center right;
}    

/* NEWS SLIDER */

#slider {

	/* You MUST specify the width and height */
	width:627px;
	height:352px;
	position:relative;
	border: 1px solid #b1b0ab;
	overflow:hidden;
	z-index:0;
}

#mask-gallery {
	
	overflow:hidden;	
}

#gallery {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	width:3200px;
	overflow:hidden;
}

	#gallery li {

		
		/* float left, so that the items are arrangged horizontally */
		float:left;
	}

#mask-excerpt {
	
	/* Set the position */
	position:absolute;	
	top:0;
	right:0;
	z-index:0;
	
	/* width should be lesser than #slider width */
	width:180px;
	overflow:hidden;	
	

}
	
#excerpt {
	/* Opacity setting for different browsers */
	filter:alpha(opacity=80);
	-moz-opacity:0.8;  
	-khtml-opacity: 0.8;
	opacity: 0.8;  
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position */
	z-index:10;
	position:absolute;
	top:0;
	right:0;
	
	/* Set the style */
	width:180px;
	background-color:#041450;
	overflow:hidden;
	font-family:arial;
	font-size:16px;
	color:#fff;	
}

	#excerpt li {
		padding-top:75px;
		padding-left:5px;
	}

#btn-next {
	display: block;
	float: right;
	height: 48px;
	width: 40px;
	z-index: 10000;
	right: 10px;
	bottom: 50px;
	position: relative;
}

.clear {
	clear:both;	
}
