body {
  font-family:   "WESTERN", Verdana, sans-serif;
  text-align:    center;
}

#instructions {
  margin:        20px 200px;
}

#cds {
  width:         400px;
  margin:        20px auto 20px auto;
}

form {
  position:      relative;
  margin:        50px auto auto auto;
}

img.cover {
  height:        70px;
  padding:       10px; 
}

#top5-listings {
  margin:        50px auto;
}

#top5 {
  position:      relative;
  border-top:    thin solid black; 
  margin:        10px auto 10px auto;
  width:         650px;
  padding:       10px;
  text-align:    left;
}

#weather img {
  position:   relative;
  height:        165px;
  padding:        0px;
  margin:         10px;
  top:            10px;
  left:           10px;
  z-index:           1;
}

#box {
  background: #00FF00;
  text-align:    center;
  border: #ff0000 solid 1px;
  font-family: CURSIVE;
  font-size: 25px;
  font-weight: bold;
  padding: 10px;

}
#LINKS {
  background: #F0F0F0;
  text-align:    LEFT;
  border: #000000 solid 1px;
  font-family: CHICAGO;
  font-size: 14px;
  padding: 10px;
  position: relative;
 
}

/* calendar */
table.calendar		{ border-left:1px solid #999000; }
tr.calendar-row	{  }
td.calendar-day	{ min-height:80px; font-size:11px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day:hover	{ background:#eceff5; }
td.calendar-day-np	{ background:#eee; min-height:80px; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid #999000; border-top:1px solid #999000; border-right:1px solid #999000; }
div.day-number		{ background:#999000; padding:5px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; }
/* shared */
td.calendar-day, td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #999000; border-right:1px solid #999000; }


/* mobile styles */
@media handheld {

	html, body {
		font: 12px/15px sans-serif;
		background: #fff;
		padding: 3px;
		color: #000;
		margin: 0;
		}
	#sidebar, #footer {
		display: none;
		}
	h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
		}
	#content img { 
		max-width: 250px;
		}
	.center {
		width: 100% !important;
		text-align: center;
		}
	a:link, a:visited {
		text-decoration: underline;
		color: #0000CC;
		}
	a:hover, a:active {
		text-decoration: underline;
		color: #660066;
		}

}
/* iPhone-specific styles */
@media only screen and (max-device-width: 480px) { 

	html {
		-webkit-text-size-adjust: none;
		}

}