@media screen{
/* Design elements for screen*/
/* Tag defined styles*/
body {
/*
	http://www.iconico.com/CSSScrollbar/
	scrollbar-base-color: #DDC49B;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #BD9E68;
	*/

	background-image: url(onetenfinalb.gif);
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333;
	text-align: center;
	}
#menu, #center, #rightside{
	z-index: 100;
	}
#header{
	background-image: url(header_03.jpg);
	height: 104px;
	width:750px;
	}
#header h1{
	display:none;
	}
#mhighlight{
	position:relative;
	top: 0px;
	left: 325px;
	}
#menu {
	float:left;
	height: 391px;
	width: 152px;
	background-image:url(image_05.jpg);
	background-repeat:no-repeat;
	}
#menu object{
	position: relative;
	left: 7px;
	top: 10px;
	}
#center{ 
	float:left;
	position:relative;
	background-image: url(extras_09.jpg);
	background-repeat: no-repeat;
	width: 584px;
	height: 339px;
	}
#content{
	position: relative;
	top: -10px;
	left: 260px;
	width: 270px;
	height: 326px;
	overflow: hidden;
	z-index: 200;
	}
#contentdiv {
	position: relative;
	top: 3px;
	left: 0px;
	width: 245px;
}
#rightside {
	float: left;
	}
#maincontainer {
	margin: 25px auto;
	width:750px;
	height:420px;
	text-align:left;
	}
#topblocker{
	position: relative;
	width:547px;
	top:0px;
	left: 0px;
	z-index: 300;
	}
#bottomblocker{
	position: relative;
	width: 547px;
	top:-24px;
	left: 0px;
	z-index: 300;
	}
#leftblocker{
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 300;
	float:left;
	}
#footer{
	position:absolute;
	float:left;
	top:339px;
	left:0px;
	}
#bigpicture {
	position:absolute;
/*	top: -369px;
	left: -10px;*/
	top: -1px;
	left: -10px;
	width:297px;
	height:378px;
	z-index: 400;
	}

/* 
   Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn 
*/
div#hold	{ 
	position:relative; overflow:hidden;
	width:280px; height:200px; 
  z-index:100; 
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:280px; height:200px; 
	clip:rect(0px, 280px, 200px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar { 
  position:absolute; left:250; top:0;
  width:22px; height:276px; 
  font-size:1px; z-index:500;
  }
div#scrollbar img { 
	border: 0;
}
div#track { 
  position:absolute;
  left:0; top:45px;
  width:22px; height:200px;
  background: url("scrollbar_bg.png") transparent repeat;
  z-index:1;
  }
div#dragBar {
  position:absolute; left:0px; top:0px;
  width:22px; height:20px;
  background: url("scrollbar_placement_bg.png") transparent repeat;
  z-index:1;
  }  
div#up { position:absolute; left:0; top:0; z-index:2 }  
div#down { position:absolute; left:0; bottom:0; z-index:3 }  

}

@media print{
#adminLyr, #bottomblocker, #leftblocker, #topblocker, #rightside, #menu, #footer, #header img{ 
	display: none;
	}
body {
	margin: 20px;
	font-family: "Times New Roman", Times, serif;
	font-size: medium;
	color: black;
	}
}

@media handheld {
#bottomblocker, #leftblocker, #topblocker, #rightside, #menu, #footer, #down, #up, #dragbar, #track, #scrollbar, #header img{ 
	display: none;
	}
body {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	}
}