body{
	background: #e3dfdc;
	margin: 0px;
	padding: 0px;
	font: 72%/1.6em Verdana, Arial, Helvetica, sans-serif;
	color: #939495;
	text-align: center;
	background color: transparent
	img.floatLeft { float: left; margin: 4px; }
}

img.floatLeft { float: left; 
margin: 4px; }

blockquote {
border : 2px solid #FFFFFF;
width: 200px;
float: right;
margin: 0px;
padding: 10px;
background-color: #DEDEDE;
quotes: "\201C" "\201D";
}
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }

a:link {
	color: #FFFFFF;
	text-decoration: none;
}

a:visited {
	color: #e3dfdc;
	text-decoration: none;
}

a:hover {
	color: #2b351c;
}

#container {
  position: relative;
	width: 665px;
	margin: 0 auto;
	background: #FFFFFF url(container.gif) repeat-y;
	padding-right: 25px;
	padding-left: 25px;
	text-align: left;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 665px;
}

html>body #container {
	width: 600px;
} 

/* page header stuff */

#pageHeader {
	margin-bottom: 5px;
}

#pageHeader h1 {
	width: 665px;
	height: 300px;
	background: url(otonoclear2.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#pageHeader span {
  display: none;
}

#pageHeader h2 {
  display: none;
}

/* quickSummary stuff */

#quickSummary {
	background: url(.gif) no-repeat;
	width: 664px;
}

#quickSummary .p1 {
	background: url(.gif) no-repeat right;
	height: 15px;
	margin: 0px;
	padding: 0px;
	
}

#quickSummary .p1 span {
  display: none;
}

#quickSummary .p2 {
	height: 15px;
	background: #6488AF;
	width: 662px;
	position: absolute;
	top: 290px;
	margin: 5px 0 5px 0;
	padding: 1px 0 0 1px;
	vertical-align: bottom;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	height: 15px;
	font: 80%/1.6em Verdana, Arial, Helvetica, sans-serif;
}

html>body #quickSummary .p2 {
	height: 17x;
} 

/* preamble stuff */

#preamble {
	position: absolute; 
	top: 310px; 
	right: 27px; 
	width: 650; 
	height: 65; 
	margin: 0 0 0 0;
	padding: 10px 10px 10px 10px;
	background: #FFFFFF;
	font: 100%/1.6em Verdana, Arial, Helvetica, sans-serif;
}

#preamble1 {
	position: absolute; 
	top: 310px; 
	right: 27px; 
	width: 650; 
	height: 65; 
	margin: 0 0 0 0;
	padding: 10px 10px 10px 10px;
	background: #FFFFFF;
	font: 80%/1.6em Verdana, Arial, Helvetica, sans-serif;
}

a:link {
	color: #848180;
	text-decoration: none;
}

a:visited {
	color: #DEDEDE;
	text-decoration: none;
}

a:hover {
	color: #ED1C24;
}

#linkList {
	margin-left: 0px; 
	position: absolute; 
	background: transparent url(menu3.gif) top left repeat-n; 
	top: 320px; 
	background: #FF6141
	padding: 5px 5px 5px 5px;
	}
#linkList2 { 
	font: 9px helvetica, sans-serif; letter-spacing: 0.6cm 
	background: #FF6141 url(menu3.gif) top left repeat-n; 
	padding: 10px; 
	margin-top: 150px; 
	width: 130px; 
	}
#linkList h3.select { 
	background: transparent url(menu3.gif) no-repeat top left; 
	margin: 10px 0px 5px 0px; 
	width: 97px; 
	height: 16px; 
	}
#linkList h3.select span {
	display:none
	}
#linkList h3.favorites { 
	background: transparent url(menu3.gif) no-repeat top left; 
	margin: 15px 0px 5px 0px; 
	width: 60px; 
	height: 18px; 
	}
#linkList h3.favorites span {
	display:none
	}
#linkList h3.archives { 
	background: transparent url(.gif) no-repeat top left; 
	margin: 15px 0px 5px 0px; 
	width:57px; 
	height: 14px; 
	}
#linkList h3.archives span {
	display:none
	}
#linkList h3.resources { 
	background: transparent url(.gif) no-repeat top left; 
	margin: 15px 0px 5px 0px; 
	width:63px; 
	height: 10px; 
	}
#linkList h3.resources span {
	display:none
	}

#linkList ul {
	margin: 0px;
	padding: 0px;
	}
#linkList li {
	line-height: 2ex; 
	list-style-type: none;
	background: transparent url(.gif) no-repeat top center; 
	display: block; 
	padding-top: 5px; 
	margin-bottom: 5px;
	}
#linkList li a:link { 
	color: #DEDEDE;
	}
#linkList li a:visited {
	color: #B3AE94;
	}
#linkList li a:hover {
	color: #FFFFFF;
}
#preamble h3 {
	background: url(.gif) no-repeat;
   	height: 27px;
	margin: 0px;
	padding: 0px;
}

#preamble h3 span{
  display: left;
}

#menu (
	position: absolute;
	top: 0px;
	left: 18px;
   	height: 100px
   	width: 150px;
   	margin: 0 0 0 0;
   	padding: 10px 10px 10px 10px;	
   	background: #C4CBEA;
)

img.floatLeft { float: left; margin: 4px; }

#iframe bars {
	scrollbar-3dlight-color: #000000;
	scrollbar-base-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #000000;
	scrollbar-arrow-color: #000000;
}
#bars {
	scrollbar-3dlight-color: #000000;
	scrollbar-base-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #000000;
	scrollbar-arrow-color: #000000;
}

#iframe {
	allowtransparency="true"
	 scrollbar-face-color : #FFFFFF;
scrollbar-shadow-color : #6488AF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color : #2b351c;
scrollbar-track-color : #FFFFFF;
scrollbar-darkshadow-color : #939495;
scrollbar-base-color : #939495;
}

.transbox {
width: 300px;
height: 300px;
overflow: auto;
filter: chroma(color=#FF0000);
}

/* supportingText stuff */

#supportingText {
	position: absolute;
	top: 1100;
	left: 26;
	background: #85A1C3;
	padding: 0 5px 1px 5px;
	margin: 0 0 0 0px;
	font: 75%/2em georgia; color=#FFFFFF;
	voice-family: "\"}\""; 
  	voice-family:inherit;

	/* this is wierd. Origionally this div had no bottom padding.
	When I positioned the footer absolutly, a gap of about 8px appeared
	at the bottom of the page where the bg image of container wasn't getting displayed.
	Adding a nominal amount of bottom padding (1px) to supportingText
	fixed this problem. However I have no idea why the problem exhibited in the first place
	or why this fixed it. */
}

#explanation h3 {
	background: url(.gif) no-repeat;
  	height: 19px;
	margin: 0px;
	padding: 0px;
}

#participation h3 {
	background: url(participation.gif) no-repeat;
  height: 15px;
}

#benefits h3 {
	background: url(benefits.gif) no-repeat;
  height: 18px;
}

#requirements h3 {
	background: url(requirements.gif) no-repeat;
  height: 15px;
}

#supportingText h3 span{
  display: none;
}

#footer /*#requirements .p5*/ {
   	position: absolute;
	right: 300px;
	margin: 0 0 0 0;
	padding: 0;
	text-align: center; bottom;

}
#footer a:link {
	color: #848180;
	text-decoration: none;
}

#footer a:visited {
	color: #D3D3D3;
	text-decoration: none;
}

#footer a:hover {
	color: #FF3100;
}

/* bit of a nasty use of an extraDiv and a bg image
to produce the bottom yellow bar */
#extraDiv1 {
	height: 40px;
	width: 715px;
	margin: 0 auto;
	background: #FFFFFF url(bandwidth.gif);
	text-align: left;
}

}