/* Mac OSZen */
/* A design based on Mac OS X by Steve Brazill - 2005 */

/* Basic HTML Tags */

body { 
	background: #3B6AA9 url(oszenbkgrd.gif) top left repeat; 
	font: 8pt/16pt veranda, arial, sans-serif; 
	color: #000; 
	margin: 0px; 
	}
	
p { 
	font: 8pt/16pt veranda, arial, sans-serif; 
	margin-top: 0px; 
	text-align: justify;
	}
	
h1,h2 { 
	font: bold 8pt veranda, arial, sans-serif; 
	letter-spacing: 1px; 
	margin-top: 5px; 
	color: #000;
	padding: 0px 0px 0px 0px;  
	}
	
h3 { 
	font: bold 12pt veranda, arial, sans-serif; 
	letter-spacing: 1px; 
	margin-top: 0px; 
	color: #3B6AA9;
	}
	
a:link { 
	text-decoration: none; 
	color: #3B6AA9;
	}
	
a:visited { 
	text-decoration: none; 
	color: #9685BA;
	}
	
a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}

/* Root */

#container { 
	background: url(menubarbkgrd.gif) top left repeat-x; 
	padding: 0px 250px 0px 215px;  
	margin: 0px 0px 0px 0px;
	}
	
/* Start Menu Bar Structure */

#intro { 
	min-width: 300px;
	padding: 35px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	margin: 0px; 
	}
	
#pageHeader { 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 57px;  
	height: 15px;
	position: absolute; 
	top: 0px; 
	left: 0px; 
	}
	
#pageHeader h1 { 
	float: left;
	padding: 0px 10px 0px 0px;  
	display: none;
	}
	
#pageHeader h2 { 
	float: left;
	padding: 0px 0px 0px 100px;  
	display: none;
	}
	
#quickSummary {
	background: url(menushadow.gif) no-repeat bottom left; 
	position: absolute;
	top: 35px;
	left: 0px;
	clear:both; 
	margin: -13px 40px 0px 0px;
	padding: 0px 0px 20px 0px;  
	width: 201px; 
	float: left;
	}
	
#quickSummary p {
	width: 170px; 
	margin: 0px 0px 0px 0px;  
	padding: 0px 50px 10px 20px;  
	font: normal 10pt/22pt veranda, arial, sans-serif; 
	color: #000; 
	text-align:left;
	}
	
#quickSummary .p1 {
	background: url(menu.gif) repeat-y top left; 
	}

#quickSummary .p2 {
	background: url(menu.gif) repeat-y top left; 
	}

/* Start Stickies */

#supportingText {
	min-width: 300px;
	padding: 0px 0px 0px 0px;  
	margin: 0px; 
	}	

/* Separate Sticky for Each Topic */

#preamble, #explanation, #participation, #benefits, #requirements {
	padding: 20px 10px 0px 10px;
	margin: 0px;
	background: #FFFFA1 url(stickyhead.gif) top left repeat-x;
	}

/* Start Footer Springs */
	
#footer{ 
	padding: 20px 0px 0px 0px;  
	margin: 0px 0px 0px 0px; 
	height: 95px;
	white-space: nowrap;
	text-align: left;
	position: absolute; 
	left: 200px; 
	}

#footer a:link, #footer a:visited { 
	background: url(footer.gif) left no-repeat; 
	padding: 0px 60px 75px 0px;  
	height: 95px;
	display: inline;
	font-weight: bold; 
	text-decoration: none; 
	color: #FFFFA1;
	}
#footer a:hover, #footer a:active {
	background: url(footerOn.gif) left no-repeat; 
	height: 95px;
	padding: 0px 60px 75px 0px;  
	text-decoration: underline; 
	color: #ffff00;
	}

/* Start Link List Finder Window */

#linkList {
	background: url(palletteTop.gif) no-repeat top left; 
	position: absolute; 
	top: 140px; 
	right: 15px;
	width:218px;
	margin: 0px 0px 0px 0px; 
	}
#linkList2 { 
	font: 10px verdana, arial, sans-serif; 
	background: url(palletteBottom.gif) bottom left no-repeat; 
	padding: 0px 0px 25px 0px; 
	margin-top: 81px; 
	width: 218px; 
	}
#lselect { 
	background: url(linkbkgrd.gif) top left repeat-y; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	width: 218px; 
	}
#larchives { 
	background: url(linkbkgrd.gif) top left repeat-y; 
	margin: -5px 0px 0px 0px; 
	padding: 10px 0px 0px 0px;
	width: 218px; 
	}
#lresources { 
	background: url(linkbkgrd.gif) top left repeat-y; 
	margin: -5px 0px 0px 0px; 
	padding: 10px 0px 5px 0px;
	width: 218px; 
	}

/* Link List Heading Image Swaps */

#linkList h3.select span { 
	display: none; 
	}
#linkList h3.favorites span { 
	display: none; 
	}
#linkList h3.archives span { 
	display: none; 
	}
#linkList h3.resources span { 
	display: none; 
	}

#linkList h3.select { 
	background: url(folderSelect.gif) 15px 0px no-repeat; 
	font: bold 8pt veranda, arial, sans-serif; 
	color: #000; 
	margin: 0px 0px 0px 0px; 
	padding: 15px 0px 0px 85px;
	height: 30px; 
	}
	
#linkList h3.favorites { 
	background: url(folder.gif) 15px 0px no-repeat; 
	font: bold 8pt veranda, arial, sans-serif; 
	color: #000; 
	margin: 0px 0px 0px 0px; 
	padding: 15px 0px 0px 85px;
	height: 30px; 
	}

#linkList h3.archives { 
	background: url(folderArchives.gif) 15px 0px no-repeat; 
	font: bold 8pt veranda, arial, sans-serif; 
	color: #000; 
	margin: 0px 0px 0px 0px; 
	padding: 15px 0px 0px 85px;
	height: 30px; 
	}

#linkList h3.resources { 
	background: url(folderResources.gif) 15px 0px no-repeat; 
	font: bold 8pt veranda, arial, sans-serif; 
	color: #000; 
	margin: 0px 0px 0px 0px; 
	padding: 15px 0px 0px 85px;
	height: 30px;
	}

/* Start Link List Links */

#linkList ul {
	margin: 0px;
	padding: 0px 11px 0px 40px;
	}
#linkList li {
	background: url(httpSmIcon.gif) left no-repeat; 
	line-height: 2ex; 
	list-style-type: none;
	display: block; 
	padding: 5px 10px 0px 20px; 
	margin-bottom: 5px;
	}
#linkList li a:link { 
	color: #3B6AA9;
	}
#linkList li a:visited {
	color: #9685BA;
	}
	
/* Use Extra DIV's to Create Corners on Menu Bar */

#extraDiv1 { 
	background: url(menuBarUL.gif) top left no-repeat; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 150px; 
	height: 22px; 
	}

#extraDiv2 { 
	background: url(menuBarUR.gif) top left no-repeat; 
	position: absolute; 
	top: 0px; 
	right: 0px; 
	width: 205px; 
	height: 22px; 
	}

/* Place HDD Icon on Desktop */

#extraDiv3 { 
	background: url(hddIcon.gif) top left no-repeat; 
	position: absolute; 
	top: 35px; 
	right: 30px; 
	width: 119px; 
	height: 94px; 
	}
	
/* Cache FooterOn Image to avoid flash on rollover */

#extraDiv5 { 
	background: url(footerOn.gif) no-repeat bottom left; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	display: none;
	}