@charset "UTF-8";
/* CSS Document */

body{
background-color:#fefefe;
background-attachment:inherit;
background-image:url(images/bkg_shadow.jpg);
background-position:top left;
background-repeat:repeat-x;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#1a1a1a;
text-align:center;
width:803px;
height:760px;
overflow:hidden;
*margin-top:20px !important;
}

/* remember to define focus styles! */
:focus {
outline: none;
}

h2{
margin-top:0px;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
line-height:normal;
font-weight:bold;
color:#154b84;
text-align:left;
}

p{
margin-top:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:normal;
font-style:normal;
color:#1a1a1a;
text-align:left;
}

/* DIVS
========================================================================= */

#global{
display:block;
position:relative;
text-align:left;
width:780px;
height:600px;
margin-top:20px;
padding-left:20px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
/*
border-color:#66c;
border-style:solid;
border-width:1px;
*/
}

#leftSideRail{
position:relative;
float:left;
text-align:left;
width:200px;
height:auto;
margin:0px;
padding-left:0px;
padding-right:20px;
padding-top:0px;
padding-bottom:0px;
/*
border-color:#66c;
border-style:solid;
border-width:1px;
*/
}

#rightSideRail{
position:relative;
float:right;
text-align:left;
width:534px;
height:auto;
padding-right:16px;
padding-left:none;
padding-bottom:0px;
padding-top:3px;
/*
border-color:#66c;
border-style:solid;
border-width:1px;
*/
}

#clearnone{
margin:0px;
clear:both;
display:block;
width:100%;
}

#HabitatTV{
position:relative;
display:block;
float:none;
width:197px;
height:116px;
margin-bottom:20px;
text-indent:-9999px;
overflow:hidden;
left:0px;
top:0px;
background-image:url(http://www.habitatnovatv.org/images/habitatTVlogo.gif);
background-position:top left;
background-repeat:no-repeat;
}

#videoContainer{
position:relative;
display:block;
width:534px;
height:350px;
margin-bottom:15px;
background-color:#fefefe;
z-index:0;
}

#footerspace{
position:absolute;
bottom:0px;
display:block;
width:100%;
height:26px;
color:#fff;
padding-top:10px;
text-align:left;
overflow:hidden;
background-color:#005f99;
border-top-color:#CCCCCC;
border-top-style:solid;
border-top-width:1px;
}

#footerspace a,
#footerspace a:visited{
color:#fff;
text-decoration:none;
}

#footerspace a:hover,
#footerspace a:visited:hover{
text-decoration:underline;
}

.footercopy{
margin-left:20px;
margin-right:20px;
float:left;
}

#poweredbyEFX{
border:none;
position:absolute;
z-index:10;
right:20px;
background-color:#005f99;
display:block;
width:130px;
height:21px;
cursor:pointer;
}

#ThumbGallery{
position:absolute;
bottom:5px;
right:-3px;
display:block;
width:553px;
height:170px;
background-image:url(http://www.habitatnovatv.org/images/thumbgallerycorner.gif);
background-position:top left;
background-repeat:no-repeat;
background-color:#5cbc51;
*position:relative;
*top:10px;
*left:2px;
}

#navigation{
position:relative;
width:200px;
height:auto;
border-top-color:#154b84;
border-top-style:dotted;
border-top-width:1px;
margin-bottom:15px;
}

#ChannelBody{
position:relative;
padding-top:4px;
width:534px;
/*height:46px;*/
display:block;
overflow:hidden;
}

#ChannelBody p{
text-align:left;
line-height:16px;
}

.addthis_button{
position:relative;
top:12px;
}

/* CHANNEL NAVIGATION ELEMENTS
=============================================================================================== */

.channelNavigation_table {
width:200px;
}

.channelNavigation_table tr td {
padding:0px;
}

.channelNavigation_table th a{
display:block;
text-decoration:none;
color:#005f99;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
margin-left:0px;
display:block;
clear:none;
width:auto;
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
cursor:pointer;
margin-bottom:2px;
background-color:#fefefe;
border-bottom-color:#154b84;
border-bottom-style:dotted;
border-bottom-width:1px;
}

.channelNavigation_table th a:hover{
display:block;
text-decoration:none;
color:#fefefe;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
margin-left:0px;
display:block;
clear:none;
width:auto;
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
cursor:pointer;
margin-bottom:2px;
background-color:#5cbc51;
border-bottom-color:#c1c1c1;
border-bottom-style:solid;
border-bottom-width:1px;
}

.channelNavigation_table th.selected a{
color:#fefefe;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration:none;
display:block;
clear:none;
width:auto;
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
margin-bottom:0px;
margin-top:-3px;
background-color:#005f99;
border-bottom-color:#c1c1c1;
border-bottom-style:solid;
border-bottom-width:1px;
}

.channelNavigation_table th.selected a:hover{
color:#fefefe;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
display:block;
clear:none;
width:auto;
margin-bottom:0px;
margin-top:-3px;
background-color:#005f99;
border-bottom-color:#c1c1c1;
border-bottom-style:solid;
border-bottom-width:1px;
cursor:default;
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
}

#aboutThis{
display:block;
text-decoration:none;
color:#005f99;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
margin-left:0px;
display:block;
clear:none;
width:190px;;
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
cursor:pointer;
margin-bottom:25px;
background-color:#fefefe;
border-bottom-color:#154b84;
border-bottom-style:dotted;
border-bottom-width:1px;
}

#aboutThis:hover,
#aboutThis .current{
display:block;
text-decoration:none;
color:#fefefe;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
margin-left:0px;
display:block;
clear:none;
width:auto;
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
cursor:pointer;
margin-bottom:25px;
background-color:#5cbc51;
border-bottom-color:#c1c1c1;
border-bottom-style:solid;
border-bottom-width:1px;
}

/* MEDIA LIST ELEMENTS
=============================================================================================== */

#mediaList {
position:relative;
margin-top:15px;
margin-left:30px;
height:135px;
width:500px;
*width:490px;
overflow-x:auto;
overflow-y:hidden;
white-space:nowrap;
}

#mediaList .scroll div {
margin-right:10px;
border:none;
width:106px;
display:inline-block;
text-align:center;
vertical-align:top;
/* NOTE: IE6 & 7 doesn't support the inline-block display attribute, 
   so a float hack was assigned to the thumbnail divs. */
*float:left;
*clear:none;
}

#mediaList .scroll{
/* IE doesn't support the nowrap on divs, so here we define the width 
   of the "scroll" div for just IE. This assures a scrolling area.
   The width must be increased or decreased by hand. The initial width
   of 700px was set to handle 5 thumbs within the mediapod's Media channel.
   Since the site is based on a template, other channels with less media 
   will still scroll. */
*width:820px;
}

#mediaList img {
border: 1px solid #aaa;
margin: 0px 0px 5px 0px;
padding:2px;
background-color:#fff;
width:100px;
height:75px;
display:block;
*margin-bottom:-1px;
}

#mediaList p {
font-size: 1px;
display:block;
height:1px;
visibility:hidden;
overflow:hidden;
margin-top: 0px;
line-height:140%;
width:100px;
}

#mediaList h2 {
padding:0px;
clear:none;
font-weight:normal;
width:100px;
height:27px;
line-height:14px;
white-space:normal;
display:block;
overflow:hidden;
text-align:center;
font-size:10px;
}

#mediaList h2 a:link {
color:#fff;
font-size:11px;
text-decoration:none;
width:110px;
font-weight:normal;
}

#mediaList h2 a:hover {
color: #fff;
font-size: 11px;
text-decoration:underline;
width:110px;
font-weight:normal;
}

#mediaList h2 a:visited {
color:#fff;
font-size: 11px;
text-decoration:none;
width:110px;
font-weight:normal;
}

#mediaList h2 a:visited:hover {
color:#fff;
font-size: 11px;
text-decoration:underline;
width:110px;
font-weight:normal;
}

.addthis_button{
position:relative;
margin-top:40px;
}