/***********************************************/
/* stail.css                             */
/***********************************************/
/*
	   __    __   ____   ____   ____   __     __  __  _  __  (TM)
      /  |  / /  /  _/  /  _/ /  _ / /   |   / / / / | |/ /
     / /| |/ /   / /    / /  / /    / /| |  / / / /  |  /
    / / | / /  _/ /   _/ /  / /_   / __  | / /_/ /  /   |
   /_/  |_ / /____/ /____/  \___/ /_/  |_| \___ /  /_/|_|
   Designed & Developed by sja for EMTV ©2007   
  
*/
/***********************************************/
/* HTML tag styles                             
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-align:center;
	background-image:url(../_imgs/bckgrnd_strp01.gif)
	
}
/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */

a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

h1{
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size: 125%;
 color:#334d55;
 padding:0px 5px 0px 0px;
 margin:0px;
 /*text-align:left;
 background:url(../_imgs/tvIcon.gif) no-repeat;
 background-position:15px;
 font-weight:bold;*/
}

h2{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 90%;
 color: #006699;
 margin: 10px 0px 0px 5px;
 padding: 0px 0px 0px 15px;
 text-decoration:underline;
 background:url(../_imgs/titleDot.gif) no-repeat;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

table{
	margin-top:0px;
	width:auto;
}

/***********************************************/
/*  Main Container Divs                        */
/***********************************************/

#container{
	min-height:100%;
	height:auto;
	margin:0 auto;
	position:relative;
	width:800px;
	text-align:center;
	background-color:#FFFFFF;	
}
* html #container{
height:100%;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	padding: 0px 0px 0px 0px; /*padding:TRBL*/
	margin-bottom:-5px;
	width: 100%;
}
/*hack for browsers other than IE*/
html>body #masthead{
	margin-bottom:-2px;
}

#content{
	float: left;
  	width: 63%;
	padding: 0; /* padding removed as it affects height */
}

#tvgtable{
border-color:#FF3300;
margin-top:-10px;
width:490px;
padding:0px 10px 0px 10px;
}
#tvgtable td{
border-bottom-style:dotted;
border-bottom-width:thin;
border-color:#FF3300;
text-align:left;
}

#topLinks a{
	font-family: Verdana,Arial,sans-serif;
	font-size: small;
	color:  #FF3300;
	padding: 10px;
	font-weight: normal;
}

.innerLinks{	
	padding: 2px 10px 2px 2px;
	margin-bottom:5px;
	margin-top:-10px;
}

.innerLinks a{
	border:1px solid #CCCCCC;	
	padding:2px 5px 2px 5px;
	text-align:center;
	
}

.innerLinks a:hover{
	background-color:#CC0000;
	text-decoration:none;
	border:1px solid #006699;
	color:#FFFFFF;
}

.innerLinks a:active{
background-color:#6666FF;
color:#FFFFFF;
}


/***********************************************/
/* Components                                  */
/***********************************************/
#details{
margin-top:-2px;
}
#searchBar{
	position:absolute; 
	width:250px; 
	z-index:1; 
	left: 550px; 
	top: 3px;
	color:#cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:3px 0px 0px 0px;
	}

#searchResults{
	float: left;
  	width: 95%;
	height:auto;
	padding: 0; /* padding removed as it affects height */
}

/***********************************************/
/* Solution for overlapping text in Gecko      */
/***********************************************/


#footer {
position:absolute;
bottom:0;
left:0;
height:50px;
color: #000000;
}

#clearfooter{clear:both;height:50px;width:100%}
div>p {margin:0}
/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border-top:1px solid #cccccc;
	font-size:60%;
	color: #cccccc;
	padding: 10px 10px 5px 10px;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}

/************* #globalNav styles **************/

#globalNav{
	padding: 5px 0px 0px 10px; /*padding:TRBL*/
	color: #cccccc;
	position:absolute;
	z-index:1;
	top:3px;
	text-align:left;
	font-size:10px;
}

#globalNav a {
	color:#cccccc;
	text-decoration:none;
}

#globalNav a:hover {
	color:#FF6600;
	background-color:#FFFFFF;
}

/************* #corpLinks styles **************/

#corpLinks{
	padding: 5px 0px 0px 10px; /*padding:TRBL*/
	color: #cccccc;
	position:absolute;
	z-index:1;
	top:195px;
	text-align:left;
	font-size:10px;
}

#corpLinks a {
	color:#cccccc;
	text-decoration:none;
}
#corpLinks a:hover {
	color:#FF6600;
}
/*********** #navBar link styles **********

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists 
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack 
html>body #navBar li {border-bottom: none;}*//*/

/************** #RHS Nav sub-section styles **************/

#rhsSub{
	padding: 0px 0px 5px 0px;
	height:auto;
	font-size:80%;
}

#rhsSub h3{
	padding: 3px 0px 10px 0px;
	text-align: center;
	background: url(title.gif) repeat-x;
	overflow: hidden;
	font-size: 12px;
	color:#FFFFFF;
	font-weight:100;
}

#rhsSub p{
	padding:0px 3px 0px 3px;
}

#rhsSub input{	
	font-size:9px;
}

#rhsSub select{
	font-size:9px;
}

#rhsSub option{
	width:80px;
	font-size:9px;
	color:#333333;
}


/************** #RHS styles **************/
#rhsNav{
  	float:right;
	width: 17%;
	/*border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-right: 10px;*/
	height:auto;
/*}

#rhsNav{
	margin: 0px 0px 0px 0px;*/
	padding: 0px 0px 20px 0px;		/*padding:TRBL*/
	font-size: 80%;
	background-color:#eee;
}


#rhsNav p{
	padding: 0px 0px 0px 5px;
}

#myCaption{
font-size:11px;
}
/************** .feature styles ***************/

.feature{
	padding: 0px 0px 0px 0px; /*padding:TRBL*/
	font-size: 80%;
	height:auto;
	width:100%;
	text-align:left;
}

.feature h3{
	padding: 6px 0px 5px 0px;
	text-align: center;
	background: url(titleContent.gif) repeat-x;
	overflow: hidden;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

.feature h4{
	padding: 5px 0px 5px 0px;		/*padding:TRBL*/
	text-align: center;
	background-color:#333333;
	overflow: hidden;
	font-size: 12px;
	font-weight:bold;
	color:#FFFFFF;
	font-family:"Times New Roman", Times, serif;
	height:25px;
}

.feature img{
	float: left;
	border:1px solid #CCCCCC; 
	padding:3px;
}

.feature ul{
	text-align:left;	
	padding:0px 0px 0px 5px;;
	margin:0px 0px 0px 5px;

}

.feature li{
	margin:0px;
	font-size:11px;
	list-style:url(../_imgs/arrow_right.gif) outside none;
}

.feature p{
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 10px;
	font-size:11px;
}
/************** .feature2 styles - For AJAX loaded pages***************/

.feature2{
	padding: 0px 0px 0px 0px; /*padding:TRBL*/
	margin: 0px 0px 20px 0px;
	font-size: 75%;
	width:100%;
	text-align:left;
}

/* Hack to removes the extra space/margin as rendered in other (mostly gecko) browsers.
*/
html>body .feature2 {margin-top: -20px;}

.feature2 p{	
	padding: 0px 10px 10px 10px;	
	word-spacing:2px;
	}
.feature2 h3{
	padding: 5px 0px 0px 10px;
	overflow: hidden;
	font-size: 12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000000;
}

.feature2 h4{
	padding: 5px 0px 5px 10px;
	background-color:#333333;
	overflow: hidden;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
.feature2 span{
float:right;
padding:0px 0px 0px 10px;
margin:0px;
}

.feature2 li{
	padding:2px;
	font-size:11px;
	list-style:url(../_imgs/arrow_right.gif) outside none;
}

/************** .story styles *****************/

.storyL{
	padding: 0px 0px 10px 0px;		/*padding:TRBL*/
	font-size: 90%;
	width:49.0%;
	height:auto;
	float:left;	
	text-align:left;
}

.storyL h3{
	padding: 3px 0px 10px 0px;
	text-align: center;
	background: url(titleContent.gif) repeat-x;
	overflow: hidden;
	font-size: 14px;
	color:#FFFFFF;
	}
	
.storyL img{
	border:1px solid #CCCCCC;
	padding:3px;
}	
.storyR{
	padding: 0px 0px 10px 0px;
	font-size: 90%;
	width:49.0%;
	height:auto;
	float:right;	
	text-align:left;
}

.storyR h3{
	padding: 3px 0px 10px 0px;
	text-align: center;
	background: url(titleContent.gif) repeat-x;
	overflow: hidden;
	font-size: 14px;
	color:#FFFFFF;
	}

.storyR h5{
	color:#666666;
	font-size:13px;
	margin-top:0px;
	padding-left:5px;
	background-color:#FFFFFF;
}
.storyR p{
	font-size:11px;
	margin:0px;
	padding:2px;
}
.storyR img{
	margin:0px 2px 0px 1px; 
	padding:0px; 
	border:none; 
	float:left;
}

.storyL span{
	padding: 0px 10px 10px 10px;
}

.storyR span{
	padding: 0px 10px 10px 10px;
}

#dataBox{
width:auto;
height:auto;
padding:10px;
border:1px dotted #cccccc;
margin-bottom:10px;
}

.bioBox h1{
text-align:left;
color:#336699;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
margin-bottom:10px;
}

.bioBox img{
padding:2px;
float:right;
border:1px solid #CCCCCC;
}

.bioBox p{
border:1px solid #CCCCCC;
}

/*
.profiler{
	padding: 0px 0px 10px 0px;
	font-size: 90%;
	width:49.8%;
	height:auto;
	float:right;	
}
.profiler h5{
	color:#666666;
	font-size:13px;
	margin-top:0px;
	padding-left:5px;
}*/

/*************** #SD Menu *******************/
div.sdmenu {
/*float:left;		***WHAT******
width:20%;		/*****USED*********
margin:0px;		/****TO BE*******
padding:0px;	/****navBar*******/
	/*width: 100%;150px;*/
	float:left;		
	width:20%;		
	margin:0px;	
	font-family: Arial, sans-serif;
	font-size: 11px;
	padding-bottom: 10px;
	background: url(bottom160.gif) no-repeat  right bottom;
	color: #fff;
	background-color:#FFFFFF;
}

div.sdmenu div {
	background: url(title.gif) repeat-x;
	overflow: hidden;
}
div.sdmenu div:first-child {
	background: url(title.gif) repeat-x;
}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	padding: 6px 25px;
	font-weight: bold;
	color: white;
	background: url(expanded.gif) no-repeat 10px center;
	cursor: pointer;
	/*border-bottom: 1px solid #ddd;*/
}

/*div.sdmenu div.collapsed span {
	background: url(expanded.gif) no-repeat 10px center;
}*/
div.sdmenu div.collapsed span {
	background-image: url(collapsed.gif);
}

div.sdmenu input{
margin-top:6px;
}
div.sdmenu div em {
	padding:5px 10px;
	background-color:#eee;		/*the background color of the link list*/	
	display: block;
	font-style:normal;
	/*border-bottom: 1px solid #ddd;*/
	color:  #333333; /*#066;*/
	cursor: pointer;
}

div.sdmenu div em.current {
	background : #ccc;
}
div.sdmenu div em.articleMouseOver {
	background : #CC0000 url(linkarrow.gif) no-repeat right center;
	color: #fff;
	text-decoration: none;
}

div.sdmenu div em.articleClick{	
	background-color:#eee;
	color: #333333;
	text-decoration: none;
	/*border:1px solid #000;
	color:#000;
	background-color:#317082;
	color:#FFF;*/
}

div.sdmenu div em.articleOut{	
	background-color:#eee;	
	color:#333333;
}

.clear{
	clear:both;
}
/*Fix this to make sure no other menu item is high-lighted.
div.sdmenu div em:out {
	background : #eee url(linkarrow.gif) no-repeat right center;
	color: #000000;
	text-decoration: none;
}*/
/**********FOR TESTING PURPOSES ONLY**************

div.graph {
	float: left;
	height: 13px; 
	background-color: #0FA5FB;
	border-top: 1px solid #78CBFB;
	border-left: 1px solid #78CBFB;
	border-right: 1px solid #0AA3BE;
	border-bottom: 1px solid #0AA3BE;
	margin: .2em 0 .5em 0;
	}
	
span.percent {
	display: block;
	float: left;
	margin: .4em 0 0 .5em;
	font-size: .8em;
	}
	
span#question {
	display: block;
	font-family: Arial, Helvetica, Verdana;
	font-size: 1.1em;
	color: #000;
	margin: .5em 0 .5em 0;
	}

span#totalvotes {
	display: block;
	clear: left;
	font-family: Arial, Helvetica, Verdana;
	font-size: .85em;
	color: #000;
	}
	
ul#txtPoll {
	margin: 0;
	padding: 0 0 1em 0;
	list-style: none;
	}
	
ul#txtPoll li {
	clear: left;
	font-family: Arial, Helvetica, Verdana;
	font-size: .85em;
	color: #000;
	padding: 0;
	}
*/