﻿UL 
{
	padding-left: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
}

li
{
	 line-height: 1.5;
/*   list-style-image: url('images/inline-bullet.gif');*/
	 padding: 0pt 1vw 1vw 1vw;
}


body
{
	padding: none;
	margin: 0px;
}

h1
{
	font-family: arial;
	font-size: 16pt;
	font-weight: bold;

	color: #3060C0; 
	text-decoration: none; 
}

img a
{
	border: none;
}

p
{
	line-height: 1.5;
	margin: 0pt 0pt 16pt 0pt;
}

strong
{
	color: #3060C0; 
}

.ImageLeftRounded
{
	width: 25vw;
	height: auto;	
	  
	margin: 0vw 3vw 2vw 0vw; 
	float: left;
	border: none;
	border-radius: 2vw 2vw 2vw 2vw;
	clear: right;
}

.ImageLeft
{
	width: 25vw;
	height: auto;	
	  
	margin: 0vw 3vw 2vw 0vw; 
	float: left;
	border: none;
	clear: right;
}

.ImageLeftNoResize
{
	margin: 0vw 3vw 2vw 0vw; 
	float: left;
	border: none;
	clear: right;
}


.ImageRight
{
	width: 25vw;
	height: auto;	
	  
	margin: 0vw 0vw 2vw 3vw; 
	float: right;
	border: none;
	clear: right;
}

.Bullet
{
	width: 12pt;
	height: 12pt;
	margin-right: 4pt;
}

/*
=======================================
Top of page
=======================================
*/

.MainTable
{
	width: 100%;
	height: 100%;
	border-collapse: collapse; 
	border-top: 1vw #7470D8 solid;
}


.MainTitleCell
{
	width: 30vw !important;
	min-width: 30vw !Important;
	height: 10vw;
	
	padding: 0vw;
	text-align: left;
	vertical-align: middle;
	border-left: 1vw #7470D8 solid;	
	
	background-color: #3430A0; 
	background-image: url('images/c64-header.gif');
	background-position:center;
	background-repeat:no-repeat; 
	background-size: 26vw auto /*216px 48px;;*/
}

.MainMenuCell
{
	background-color: #3430A0;  
	text-align: left; 
	padding: 0vw;
	vertical-align: middle;
	border-right: 1vw #7470D8 solid;		
}

/*
=======================================
Menu
=======================================
*/


.MenuTable
{
	border: none;
	padding: 0px;
	text-align: center;
	color:#FFFFFF;
}

.MenuItemCell,
.MenuCurrentCell 
{
	padding: 0.25vw;
	vertical-align: middle;
	font-family:  Arial;  /*"Commodore 64 Pixeled", */
	font-size: 1.5vw;
	font-weight: bold;
	white-space: nowrap;
	text-transform: uppercase;
}

.MenuItemCell a 
{ 
	border: 0.5vw solid #7470D8; 
	border-radius: 1vw;  
	color: #7870D8;  
	padding: 1vw;
	display: block ; 
	text-decoration: none;
}

.MenuCurrentCell a 
{ 
	border: 0.5vw solid #7470D8;
	border-radius: 1vw;  
	background-color: #7470D8; 
	color: #3830A0 ;   
	padding: 1vw;
	display: block ; 
	text-decoration: none;
}

.MenuItemCell a:hover
{ 
	border-color: #B0B0B0;
	color: #B0B0B0;   
 }

.MenuCurrentCell a:hover
{ 
	border-color: #B0B0B0;
	background-color: #B0B0B0; 
	color: #3830A0;  
}

/*
=======================================
Body
=======================================
*/
.MainContentBody
{
	font-family: arial;
	font-size: 10pt;
	color: #000000;
	text-align: left;
	vertical-align: top;

	padding-left: 16px;
	padding-right: 16px;
	padding-top: 24px;

	border-top: 1vw #7470D8 solid;
}

.MainContentBody a,
.MainContentBody a:link
{ 
	color: #884038; 
	text-decoration: none;
	font-weight: bold;
}

.MainContentBody a:hover
{ 
	color: #884038; 
	text-decoration: underline;
	font-weight: bold;
}


/*
=======================================
Sections
=======================================
*/

BODY .SectionBorderTable
{
	width: 85vw;
}

.SectionBorderTable
{
	background-color: #C0C0C0;
	border: 0.125vw #000000 solid;
	border-collapse: collapse;
	margin: 8vw auto 8vw auto;

}

.SectionBorderCell
{
	padding: 0.5vw;
	background-color: #C0C0C0;
}


.SectionTable h3
{
	font-weight: bold;
	font-size: 14pt; /* 4vw; */
	color: #000080; 
	text-decoration: none; 
	margin-top: 8pt;

}

.SectionTable
{
	 width: 100%;
	 border-collapse: separate; /*collapse*/;
	 border: 0.125vw #000000 solid;
	 border-spacing: 0px;
}
		
.SectionHeaderCell
{
	 padding: 0px;
	 font-family: arial;
	 font-size: 12pt; /*2vw;*/
	 font-weight: bold;
	 text-align: center;

	 height: 24pt; /*4vw;*/
	 background-color: #000080; 
	 color: #FFFFFF;
}
 
.SectionControlCell
{
	width: 28pt !important; /* 4vw !important; */
	height: 24pt !important; /* 4vw !important; */
	min-width: 24pt !important;
	padding: 0px;
	 
	background-image: url('images/icon-control.png');
	background-position:center;
	background-repeat:no-repeat; 
	background-size: 12pt 12pt; /*1.5vw 1.5vw;*/
}

.SectionMinCell
{
	width: 24pt !important; /* 4vw !important; */
	height: 24pt !important; /* 4vw !important; */
	min-width: 24pt !important;
	padding: 0px;
	
	background-image: url('images/icon-minimize.png');
	background-position:center;
	background-repeat:no-repeat; 
	background-size: 12pt 12pt; /*1.5vw 1.5vw;*/

	border-top: 2pt #FFFFFF solid;
	border-left: 2pt #FFFFFF solid;
	border-right: 2pt #808080 solid;   
	border-bottom: 2pt #808080 solid;
}

.SectionMaxCell
{
	width: 24pt !important; /* 4vw !important; */
	height: 24pt !important; /* 4vw !important; */
	min-width: 24pt !important;
	padding: 0px;

	background-image: url('images/icon-maximize.png');
	background-position:center;
	background-repeat:no-repeat; 
	background-size: 12pt 12pt; /*1.5vw 1.5vw;*/

	border-top: 2pt #FFFFFF solid;
	border-left: 2pt #FFFFFF solid;
	border-right: 2pt #808080 solid;   
	border-bottom: 2pt #808080 solid;
}

.SectionBodyCell
{
	 font-family: arial;
	 font-size: 12pt; /*2vw;*/
	 
	 padding: 3vw;  
	 background-color: #FFFFFF; /*#F0F0F0;*/
	 border-top: 0.125vw #000000 solid; 
	 vertical-align: middle;
}

.SectionBodyCell a,
.SectionBodyCell a:link
{ 
	color: #800000; 
	text-decoration: none;
	font-weight: bold;
}

.SectionBodyCell a:hover
{ 
	color: #C00000; 
	text-decoration: underline;
	font-weight: bold;
}

/*
=======================================
Questions
=======================================
*/

.QuoteTable
{
	width: 100%;	
	margin-bottom: 24pt;
	border-collapse:collapse;
}

.QuoteImage
{
	vertical-align: top; 
	width: 12pt;
	height: 8pt;
	margin: 0pt 4pt 0pt 4pt;
}

.QuoteCellLeft
{
	vertical-align: top;
	width: 16pt;
}


.QuoteCellText
{
	vertical-align: top;
	font-weight: bold;
	color: #3060C0;
	line-height: 1.5;
	padding: none;
}

.QuoteCellBlank
{
	 		
}

.QuoteCellSource
{
	 padding-top: 8pt;
	 line-height: 1.5;
}


/*
=======================================
Chart
=======================================
*/

.ChartTable
{
	border: 1px solid #202020;
	border-collapse: collapse;
}

.ChartColumn
{
	padding: 8px;
	border: 1px solid #103050; 
	
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF; 
	background-color: #306090;
}

.ChartBody
{
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 16px;
	padding-right: 16px;
	border: 1px solid #103050;  
	background-color: #F8F8F8;
	font-family: arial;
	font-size: 10pt;
	color: #202020;
}

