
@media screen, print {	
	body, input, p, td, ul, ol, li, dl, dt, dd, textarea, select {
		font-family: trebuchet, tahoma, helvetica, sans-serif;
	}
}

@media screen {	
	body {
		margin:0;
		padding: 0;
		text-align: center; 
		background: #dddddd;
	}

	body, input, p, td, ul, ol, li, dl, dt, dd, textarea, select {
		color: #777777;
		font-size: 11px;
		line-height: 15px;
	}
	
	h1, h2, h3, h4 {
		margin:0;
		padding: 0;
	}
	
	h1 {
		font-size: 14px;
	}
	
	h2 {
		font-size: 14px;
	}
	
	#main {
		margin: 0 auto;
		width: 750px;
		height: auto;
		padding: 0; 
		text-align: left;
		position: relative;
		background-color: #ffffff;
		overflow: hidden;
	}
	
	#header {
		margin: 0;
		padding: 0;
		height: 72px;
		position: relative;
		z-index: 5;
	}
	
	#header h2 {
		position: absolute;
		height: 0;
		width: 0;
		overflow: hidden;
	}

	#thelogo {
		padding-right: 8px;
	}
	
	#hline {
		margin: 0;
		padding: 0;
		left: 97px;
		top: 54px;
		width: 533px;
		/* width = 590 - left */
		height: 2px;
		position: absolute;
		border-top: 1px solid #939598;
	}
	
	#thebasket {
		position: absolute;
		margin: 0;
		padding: 0;
		width: 136px;
		height: 19px;
		left: 660px;
		top: 7px;
		font-size: 10px;
	}

	#thebasket a:link, #thebasket a:visited {
		color: #666666; 
		text-decoration: none;
		font-weight: bold;
	}

	#thebasket a:hover, #thebasket a:focus {
		color: #cc3300; 
	}
	
	#qsearch {
		position: absolute;
		margin: 0;
		padding: 0;
		width: 100px;
		height: 16px;
		left: 630px;
		top: 37px;
	}

	#qsearch input {
		border: 1px solid #939598;
		color: #939598;
		width:90px;
		font-size: 12px;
	}
	
	#qsearchbtn {
		position: absolute;
		margin: 0;
		padding: 0;
		width: 24px;
		height: 24px;
		left: 725px;
		top: 39px;
	}
	
	#nav-pulldown {
		margin: 0;
		padding: 0;
		left: 92px;
		top: 37px;
		position: absolute;
	}

	#nav-pulldown li {
		margin: 0;
		list-style: none;
		padding: 0 0 7px 5px;
		width: 100px;
		height: 18px;
		top: 0px;
		display: block;
		background-image: url(imgs/blank.gif);  
		position: absolute;
		z-index: 5;
		text-align: left;
	}

	#nav-pulldown a {
		font-style: normal;
		font-weight: bold;
		text-decoration: none;
		font-size: 11px;
		position: relative;
	}

	#nav-pulldown li ul.subnav  {
		margin: 0;
		padding: 2px 0 2px 4px;
		position: absolute;
		top: 17px;
		left: 0px;
		display: none;
		text-align: left;
		background-color: white;
		width: 120px;
		border: 1px solid #939598;
	}
	
	#nav-pulldown li ul.subnav li {
		position: relative;
		height: 20px;
		margin: 0;
		padding: 0;
	}

	#nav-pulldown li ul.subnav li a {
		margin: 0 0 0 0;
		padding: 0;
		display: block;
		font-style: normal;
		text-decoration: none;
		text-align: left;
		text-transform: lowercase;
		width: 120px;
	}

	#nav-pulldown li:hover ul.subnav, #nav-pulldown li:focus ul.subnav  {
		display: block;
	}

	#nav-pulldown li.over ul.subnav {
		display: block;
	}

	#nav-pulldown li.over a {
		color: #cc0033;
	}

	#nav-pulldown li a:link, #nav-pulldown li a:visited  {
		color: #939598;
	}

	#nav-pulldown li a:link.selected, #nav-pulldown li a:visited.selected  {
		color: #cc0033;
	}

	#nav-pulldown li a:hover, #nav-pulldown li a:focus {
		color: #cc0033;
	}

	#nav-pulldown li ul.subnav a:link, #nav-pulldown li ul.subnav a:visited  {
		color: #939598;
	}

	#nav-pulldown li ul.subnav a:hover, #nav-pulldown li ul.subnav a:focus {
		color: #cc0033;
	}

	#content {
		position: relative;
		margin: 0;
		padding: 0 10px 0 10px;
		z-index: 1;
	}

	#content h1 {
		position: absolute;
		height: 0;
		width: 0;
		overflow: hidden;
	}

	#content a, #content td a {
		color: #536d8b; 
		font-weight: bold;
		text-decoration: none;
	}

	#content a:hover, #content td a:hover {
		color: #cc3300; 
		text-decoration: underline;
	}
	#content img.basicpad {
		border: 1px solid #666666;
		padding: 6px;
		margin: 4px 9px;
	}
	
	#footer {
		margin: 0;
		padding: 0 10px;
		width: 750px;
		height: 106px;
		position: relative;
		background-image: url(imgs/lightfinderbot.gif);
		background-repeat: no-repeat;
		overflow: hidden;
		color: #B3B3B3;
		font-size: 10px;
		line-height: 13px;
		font-weight: bold;
	}
	
	#footer td {
		color: #B3B3B3;
		font-size: 10px;
		line-height: 13px;
		font-weight: bold;
	}

	#footer a, #footer td a {
		color: #666666; 
		text-decoration: none;
		font-weight: bold;
	}

	#footer a:hover, #footer td a:hover {
		color: #cc3300; 
	}

	#breadnav {
		padding: 0;		
		width: 750px;		
		position: relative;		
		overflow: hidden;		
		margin: 6px 10px 12px 10px;		
	}		
	#cathead {
		font-size: 22px;
		line-height: 26px;
		font-family: trebuchet, tahoma, helvetica, sans-serif;
	}
	#cathead a:link,#cathead a:visited {
		color: #cc3333;
		text-decoration: none;
	}
	#cathead a:hover,#cathead a:focus {
		color: #cc3333;
		text-decoration: underline;
	}	
	.cattrail a {
		font-size: 14px;
		font-family: trebuchet, tahoma, helvetica, sans-serif;
	}
	.cattrail a.navsel:link, .cattrail a.navsel:visited {
		text-decoration: none;
		color: #cc3333;
	}
	.cattrail a:link, .cattrail a:visited {
		text-decoration: none;
		color: #777777;
	}
	.cattrail a.navsel:hover, .cattrail a.navsel:focus {
		color: #cc3333;
		text-decoration: underline;
	}
	.cattrail a:hover, .cattrail a:focus {
		color: #cc3333;
		text-decoration: underline;
	}
}

@media print {	
	#msgband {
		display: none;
	}

	#nav-pulldown {
		display: none;
	}

	#header {
		display: none;
	}
	
	#lunchbox {
		display: none;
	}
	
	#eventbox {
		display: none;
	}
	
	#bottomband {
		display: none;
	}

	img {
		margin: 6px 18px 14px 18px;
	}
	
	#bodylogo {
		display: none;
	}
	
	#bodybanner {
		display: none;
	}

	#footer {
		background-image: none;
	}
	#breadnav {
		display: none;	
	}
}
