/* begin body type */	/* 4 - modern sans a */
		
body	{	
	font-size:	1em;
	font-weight:	normal;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family:	Myriad Web, Geneva, Arial, Helvetica, sans-serif;
	font-size-adjust:	.48;
	}	
		
p, blockquote, ul, ol, dl, dd, li, dir, menu	{	
	/* inherit from body */	
	}	
		
small	{	
	font-size:	.92em;
	}	
		
big	{	
	font-size:	1.17em;
	}	
		
pre	{	
	font-family:	'Monotype.com', Courier New, monospace;
	}	
		
ol li	{	
	list-style-type:	decimal;
	}	

ol ol li	{	
	list-style-type:	lower-alpha;
	}	

ol ol ol li	{	
	list-style-type:	lower-roman;
	}	

table, tbody, tr, td	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family:	Myriad Web, Geneva, Arial, Helvetica, sans-serif;
	font-size-adjust:	.48;
	}	
		
	/* end body type */	




	/* begin header type */	/* 6 - industrial sans */
		
h1	{	
	font-family:	Impact, Arial Black, Helvetica Black, sans-serif;
	font-size-adjust:	.46;
	font-size:	1.75em;
	font-weight:	400;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
h2	{	
	font-family:	Arial Narrow, Helvetica Narrow, sans-serif;
	font-size-adjust:	.46;
	font-size:	1.58em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
h3	{	
	font-family:	Arial Narrow, Helvetica Narrow, sans-serif;
	font-size-adjust:	.46;
	font-size:	1.33em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
h4	{	
	font-family:	Arial Narrow, Helvetica Narrow, sans-serif;
	font-size-adjust:	.46;
	font-size:	1.17em;
	font-weight:	600;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
h5, dt	{	
	font-family:	Arial Narrow, Helvetica Narrow, sans-serif;
	font-size-adjust:	.46;
	font-size:	1em;
	font-weight:	600;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
h6	{	
	font-family:	Arial Narrow, Helvetica Narrow, sans-serif;
	font-size-adjust:	.46;
	font-size:	1em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
tfoot, thead	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family:	Arial Narrow, Helvetica Narrow, sans-serif;
	font-size-adjust:	.46;
	}	
		
th	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family:	Arial Narrow, Helvetica Narrow, sans-serif;
	font-size-adjust:	.46;
	}	
		
hr	{	
	visibility:	visible;
	}	
		
	/* end header type */	




	/* begin affordances */	/* 4 - swiss a */
		
a, address, blockquote, body, cite, code, dd, del, dfn,		
div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, iframe, img, kbd,		
li, object, ol, p, q, samp, small, span, strong, sub, sup, ul, var, 		
applet, big, center, dir, font, hr, menu, pre,		
abbr, acronym, bdo, button, fieldset, ins, label	{	
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	text-decoration:	none;
	border-color:	black;
	border-style:	none;
	}	
		
body	{	
	color:	black;
	background:	white;
	}	
		
em	{	
	font-style:	normal;
	font-weight:	bold;
	color:	black;
	background:	white;
	}	
		
strong	{	
	font-style:	italic;
	background:	white;
	font-weight:	bold;
	color:	black;
	}	
		
em strong, strong em	{	
	text-transform:	uppercase;
	font-style:	normal;
	font-weight:	bolder;
	background:	white;
	color:	red;
	}	
		
b	{
	font-weight:	bold;
	}
	
i	{
	font-style:	italic;
	}
		
.warning	{	
	text-transform:	none;
	font-style:	normal;
	font-weight:	bolder;
	background:	white;
	color:	red;
	}	
		
del	{	
	text-decoration:	line-through;
	background:	#F66;
	}	
		
ins	{	
	text-decoration:	underline;
	background:	yellow;
	}	
		
var, cite, dfn, .note	{	
	font-style:	italic;
	}	
		
address	{	
	font-style:	normal;
	letter-spacing:	.1em;
	}	
		
acronym	{	
	font-variant:	small-caps;
	letter-spacing:	0.1em;
	}	
		
h1, h2, h3, h4, h5, h6, dt, th, thead, tfoot	{	
	color:	black;
	background:	white;
	}	
		
hr	{	
	color:	black;
	}	
		
#colophon	{	
	display:	none;
	}	
		
col, colgroup, table, tbody, td, tr	{	
	color:	black;
	text-decoration:	none;
	border-color:	black;
	border-style:	none;
	background:	white;
	}	
		
a:link	{	
	text-decoration:	none;
	font-weight:	bold;
	color:	#000000;
	background:	#99ff66;
	}	
		
a:visited	{	
	text-decoration:	none;
	font-weight:	bold;
	color:	#333333;
	background:	#ccff66;
	}	
		
a:active	{	
	text-decoration:	none;
	font-weight:	bold;
	color:	#ffffff;
	background:	#009900;
	}	
		
a:hover	{	
	text-decoration:	none;
	color:	#ffffff;
	background:	#009900;
	}	
		
a.offsite	{	
	text-decoration:	none;
	font-weight:	normal;
	color:	#C00;
	background:	#CCFF99;
	}	
		
a.offsite:visited	{	
	text-decoration:	none;
	font-weight:	normal;
	color:	#333333;
	background:	#CCFF99;
	}	
		
a.offsite:hover	{	
	text-decoration:	none;
	font-weight:	normal;
	color:	#ffffff;
	background:	#990000;
	}	
		
	/* end affordances */	




	/* begin vertical */	/* 1 - pentatonic a */
		
a, address, blockquote, cite, code, dd, del, dfn,		
div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, iframe, img, kbd,		
li, object, ol, p, q, samp, small, span, strong, sub, sup, ul, var, 		
applet, b, big, center, dir, font, hr, i, menu, pre, s, strike, tt,		
u, abbr, acronym, bdo, button, fieldset, ins, label	{	
	margin-top:	0;
	margin-bottom:	0;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	vertical-align:	baseline;
	}	
		
body	{	
	line-height:	1.58em;
	}	
		
div > p:first-child, body > p:first-child, td > p:first-child	{	
	margin-top:	.75em;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, div + p, p.initial	{	
	margin-top:	.75em;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
h1, h2, h3, h4, h5, h6	{	
	line-height:	1.33em;
	}	
		
h1	{	
	margin-top:	1.33em;
	margin-bottom:	.33em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
h2	{	
	margin-top:	1.75em;
	margin-bottom:	.33em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
h3	{	
	margin-top:	1.58em;
	margin-bottom:	.33em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
h4	{	
	margin-top:	1.33em;
	margin-bottom:	.33em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
h5	{	
	margin-top:	1.17em;
	margin-bottom:	.33em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
h6	{	
	margin-top:	1em;
	margin-bottom:	.33em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
p	{	
	margin-top:	.75em;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
blockquote, fieldset, form, ul, ol, dl, dir, menu	{	
	margin-top:	.75em;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
dt	{	
	margin-top:	0;
	margin-bottom:	0;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
dd	{	
	margin-top:	0;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
ul ul, ol ol, li address, li dl, li ol, li p, li ul, li dir, li hr, li menu, li pre, li h1, li h2, li h3, li h4, li h5, li h6, dd address, dd dl, dd ol, dd p, dd ul, dd dir, dd hr, dd menu, dd pre, dd h1, dd h2, dd h3, dd h4, dd h5, dd h6	{	
	margin-top:	0;
	margin-bottom:	0;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
li	{	
	margin-top:	0;
	margin-bottom:	0;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
address	{	
	margin-top:	1.58em;
	margin-bottom:	1.58em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
pre	{	
	margin-top:	.75em;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	line-height:	1.25em;
	}	
		
hr	{	
	margin-top:	.75em;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	height:	1px;
	}	
		
div, center	{	
	margin-top:	0;
	margin-bottom:	0;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
.subhead	{	
	margin-top:	.75em;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
.stb	{	
	margin-top:	2.17em;
	margin-bottom:	.75em;
	padding-top:	2.17em;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	border-style:	solid
	}	
		
.mtb	{	
	margin-top:	3.08em;
	margin-bottom:	.75em;
	padding-top:	3.08em;
	padding-bottom:	0;
	border-top:	.1em;
	border-bottom:	0;
	border-style:	solid
	}	
		
.ltb	{	
	margin-top:	4.34em;
	margin-bottom:	.75em;
	padding-top:	4.34em;
	padding-bottom:	0;
	border-top:	.25em;
	border-bottom:	0;
	border-style:	solid
	}	
		
col, colgroup, table, tbody, td, tfoot, th, thead, tr	{	
	margin-top:	0;
	margin-bottom:	0;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
td, th	{	
	line-height:	1.33em;
	}	
		
	/* end vertical */	




	/* begin horizontal */	/* 4 - fibonacci */
		
a, address, blockquote, cite, code, dd, del, dfn,		
div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, iframe, img, kbd,		
li, object, ol, p, q, samp, small, span, strong, sub, sup, ul, var, 		
applet, b, big, center, dir, font, hr, i, menu, pre, s, strike, tt,		
u, abbr, acronym, bdo, button, fieldset, ins, label	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	float:	none;
	clear:	none;
	list-style-position:	outside;
	}	
		
address, blockquote, dl, fieldset, form, ol, 		
p, ul,  dir, hr, menu, pre	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	2%;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	}	
		
div > p:first-child, body > p:first-child, td > p:first-child	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	2%;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	text-indent:	0;
	}	
		
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, div + p, p.initial	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	2%;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	text-indent:	0;
	}	
		
h1	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	}	
		
h2	{	
	margin-left:	0%;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	}	
		
h3	{	
	margin-left:	4%;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	}	
		
h4	{	
	margin-left:	7%;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	}	
		
h5	{	
	margin-left:	7%;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	}	
		
h6	{	
	margin-left:	7%;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	}	
		
p	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	2%;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-indent:	0;
	}	
		
blockquote	{	
	margin-left:	4%;
	margin-right:	0;
	padding-left:	2%;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	}	
		
address	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	11%;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	}	
		
pre	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	11%;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	}	
		
li	{	
	margin-left:	4%;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	}	
		
dt	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	}	
		
dd	{	
	margin-left:	4%;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	}	
		
ul ul, ol ol, li address, li dl, li ol, li p, li ul, li dir, li hr, li menu, li pre, li h1, li h2, li h3, li h4, li h5, li h6, dd address, dd dl, dd ol, dd p, dd ul, dd dir, dd hr, dd menu, dd pre, dd h1, dd h2, dd h3, dd h4, dd h5, dd h6	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	}
			
hr	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	2%;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	width:	100%;
	}	
		
center	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	}	
		
col, colgroup, table, tbody, td, tfoot, th, thead, tr	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	float:	none;
	clear:	none;
	}	
		
table	{	
	text-align:	left;
	}	
		
td	{	
	text-align:	left;
	}	
		
th	{	
	text-align:	left;
	}	
		
caption	{	
	text-align:	left;
	}	
		
	/* end horizontal */	




	/* begin body box */	/* 4 - 'twenty-fourths symmetric' */

body	{
	margin-top:	1.58em;
	margin-left:	4%;
	margin-right:	2%;
	margin-bottom:	1.58em;
	padding-top:	0;
	padding-left:	0;
	padding-right:	0;
	padding-bottom:	0;
	border-top:	0;
	border-left:	0;
	border-bottom:	0;
	border-right:	0;
	width:	auto;
	}
	/* end body box */


/* Properties that both side lists have in common */
div.link-list {
        width:150px;
        position:absolute;
        top:0;
        font-size:80%;
        padding-left:1%;
        padding-right:1%;
        margin-left:0;
        margin-right:0;
}
/* we leave some place on the side using the margin-* properties */
#main {
        margin-left: 149px;
        margin-right:123px;
        min-width: 25em;
        max-width: 33em;
        width:expression( 
           document.body.clientWidth > (500/12) * 
           parseInt(document.body.currentStyle.fontSize)?
             "30em":
             "auto" );
        padding-left:1em;
        padding-right:1em;
        voice-family: "\"}\"";
        voice-family: inherit;
        margin-left: 151px;
        margin-right:125px;
    }


/* and then we put each list on its place */
#list1 {
    background-color: #009900;
    left:0;
    color: #000000;
    font-size: 12px;
    padding: 0;
    }


#list2 {
        right:0;
        background:	#CCFF99;
        width:124px;
} 


  #list1 h3  {
    font-size: 125%;
    font-weight: bold;
    color: #ffffff;
    background-color: transparent;
    padding: 10px 0 0 5px;
    margin: 0;
    text-align: center;
    }
  
  #list1 h3 a {
    color: #ffffff;
    background-color: transparent;
    padding: 0 0 0 0;
    line-height: 14px;
    }  


  #list1 ul {
    margin: 0 0 5px 0;
    padding: 0;
    list-style: none outside;    
    }
  
  #list1 ul li {
    margin: 0;
    padding: 2px 0 0 0;
    text-indent: -14px;
    }

  #list1 ul li a  {
    font-size: 12px !important;
    color: #ffffff;
    background-color: transparent;
    padding: 0 0 0 19px;
    line-height: 14px;
    }  

  #list1 ul li a img  {
    line-height: 14px;
    vertical-align: bottom;
    }

  #list1 ul li a.menuhover:hover img  {
    background-color: #fff;  
    }

/*
  #list1 ul li a#home:hover img  {
    background-color: #fff;  
    }
*/
object.exampleleft { position :absolute; left:2px;  } 
object.exampleright { position :absolute; right:2px;  } 
object.logo{position :relative; top:0 }

@media print {
#main {
        width: 60em;
        margin: 0 5%;
    }

#list1 { visibility: hidden; } 
#list2 { visibility: hidden; } 
body { font-size: 12pt;  }

a:link, a:visited, a.offsite:link, a.offsite:visited  {
        color: #520;
        background: transparent;
        font-weight: bold;
        text-decoration: underline;
        }
a:link:after, a:visited:after, a.offsite:link:after, a.offsite:visited:after  {
        content: " (" attr(href) ") ";
        font-size: 90%;
        }

}