html, body {
	height:100%;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000000;
	font-size:12px;
	text-align:left;
	margin:0;
	background-color:#d1d1d1;
	line-height:1.45em;
	width:100%;
}

a {
	text-decoration:none;
	outline:none !important;
	color:#000;
}

a:link {
	font-weight:bold;
	color:#336699;
}

a:visited {
	font-weight:bold;
	color:#336699;
}

a:active {
	font-weight:bold;
	color:#ffffff;
}

a:hover {
	font-weight:bold;
	color:#002244;
}

img {
	border:none 0;
	outline:none;
}

hr {
	border:0;
	height:1px;
	color:#dadada;
	background-color:#dadada;
}

h1 {
	font-size:24px;
	margin:0;
	padding:0;
}

h2 {
	font-size:18px;
}

h3 {
	font-size:14px;
}

h4 {
	font-size:12px;
}

h5 {
	font-size:10px;
}

h6 {
	font-size:8px;
}

div {
	margin:0;
	padding:0;
}

#bg{
	background-color:#336699;
	border-top:10px solid #003366;
	height:35px;
}

#center_wide {
	background-color:#f1f1f1;
	width:100%;
}

#center {
	position:relative;
	top:-45px;
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	height:auto;
	z-index:0;
	background-color:#f1f1f1;
}

#header {
	width:1000px;
	border-top:10px solid #003366;
	height:auto;
}

#gallery {
	position:relative;
	width:680px;
	height:150px;
	margin:0px;
	padding:0px;
}

#gallery li {
	display:block;
}


/*-- java-free navigation --*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/navs/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.nav {
    position:relative;
    margin:0;
    padding:0;
    border:0;
    width:1000px;
    height:35px;
    text-align:center;
    background-color:#369;
    z-index:999;
}

* html .nav {
    width:1001px;
    w\idth:1000px;
}

.nav ul, .nav ul ul{
    list-style:none;
    padding:0;
    margin:0;
}

.nav ul li,
.nav ul li ul li {
    float:left;
    position:relative;
    margin:0;
    padding:0;
    text-transform:uppercase;
    font-weight:bold;
    font-size:10px;
    letter-spacing:0.1em;
    line-height:1.1;
    color:#fff;
}

.nav ul li ul li {
    float:none;
}

.nav ul li.current {
    background-color:#036;
}

.nav ul li#cvtv {
    padding:12px 20px;
    float:right;
    font-weight:bolder;
    letter-spacing:.3em
}

.nav ul ul {
    position:absolute;
    visibility:hidden;
    text-align:left;
    top:35px;
    width:126px;
    color:#fff;
    background:#369;
    border-top:1px solid #f1f1f1;
    border-right:2px solid #333;
    border-bottom:2px solid #333;
    z-index:999;
}

* html .nav ul ul {
    top:34px;
    t\op:35px;
    width:125px;
}

.nav a,
.nav a:link,
.nav a:visited {
    display:block;
    margin:0;
    padding:0 20px;
    color:#fff;
    line-height:35px;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: .5s;
}

.nav a:hover {
    background-color:#036;
}

* html .nav ul li ul li a,
* html .nav ul li ul li a:link,
* html .nav ul li ul li a:visited {
    height:0;
}

.nav ul li ul li a,
.nav ul li ul li a:link,
.nav ul li ul li a:visited {
    padding-right:0;
    background-color:#47a;
}
.nav ul li ul li a:hover {
    background-color:#036;
}

.nav table {
    position:absolute;
    top:0;
    left:0;
    border-collapse:collapse;
}

.nav ul li:hover ul,
.nav ul a:hover ul {
    visibility:visible;
}



/*-- primary body --*/
#main_body {
	position:relative;
	width:1000px;
	padding:0;
	display:inline;
}

#body_primary {
	position:relative;
	float:left;
	width:680px;
	height:auto;
	padding:20px;
	padding-bottom:0;
	display:inline;
}

.primary_element {
	position:relative;
	width:auto;
	height:auto;
	padding-bottom:35px;
}

.primary_element bottom {
	position:relative;
	width:auto;
	height:auto;
	padding-bottom:0;
}

.primary_element p {
	padding:0 10px;
	text-align:justify;
}

.primary_element h1 {
	text-transform:uppercase;
	color:#336699;
	font-size:14px;
	padding:4px;
	border-bottom:1px dotted #336699;
	clear:both;
}

.primary_element h2 {
	text-transform:uppercase;
	font-weight:50;
	font-style:italic;
	color:#000;
	font-size:12px;
	padding-left:5px;
	margin-bottom:-7px;
}

.follow_us {
	float:left;
	width:220px;
	margin:5px 0 30px;
	text-align:center;
	position:relative;
	border-right:1px solid #999;
}

.follow_us.last {
	border-right:none;
}

.follow_us:after { 
	content:''; 
	display:block; 
	clear:both; 
}

.follow_us img {
	margin:5px 5px 0;
}

.follow_us h2 {
	text-align:center;
	font-weight:bold;
	font-style:normal;
	text-transform:lowercase;
	padding:3px 0;
	margin:0;
}


.watch {
	border-bottom:1px solid #999;
	margin:10px;
	padding:3px 0;
	clear:both;
}

.watch.archive {
	padding:20px 25px 10px 10px;
	margin:0px;
	border:none;
}

.watch.archive.odd {
	/*
	background-color:#e1e1e1;
	*/
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.watch.archive div {
	text-align:center;
	margin:20px 0 0 0;
}

.watch.archive span a {
	padding:5px;
	border:1px solid #666;
	background-color:#d1d1d1;
}

.watch.archive span a:link {
	color:#003366;
	padding:5px;
	border:1px solid #666;
	background-color:#d1d1d1;
}

.watch.archive span a:visited {
	color:#003366;
	padding:5px;
	border:1px solid #666;
	background-color:#d1d1d1;
}

.watch.archive span a:hover {
	color:#002244;
	background-color:#b1b1b1;
}

.watch:after { 
	content:''; 
	display:block; 
	clear:both; 
}

.watch h3 {
	margin:5px 0 0;
}

.watch h4 {
	margin:0;
}

.watch p {
	margin-top:5px;
}

.watch img {
	border:1px solid #000;
	margin:0 15px 10px 10px;
	float:left;
}

.watch.resources img {
	border:none;
}

#archival_shows {
	padding-top:0;
	padding-bottom:20px;
	margin-left:35px;
	margin-right:15px;
}



.meeting_schedule {
	position:relative;
	float:left;
	width:960px;
	height:auto;
	padding:20px;
	padding-bottom:0;
	display:inline;
}

.meeting_schedule h1 {
	text-transform:uppercase;
	color:#336699;
	font-size:14px;
	padding:4px;
	border-bottom:1px dotted #336699;
	clear:both;
}



.community_links {
	border-bottom:1px dotted #999;
	margin:10px 15px;
	padding:5px 5px;
	clear:both;
}

.community_links.bottom {
	border:none;
}

.community_links:after { 
	content:''; 
	display:block; 
	clear:both; 
}

.community_links h3 {
	margin:5px 0 0;
}

.community_links p {
	margin-top:5px;
	font-style:oblique;
}

.community_links img {
	border:none;
	margin:0 15px 10px 0;
	float:left;
}



.program_guide {
	margin:0px 20px 5px;
	border:1px solid #dadada;
	background-color:#fbfbfb;
}

.program_guide.last {
	margin-bottom:50px;
}

.program_guide h3 {
	padding:10px 10px 0px;
	margin:0px;
	font-size:12px;
	color:#336699;
	letter-spacing:.1em;
	text-transform:uppercase;
	text-align:center;
}

.program_guide p {
	padding:5px 15px;
	margin:0px;
}

.program_guide hr {
	clear:both;
	display:block;
	border:1px dotted #dadada;
	width:90%;
}


.staff {
	margin-top:10px;
	clear:both;
	padding:0 20px;
}

.staff:after { 
	content:''; 
	display:block; 
	clear:both; 
}

.staff h3 {
	margin:5px 0 0;
}

.staff h4 {
	margin:0;
}

.staff p {
	margin-top:5px;
}

.staff_pic {
	border:2px solid #dadada;
	float:left;
	width:150px;
	height:165px;
	margin:5px 15px 15px 5px;
}

.staff_pic img {
	margin:5px;
}

.email {
	text-align:right;
}


/*-- secondary body --*/
#body_secondary {
	position:absolute;
	top:45px;
	left:720px;
	width:250px;
	height:auto;
	padding:20px 20px 20px 10px;
	display:inline;
}

.secondary_element_ml_contact {
        position:relative;
        width:230px;
        height:auto;
        border:none;
        margin-bottom:10px;
        padding:0 10px;
        text-align:center;
}

.secondary_element_ml_contact img {
	float:left;
	margin:-3px 5px 5px 5px;
}

.secondary_element {
	position:relative;
	width:250px;
	height:auto;
	border:1px solid #336699;
	background-color:#c3d9ff;
	margin-bottom:10px;
}

.secondary_element.calendar {
	border:1px solid #a1b7dd;
	background-color:#c3d9ff;
}

.secondary_element.bottom {
	margin-bottom:50px;
}

.secondary_element p {
	padding:0 10px;
}

.secondary_element span {
	padding-top:9px;
	margin-right:10px;
	float:left;
}

.secondary_element h1 {
	text-align:center;
	text-transform:uppercase;
	color:#000;
	font-size:13px;
	letter-spacing:.1em;
	padding:4px;
	border-bottom:1px solid #336699;
}

.secondary_element img {
	float:left;
	margin:-3px 5px 5px 5px;
}

.secondary_element.calendar h1 {
	border-bottom:1px solid #a1b7dd;
	background-color:#c3d9ff;
}

.secondary_element a {
	color:#336699;
	font-weight:normal;
}

.secondary_element a:hover {
	color:#002244;
	font-weight:normal;
	text-decoration:underline;
}

.secondary_element span {
	font-weight:normal;
}

.secondary_element:after { 
	content:''; 
	display:block; 
	clear:both; 
}

.live-beta p {
	text-align:justify;
}

.live-beta h1 {
	text-transform:uppercase;
	color:#336699;
	font-size:14px;
	padding:4px;
	border-bottom:1px dotted #336699;
	clear:both;
}

#live {
	width:auto;
	height:auto;
	margin:15px auto 10px auto;
	text-align:center;
}

#live p {
	text-align:center;
}

#welcome {
    width:648px;
    padding:15px;
    margin:0px auto 20px;
    border:1px solid #666;
    background-color:#faf8cc;
    text-align:justify;
    line-height:1.5em;
    letter-spacing:.05em;
}

#welcome h1 {
    padding:0px;
    margin:0px;
}

#welcome p {
    padding:inherit 10px 0px;
    margin-bottom:0px;
}

#welcome a {
    color:#336699;
    padding-top:10px;
}

#player {
	width:940px;
	height:500px;
	margin:25px;
	z-index:998;
}

#archive_categories {
	width:auto;
	text-align:center;
	margin-bottom:15px;
}

#archive_categories span {
	padding:0 10px;
}

#archive_categories span a {
	text-decoration:underline;
	margin-bottom:10px;
}


/*-- footer --*/
#footer {
	vertical-align:bottom;
	clear:both;
	position:relative;
	margin:0;
	top:-45px;
	bottom:0;
	height:auto;
	padding:10px 30px 20px;
	text-align:right;
	background-color:#d1d1d1;
	border-top:1px solid #666;
}

#footer a {
	color:#404040;
}

#footer a:hover {
	color:#000;
}

#footer span {
	margin:0 20px;
	color:#555;
	text-transform:uppercase;
	font-size:11px;
}


/*-- box-slide elements --*/

.boxgrid {
	float:left;
	margin:0 2px 2px 0;
	width:158px;
	height:90px;
	background-color:#dadada;
	overflow:hidden; 
	position:relative;
}

.boxgrid.bottom {
	margin-bottom:15px;
}

.boxgrid p {
	font-size:10px;
	font-style:normal;
	font-weight:bold;
	letter-spacing:normal;
	line-height:normal;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:40px;
	color:#003366;
}

.boxgrid a {
	color:#003366;
}

.boxgrid a:hover {
	color:#000;
}

.boxcaption { 
	float:left; 
	position:absolute; 
	background:#fff; 
	height:90px; 
	width:158px; 
	opacity:.9;
	
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.captionfull .boxcaption {
	top:0;
	left:0;
}

.caption .boxcaption {
	top:0;
	left:0;
}

.boxgrid .boxcaption {
	margin-top:90px;
}

.yellow-notice {
	width:640px;
	height:480px;
	background-color:#FAF8CC;
	border:1px solid #666;
	line-height:1.5em;
	letter-spacing:.05em;
	text-align:center;
	margin:20px 0 20px 20px;
}

.yellow-notice p {
	padding:20px;
}

.player-select {
    position:relative;
    margin:0;
    padding:0;
    border:0;
    width:200px;
    height:35px;
    text-align:center;
    background-color:#ccc;
    z-index:99999;
}

.player-select ul, .player-select ul ul{
    list-style:none;
    padding:0;
    margin:0;
	border:1px solid #666;
}

*html .player-select ul ul {
	top:35px;
}

.player-select ul li,
.player-select ul li ul li {
    float:none;
    position:relative;
    margin:0;
    padding:0;
    font-weight:bold;
    font-size:11px;
    letter-spacing:0.1em;
    line-height:1.1;
    color:#000;
    z-index:99999;
}

*html .player-select ul li,
*html .player-select ul li ul li {
	height:0;
}

.player-select ul li ul li {
	border-top:1px solid #aaa;
}

.player-select ul ul {
    position:absolute;
    visibility:hidden;
    text-align:left;
	left:-1px;
    width:198px;
    z-index:999;
}

.player-select a,
.player-select a:link,
.player-select a:visited {
    display:block;
    margin:0;
    padding:0 20px;
    color:#000;
    line-height:35px;
    background:#d1d1d1;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: .5s;
}

.player-select a:hover {
    background-color:#ccc;
}

* html .player-select ul li ul li a,
* html .player-select ul li ul li a:link,
* html .player-select ul li ul li a:visited {
    height:0;
}

.player-select ul li ul li a,
.player-select ul li ul li a:link,
.player-select ul li ul li a:visited {
    line-height:25px;
    background-color:#e1e1e1;
}
.player-select ul li ul li a:hover {
    background-color:#d1d1d1;
	color:#036;
}

.player-select table {
    position:absolute;
    top:0;
    left:0;
    border-collapse:collapse;
}

.player-select ul li:hover ul,
.player-select ul a:hover ul {
    visibility:visible;
}