/* PETA TV Front Page CSS Document */

/*****************************/
/* COMMON PAGE ELEMENTS */
/*****************************/ 

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #3D7899;
	background-image: url(../images/bg.gif);
	background-repeat: repeat;
	margin-top:0px;
	text-align:left;
}

.teaser {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #3D7899;
	text-align:left;
}

hr {
display:none
}

.title {
	font-family: Arial, Helvetica, sans-serif;
	color: #0D5680;
	font-size: 14px;
	font-weight: bold;
}

.transparent {
background-image:url(../images/trans_bkg.png);
background-repeat:repeat;
height:10px;
width:750px;
}

.Notransparent div {
filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	position: relative;
	}

#topNav {
	width:488px;
	height:36px;
	float:right;
	margin:5px 13px 0 0;
	vertical-align:middle;
	padding:0 5px 0 0;
}
#topNav-int {
	width:414px;
	float:right;
	margin:5px 13px 0 0;
	vertical-align:middle;
	padding:0;
}
.topNav-more {
	width:94px;
	height:20px;
	float:right;
	text-align:center;
	vertical-align:middle;
	padding:10px 6px 0 0;
}
.topNav-archive {
	width:102px;
	height:20px;
	float:right;
	text-align:center;
	vertical-align:middle;
	padding:10px 6px 0 0;
}
.topNav-alerts {
	width:100px;
	height:20px;
	float:right;
	text-align:center;
	vertical-align:middle;
	padding:10px 0 0 0;
}
.topNav-donate {
	width:102px;
	height:20px;
	float:right;
	text-align:center;
	vertical-align:middle;
	padding:10px 5px 0 0;
}

.topNav a:link {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#143462;
text-transform:uppercase;
font-weight:normal;
}

.topNav a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#143462;
text-transform:uppercase;
font-weight:normal;
}

.topNav a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#143462;
text-transform:uppercase;
font-weight:normal;
border-bottom:solid 6px #EBCD05;
}

#banner {
margin-left:auto;
margin-right:auto;
width:740px;
height:80px;
background-image:url(../images/banner2.gif);
clear:both;
}

#zone1 { /* clickable area */
	position:absolute;
	left:134px;
	top:0px;
	width:233px;
	height:76px;
	z-index:1;
}
#container {
	width:740px;
	margin:0 auto;
	background:#4E83AC;
}
#content {
	width:635px;
	margin:0 auto;
	background:#c0d5dd url(../celbg-ltblu.gif) repeat;
}
#content1 {
	width:630px;
}
.content-left {
	background:#fff;
	width:405px;
	float:left;
	margin:6px;
	padding:5px;
}
.content-right {
	width:185px;
	float:right;
	margin:6px 5px 5px 5px;
	vertical-align:top;
}
.video-container {
	width:180px;
	padding:5px;
	display:inline;
	margin:5px 0 5px 0;
}
.video-container img {
	float:left;
	margin:0 3px 0 0;
}

/*****************************/
/*             CHANNELS              */
/*****************************/ 
#channels {
background-color:#C0D5DD;
border-right:solid 1px #FFFFFF;
width:208px;
}

.channels {
width:208px;
float:left;
height:40px;
margin-bottom:4px;
margin-top:4px;
vertical-align:middle;
}

.channels img {
border:1px solid #0D5680;
padding:3px;
float:left;
margin-right:3px;
vertical-align:middle;
margin-top:-6px;
}

.channels h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
background-color:#90A6B7;
text-align:center;
vertical-align:middle;
height:20px;
width:200px;
margin-top:3px;
}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3D7899;
	text-decoration: none;
}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3D7899;
	text-decoration: none;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0E3F51;
	text-decoration: none;
}

.tiny1 {
border:solid 1px #000000;
}

.normal a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3D7899;
	text-decoration: none;
	text-align:left;
}

.normal a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3D7899;
	text-decoration: none;
	text-align:left;
}

.normal a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0E3F51;
	text-decoration: none;
	text-align:left;
}
.doubleLINES {
	border-top: 2px solid #004D79;
	border-bottom: 2px solid #004D79;
	background:#c0d5dd;
	padding:6px;
}
div.doubleLINES a:link {
	text-align:center;
}
div.doubleLINES a:visited {
	text-align:center;
}
div.doubleLINES a:hover {
	text-align:center;
}
.IMAGEoutline {
	border: 2px solid #004D79;
}
h2 {
	font:bold 125% Verdana, Arial, Helvetica, sans-serif;
	color: #004D79;
	margin:0;
}
h3 {
	font:bold 115% Verdana, Arial, Helvetica, sans-serif;
	color: #004D79;
	border-bottom: 2px solid #004D79;
}
.gallery {
	width:100%;
	margin:0 auto;
}
.gallery img {
	float:left;
	margin:0 4px 0 4px;
}

.caption {
	width: 80px;
	margin:0 4px 0 0;
	float: left;
	text-align: left;
} 

.break {
	clear:both;
	margin:5px 0 5px 0;
}
div.float {
  float: left;
  margin:0 9px 0 9px;
}
div.float img {
	margin:0;
	border:1px solid #c0d5dd;
	padding:4px;
}
  
div.float p {
   text-align: center;
   margin:3px 0 0 0;
}
div.previously-featured {
	width:405px;
	margin:0 auto;
}
div.previous-items {
	width:98%;
	height:90px;
	background:#c0d5dd;
	padding:5px;
	margin:0 0 8px 0;
}
div.previous-items img {
	padding:3px;
	background:#fff;
	border:1px solid #004D79;
	margin:0 3px 0 0;
	float:left;
}
div.previous-items p {
	color:#004D79;
	margin:0;
}