html, body{ 
 margin:0; 
 padding:0; 
 font-size: 76%;
 color: #333333; 
 font-family: Arial, Helvetica, Sans-Serif; 
 background: url(../images/background.gif) #ffffff repeat; 
}
#pagewidth{ 
 width:774px;
 margin-left: 20px; 
 border: 1px solid #333333;
 background-image: url(../images/backgTWN.gif);
 background-repeat: repeat-y;  
 background-color: #ffffff;
}
#header{
 position:relative;
 float:left;  
 background-image: url(../images/twn_headerbg.gif);
 background-repeat: repeat-x; 
 width:100%; 
}
#nextissue{
 position: absolute;
 left: 610px;
 top: 30px;
 width:20%;
 z-index: 1;
}
#leftcol{
 width:140px; 
 float:left; 
 position:relative; 
 padding: 10px;
}
.sidebar{
 float: right;
 width: 150px;
 background-color:#dfe7ef;
 border: 1px solid #cccccc;
 margin-left: 10px;
 margin-bottom: 5px;
 padding: 5px;
 }
.sidebar p{
 font-size:1.2em;
 }
/*To stop the list bullet (background img) disappearing...*/
ul, ol, dl{
 position: relative;  
}
#twocols{
 width:604px; 
 float:right; 
 position:relative; 
}
#rightcol{
 width:130px; 
 float:right; 
 padding: 10px;
 position:relative; 
}
#maincol{
 background-color: #FFFFFF;  
 float: left; 
 display:inline; 
 position: relative; 
 width:424px; 
 padding: 10px 5px 10px 5px;
}
#footer{
 height:20px;
 background-color:#FFFFFF;
 clear:both;
 border-top:1px solid #cccccc;
 padding: 10px;
}
a{
 color: #000000;
 text-decoration:none;
 border-bottom: 1px dashed #666666;
}
a:link{
 color:#000000;
}
a:visited {
 color:#000000;
}
a:hover{ 
 color: #FF0000;
 border-bottom: 1px dashed #FF0000;
}	
p{
 font-size: 1.4em;
}
#smaller p{
 font-size:1.4em;
 }
#rightcol p, #leftcol p{
 font-size: 1.2em;
}
H1{
 margin: 5px 0px -10px 0px;
 font-size: 18px; 
 padding: 0px 0px 3px 0px;
 border-bottom: 4px solid #999999;
}
H2{
 margin: 5px 0px -10px 0px;
 font-size: 16px; 
 padding: 0px 0 2px 0;
 border-bottom: 2px solid #CCCCCC;
 font-style: italic;
}
H3{
 font-size: 1.6em;
 font-weight: bold;
 font-style: italic;
 color:#333333;
 border-bottom: 5px solid #999999;
 border-top: 2px solid #FF0000;
 padding-top: 2px;
 padding-bottom: 2px;
 margin: 5px 0px -10px 0px;
}
H4{
 margin: 0px;
 font-size: 14px;
 line-height: 130%;
 color: #FF0000;
 font-weight:bold;
}
.twnlist{
 margin: 0px 0px 10px 3px;
 padding: 0;
 list-style: none;
}
.twnlist li{
 padding-left: 15px;
 padding-bottom: 5px;
 background-image:  url("../images/bullet.gif");
 background-repeat: no-repeat;
 font-size: 1.4em;
}
#images a{
 border-bottom: 0px;
}
#twn_next{
 text-align: right;
}
#twnimage{
 border: 1px solid #999999;
}
.twnimageright{
 float: right;
 border: 1px solid #cccccc;
 margin-left: 10px;
}
.twnimageright li {
 font-size: 1.2em;
 }
#twnThumbsTable{
 /*margin: 10px;*/
}
.photocredit{
 text-align: right;
 font-size: 1em;
}
#caption{
 font-size: 10px;
 color: #333333;
 line-height: normal;
}
#dateUpdate{
 font-size: 10px;
 color: #333333;
 line-height: normal;
 margin-bottom: 0;
 text-align: right;
}

#highlightText{
 color: #CC0000;
}
#audioIcon {
 float:left;
 background-image: url(../images/symbol-audio2.gif);
 background-repeat: no-repeat;
 padding-left: 30px;
 width: 370px;
 }

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after{
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}

/* End hide from IE-mac */  

 
 /*printer styles*/ 
@media print{ 
#leftcol{
 border-right: 1px solid #999999;
}
 
#rightcol{
 border-left: 1px solid #999999;
}
#header{
 border-bottom: 1px solid #999999;
}
.twnlist{
 margin: 0px 0px 10px 15px;
 padding: 0;
 list-style: square;
}
/*hide the left column when printing*/ 
/*#leftcol{display:none;} */

/*hide the right column when printing*/ 
/*#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}*/
}
.video {
margin-left: 30px;
width: 400px;
}