/******* COLORS *******

#D1DEE7: BLUE LIGHT
#B4CEE0: BLUE MEDIUM LIGHT

#5681A1: BLUE MEDIUM
#192E42: BLUE DARK

#014E82: BLUE EXTRA DARK

*/


body {
   font-size: 62.5%; /* Resets 1em to 10px */
   font-family: Verdana, Helvetica, sans-serif;
   line-height: 1.4;
   margin: 0;
   background-color: #666;
}

#page {
 width: 770px;
 background-color: white;
 position: absolute;
 left: 50%;
 margin-left: -385px;
 padding: 3px;
 margin-top: 0;
 border: #5681A1 3px solid;
}

#head {
 background-image: url(/inc/html/default/pix/head.jpg);
 width: 770px;
 height: 145px;
 margin: 0;
 padding: 0;
}

#head img {
 border: 0;
}

#body {
 font-size: 14px;
 /* width: auto; */
}

#body a {
 color: #014E82;
 cursor: pointer;
}


#content {
 width: 550px;
 float: left;
 padding: 1em 0 0 1em;
}

#content_wide {
 width: 750px;
 float: left;
 padding: 1em 0 0 1em;
}

#left_column {
 width: 200px;
 float: left;
}


#foot {
 background-image: url(/inc/html/default/pix/foot.jpg);
 width: 770px;
 height: 42px;
 margin: 0;
 padding: 8px 0 0 0;
 color: white;
 text-align: center;
}

#foot address {
 font-size: 18px;
 font-weight: normal;
 display: inline;
 padding: 0 0.5em 0 0.5em;
}

#foot a {
 color: white;
}

.left {
 text-align: left;
 float: left;
}

.right {
 text-align: right;
 float: right;
}

.spacer {
 clear: both;
}

.breadcrumb {
 margin: 0;
 padding: 0 0 0 1em;
 position: absolute;
 top: 127px;
 color: #192E42;
}

.breadcrumb a {
 color: #192E42;
}

.utility_buttons {
 position: absolute;
 top: 127px;
 left: 600px;
 color: #192E42;
}

.utility_buttons a {
 color: #192E42;
}

.scm-sidebar {
 border: #5681A1 1px solid;
 padding: 0.5em 0.5em 0 0.5em;
 background-image: url(/inc/html/default/pix/boxhead.jpg);
 background-repeat: no-repeat;
 margin: 0 0 10px 0;
}

h1, h2, h3, h4, h5, h6 {
 margin: 0.2em 0 0.2em 0em;
 padding: 0;
 color: #192E42;
 line-height: 1.2em;
}

h1 { 
 font-size: 25px;
 margin: 0.2em 0 0.8em 0;
}

h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 14px; }
h6 { font-size: 14px; }

.watchbox_full {
   height: 173px;
   width: 770px;
   clear: both;
   display: inline-block;
}

.watchbox_compact {
   height: 55px;
   width: 770px;
   clear: both;
}


a.watchbox {
 text-decoration: none;
 color: white;
 display: inline-block;
 width: 770px;
 line-height: 1.1;
}
/*
a.watchbox:link {
 text-decoration: none;
 color: white;
}
a.watchbox:visited {
 text-decoration: none;
 color: white;
}
a.watchbox:hover {
 text-decoration: none;
 color: white;
}
a.watchbox:active {
 text-decoration: none;
 color: white;
}
*/


.watchbox_full .data {
 color: white;
 font-size: 18px;
 position: absolute;
 top: 180px;
 left: 500px;
   
}

.watchbox_compact .data {
 color: white;
 font-weight: bold;
 left: 200px;
 top: 8px;
 position: relative;
 width: 550px;
}

.watchbox_full p {
 margin: 0 0 0.5em 0;
}

.watchbox_compact p {
 margin: 0;
}

.watchbox_image {
/* float: left;
 margin: 10px 0 0 225px; */
 position: absolute;
 top: 160px;
 left: 220px;
 padding: 0;
}

.watchbox img {
 border: 2px white solid;
 top: -65px;
}

p {
 margin: 0 0 1em 0;
}


a img {
 border: 0;
}

#content img {
 border: 1px #192E42 solid;
 padding: 0.5em;
 margin: 0 1em 1em 1em;
}

ul li {
 margin: 0 0 0 2em;
}

#navigation {
 padding: 96px 0 0 0;
 line-height: 1;
}

#navigation ul, #navigation ul li {
 list-style: none;
 margin: 0;
 padding: 0;
}

#navigation ul {
 text-align: center;
}

#navigation ul li {
 display: inline;
 margin-right: 0.75em;
}

#navigation ul li.last {
 margin-right: 0;
}


#navigation li a {
 background-color: #ccc;
 padding: 5px 1em;
 border-color: #444;
 border-style: solid;
 border-width: 1px;
}

#navigation ul li a {
 color: black;
 padding: 5px 15px;
 text-decoration: none;
 font-size: 18px;
 display: inline-block;
}

#navigation ul li a#active {
 background-color: #fff;
 border-bottom: #5681A1 3px solid;
}

#navigation ul li a:hover {
 background-color: #ddd;
}

/*\*//*/
 #navigation ul li a {
     display: inline-block;
     white-space: nowrap;
     width: 1px;
     padding: 5px 1em;
 }
 /**/

/*\*/
 * html #navigation ul li a {
     padding: 5px 1em;
 }
 /**/

.scm-sidebar ul {
 margin: 0;
 padding: 0;
}

.scm-sidebar ul li {
 list-style-type: none;
 margin: 0 0 0.5em 0;
 padding: 0;
 line-height: 1.1em;
}

input[type=text], input[type=password], input {
 padding: 1px;
 margin: 0;
 border: 1px solid #639500;
 background-color: #DCFFA8;
}

#play-movie {
 padding-left: 3em;
}

.even {
 background-color: #D1DEE7;
}

.odd {
 background-color: #B4CEE0;
}

.mediaprogram-program {
 clear: both;
 padding: 0 0 1em 0;
 width: 550px;
}

.mediaprogram-program a {
 display: block;
 padding: 1em 1em 1em 1em;
 margin: 0;
 background-color: #D1DEE7;
 text-decoration: none;
 border: 3px solid #D1DEE7;
}

.mediaprogram-program a:link {
 background-color: #D1DEE7;
 text-decoration: none;
}

.mediaprogram-program a:visited {
 background-color: #D1DEE7;
 text-decoration: none;
}


.mediaprogram-program a:hover {
 background-color: #B4CEE0;
 text-decoration: none;
 border: 3px solid #014E82;
}

.mediaprogram-program a:active {
 background-color: #B4CEE0;
 text-decoration: none;
 border: 3px solid #014E82;
}

.mediaprogram-mediafile {
 clear: both;
 padding: 0 0 1em 0;
}

.mediaprogram-mediafile a {
 display: block;
 padding: 1em 1em 1em 1em;
 margin: 0;
 background-color: #D1DEE7;
 text-decoration: none;
 border: 3px solid #D1DEE7;
}

.mediaprogram-mediafile a:link {
 background-color: #D1DEE7;
 text-decoration: none;
}

.mediaprogram-mediafile a:visited {
 background-color: #D1DEE7;
 text-decoration: none;
}


.mediaprogram-mediafile a:hover {
 background-color: #B4CEE0;
 text-decoration: none;
 border: 3px solid #014E82;
}

.mediaprogram-mediafile a:active {
 background-color: #B4CEE0;
 text-decoration: none;
 border: 3px solid #014E82;
}


big {
 font-size: 18px;
}

.pager {
 background-color: #95C000;
 padding: 0.5em;
 margin: 0 0 1em 0;
 text-align: right;
 font-size: 17px;
 color: white;
 border: 2px solid #619400;
}

#body .pager a {
 color: white;
 text-decoration: none;
}

#body .pager a:link {
 text-decoration: none;
}

#body .pager a:visited {
 text-decoration: none;
}

#body .pager a:hover {
 text-decoration: underline;
}

#body .pager a:active {
 text-decoration: underline;
}

#scm-sidebar-program-finder {
 font-size: 11px;
 padding: 0;
}

#scm-sidebar-program-finder td {
 padding: 0 0 1em 1px;
}

#scm-sidebar-program-finder table {
 padding: 0;
 margin: 0;
}

#scm-sidebar-program-finder select {
 font-size: xx-small;
}

#scm-sidebar-main-menu {
 font-size: large;
}