@charset "UTF-8";


Body {
	margin: 0px;
	padding: 0px;
	background-color: #CCCCCC;
	}


#mainTable {

	background-image:url(imagesNew/backStretch.jpg);
    background-repeat: repeat-y;  
    /*margin-left:100px;*/
	margin-left: auto;
    margin-right: auto;
    width:819px;

}

#mainTableWebf {

	background-image: url(imagesNew/stretch-ss.jpg);
    background-repeat: repeat-y;  
    /*margin-left:100px;*/
	 margin-left: auto;
     margin-right: auto;
     width:819px;
	
}


/* --- for Callout with links or pullquotes	--- */

table.callout {
	width:150px;
	float:right;
	padding:4px 0 14px 10px;
	border-left:#CCC solid 1px;
	margin-left: 10px;
	}
	
	
table.callout p {
	font-size:16px;
	font-style:italic;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	line-height:120%;
	}

table.callout p.link {
	font-size:11px; 
	font-style:normal; 
	font-family:Verdana, Geneva, sans-serif;
	}
	





p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666; /* #999999; */
	line-height: 16px;
	font-stretch: expanded;
}


p.subh {
	font-weight:bold;
}


.c999 p {
	color:#999;
}

#inthis {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666; /* #999999; */
	line-height: 13px;
	font-stretch: expanded;
	margin-top:0px;

}

#inthis img {

margin-top:6px;
margin-bottom:6px;
margin-right:10px;

border: solid 1px #999;
/* border-bottom: solid 1px #666;  */

}

#inthis a:visited {
 
/*	text-decoration:none;  */
	}
	
#inthis a {
	color: #666666;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
#inthis a:hover {
	color: #333333;
	text-decoration: underline;  none;
	
	}



h1 {
    
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #666666;
	line-height: 22px;
	font-stretch: expanded;
}

h2 {
    
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #666666;
	line-height: 22px;
	font-stretch: expanded;
	margin-top:-10px;
}



h3 {
    
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	line-height: 18px;
	font-stretch: expanded;
	margin-top:-10px;
}



/*------- CUSTOM LINK DEF  (external link with icon ------------  */


a.external {
    background: url(/images/external.png) center right no-repeat;
    padding-right: 13px;
}




.caption {

    color:#333333;
    font-size: 10px;
	line-height: 14px;
	margin-top: 0px;
}

.pixtable { 
margin: 10px 0 -10px 0;
}

.pixtable img {
	border:#999 solid 1px;
}


#by {
margin-top:-12px;
font-variant:small-caps;
}

#story {/* */
    
	width:460px;
	margin-top:0px; 
	margin-left:20px;
	margin-right:20px;
	
}


#footer {
	background-image: url(imagesNew/backFooter.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 16px;
 
	border:solid 1px #009966; /*
	 width: 820px; */
}


/*  ----------- This section to do with Web Items on the story page ------------*/

#webitem {  /* for older image-based version of the webitem box */
margin-left:10px; margin-top:16px;
}

.webf4story {
	width:132px;
	background-color:#CCC;
	border:1px #999 solid;
	background-image:url(images/webf4story.jpg);
	background-repeat:no-repeat;
	padding:0px 4px 6px 10px;
	margin:5px 10px 5px 0;
}

.webf4story img {
	margin-top:32px;
	border:1px #999 solid;
}

.webf4story td {
	vertical-align:top;
}

.webf4story p {
	margin-bottom:4px;
}



/*  ----------- CUSTOM LINK: greylink_noborder ------------*/


a.greylink_noborder:visited {  
    color: #666666; #999999;
	text-decoration:none; 
	}
a.greylink_noborder{
	color: #999999;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
a.greylink_noborder:hover{
	color: #333333; #cccccc; 
	text-decoration: none;
	
	}

/*  ----------- CUSTOM LINK: greylink_colse ------------*/


a.greylink_close:visited {  
    color: #cccccc; #999999;
	text-decoration:none; 
	}
a.greylink_close{
	color:  #cccccc;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
a.greylink_close:hover{
	color: #ffffff; #333333;
	text-decoration: none;
	
	}
	
	
/*  ----------- VIDEO pages css ------------*/


p.navi {
color: #999;
margin-top:5px;
text-align: right;
}

.title {  /* this is the TITLE  */
	font-size: 18px; large;
	font-weight: bold;
	color:#CCCCCC;
	/*margin-left: 10px; */
	margin-top:0px;
	line-height:22px;
}

/*  ----------- webf pages css ------------*/

.textbu {
	float:left; 
    margin-left:4px;
    margin-top:1px; 
    border-top: solid 1px #999;
	border-right: solid 1px #404float:left; 
    margin-left:4px;
    margin-top:1px; 
    border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
    background-color: #666666;
    height:15px;
    line-height:13px;;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
    background-color: #666;
    height:15px;
    line-height:13px;
	     }
