﻿/* main page */
body{ 	
	background-color:#f5f5f5;
	margin:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	text-align: center;
	/*height:auto;*/
	
}
img{border:none;}
h3 {
	font-family:Georgia,"Times New Roman", Times, serif;
}
#content{
	margin:0 auto;
	background-color:#FFFFFF;
	width:850px;
	font-size:11px;
	top:0px;
	border:solid 1px #666666;
	height:auto;	
	height: 100%;
	min-height:100%;
	padding: 0px 0px 0px 0px;
}
#topheader{
	top:0px;
	height:auto;
	background-color: #FFFFFF;
	color: #FFFFFF;
	font-weight: bold;
	clear: both;
}
#topheader #headEditor{
	padding-left:2px;
	text-align:left;
	float:left;
	background-color: #ffffff;
	height: 17px;
	font-weight: normal;
	color:#000000;
}
#topheader #headReliable{
	text-align:center;
	float:left;
	font-weight: bold;
	color:#000000;
	padding-left: 50px;
	background-color: #ffffff;
	height: 17px;
}
#topheader #headNoOne{
	text-align:right;
	background-color: #ffffff;
	height: 17px;
}
#topheader #sitelogos{
	background-color: #006666;
}

#navigation{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 2px;
	vertical-align: middle;
	background-image: url("../images/homepage/etbbgnav.gif");
	background-repeat:repeat;
	height:48px;
	text-align: left;
	clear: both;
}
#navigation #d_search {
	float: right;
	width: 350px;
	text-align: right;
	vertical-align: super;
	height: 18px;
	margin-top: 0px;
}
#navigation #d_search input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 18px;
	margin: 0px;
}

#navigation #topnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin: 4px 0px 0px 5px;
/*	width: 650px; */
	height: 23px;
	vertical-align: middle;
	text-align: left;
	padding-top: 7px;
	clear:both;
}
#navigation #topnav a {
	color: #006666;
	text-decoration: none;
}
/* background problem
#content, #content #bodycontainer, #bodycontainer #mainarticles, #bodycontainer #feat, #bodycontainer #ads
{
	background-color:#FFFFFF;
}*/
#bodycontainer {
	background-color:#FFFFFF;
	height:auto;	
	background: url("../images/homepage/bgright.png") repeat-y right top; 
/*	position:relative; */
}
#bodycontainer .category ul .morelink {
	text-align:right;
	margin-right:30px;
	font-size: 10px;
	color: #000000;
}	
#bodycontainer .category ul .morelink a {
	color: #000000;
}	
#bodycontainer .categorystories .category ul .morelink a {
	color: #000000;
}		
#bodycontainer #mainarticles{
	width:57%;
	float:left;
}

/* toparticles hold breakingnews and topstories and promotion */
#toparticles {
	border-bottom:#cccccc 5px solid;
	padding-bottom: 10px;
	width:100%;
	float: left;
	margin-bottom: 5px;
}
/* common style */
#toparticles ul {
	margin: 0px;
	list-style-type: none;
	padding: 0px;
}
#toparticles li {
/*	border-bottom: 1px solid #CCCCCC; */
	margin:5px 0px 5px 0px;
	padding-bottom:5px;
}
#toparticles li ul li {
	border-bottom: 1px solid #CCCCCC; 
}
#toparticles a {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
#toparticles ul li a {
	font-size: 12px;
}
#toparticles a:hover {
	text-decoration: underline;
}
/* toparticles content - breakingnews, topstories */
#breakingnews,#topstories {
	margin-bottom: 5px;
	float:left;
	text-align:left;
	padding-left:5px;
	width: 48%;
}
#breakingnews ul li .hdtopstory {
	font-size: 14px;
}
/* #topstories */
#topstories ul li .hdtopstory {
	font-size: 14px;
}

#topstories .category ul .morelink {
	display:none;
}	
#topstories .category ul .morelink a {
	color: #000000;
	font-size: 10px;
}
#breakingnews .category .header{
	color: #000000;
	font-weight: bold;
	font-size: 16px;
	font-weight: bold;
	font-family:Georgia,"Times New Roman", Times, serif;
	margin-left:5px;
}
#breakingnews .category h3{
	/*background:url("../images/homepage/bgCategoryTitle.png") repeat-y top left;*/
	padding-top:6px;
	height:35px;
	border-bottom:solid 1px #000000;
	border-top:solid 1px #000000;
}

#topstories .category .header{
	color: #000000;
	font-weight: bold;
	font-size: 16px;
	margin-left:5px;
}
#topstories .category h3{
	background:url("/images/homepage/bgvCategoryTitle.png") repeat-x bottom;
	padding-top:6px;
	height:35px;
	border-bottom:solid 1px #000000;
	border-top:solid 1px #000000;
}		


/* promotion */
#promotion {
	padding:0px 0px 15px 0px;
	width: 230px;
	float: right;
	text-align: left;
	margin-top:5px;
}
#promotion .category {
	border: 2px solid #000000;
	padding:2px;
}
#promotion .category ul .morelink {
	display:none;
}
#promotion .category h3 {
	display:none;
}
#promotion .category li {
	border-bottom:none;
	margin-top:0px;
	margin-bottom:0px;
}
#promotion .category li a {
	color: #477ab1;
	text-decoration: none;
}


/* general news */
#bodycontainer #mainarticles .categorystories {
	margin-bottom: 3px;
	padding-top: 5px;
	border-bottom: #e3e3e3 1px solid;
	width: 100%;
	float: left;
}
#mainarticles .categorystories .category {
	text-align:left;
	float:left;
	left: 0px;
	font-size:11px;
	width:48%;
	padding: 0px 2px 0px 5px;
}
#mainarticles .categorystories .category h3 {
	font-size: 16px;
	font-weight: bold;
	margin-top:0px;
	margin-bottom:4px;
	color: #000000;
	background:url("/images/homepage/bgvCategoryTitle.png") repeat-x bottom;
	padding-top:6px;
	height:35px;
	border-bottom:solid 1px #000000;
	border-top:solid 1px #000000;
}
#mainarticles .categorystories .category .header{
	color: #000000;
	font-weight: bold;
	padding-left:5px;
	
}
#mainarticles .categorystories .category ul {
	list-style:none;
	margin-left:0px;
	padding-left:0px;
}
#mainarticles .categorystories .category li {
	list-style:none;
	margin-left:0px;
	padding-left:0px;
}
#mainarticles .categorystories .category li ul li {
	padding-bottom:10px;
}
#mainarticles .categorystories .category li a{
	font-weight: bold;
	color:#006666;
	text-decoration: none;
}
#mainarticles .categorystories .category li a:hover{
	text-decoration:underline;
}

/* feature colunm */		
#bodycontainer #feat{
	width:23%;
	float:left;
	background-color: #FFFFFF;
	margin: 5px 0px 0px 2px;
}
#eventCal {
	background-color: #006666;
	color: #FFFFFF;
	padding:2px 0px 0px 5px;
/*	width: 95%;*/
}
/*#eventCal a{
    color: #FFFFFF;
    text-decoration: none;
}
#eventCal a:hover{
	text-decoration:underline;
}*/
#mediaarea {
	font-weight: bold;
	margin: 5px 5px 5px 5px;
	/*border-top: solid 1px #CCCCCC;
	border-bottom: solid 5px #CCCCCC;*/
	text-align: center;
}

#etbItem{
	width: 190px;
	padding: 0px;
	
}	
#etbItem ul {
	margin: 5px 0px 2px 0px; 
	padding: 2px; 
	list-style-type: none;
	border: 1px solid #666666;  
	text-align: left;
}
#etbItem ul li ul {
	border:none;
}
#etbItem ul li a  {
	font-weight: bold;
	color: #477ab1;
	text-decoration: none;
}
#etbItem h3 {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding-top:0px;
	margin-top:0px;
	color: #000000;
}
#etbItem .category ul li h3 a {
	color: #000000;
}
#etbItem .category li a:hover{
	text-decoration:underline;
}

#featuredItem{
	padding: 0px;
}	
#featuredItem ul {
/*	padding:2px 0px 0px 5px; */
	margin: 10px 0px 10px 0px; 
	padding: 5px; 
	list-style-type: none;
	border: 1px solid #666666;
	background-color:#EEEEEE;

}
#featuredItem ul li .featuredheader  {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background-color:#000000;
	width:auto;
	padding-left:5px;
	margin-bottom:5px;
}
#featuredItem ul li a  {
	color: #FFFFFF;
	text-decoration: none;
}
#featuredItem ul li a.header {
	padding-left:4px;
}

/*#bodycontainer #feat #featuredItem ul li a header {
//	width:100%;
//	background-color:#000000;
//	display:block;
}*/
#featuredItem ul li h3 {
	width:100%;
	background-color:#000000;
	display:block;
	font-size:12px;
	margin-top:2px;
	margin-bottom:2px;
}
#featuredItem ul li ul {
	margin: 0px;
	padding: 0px;
	border: none;
	background-color:#EEEEEE;
}
#featuredItem ul li ul li a {
	color: #006666;
	text-decoration: none;
	font-weight: bold;
	background-color:transparent;
}
#featuredItem ul li {
	text-align:left;
}
#featuredItem image.sponsorlogo {
	display:none;
}
.category ul li ul img{
	margin-right:4px;
}
#videoItems {
	margin: 5px 0px 5px 0px;
	width:auto;
}
#videoItems .category li {
	list-style:none;
	margin-left:0px;
	padding-left:0px;
	width:inherit;
	text-align:left;
}
#videoItems .category ul {
	list-style:none;
	margin-left:0px;
	padding-left:0px;
	width:inherit;
}
#videoItems .category li ul li {
	padding-bottom:5px;
}
#videoItems .category li a{
	font-weight: bold;
	color: #006666;
	text-decoration: none;
}
#videoItems .category h3 {
	font-size: 12px;
	font-weight: bold;
	margin-top:10px;
	margin-bottom:2px;
	background:url("/images/homepage/bgvCategoryTitle.png") repeat-x bottom;
	padding-top:6px;
	height:20px;
	border-bottom:solid 1px #000000;
	border-top:solid 1px #000000;
}
#videoItems .category h3 a {
	color: #000000;
	text-decoration: none;
	padding-left:4px;
}
#videoItems .category h3 a:hover{
	text-decoration:underline;
}

#regularItems {
	border:1px solid #666666;
	padding: 2px;
/*	padding:2px 0px 0px 5px;*/
}
#regularItems .category {
	text-align:left;
	float:left;
	width:100%;
	font-size:11px;
	padding: 0px 2px 0px 2px;
}
#regularItems .category ul {
	list-style:none;
	margin-left:2px;
	padding-left:0px;
}
#regularItems .category li {
	list-style:none;
	margin-left:0px;
	padding-left:0px;
}
#regularItems .category li ul li {
	padding-bottom:5px;
	margin-left:2px;
}
#regularItems .category li a{
	font-weight: bold;
	color: #006666;
	text-decoration: none;
}
#regularItems .category li a:hover{
	text-decoration:underline;
}
#regularItems .category h3 {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding-top:10px;
	margin-bottom:2px;
}
#regularItems .category h3 a {
	color: #000000;
}
#regularItems .category li a:hover{
	text-decoration:underline;
}


#bodycontainer #ads{
	width:19%;
	margin-top: 0px;
	padding-top:5px;
	float: right;
/*	background-color: #006666; */
	height:auto;	
	height: 100%; 
	min-height:100%;
	overflow:hidden;
	top:0;
	
}
#bodycontainer #ads #navright #adsNav{
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}
#bodycontainer #ads #navright {
	font-size: 12px;
	width: 144px;
	text-align: left;
}
#bodycontainer #ads #navright ul {
	list-style-image: url("http://www.etravelblackboard.co.nz/images/homepage/arrow_147.gif");
	list-style-type: none;
	position:relative;
	left:-15px;

}
#bodycontainer #ads #navright ul li {
	border-bottom: 1px solid #FFFFFF;
	margin: 2px 0px 2px 0px;
	/*left:0px;*/
}
#bodycontainer #ads #navright a {
	color: #FFFFFF;
	text-decoration: none;
	cursor:pointer;
}
#bodycontainer #ads #navright a:hover{
	color:#C2E4CD;
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8 {
	position:relative;
	left:-40px;
	width:100%;
	padding-right:10px;
}
#smenu1 li, #smenu2 li, #smenu3 li, #smenu4 li, #smenu5 li, #smenu6 li, #smenu7 li, #smenu8 li {
	list-style-image:none;
	list-style:none;
	position:relative;
	left:-20px;

	
}
#bodycontainer #ads #mostread{
	background-color:#ffffff;
	/*width: 144px;*/
	border-bottom:#666666 1px solid;
	border-left:#666666 1px solid;
	border-right:#666666 1px solid;
	border-top:#666666 1px solid;
	/*margin-bottom:5px;
	margin-right:2px;*/
	margin:5px;
	
	
}

#bodycontainer #ads #mostread ul {
	text-decoration: none;
	list-style:none;
	margin-left:0;
	padding-left:0;
	margin-top:0;
}
#mostreadHD{
	background-color:#006666;
	color:#FFFFFF;
	margin:2px;
	padding:2px;
}
#bodycontainer #ads #mostread ul li {
	list-style:decimal;
/*	list-style-type:circle;*/
/*	list-style:square;*/
	color:#006666;
	text-align:left;
	margin-left:25px;
	border-bottom:#FFFFFF 1px solid;
	margin-right:10px;
}
#bodycontainer #ads #mostread a {
	color: #006666;
	text-decoration: none;
}
#bodycontainer #ads #adverts{
	width: 144px;
	text-align:center;
	margin-left:5px;
	
}
#footer{
	color: #000000;
	background-color: #8C8A8A;
	height: 50px;
	text-align: center;
	float: left;
	width: 100%;
	vertical-align: middle;
	padding: 12px 0px 0px 0px;
}
#footer a {
	color: #000000;
	text-decoration: none;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

