BODY {background-color: #666666;
	text-align: center;
	}

#outer_wrapper {width: 80%;
	margin-left: auto;
	margin-right: auto;
	}

#pagetop {background-color: #EEEEEE;
	text-align: left;
	padding-top: 8px;
	padding-bottom: 8px;
	background-image: url(grey.gif);
	background-repeat: repeat;
	height:55px;
	}

#image_spacer {width: 190px;  
	float: left; 
	height: 1px;
	}
/*pushes image over to 190px;*/
/*and makes the images in the pagetop behave nicely;*/


#namepart {background-color: #EEEEEE;
	background-image: url(grey.gif);
	}

#logopart {background-color: #EEEEEE;
	padding-right: 5px;
	float: right;
	background-image: url(grey.gif);
	}

#wrapper {BACKGROUND: #dedede url(spacer_190px.gif) repeat-y left}

/*Very Important: values must be written in the 'brief' form as above.*/
/*Very Important: background colours and gifs are not the same colour.*/
/*The wrapper bg colour should be the same as the content div.*/
/*Especially if the Content div is short,*/
/*or you can see the wrapper's colour beneath it. */
/*But if the Sidebar div is short, you can see the*/
/*container's colour beneath it.*/

#container {width: 100%;
	background-color: #EEEEEE;
	background-image: url(spacer_190px.gif);
	background-repeat: repeat-y left;
	float: right;
	margin-left: -190px;
	margin-right: 0px;
	margin-top: 0px;
	}
/*IE insists on making a gap between*/
/*the footer and what ever comes before it. */
/*If the Sidebar div is short, you can see the*/
/*container's colour beneath it.*/


#contentpanel {
	background: #DEDEDE;
	text-align: left;
	margin-left: 190px;
	padding-left: 20px;
	padding-right: 20px;
	}

#sidebar {width: 180px;
	float: left;
	background: #FFFFFF;
	background-image: url(spacer_190px.gif);
	background-repeat: repeat-y left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: left;
	}
/*width 180 + padding 10 = 190: crucial for layout*/


.content_footer {margin-bottom: 0px;
	font-size: 10pt;
	font-weight: bold; 
	font-family: arial, helvetica, verdana, sans serif; 
	text-decoration: none;
	padding-bottom: 10px;
	}
/*stops some browsers from making an unwanted border or gap;*/


.clearing {height: 0;
	clear: both;
	}
/*stops some browsers from making an unwanted border or gap;*/


#foot {color: #666666;
	background-color: #EEEEEE;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 180px;
	font-weight: 400; 
	font-size: 8pt;
	font-family: arial, helvetica, verdana, sans serif; 
	text-decoration: none;
	}


/*here are some floaters for table-ish uses*/

div.floatholder {border: 3px #dedede;
	background-color: #dedede;
	}

div.floater {background-color: transparent;
	float: left;
	padding: 4px;
	margin: 4px;
	text-align: center;
	height: 180px;
	}
  
div.floater p {text-align: center;
	margin: 1px;
	}
/*End of floaters*/


H1	{color: #666666;
	margin-top: 0px;
	padding-top: 10px;
	font-weight: 850; 
	font-size: 18pt;
	letter-spacing: 0.2em;
	font-family: arial, helvetica, verdana, sans serif; 
	}
/*MUST have margin-top 0px.*/
/*For the layout.*/


p	{color: #666666;
	font-weight: bold; 
	font-size: 10pt;
	font-family: arial, helvetica, verdana, sans serif; 
	text-decoration: none;
	}

p.words {color: #666666;
	font-weight: bold; 
	font-size: 10pt;
	font-family: arial, helvetica, verdana, sans serif; 
	text-decoration: none;
	padding-bottom: 12px;
	}

p.words A:link {color: #000000;
	font-weight: bold; 
	font-size: 10pt;
	font-family: arial, helvetica, verdana, sans serif; 
	text-decoration: none
	}

.words A:active {color: #666666;
	font-weight: bold; 
	font-size: 10pt;
	font-family: arial, helvetica, verdana, sans serif; 
	text-decoration: none
	}

.words A:visited {color: #999999;
	font-weight: bold; 
	font-size: 10pt;
	font-family: arial, helvetica, verdana, sans serif; 
	text-decoration: none
	}

.words A:hover {color: #666666;
	font-weight: bold; 
	background: #eeeeee;
	font-size: 10pt;
	font-family: arial, helvetica, verdana, sans serif; 
	text-decoration: none
	}


.biggerwords {color: #666666;
	margin-top: 0px;
	font-weight: 700; 
	font-size: 12pt;
	font-family: arial, helvetica, verdana, sans serif; 
	text-decoration: none
	}
/*has to have margin-top 0px in case H1 is not at top of page.*/

/*Whatever is at top of content part has to have margin-top 0px .*/

A {color: #666666;
	font-weight: 400; 
	font-size: 10pt;
	line-height: 17pt;
	font-family: arial, helvetica, verdana, sans serif; 
	text-decoration: none
	}

A:link {color: #666666;
	font-weight: 400; 
	font-size: 10pt;
	font-family: arial, helvetica, verdana, sans serif; 
	text-decoration: none
	}

A:active {color: #0000FF;
	font-weight: 400; 
	font-size: 10pt;
	font-family: arial, helvetica, verdana, sans serif; 
	text-decoration: none
	}

A:visited {color: #AAC101;
	font-weight: 400; 
	font-size: 10pt;
	font-family: arial, helvetica, verdana, sans serif; 
	text-decoration: none
	}

A:hover {color: #666666;
	background: #DEDEDE;
	font-weight: 400; 
	font-size: 10pt;
	font-family: arial, helvetica, verdana, sans serif; 
	}




td	{color: #666666;
	font-weight: 800; 
	font-size: 12pt;
	font-family: arial, helvetica, verdana, sans serif; 
	text-decoration: none
	}

P.12pointwords {color: #666666;
	font-weight: 500; 
	font-size: 12pt;
	line-height: 17pt;
	font-family: arial, helvetica, verdana, sans serif; 
	text-decoration: none;
	}


.14pointwords {color: #666666;
	font-weight: 700; 
	font-size: 14pt;
	line-height: 14pt;
	font-family: arial, helvetica, verdana, sans serif; 
	text-decoration: none;
	}

.14pointwords A:link {color: #000099;
	font-weight: 700; 
	font-size: 14pt;
	font-family: arial, helvetica, verdana, sans serif; 
	text-decoration: none
	}

.14pointwords A:active {color: #330099;
	font-weight: 700; 
	font-size: 14pt;
	font-family: arial, helvetica, verdana, sans serif; 
	text-decoration: none
	}

.14pointwords A:visited {color: #330066;
	font-weight: 700; 
	font-size: 14pt;
	font-family: arial, helvetica, verdana, sans serif; 
	text-decoration: none
	}

.14pointwords A:hover {color: #330099;
	font-weight: 800; 
	font-size: 14pt;
	font-family: arial, helvetica, verdana, sans serif; 
	text-decoration: underline
	}

.slide  {color: #666666;
	padding-right: 25px;
	font-weight: 500; 
	font-size: 9pt;
	line-height: 9pt;
	font-family: arial, helvetica, verdana, sans serif; 
	text-decoration: underline;
	}


.sidenote  {color: #D0AD7E;
	padding-right: 25px;
	width: 173px;
	border-top: 3px ridge #D0AD7E;
	border-bottom: 3px ridge #D0AD7E;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 500; 
	font-size: 10pt;
	line-height: 13pt;
	font-family: arial, helvetica, verdana, sans serif; 
	text-decoration: none;
	}



LI {color: #666666;
	font-weight: bold; 
	font-size: 10pt;
	line-height: 12pt;
	font-family: arial, helvetica, verdana, sans serif; 
	text-decoration: none;
	}


#box  {color: #000000;
	background-color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: 500; 
	font-size: 11pt;
	line-height: 15pt;
	font-family: arial, helvetica, verdana, sans serif; 
	text-decoration: none;
	}