body,html { margin:0px; padding:0px }
td   { color: #000; font-size: 12px; line-height: 18px; font-family: arial; text-align:left }
h1  { color: #171754; font-size: 16px }
h2 { color: #000; font-size: 14px }
h3 { color: #000; font-size: 12px }
a { color: #209; text-decoration: underline }
a:visited { color: #333368; text-decoration: underline }
a:hover { color: #9b8820; text-decoration: none }
a:visited:hover { color: #9b8820; text-decoration: none }
a.mainlink   { color: #000; font-weight: bold }
a.mainlink:visited     { color: #000; font-weight: bold }
a.sublink   { color: #000; font-weight: bold; font-size: 11px; text-decoration: underline }
a.sublink:visited   { color: #000; font-weight: bold; font-size: 11px; text-decoration: underline }
.hdr { color: #fff; font-weight: normal; font-size: 14px; font-family: Copperplate; background: #333368 url(images/hdr_grad.gif) repeat-y right top; text-transform: uppercase; padding-left: 10px }
.linkhdr { color: #fff; font-weight: normal; font-size: 14px; font-family: Copperplate; background: #333368 url(images/linkhdr.jpg) repeat-y right top; text-transform: uppercase; padding-left: 10px }
.box { padding: 10px }
.boxcontact { background: #fff url(images/contactbg.jpg) no-repeat left bottom }
.boxlinks { background: #fff url(images/linkbg.jpg) no-repeat left bottom }
.boxwelcome { background: #fff url(images/welcomebg.jpg) no-repeat right bottom }
.boxmisc { background: #fff url(images/boxbg.gif) repeat-x left bottom }
.ftr   { color: #fff; font-size: 11px; background: #171754 url(images/ftr.jpg) repeat-y }
.ftr a  { color: #fff; text-decoration: none }
.ftr a:visited  { color: #fff; text-decoration: none }
.sml { font-size: 10px; line-height: 12px }
.links  { line-height: 16px; padding: 10px }
.links a  { color: #333368; text-decoration: none }
.links a:visited  { color: #333368; text-decoration: none }
.links a:hover { color: #9b8820; text-decoration: underline }
.links a:visited:hover { color: #9b8820; text-decoration: underline }
.subbg { background: #fff url(images/subseal.jpg) no-repeat right bottom }
.invisible { visibility: hidden }
.tablegrid { background-color: #8988aa }
.tablegrid td { background-color: #fff; vertical-align: top }

td.sub-header { 
	background-image: url(images/sub-head-bg.jpg); 
	background-repeat: no-repeat; 
	background-position: 0 0; 
	text-align: right; 
	height:166px;
	h\eight:163px;
	padding:0px;
	margin:0px
	}
.sub-header img { padding-top: 107px; }
td.home-header { background-image: url(images/home-head-bg.jpg); background-repeat: no-repeat; background-position: 0 0; text-align: right; height:198px; padding:0px;margin:0px}
.home-header img { padding-top: 122px; }


/* ----- ADDED FOR INDIGO ----- */

/* --------- CONTENT AREA CSS ------------ */
#content-wrapper { margin-left: 20px; }
.content { line-height: 18px; float: left; clear: right; width: 500px; margin-bottom: 20px; }
#ftr-links { float: none; clear: both; }
#ftr-links a { text-decoration: none; }

/* --------- PHOTO AREA CSS ------------ */

.photo-area { float: left; }
.photo-area img { display: block }
#photo { background-color: #cfdbec; width: 150px; height: 150px; margin-right: 20px; margin-bottom: 20px; }
#photo-caption { color: #000; font-size: 12px; font-style: italic; line-height: 14px; background-color: #ffc; padding: 7px 7px 8px 8px; }
#hoverpopup0 { position: absolute; width: 400px; border-bottom: 20px solid #fff; display: none; }
#hover-position0 { position: relative; top: -170px; left: 170px; display: none; }
#hoverpopup1 { position: absolute; width: 400px; display: none; border-bottom: 20px solid #fff; }
#hover-position1 { position: relative; top: -340px; left: 170px; display: none; }
#hoverpopup2 { position: absolute; width: 400px; border-bottom: 20px solid #fff; display: none; }
#hover-position2 { position: relative; top: -340px; left: 170px; display: none; }
#hoverpopup3 { position: absolute; width: 400px; border-bottom: 20px solid #fff; display: none; }
#hover-position3 { position: relative; top: -340px; left: 170px; display: none; }
#hoverpopup4 { position: absolute; width: 400px; border-bottom: 20px solid #fff; display: none; }
#hover-position4 { position: relative; top: -340px; left: 170px; display: none; }

/* --------- DROPDOWN MENU CSS ------------ */

#home-menu { 
	position: absolute; 
	top: 250px; 
	width: 180px; 
	margin-left: 24px; 
	font-family: arial;
	text-align: left;
	}
#sub-menu { 
	position: absolute; 
	top: 185px; 
	width: 180px; 
	margin-left: 24px; 
	font-family: arial;
	text-align: left;
	}
	
/* for subpage home link only */	
#home-nav, #home-nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width: 180px;
		w\idth : 160px;
	}
	
#home-nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		/* margin-bottom : 8px; */
		width: 180px;
		w\idth : 160px;
	}

#home-nav, #home-nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width: 180px;
		w\idth : 160px;
	}
#home-nav li a {
		width: 180px;
		w\idth : 160px;
		display : block;
		padding : 3px 0.5em;
	}
	

/* for the rest of the menu */
#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width: 180px;
		w\idth : 160px;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		/* margin-bottom : 8px; */
		width: 180px;
		w\idth : 160px;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		/* margin-left : 11.05em; */
		margin-left : 160px;
		margin-top : -1.35em;
		border-top:1px #333368 solid;
		border-left:1px #333368 solid;
		border-right:1px #333368 solid;
		font-size: 11px;
		width: 180px;
		w\idth : 160px;
		background-color: #EEEEF1;
	}
	#nav li ul a { /* second-level lists */
		border-bottom:1px #333368 solid;
	}
	
	#nav li ul a:hover { /* second-level lists */
		background-color: #333368;
		color:#fff;
		font-weight: bold;
	}
	
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
		background-color: #EEEEF1; 
		border-top:1px #333368 solid;
		border-left:1px #333368 solid;
		border-right:1px #333368 solid;
		font-size: 11px;
		width: 180px;
		w\idth : 160px;
	}
	
	#nav li ul ul a { /* second-level lists */
		border-bottom:1px #333368 solid;
	}


	#nav li ul ul a:hover { /* second-level lists */
		background-color: #333368;
		color:#fff;
		font-weight: bold;
	}

	
	#nav li a {
		width: 170px;
		w\idth : 150px;
		display : block;
		padding : 3px 0.5em;
	}
	
	#nav li a.daddy  {
		font-size:13px;
		width: 180px;
		w\idth : 160px;
		display : block;
		padding : 3px 0.5em;

	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
a.daddy  {
	font-size:13px;
	}

#nav a:link {
	color:#333368;
	text-decoration:none;
	}

#nav a:visited {
	color:#333368;
	text-decoration:none;
	}
	
#nav a:hover {
	color:#9B8820;
	}


	
/* --------- CALENDAR CSS ------------ */

#calendar-wrapper { margin: 10px 0 20px 20px; }
#calHdr { background-color: #4674b5 }
#calThumbs   { float: left; margin-top: 7px; margin-right: 20px; margin-left: 0; padding-right: 20px; border-right: 1px dotted #dedede; width: 440px }
#calThumbs h2 { font-size: 13px; line-height: 15px; margin: 0 0 0; padding: 10px 0 0; border-top: 1px dotted #dedede; }
#calThumbs p  { font-size: 12px; line-height: 15px; margin-bottom: 10px; padding-bottom: 0; }
#calThumbs em { font-size: 12px; line-height: 15px }
#eventDetail   { float: left; margin-top: 7px; margin-right: 20px; margin-left: 10px; padding-right: 20px; border-right: 1px dotted #dedede; width: 440px }
#calNav { float: left; margin-top: 10px; width: 170px }
.calContent { 	line-height: 18px;	text-align: left;	padding-left: 10px 	}
.calContent a:link {	font-weight: normal; 	text-decoration: none 	}
.calContent a:visited { 	font-weight: normal 	}
.calContent div#crumbs { 	margin-right: 20px 	}
li.greyed-out { 	color: #ccc; 	font-size: 11px 	}
div#events p {	line-height:1.4	}
div#categories input { 	font-size: 11px 	}
div#categories li { 	margin-left: -22px 	}
.calendar-prev a  { color: white; font-size: 14px; line-height: 14px }
.calendar-next a  { color: white; font-size: 14px; line-height: 14px }
#calbox { 	margin: 0; 	padding: 0 }
#calbox th, #calbox td { 	font-size: 12px; 	text-align: center; 	vertical-align: middle; 	padding: 0px 1px; 	border-left: 1px solid #ddd 	}
#calbox td  { color: #999; border-right: none; border-bottom: 1px solid #ddd }
#calbox th  { padding-right: 2px; padding-left: 2px; border-top: 1px solid #ddd; border-right: none }
#calbox a  { font-weight: bold; text-decoration: none; border: none }
#calbox td.currentDay { background-color: #ccc }
#calbox a:hover { 	color: #fff; 	background-color: #1D1C58 	}
#calbox td.calmonth  { color: white; font-weight: bold; font-size: 11px; background-color: #1D1C58; text-align: center; padding: 0px 0px 2px; border: none }
#calbox .calweekdays  { color: #fff; background-color: #aaa }
#calbox th.calweekbtn  { background-color: #fff; border-top: medium none; width: 35px }
#calbox td.calweekbtn  { text-align: left; padding-left: 2px; border-bottom: medium none; width: 35px }
#calbox td.noborder { border: none }
table.event-section { 	width: 100% 	}
table.event-section td {	font-size: 12px;	}
table.event-section tr:hover {	background: #ffa;	}
table.event-section .row-alt {	background: #eef;	}
table.event-section h4 {	margin: 0;	padding: 0;	font: normal 15px Arial;	}
table.event-section p {	margin: 0;	padding: 0;	}
table.event-section a {	margin: 0;	padding: 0;	text-decoration: none;	}
#calSearch { 	font-size: 11px; 	background-color: #fff; 	margin-left: 3px; 	border: solid 1px #4674b5; 	width: 100px; 	height: 17px 	}
#calBtn { 	color: #fff; 	font-weight: bold; 	font-size: 12px; 	background-color: #4674b5 	}