/* Normal colors -- make sure changes are copied to Halloween version */

/* colors
	#0000ff blue
	#ffff00 yellow
	#ffffcc pale yellow
	#ffa500 orange
*/

/* notes
	if # use id=""	    <- major sections (usually divs)
	if . use class=""   <- routine styling
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0000ff;
	background-color: #808080; 
}
  
h1,h2 { 
	color: #0000ff; 
	margin: 0px 0px 0px 0px; 
	padding-bottom: 0px; 
	padding-top: .5em;
	font-weight: bold;
}
      
#wrapper {	/*Whole page*/ 
	margin: 0 auto;
	width: 960px;
	background: #ffffcc;
}

#topLogoBox {	/* Yellow Top Logo - current widths: 587+367=954 (x 175) */
	clear: both;
	padding: 0px 3px 0px 3px;	/* distribute difference (6px) */
	background: #ffff00;
}

#topNav {	/* Blue nav bar */
	clear: both;
	background: #0000ff;
	padding: 5px 10px 5px 10px;
	text-align: center; 
	color: #ffff00;
	font: normal 1.2em sans-serif;
}

#topNav a:visited, #topNav a:link  {
	text-decoration: none; color: #ffff00; 
	border-style: solid; border-color: transparent; border-width: 1px; padding: 0px 2px 0px 2px;
}

#topNav a:hover    {
	text-decoration: none; color: #ffff00; 
	border-style: solid; border-color: #ffff00;     border-width: 1px; padding: 0px 2px 0px 2px;
}   

#topNav a.selected {
	text-decoration: none; color: #ffff00; 
	border-style: solid; border-color: #ffff00;     border-width: 3px; font-weight: bold; 
}

#middle {
	clear: both;
}
  
#middle a:visited {
	text-decoration: underline; 
	color: #0000ff;
}

#right {
	width: 180px;
	float: right; 
	margin: .1em .1em .1em 1em;
	padding: 0em 1em 0em .5em;
	border-style: solid;        /* also liked ridge at .3em */ 
	border-width: .1em;
	border-color: #0000ff;
}

#left {
  /*float : left;*/ 
  /*margin: 0em 1em 0em 1em;*/
	padding : 0em 1em 0em 1em;
}

#left h2 a:link, #left h2 a:visited {
	text-decoration: none;
}

#left h2 a:hover {
	text-decoration: underline;
}

#bot {
	clear: both;  
	background: #0000ff;
	text-align: center;
	color : #ffff00; 
	padding: 0px;
}


#bot a:visited, #bot a:link  {
	text-decoration: none; 
	background: #0000ff;
}

#bot a:hover    {
	text-decoration: none; 
        background: #0000ff;
}

#bot a.selected {
	text-decoration: none; 
	background: #0000ff;
}


/* ----- oce should be a class, not an id - remove this when legacy code is finished,*/
#xxoce {	/*one-column-emphasis*/
	/*font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;*/
	margin : 10px 30px 0px 0px;
/*	width: 480px;*/
	text-align: left;
	border-collapse: collapse;
}

#xxoce th {
	font-size: 1.1em;
	font-weight: bold;
	padding: 0px 15px 2px 15px;
	color: #039;
}

#xxoce td {
	padding: 10px 15px;
	padding: 0px 15px 0px 15px;
	color: #669;
	border-top: 1px solid #e8edff;
}

/*.oce-first {
	background: #d0dafd;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}*/

#xxoce tr:hover td {
	color: #339;
	background: #eff2ff;
}
/* ------------------- remove all up to previous comment --------------------*/

.news li {  
	margin-bottom: 0.4em;
}

.news li b {
	color: #000088;
}

.oce {	/*one-column-emphasis*/
	/*font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;*/
	margin : 10px 30px 0px 0px;
/*	width: 480px;*/
	text-align: left;
	border-collapse: collapse;
}

.oce th {
	font-size: 1.1em;
	font-weight: bold;
	padding: 0px 15px 2px 15px;
	color: #039;
}

.oce td {
	padding: 10px 15px;
	padding: 0px 15px 0px 15px;
	color: #669;
	border-top: 1px solid #e8edff;
}

.oce-first {
	background: #d0dafd;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}

.oce tr:hover td {
	color: #339;
	background: #eff2ff;
}

.hrs {	/* Store hours table */
}

.hrs td {
	font-size: .8em;
}

.hrs tr {
}

.hrs-first {
	background: #d0dafd;  
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}

.hrs-2nd {
	text-align: center;
}

/* boxes for left-hand content beside right sidebar */
.leftbox {
	width: 720px;
	clear: left;
	margin: 10px 0px 0px 0px;
}

/* Boxes for photos at left or right margin */
.photoL {
	float: left;
	margin: 10px 10px 0px 10px;
}	
.photoR {	
 	float:right;
	margin: 10px 0px 10px 10px;
}

.photoS {	/* Snapshot */
	float: left;
	margin: 0px 0px 16px 16px;
	border-style: solid;
	padding: 0.5em;
	background-color: white;
}