body {
	/*background-color: #666; effects all except the masthead even when setting "div" or "#content" to white */
	font-family: Arial, Helvetica, sans-serif; /* Default font */
	min-width: 750px; /* NS 6.0 fix, ref CSS Mastery pp 136 */
}

#copyright {
    color: #999;
	clear: left;
	float: left;
	font-size: 9px;
}

#wrapper {
	/*border: thin;
	border-color: blue;
	border-style:solid;*/
	margin: 0 auto; /* CSS Mastery pp 135 talks about IE problems in quirks mode (which I shouldn't be in) */
	width:  750px; /* Target 800x600 monitors */
}

#masthead {
	/*Photoshop color: #5D2033; Darkened red in sheild */
	background-image:  url(images/masthead.jpg);
	background-repeat: no-repeat;
	height:            167px; /* image size */
	line-height:       167px;
	text-indent:       -9999px;
}

#navigation ul {
	/* This puts text decoration back -- pu on li? [CSS Mastery pp 89] display: inline; * KLUDGE: Remove large gaps in IE/Win */
	float:           left;
	font-family:     Arial, Helvetica, sans-serif;
	font-size:       12px;
	font-stretch:    condensed;
	font-weight:     bold;
	list-style-type: none;
	margin:          0; /* IE and Opera */
	padding:         0; /* Safari and FireFox */
	text-indent:     5px;
}

#navigation a {
	background-image:  url(images/buttonBackground.gif);
	background-repeat: repeat-x;
	border-bottom:     thin;
	color:             black;
	display:           block; /* Make buttons */
	height:            30px;
	line-height:       30px; /* Vertically center the text */
	text-decoration:   none; /* No underlines */
	width:             170px;
}

#navigation a:hover {
	background-image:  url(images/buttonSelected.gif);
	background-repeat: repeat-x;
	color:             blue;
}

/* The image below the nav bar */
#navigation img {
	clear:        left;
	float:        left;
	padding-left: 37px; /* center */
	padding-top:  10px;
}

#content {
	float: right;
	width: 560px; /* 20px gutter */
	position: relative; /* Give absolute positioning an anchor to offset from */
}

#content img {
	/*padding-left: 10px;*/
}

.address {
	margin-left: 20px;
}

.calendarImportant {
	color: #FF0000;
}

.calendarTime {
	font-size: 11px;
}

.calendarTimeOld {
	font-size: 11px;
	text-decoration: line-through;
}

.calendar td {
	padding-right: 10px;
	}

/******************************* 
Put drop shadows around images 
*******************************/

.shadow {
	background: url(images/shadow.gif) no-repeat bottom right;
	clear:      right;
	float:      left; /* Shrink wrap the image*/
	/*margin:     5px 10px 10px 10px;*/ /* Space the images apart */
	position:   relative; /* IE 6 fix, ref: CSS Mastery pp 56 */
}

.shadow img {
	background-color: white;
	border:           1px solid #a9a9a9;
	display:          block; /* IE 6 fix, ref: CSS Mastery pp 56 */
	margin:           -5px 5px 5px -5px;
	padding:          4px;
	position:         relative; /* IE 6 fix, ref: CSS Mastery pp 56 */
}

h2 {
	color:       #5D2033; /* Darkened red in sheild */
	font-family: Arial, Helvetica, sans-serif;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
}

a {
	text-decoration: none; /* No underlines */
}

a:hover {
	text-decoration: underline; /* Except when hovering -- ala Wikipedia */
}