/* stylesheet for true stories */

html, body { 
	background-color: #FFFFFF; color: #000000; font-family: Helvetica, Arial;  font-size: 16px;
	margin: 0; padding: 0;
}

p, td, ol, ul, li { font-family: Helvetica, Arial;  font-size: 16px;}

ul {list-style-image: url(images/bullet.jpg);}

ul ul li {list-style-image: url(images/sub_bullet.jpg);}

ul ul ul li {list-style-image: url(images/sub_sub_bullet.jpg);}

p.quote { margin-left: 20px; margin-right: 20px; }

.wyk p {margin-top:0px; margin-bottom:1em;}

.wyk div.scrolltext p {margin-top:0px; color:#000;} /*Both default p and .ScenarioNew now black -- decision by ASEP*/

.wyk .ScenarioNew {color:#000; font-weight: normal;}

.wyk .scrolltext {
	position : relative ; 
	overflow: auto;
	width: 485px;	/* we're going to add 10px padding, for a total of 500px */
	padding-left: 10px;
	padding-right: 20px;
	height: 330px;
	margin-top: 10px;
	}
/* commented backslash hack v2 -- IE5Mac shouldn't see this \*/
.wyk div.scrolltext { overflow: auto; height: 330px; padding-right: 4px; }
/* end hack */

/* for IE5 Win/Mac, because IE5 incorrectly adds padding inside the width */
/* Other browsers get restored to the real value */
	
/* use Simplified Box Model Hack to cope with IE5's broken box model */
* html .wyk div.scrolltext {
	width: 465px;
	padding-bottom:1em;
	/* start Mac hack \*/
	width: 499px;	
	w\idth: 485px;
	padding-bottom:0;
	/* end Mac hack */	
	}


	
/* when inside a true story body, additional rules */
.wyk h1 {
	color: #000000; font-weight: bold; font-size: 19px;
	padding-top: 3px;
	background: url(images/ban_strip30.jpg) no-repeat;
	width: 500px;
	padding-left: 10px;
	border-bottom: 3px solid #990000;
	margin:0;

	}

.wyk h2 {
	color: #993333; font-weight: bold; font-size: 18px;
	height: 40px;
	padding-left: 50px;
	background: url(images/icon_what.jpg) no-repeat;

	}

.wyk hr {
	color: #993333; 
	background: #993333; 
	border: 0; height: 1px;
	}

a:link { color: #006699;}

a:visited { color: #996666;}

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

a:active { color: #003366;}

div#bottomnav {
	width: 500px;
	height: 20px;
	padding-top: 5px;
	padding-right: 0px;
	text-align: right;
	border-top: 1px solid #993333;
	}
		
a.close {
	display: block;
	float: right;
	background: url(images/btn_close.jpg) no-repeat;
	width: 54px;
	height: 23px;
	}
	
.Text { color: #000000; font-family: Helvetica, Arial; font-size: 16px;}
.TextSmall { color: #000000; font-family: Helvetica, Arial; font-size: 12px;}

/*.ScenarioNew {color: #006666; font-weight: bold;}*/

.NewTerm {color: #000000; font-weight: bold;}

.Bold, .bold {font-weight: bold;}

.Italics { font-style: italic;}

.Underline { text-decoration: underline;}

.Highlight { background-color: #FFFF00;}

.Emphasis1 {color: #000000; font-weight: bold; font-style: italic;}
.Emphasis2 {color: #993333; font-weight: bold;}
.Nav {color: #993333; font-weight: bold;}

td, th {padding: 3px; vertical-align:top;}
th {text-align: left;}

table, th, td {border: 2px solid black;}
table {border-width: 2px 1px 1px 2px; border-color: #F1EDE8 #AE947A #AE947A #F1EDE8;}
th, td {border-width: 1px 2px 2px 1px; border-color: #AE947A #F1EDE8 #F1EDE8 #AE947A;}

.borderless, .borderless td, .borderless th { border: 0;}

.TableTitle {
	color: #003333;
	background-color: #B60FDF;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	}
	
.TableTitleSM {
	color: #003333; 
	background-color: #B60FDF;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	}

.ColTitle {
	color: #000000;
	background-color: #B60FDF;
	font-weight: bold;
	font-size: 16px;
	}
	
.ColTitleSM {
	color: #000000;
	background-color: #B60FDF;
	font-weight: bold;
	font-size: 12px;
	}

.RowTitle {
	color: #000000;
	background-color: #E0E0E0;
	font-weight: bold;
	font-size: 16px;
	}
	
.RowTitleSM {
	color: #000000;
	background-color: #E0E0E0;
	font-weight: bold;
	font-size: 12px;
	}

.fl {
    margin-left: 0;
    margin-top: 0;
    float: left;
    }

	
.wyk img {
	margin: 10px;
	border: 0;
	}