/* CSS Document */
/* Written by Chuck Borowicz, interactive designer for EFX Media. /*

/* PRESET ELEMENTS
=============================================================================================== */

body {
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
background-color:#F9F9F9;
color:#666666;
background-image:url(http://www.slatv.org/images/backgroundGradient.jpg);
background-position:top left;
background-repeat:repeat-x;
}

h1{
color:#666666;
font-size:20px;
margin-top:0px;
margin-bottom:8px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

h2{
color:#666666;
font-size:17px;
margin-top:0px;
margin-bottom:6px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

h3{
color:#666666;
font-size:15px;
margin-top:0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

p{
top:0px;
margin:0px;
padding:0px;
color:#666666;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:150%;
padding: 0 0 1.5em 0;
}

ul {
padding: 0 0 1em 0;
margin: 0;
list-style-type: none
}

ol {
padding-top: 0; 
margin-top: 0;
}

li {
margin-bottom: .5em;
}

a{
color:#666699;
}

/* GET RID OF LINK FOCUS DOTTED LINE
------------------------------------- */

a:focus {
outline: 0;
}

/* BACKGROUND ART
=============================================================================================== */

#backgroundArt{
position:absolute;
z-index:1;
left:0px;
top:0px;
width:100%;
height:922px; /*height of the background art */
background-image:url(http://www.slatv.org/images/backgroundArt.jpg);
background-position:top center;
background-repeat:no-repeat;
display:block;
clear:none;
}

/* MASTHEAD ELEMENTS
=============================================================================================== */

#masthead{
position:relative;
z-index:2;
margin:0 auto;
text-align:left;
background-color:#FFFFFF;
background-image:url(http://www.slatv.org/images/mastheadBkg.jpg);
background-position:top left;
background-repeat:no-repeat;
color:#666666;
top:0px;
left:0px;
width:962px;
height:124px;
/*
border-width:1px;
border-color:#FF0000;
border-style:solid;
*/
}

#mastheadLogo{
position:absolute; 
bottom:1px; 
left:33px; 
border:none;
}

#mastLinks{
position:absolute;
z-index:3;
top:14px;
right:14px;
text-align:right;
height:auto;
margin-bottom:20px;
/*
border-width:1px;
border-color:#FF0000;
border-style:solid;
*/
}

#mastLinks a:link{
color:#4c5399;
}

#mastLinks a:visited{
color:#4c5399;
}

#mastLinks a:hover{
color:#FF6600;
}

#mastLinks strong {
color:#4c5399;
}

#mastLinks p {
color:#4c5399;
display:inline;
clear:none;
margin-right:5px;
}

#extLink{
margin-left:15px;
}

#userStatus{
position:relative;
top:10px;
}

/* SEARCH FORM ELEMENTS
=============================================================================================== */

#sideSearch{
position:absolute;
z-index:2;
text-align:left;
bottom:0px;
right:0px;
width:325px;
height:60px;
background-image:url(http://www.slatv.org/images/searchBkg.jpg);
background-position:top left;
background-repeat:no-repeat;
	_bottom:-1px /*IE6 FIX*/
}

#searchField {
position:absolute;
float:left;
z-index:3;
top:14px;
left:20px;
width:200px;
*width:197px; /*IE FIX*/
font-size:14px;
font-weight:bold;
color:#4c5399;
margin-right:20px;
border-top-color:#e5e5e5;
border-top-width:1px;
border-left-color:#e5e5e5;
border-left-width:1px;
background-color:#FFFFFF !important;
padding-left:3px;
}

#searchSubmit{
position:absolute;
display:block;
width:59px;
height:21px;
left:239px;
top:16px;
cursor:pointer;
background-image:url(http://www.slatv.org/images/searchBtn.gif);
background-position:top left;
background-repeat:no-repeat;
text-align:center;
text-indent:-9999px;
overflow:hidden;
border:none;
	*font-size:11px; /*IE FIX*/
}

#searchSubmit:hover{ /*Search button hover state */
background-image:url(http://www.slatv.org/images/searchBtnRo.gif);
}

/* SECTION NAVIGATION ELEMENTS
=============================================================================================== */

#sectionNav{
position:relative;
z-index:2;
width:962px;
height:36px;
top:0px;
left:0px;
margin:0 auto;
text-align:left;
}

#navLeft{
position:absolute;
width:11px;
height:36px;
background-image:url(http://www.slatv.org/images/snavLeft.jpg);
background-position:top left;
background-repeat:repeat-y;
left:0px;
top:0px;
}

#navRight{
position:absolute;
width:11px;
height:36px;
background-image:url(http://www.slatv.org/images/snavRight.jpg);
background-position:top left;
background-repeat:repeat-y;
top:0px;
right:0px;
}

#nav {
position:absolute;
z-index:3;
left:12px;
top:0px;
width:938px;
height:36px;
background-color:#fff;
background-image:url(http://www.slatv.org/images/sectionNavBkg.jpg);
background-position:top left;
background-repeat:repeat-x;
}

.sectionNavigation_table {
margin:0px;
padding:0px;
}

.sectionNavigation_table th a {
margin: 0;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:0px;
text-align: left;
text-decoration: none;
line-height: 1em;
font-weight: bold;
color: #444444;
height: 26px;
display: block;
border-right: 1px solid #FFFFFF
}

.sectionNavigation_table th a:hover,
.sectionNavigation_table th.selected a,
.sectionNavigation_table th.selected a:hover {
	background-color:#6f6f6f;
	background-image:url(http://www.slatv.org/images/rolloverBkg.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	color:#FFFFFF;
}

.sectionNavigation_table th#section7 a {
	border-right: none
}

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

.channelNavigation_table {
width:100%;
}

.channelNavigation_table tr td {
padding:0px;
}

.channelNavigation_table th a{
display:block;
padding: 5px;
text-decoration:none;
}

.channelNavigation_table th a:hover{
background:#cecece;
color:#cc0000;
}

.channelNavigation_table th.selected a{
background:#cecece;
color:#cc0000;
}

.channelNavigation_table th.selected a:hover{
background:#cecece;
color:#cc0000;
}

/* SPACER ELEMENTS
=============================================================================================== */

#sectionSpacer{
position:relative;
z-index:2;
top:0px;
left:0px;
margin:0 auto;
text-align:left;
width:962px;
height:30px;
background-image:url(http://www.slatv.org/images/sectionNavSpacer.jpg);
background-position:top left;
background-repeat:no-repeat;
}

#sectionSpacer_home{
position:relative;
z-index:2;
top:0px;
left:0px;
margin:0 auto;
text-align:left;
width:962px;
height:30px;
background-image:url(http://www.slatv.org/images/sectionNavSpacerSolid.jpg);
background-position:top left;
background-repeat:no-repeat;
}

/* CONTENT BOX ELEMENTS
=============================================================================================== */

#contentBackground{
position:relative;
z-index:2;
top:0px;
left:0px;
margin:0 auto;
text-align:left;
width:962px;
height:auto;
background-image:url(http://www.slatv.org/images/containerBkg.jpg);
background-position:top left;
background-repeat:repeat-y;
}

#contentBackgroundSolid{
position:relative;
z-index:2;
top:0px;
left:0px;
margin:0 auto;
text-align:left;
width:962px;
height:auto;
background-image:url(http://www.slatv.org/images/containerBkgSolid.jpg);
background-position:top left;
background-repeat:repeat-y;
}

#topArt{
position:relative;
top:0px;
left:0px;
z-index:3;
width:962px;
height:auto;
margin:0px;
background-image:url(http://www.slatv.org/images/topArt.jpg);
background-position:top left;
background-repeat:no-repeat;
}

#contentContainer{
position:relative;
z-index:4;
top:0px;
left:59px;
width:862px;
min-height:350px;
/*height:auto; */
display:table;
margin-bottom:0px;
color:#666666;
/*
border-width:1px;
border-color:#FF0000;
border-style:solid;
*/
/* IE7 BUG FIX */
	*min-height:680px;
/* IE6 BUG FIX */
	_height:680px;
/* Internet Explorer 6 can't read min-height attributes. 
   However, divs in IE6 being pushed out more than 680 (our setting for this div height) will extend past that. */	
}

#contentContainer p {
top:0px;
margin-top:0px;
}

/* RIGHT COLUMN ELEMENTS
=============================================================================================== */

#rightColumn{
position:relative;
z-index:4;
top:0px;
left:0px;
width:225px;
min-height:700px;
/*height:auto; */
display:inline-block;
padding-left:10px;
padding-right:5px;
padding-top:13px;
color:#333;
text-align:left;
margin-top:0px;
line-height:150%;
/* IE BUG FIXES */
 *width:205px;
 *top:12px;
 *margin-bottom:10px;
 *left:10px;
/*
border-color:#00CC00;
border-style:solid;
border-width:1px;
*/
}

#rightColumn p{
color:#444;
}

#rightColumn a:link{
color:#666699; 
text-decoration:underline;
text-align:left;
font-weight:bold;
}

#rightColumn a:hover{
color:#FF6600;
text-decoration:underline;
text-align:left;
font-weight:bold;
}

#rightColumn a:visited{
color:#666699; 
text-decoration:underline;
text-align:left;
font-weight:bold;
}

#rightColumn a:visited:hover{
color:#FF6600;
text-decoration:underline;
text-align:left;
font-weight:bold;
}

#rightColumn img{
border:none;
position:relative;
top:0px;
left:-10px;
margin-bottom:10px;
margin-right:-10px;
height:auto;
width:auto;
}

#rightSwish{
position:absolute;
top:307px;
right:-7px;
width:19px;
height:410px;
background-image:url(http://www.slatv.org/images/rightsideSwish.jpg);
background-position:top left;
background-repeat:no-repeat;
z-index:2;
display:block;
clear:both;
}

/* LEFT COLUMN ELEMENTS
=============================================================================================== */

#leftColumn{
position:relative;
/*float:left;*/
z-index:5;
top:0px;
left:9px;
margin-right:90px;
width:534px;
height:auto;
display:inline-block;
padding:0px;
color:#666666;
text-align:left;
line-height:150%;
/* IE BUG FIXES */
/* *width:499px; */
/*
border-color:#6600FF;
border-style:solid;
border-width:1px;
*/
}

#leftColumn a:link{
color:#666699; 
text-decoration:underline;
text-align:left;
font-size:12px;
}

#leftColumn a:hover{
color:#FF6600;
text-decoration:underline;
text-align:left;
font-size:12px;
}

#leftColumn a:visited{
color:#666699; 
text-decoration:underline;
text-align:left;
font-size:12px;
}

#leftColumn a:visited:hover{
color:#FF6600;
text-decoration:underline;
text-align:left;
font-size:12px;
}

#leftColumn h1 h2{
margin-top:0px;
}

#leftColumn p{
margin-top:0px;
top:0px;
padding-top:0px;
}

/* MOVIE ELEMENTS
=============================================================================================== */

#movie{
position:relative;
margin-top:10px;
margin-bottom:20px;
}

/*#media {margin-bottom: .5em}

#media p {padding: 10px; border: 1px solid #292162; background-color: #cbced7; color: #000}

#media strong {
font-size: 120%;
font-weight: bold;
color: #292162;
display: block;
padding-bottom: .5em
}

#media em {font-weight: bold; font-style: normal}
*/

/* RATING ELEMENTS
=============================================================================================== */

#ratingSize{
font-size:11px;
display:block;
clear:right;
height:auto;
width:534px;
float: left; 
margin-top:10px;
margin-bottom:0px;
/*
border-color:#00CC00;
border-style:solid;
border-width:1px;
*/
}

#ratingSize h3{
margin-top:10px;
font-size:14px;
margin-bottom:3px;
}

#getVideoRate {
font-size:11px;
display:block;
clear:right;
height:auto;
width:534px;
margin-top:0px;
margin-bottom:10px;
padding-bottom:15px;
border-bottom-color:#ccc;
border-bottom-style:solid;
border-bottom-width:1px;
/* IE BUG FIXES */
	*padding-bottom:-35px;
}

#getVideoRate p {
position:relative;
margin-top:-10px;
}

#getVideoRate a {
position:relative;
margin-top:-10px;
}

#getVideoRate h3 {
position:relative;
margin-bottom:5px;
margin-top:-10px;
display:block;
margin-right:15px;
/* IE BUG FIXES */
	*margin-top:-25px;
}

#getVideoRate .submitRating{
position:relative;
margin-top:10px;
/* IE BUG FIXES */
	*margin-bottom:-15px;
}

#getVideoRate .radio {
position:relative;
margin-right:10px;
top:3px;
/* IE BUG FIXES */
	*top:2px;
}

#rating {
font-size:110%; 
padding-bottom:0px; 
color:#666666;
margin-bottom:6px;
}

#rating span {
color:#666666; 
font-weight:bold;
}

#rateSpace{
position:relative;
width:100%;
height:auto;
margin:0px;
padding-top:20px;
border-top-color:#CCC;
border-top-style:solid;
border-top-width:1px;
}

/* SEND TO FRIEND ELEMENTS
=============================================================================================== */

#sendFriend a {
text-indent:-9999px;
overflow:hidden; 
background-image:url(http://www.slatv.org/images/sendtofriendArt.jpg);
background-position:top left;
background-repeat:no-repeat;
width:171px; 
height:40px;
display:block;
clear:both;
cursor:pointer;
top:0px;
left:0px;
text-align:left;
margin-left:0px;
margin-bottom:10px;
position:relative;
float:none;
}

/* COMMENT BOX ELEMENTS
=============================================================================================== */

#commentBox{
position:absolute;
display:block;
clear:none;
z-index:20;
top:1px;
right:12px;
width:90px;
height:15px;
padding-top:8px;
padding-bottom:12px;
padding-left:35px;
padding-right:10px;
background-image:url(http://www.slatv.org/images/commentBkg.jpg);
background-position:top left;
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#444444;
text-decoration:none;
font-weight:bold;
border:none;
margin:0px;
text-align:left;
border-left-width:1px;
border-left-color:#FFFFFF;
border-left-style:solid;
}

#commentBox:hover{
background-image:none;
}

.commentBtn{
position:absolute;
top:6px;
left:8px;
border:none;
text-indent:-9999px;
overflow:hidden;
}

/*
#commentBox{
position:relative;
text-indent:-9999px;
overflow:hidden;
background-image:url(http://www.slatv.org/images/leaveacommentArt.jpg);
background-position:top left;
background-repeat:no-repeat;
width:172px;
height:40px;
display:block;
clear:both;
top:-80px;
left:0px;
text-align:left;
margin-left:0px;
margin-bottom:-40px;
border:none;
}
*/

/* BREADCRUMB ELEMENTS
=============================================================================================== */

#breadcrumb{
position:relative;
height:auto;
font-size:10px;
margin-top:-15px;
margin-bottom:15px;
}

#breadcrumb a:link {
padding-bottom: 15px; 
font-size: 10px;
text-decoration:underline;
color:#666699; 
}

#breadcrumb a:visited {
padding-bottom: 15px; 
font-size: 10px;
text-decoration:underline;
color:#666699; 
}

#breadcrumb a:hover {
color:#ff6600;
font-size: 10px;
}

#breadcrumb a:visited:hover {
color:#ff6600;
font-size: 10px;
}

/* MAIN ID ELEMENTS
=============================================================================================== */

#left {
margin: 0 30px 10px 15px;
}

#left img {
margin-bottom: 1em;
}

#left p img {
margin-bottom: 0;
}

#right {
margin: 10px 10px 10px 15px;
}

#login h1, #login h2, #login p {
padding-left: 15px;
}

/* SITE & MEDIA COMMENTS
=============================================================================================== */

#siteComments {
float: left; 
margin: 0 0 3em;
}

#mediaComments {
float: left; 
/* border-bottom: 1px solid #999999; */
margin: 0 0 3em;
}

#mediaComments p{
margin-left:10px;
}

#siteComments h3 {
float:left; 
padding-top:10px; 
padding-bottom:10px; 
padding-left:10px; 
padding-right:10px; 
margin: 0 0 .5em 0; 
width:514px; 
color:#666666;
font-size:18px;
font-weight:normal;
}

#mediaComments h3 {
float:left; 
padding-top:10px; 
padding-bottom:10px; 
padding-left:10px; 
padding-right:10px; 
margin: 0 0 .5em 0; 
width:514px; 
color:#666666;
font-size:18px;
font-weight:normal;
}

#siteComments p{
padding-left:10px;
width:510px; 

/*
border-color:#00CC00;
border-style:solid;
border-width:1px;
*/
}

#mediaComments h1{
padding-left:10px;
width:510px;
/*
border-color:#00CC00;
border-style:solid;
border-width:1px;
*/
}

.commentName {
float: left;
}

.commentDetails {
float: right;
}

#innerPagination {
float:left;
padding-top:1px;
padding-bottom:10px;
height:20px;
}

#pagination {
float:left;
background-color:#fff;
margin-bottom: 1px;
width:534px; 
color:#666666;
border-bottom-color:#bbb;
border-bottom-style:solid;
border-bottom-width:1px;
}

#pagination p {
float:left;
margin:0px;
padding: 0;
width:534px;
font-weight:bold;
}

#pagination a {
margin-left:.5em;
color:#4c5399;
}

.current {
margin-left: .5em; 
font-weight: bold;
}

#displaying {
float: left; 
padding: .5em 11px;
}

#pageNav {
float: right; 
padding: .5em 11px; 
color:#666666;
}

#pageNav a {
color:#4c5399;
}

/* FOOTER ELEMENTS
=============================================================================================== */

#footerBox{
position:relative;
width:962px;
height:61px;
text-align:left;
background-image:url(http://www.slatv.org/images/footerBkg.jpg);
background-position:top left;
background-repeat:no-repeat;
display:block;
clear:none;
bottom:0px;
margin-top:20px;
margin-bottom:0px;
color:#666666;
font-size:11px;
}

#footerBox_home{
position:relative;
width:962px;
height:61px;
text-align:left;
background-image:url(http://www.slatv.org/images/footerBkg_blank.jpg);
background-position:top left;
background-repeat:no-repeat;
display:block;
clear:none;
bottom:0px;
margin-top:20px;
margin-bottom:0px;
color:#666666;
font-size:11px;
}

#footer {  
color:#666666; 
float: left;
font-size:11px;
position:absolute;
top:13px;
left:30px;
}

#footerText{
position:absolute;
top:20px;
left:110px;
}

#footerText p { 
position:absolute;
top: 20px;
left:100px;
margin: 0; 
float: left; 
font-weight: normal;
color:#666666; 
font-size:11px;
}

#footerText a:link { 
color:#666699; 
font-weight: normal;
padding-left:15px;
font-size:11px;
}

#footerText a:visited { 
color:#666699; 
font-weight: normal;
padding-left:15px;
font-size:11px;
}

#footerText a:hover { 
color:#FF6600; 
font-weight: normal;
padding-left:15px;
font-size:11px;
}

#footerText a:visited:hover { 
color:#FF6600; 
font-weight: normal;
padding-left:15px;
font-size:11px;
}

#sla100Logo{
position:absolute;
top:9px;
left:22px;
border:none;
}

#efxtvLogo{
position:absolute;
top:16px;
right:22px;
border:none;
}

/* SCROLLING ELEMENTS
=============================================================================================== */

.scroll {
width:534px; 
overflow:auto; 
border-top: 1px solid #3e5687; 
border-bottom: 1px solid #3e5687; 
max-height: 1000px;
}

/* SECTION LIST ELEMENTS
=============================================================================================== */

#sectionList {
margin: 0 0 3em;
border:none;
}

#sectionList div {
margin: 0;
min-height: 112px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: #FAFAFA;
}

#sectionList img {
border: 1px solid #ccc;
background-color: #fff;
margin: 10px 10px 2px 10px;
padding: 2px;
float: left;
display:block;
clear:none;
cursor:pointer;
}

#sectionList p {
font-size: 12px;
margin-top: 0px;
padding: 0 5px 10px 126px;
line-height: 146%;
margin-bottom:8px;
}

#sectionList h2 {
margin: 0;
padding: 12px 0 .25em 0;
clear: none;
}

#sectionList h2 a:link {
color:#666666;
font-size: 15px;
text-decoration:none;
}

#sectionList h2 a:hover {
color:#FF6600;
font-size: 15px;
text-decoration:none;
}

#sectionList h2 a:visited {
color:#666666;
font-size: 15px;
text-decoration:none;
}

#sectionList h2 a:visited:hover {
color:#FF6600;
font-size: 15px;
text-decoration:none;
}

/* CHANNEL LIST ELEMENTS
=============================================================================================== */

#getChannels {
margin: 0 0 3em;
border:none;
}

#getChannels div {
margin: 0;
min-height: 112px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: #FAFAFA;
	/* IE6 HACK:
	   IE6 is totally worthless, but people still use it for some reason. 
	   The drawback in this instance is IE6 won't read a min-height attribute. 
	   However, it will treat the height attribute the same way. Thanks Microsoft >:( */
	_height:112px; /* the "_" symbol will be disregarded in all browsers, casuing them to skip this line, except IE6. The drawback = this CSS won't validate */

}

#getChannels img {
border: 1px solid #ccc;
background-color:#fff;
margin: 10px 10px 2px 10px;
padding: 2px;
float: left;
width:100px;
height:75px;
display:block;
clear:none;
cursor:pointer;
}

#getChannels p {
font-size: 12px;
margin-top: 0px;
padding: 0 5px 10px 126px;
line-height: 146%;
margin-bottom:8px;
}

#getChannels h2 {
margin: 0;
padding: 12px 0 .25em 0;
clear: none;
}

#getChannels h2 a:link {
color:#666666;
font-size: 15px;
text-decoration:none;
}

#getChannels h2 a:hover {
color:#FF6600;
font-size: 15px;
text-decoration:none;
}

#getChannels h2 a:visited {
color:#666666;
font-size: 15px;
text-decoration:none;
}

#getChannels h2 a:visited:hover {
color:#FF6600;
font-size: 15px;
text-decoration:none;
}

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

#mediaList {
margin: 0 0 3em;
border:none;
}

#mediaList div {
margin: 0;
min-height: 112px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: #FAFAFA;
padding-right:15px;
	/* IE6 HACK:
	   IE6 is totally worthless, but people still use it for some reason. 
	   The drawback in this instance is IE6 won't read a min-height attribute. 
	   However, it will treat the height attribute the same way. Thanks Microsoft >:( */
	_height:112px; /* the "_" symbol will be disregarded in all browsers, casuing them to skip this line, except IE6. The drawback = this CSS won't validate */
}

#mediaList img {
border: 1px solid #ccc;
background-color: #fff;
margin: 10px 10px 2px 10px;
padding: 2px;
float: left;
display:block;
clear:none;
width:96px;
height:71px;
}

#mediaList p {
font-size: 12px;
margin-top: 0px;
padding: 0 5px 10px 126px;
line-height: auto;
margin-bottom:8px;
}

#mediaList h2 {
margin: 0;
padding: 12px 0 .25em 0;
clear: none;
}

#mediaList h2 a:link {
color:#666666;
font-size: 15px;
text-decoration:none;
}

#mediaList h2 a:hover {
color:#FF6600;
font-size: 15px;
text-decoration:none;
}

#mediaList h2 a:visited {
color:#666666;
font-size: 15px;
text-decoration:none;
}

#mediaList h2 a:visited:hover {
color:#FF6600;
font-size: 15px;
text-decoration:none;
}

/* POP UP WINDOW ELEMENTS
=============================================================================================== */

body#popUp {
margin: 10px;
padding: 0;
text-align: left;
background-color:#F9F9F9;
background-image:url(http://www.slatv.org/images/popupBkg.jpg);
background-position:top right;
background-repeat:no-repeat;
}

body#popUp a:link{
color:#4C5399;
}

body#popUp a:visited{
color:#4C5399;
}

body#popUp a:hover{
color:#FF6600;
text-decoration:none;
}

body#popUp a:visited:hover{
color:#FF6600;
text-decoration:none;
}

#container {
background-color:#464855;
}

#container2 {
background-color:#464855;
}

#container3 {
background-color:#464855;
}

body#login, body#content, body#search {
background-color: #494949;
}

/* SEARCH ELEMENTS
=============================================================================================== */

#search {
margin-bottom: 1.5em;
}

#searchResults {
clear: both; 
width: 100%;
border-style:solid;
border-width:1px;
border-color:#ccc;
}

#searchResults th {
padding: 10px 10px 6px 10px; 
background-color: #cc; 
color: #fff; 
text-align: left;
}

#searchResults th a {
color: #fff;
}

#searchResults td {
padding: 10px; 
border-top: 1px solid #464855; 
background-color: #f9f9f9;
}

#searchResults h3 {
color: #d3d2a3;
}

#title h3 a {
color: #d3d2a3;
}

#searchResults img {
border: 1px solid #999;
}

#searchResults #title {
width: 40%;
}

#searchResults #channels {
width: 40%;
}

#searchResults #date {
width: 20%;
}

/* FORM ELEMENTS
=============================================================================================== */

input.text, input.file, input.password {
padding-left:2px;
padding-right:2px;
border: none;
color: #000000;
font-size: 100%;
font-family: helvetica, arial, sans-serif;
border: 1px solid #ccc;
}

input.addComment {
margin-bottom: 1.5em;
}

input.submitRating {
margin: .5em 0 0 0;
}

select {
padding-left:2px;
border: none;
color: #000;
font-size: 100%;
font-family: helvetica, arial, sans-serif;
border: 1px solid #d3d2a3;
}

input.checkbox {
padding-left:2px;
padding-right:2px;
}

input.radio {
padding-left:2px;
padding-right:2px;
}

textarea {
font-family:"Courier New", Courier, monospace;
width: 100%;
font-size: 16px;
font-weight:normal;
padding:5px;
margin: 0 0 1em 0;
border: 1px solid #ccc;
color:#666666;
}

.alert {
color:#CC0000;
margin-right: 3px;
}

.confirm {
color: #68aed2;
font-weight: bold;
}

/* SEARCH PAGINATION ELEMENTS
=============================================================================================== */

#search #pagination {
background-color: #001029;
width:100%;
}

#search #pagination p {
width: 830px;
}

/* SUBMIT COMMENT ELEMENTS
=============================================================================================== */

.submitComment_table {
width: 402px;
margin-top: 5px;
margin-bottom: 5px;
}

.submitComment_table tr td {
padding:5px;
}

/* CATEGORY ELEMENTS
=============================================================================================== */

#categories h3 {
float: left; 
clear: none;
}

#categories ul {
margin: 0;
padding: 0 0 2em 0;
list-style-type: none;
}

#categories li {
float: left; 
display: block; 
margin-left: .5em;
}

/* SPECIFIC HOME PAGE ELEMENTS
=============================================================================================== */

#homeIntro{
position:relative;
width:840px;
min-height:350px;
display:block;
clear:both;
margin-bottom:30px;
/*
border-color:#0033CC;
border-width:1px;
border-style:solid;
*/
}

#flashBanner{
position:relative;
z-index:5;
width:500px;
height:400px;
*height:430px;
top:0px;
margin-left:0px;
float:left;
margin-right:40px;
}

#underFold{
position:relative;
width:850px;
height:auto;
display:block;
clear:both;
margin-top:-35px;
}

.foamboard{
position:relative;
z-index:6;
width:187px;
height:auto;
top:0px;
left:-10px;
display:inline-block;
clear:none;
background-image:url(http://www.slatv.org/images/swatchBkg.gif);
background-position:top left;
background-repeat:repeat-y;
margin-top:5px;
float:left;
margin-left:32px;
}

.foamboard_first{
position:relative;
z-index:6;
width:187px;
height:auto;
top:0px;
left:-10px;
display:inline-block;
clear:none;
background-image:url(http://www.slatv.org/images/swatchBkg.gif);
background-position:top left;
background-repeat:repeat-y;
margin-top:5px;
float:left;
margin-left:3px;
}

.foamboard p, 
.foamboard h3, 
.foamboard_first p, 
.foamboard_first h3{
width:140px;
position:relative;
left:25px;
height:auto;
line-height:140%;
}

.foamboard h3,
.foamboard_first h3{
margin-bottom:5px;
} 

.foamboard img, 
.foamboard_first img{
width:140px;
height:80px;
position:relative;
left:25px;
margin-bottom:10px;
}

.foamboard h3 a, 
.foamboard_first h3 a,
.foamboard h3 a:visited, 
.foamboard_first h3 a:visited{
border:none;
text-decoration:none;
color:#4C5399;
}

.foamboard h3 a:hover, 
.foamboard_first h3 a:visited:hover{
color:#FF6600;
text-decoration:none;
}

.foamboard a img,
.foamboard_first a img{
border:none;
}

.foamBoardTop{
position:relative;
z-index:7;
width:187px;
height:40px;
margin-bottom:0px;
display:block;
clear:both;
background-image:url(http://www.slatv.org/images/swatchTop.gif);
background-position:top left;
background-repeat:no-repeat;
}

.foamBoardFooter{
position:relative;
z-index:7;
width:187px;
height:10px;
display:block;
clear:both;
background-image:url(http://www.slatv.org/images/swatchFooter.gif);
background-position:top left;
background-repeat:no-repeat;
bottom:0px;
*bottom:5px;
margin-top:0px;
*margin-bottom:-15px;
_margin-top:0px;
}


/* MISC. ELEMENTS
=============================================================================================== */

.feat {
padding: 2px 0; 
border-top: 1px solid #3e5687; 
border-bottom: 1px solid #3e5687; 
margin-bottom: 5px;
}

.login_table {
padding-left: 15px;
}

#contentDivider{
position:relative;
width:100%;
height:1px;
border-bottom-color:#464955;
border-bottom-width:1px;
border-bottom-style:solid;
margin-bottom:10px;
margin-top:10px;
}

#List{
position:relative;
height:auto;
margin-top:0px;
margin-bottom:0px;
display:block;
clear:both;
}

#List h1{
position:relative;
width:519px;
height:26px;
padding-top:6px;
padding-left:15px;
margin-bottom:-3px;
margin-top:20px;
background-image:url(http://www.slatv.org/images/listHeaderBkg.gif);
background-position:top left;
background-repeat:no-repeat;
color:#666666;
}

#CommentList{
position:relative;
margin-top:30px;
width:534px;
}

#CommentList textarea{
width:522px;
margin-top:-8px;
}

#CommentList h2{
position:relative;
width:519px;
height:26px;
padding-top:5px;
padding-left:15px;
margin-bottom:5px;
background-image:url(http://www.slatv.org/images/listHeaderBkg.gif);
background-position:top left;
background-repeat:no-repeat;
}

#CommentList a{
position:relative;
margin-left:20px;
}

#CommentList a:hover{
position:relative;
margin-left:20px;
}

#CommentList a:visited{
position:relative;
margin-left:20px;
}

#CommentList a:visited:hover{
position:relative;
margin-left:20px;
}

#seperator{
width:110px;
clear:none;
height:auto;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#seperator{
display: none;
}
}

#commentPage h2{
visibility:hidden;
text-indent:-9999px;
overflow:hidden;
display:none;
}

/* ADD THIS ELEMENTS
=============================================================================================== */

#addThis{
position:relative;
top:0px;
left:60px;
margin-top:20px;
}

/* GROUP & CATEGORY ELEMENTS
=============================================================================================== */

#groupingStyles{
position:relative;
margin-bottom:-15px;
}

#groupingStyles h3{
position:relative;
visibility:hidden;
text-indent:-9999px;
overflow:hidden;
font-size:1px;
margin-top:-10px;
}

#groupingStyles a:link{
display:block;
float:left;
background-image:url(http://www.slatv.org/images/groupBtnBg.gif);
background-position:top left;
background-repeat:repeat-x;
width:auto;
height:23px;
background-color:#e9e9e9;
padding-left:12px;
padding-right:12px;
padding-top:5px;
border-color:#CECECE;
border-width:1px;
border-style:solid;
margin-right:4px;
text-decoration:none;
font-weight:bold;
*clear:none;
}

#groupingStyles a:visited{
text-decoration:none;
}

#groupingStyles a:hover{
text-decoration:none;
background-color:#fafafa;
background-image:none;
}

#groupingStyles a:visited:hover{
text-decoration:none;
background-color:#fafafa;
background-image:none;
}

#groups li {
float: left; 
display: block; 
}