﻿body
{
	background-image: url("images/space.gif");
	background-color: #92278F;
}

.Header
{
	color: #ffffff;
	font-family: Arial,sans-serif;
}

table.Header
{
	background-color: #92278F; 
	background-image: url("images/Header.gif");
	background-repeat: repeat-y;
	color: #ffffff;
}

.Header #Logo, .Logo
{
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.Header h1
{
	color: #ffffff;
	font-size: 16pt;
	font-weight: normal;
}

.Header td#Addr
{
	padding-right: 15px;
	color: #ffffff;
	font-size: 10pt;
}

.Header a:link, .Header a:visited
{
	color: #ffffff;
	text-decoration: none;
}

.Header a:hover
{
	text-decoration: underline;
}

#TopLeft 
{
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#TopRight 
{
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#pageName
{
	border-bottom: 0px solid #D0B5D4;
	padding-bottom: 0px;
}

#pageName h2
{
	display: none;
	height: 0px;
}

#breadCrumb 
{
	display: none;
	height: 0px;
	padding: 0px 0px 10px 10px;
}

#breadCrumb a:hover
{
	color: #92278F;
}

#pageNav
{
	margin-top: 6px;
	border-top: 1px solid #D0B5D4;
	border-right: 1px solid #D0B5D4;
	border-bottom: 1px solid #D0B5D4;
	background-color: #E9E3ED;
}


#sectionLinks h3
{
	border-bottom: 1px solid #D0B5D4;
}

#sectionLinks a:link, #sectionLinks a:visited {
	border-bottom: 1px solid #D0B5D4;
	background-image:  url('');
	background-color: #E9E3ED;
}

#sectionLinks a:hover
{
	border-top: 1px solid #D0B5D4;
	background-color: #DDCEE3;
}


.relatedLinks
{
	border-bottom: 1px solid #D0B5D4;
}

.relatedLinks a:link, .relatedLinks a:visited
{
	color: #92278F;
}

#content
{
	border-left: solid 1px #D0B5D4;
	padding: 10px;
	font-size: 11pt;
}

#content img
{
	float: left;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 10px;
}

#content .Title
{
	font-size: 12pt;
	color: #000000;
	font-weight: bold;
}

#content .Note
{
	color: Red;
	font-size: 11pt;
	font-weight: bold;
}

#content .SchedBold
{
	font-weight: bold; 
	color: #92278F;
}

#content a:link, #content a:visited
{
	color: #92278F;
	text-decoration: none;
}

#content a:hover
{
	text-decoration: underline;
}

#siteInfo
{
	border-top: 1px solid #D0B5D4;
	color: #92278F;
}

#siteInfo a:link, #siteInfo a:visited
{
	color: #92278F;
}

table.CalSched
{
	background-color: #ffffff;
	border-right: black 1px solid;
	border-bottom: black 1px solid;
}

.CalSched td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
	cursor: default;
	border-top: black 1px solid;
	border-left: black 1px solid;
	padding-right: 2px;
	padding-left: 2px;
}


td.CalSchedNot
{
	background-color: #dddddd;
}

td.NoBorder
{
	border-top: black 0px solid;
}

#content .CalSched img, #content .NoBorder img
{
	padding: 0px;
}

.CalSchedInst
{
	font-size: 9pt;	
	width: 30%;
}

td.CalMonth
{
	font-weight: bold;
	font-size: 16pt;
	white-space: nowrap;
	white-space: normal;
	text-align: center;
	float: none;
}

.CalItem /*.CalAfterSchool, .CalStudentOG, .CalAdultOG, .CalParty, .CalKK, .CalPT, .CalTeam, .CalPreTeam, .Cal1Time */
{
	margin-bottom: 5px;
}

.CalAfterSchool, #content .CalAfterSchool a:link, #content .CalAfterSchool a:visited, 
.CalStudentOG, #content .CalStudentOG a:link, #content .CalStudentOG a:visited
{
	color: #000066;
}

.CalAdultOG, #content .CalAdultOG a:link, #content .CalAdultOG a:visited,
.CalAdultOG20, #content .CalAdultOG20 a:link, #content .CalAdultOG20 a:visited
{
	color: #006600;
}

.CalParty, #content .CalParty a:link, #content .CalParty a:visited,
.CalParty20, #content .CalParty20 a:link, #content .CalParty20 a:visited
{
	color: #cc0000;
}

.CalKK, #content .CalKK a:link, #content .CalKK a:visited
{
	color: #9a3697;
}

.CalPT, #content .CalPT a:link, #content .CalPT a:visited
{
	color: #ff9900;
}

.CalTeam, #content .CalTeam a:link, #content .CalTeam a:visited
{
	color: #663333;
}

.CalPreTeam, #content .CalPreTeam a:link, #content .CalPreTeam a:visited
{
	color: #0033ff;
}

.Cal1Time, #content .Cal1Time a:link, #content .Cal1Time a:visited
{
	color: #660033;
}


#content .Resv a:link, #content .Resv a:visited
{
	color: #aaaaaa;
}

h1
{
	font-size: 18pt;
}

#Fields 
{
	font-size: 9pt;
	font-family: Arial,sans-serif;	
}

#Fields img, #content .Fld img
{
	float: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	vertical-align: bottom;
}

.FldTtl
{
	text-align: right;
	font-weight: bold;
	font-size: 9pt;
	white-space: nowrap;
/*	vertical-align: bottom;*/
}

.FldName, .FldCode, .FldDesc, .FldAmt, .FldDate, .FldRadio, .FldDtl, .FldUser, .FldSubmit, .FldData
{
	font-size: 9pt;
	font-family: Arial,sans-serif;	
}

.FldName
{
	width: 200px;
}

.FldCode
{
	width: 80px;
}

.FldDesc
{
	width: 200px;
	height: 50px;
}

input.FldAmt
{
	width: 50px;
	text-align: right;
}

td.FldAmt
{
	text-align: right;
}

.FldDate
{
	width: 70px;
	text-align: left;
}

.FldUser
{
	width: 80px;
}

.FldData label
{
	font-weight: normal;
}

.RecInfo
{
	font-size: 8pt;
	color: #999999;
	border: solid 1px #dddddd;
}

.RecInfo td
{
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 90%;
}

div.Err
{
	color: Red;
	text-align: center;
}


div.List
{
	margin-top: 10px;
	border-top: 1px solid #D0B5D4;
	padding-top: 10px;
}

.List
{
	width: 100%;
}

#content .ListHdr a:link, #content .ListHdr a:visited
{
	font-weight: bold;
	text-decoration: none;
}

#content .ListHdr a:hover
{
	color: Red;
	text-decoration: underline;
}

#tblList td
{
	border: solid 0px black;
}

#tblList a:link, #tblList a:visited
{
	text-decoration: none;
}

#tblList a:hover
{
	color: Red;
	text-decoration: underine;
}

.HelpBox
{
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFBD9;
	padding: 2px;
	font-size: 9pt;
}

hr.SectionBreak
{
	height: 1px;
	border-top: solid 1px #D0B5D4;
	border-bottom: none;
}

div#content a.Resv, div#content a.Resv:visited
{
	color: #aaaaaa;
}

div#content a.Class, div#content a.Class:visited
{
	color: #000000;
}

.EventType, .EventDate, .EventTime, .Pmt
{
	font-weight: bold;
	font-size: 150%;
}

.CCInfo
{
	width: 70px;
}

.SchedCal
{
	font-size: 9pt;
}

table.SchedCal
{
	/*	
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	*/
}

.SchedCal td
{
	padding: 1px;
	font-size: 8pt;
	/*
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	*/
}

.SchedOdd
{
	background-color: #F7DFF7;
}

.SchedEven
{
	background-color: #F0C8EF;
}

.SchedOdd td, .SchedEven td
{
	border-right: solid 1px #EFB3EE;
}

.SchedEvent
{
	cursor: pointer;
}

.EventList
{
	font-size: 8pt;
}

div.EventName, div.EventNameOver
{
	font-size: 8pt;
}

div.EventNameOver
{
	cursor: pointer;
}

div#content .EventList img, div#content .SchedCal img
{
	padding: 0px;
}

.SpecialNote
{
	border: dashed 5px #92278F; 
	margin: 20px; 
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12pt; 
	text-align: center;
}

.NoticeMe
{
	color: red; /* #4B4BB4; */
	font-size: 120%; 
	font-weight: 600;
}

.ResvLink
{
	font-weight: bold;
	font-size: 16pt;
}

#content .ResvLink td a, #content .ResvLink a
{
	color: red;
}

#content .ShortSched thead img 
{
	padding: 0px;
}

.ShortSched thead td
{
	font-weight: bold;
	text-align: center;
}

.ShortSched td
{
	font-size: 9pt;
}

.ShortSched tbody tr:first-child td
{
	border-top: solid 1px #D0B5D4;
}

.ShortSched tbody tr:first-child td:first-child
{
	border-top: none;
}

.ShortSched tbody tr td:first-child
{
	vertical-align: middle;
}

.ShortSched tbody td
{
	border-right: solid 1px #D0B5D4;
	border-bottom: solid 1px #D0B5D4;
}

.ShortSched tbody .Dates
{
	border: none; 
	border-right: solid 1px #D0B5D4;
}

.ShortSched tbody td
{
	text-align: left;
	vertical-align: bottom;
	padding: 3px;	
}

.EventSeries
{
	font-size: 9pt;
}

@media print
{
	#pageNav
	{
		visibility: hidden;
		width: 0px;
	}
	
	#content
	{
		margin-left: 0px;
	}
	
	#TopLeft, #TopRight
	{
		visibility: hidden;
	}
	
	.PrintHide
	{
		visibility: hidden;
	}
}
