body
{
	background: url("images/page_background.jpg") top center repeat-x #003159;
	font-family: arial, helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
}
#header
{
	background: url("images/wrapper_background_welcome.jpg") top center repeat-x #025393;
	height: 275px;
	margin: 0 auto;
	padding: 0;
	width: 1024px;
}
#header-link
{
	background-color: transparent;
	display: block;
	height: 225px;
	margin: 0 auto;
	position: absolute;
	width: 1024px;
}
#content
{
	clear: both;
	margin: 0 auto 0 auto;
	padding: 0 0 15px 0;
	width: 960px;
}
div.clear
{
	clear: both;
}

/* LEFT NAVIGATION */
#left-nav
{
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	width: 215px;
}
#left-nav h2
{
	color: #FCE526;
	font-size: 1.7em;
	font-weight: normal;
	margin: 3px 0 10px 0;
	padding: 0 0 0 5px;
}
#left-nav h2 a
{
	color: #FCE526;
	text-decoration: none;
}
#left-nav h2 a:hover
{
	color: white;
	text-decoration: none;
}
#left-nav ul
{
	border-top: 1px solid #326D9C;
	list-style: none;
	margin: 0 15px 0 0;
	padding: 10px 0 10px 0;
}
#left-nav ul li
{
	margin: 0;
	padding: 0;
}
#left-nav ul li a
{
	color: white;
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.3em;
	padding: 5px 10px;
	text-decoration: none;
}
#left-nav dl
{
	border-top: 1px solid #326D9C;
	margin: 0 15px 0 0;
	padding: 10px 0 10px 2px;
}
#left-nav dl dt
{
	color: #FBF2AA;
	font-size: 1.5em;
	padding: 0 0 3px 0;
}
#left-nav dl dd
{
	color: white;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.2em;
	padding: 0 0 5px 0;
	text-align: center;
	text-transform: Capitalize;
}
#left-nav dl dd img
{
	background: #003159;
	border: 2px solid #FBF9EC;
	padding: 1px;
	width: 150px;
}
#left-nav cite
{
	display: block;
	font-size: .9em;
	font-weight: normal;
	padding: 2px 0 5px 0;
	text-transform: none;
}
#left-nav span
{
	font-style: italic;
	font-weight: normal;
	text-transform: none;
}


/* NOTICES */
#notices
{
	background: url("images/notice_background.jpg") #FFA500;
	border-right: 1px solid #3A72A0;
	border-left: 1px solid #3A72A0;
	color: #422B00;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0;
	padding: 15px 0;
	text-align: center;
	width: 520px;
}

/* CENTER MAIN */

#center-main-wrapper
{
	float: left;
	margin: 0;
	padding: 0;
	width: 522px;
}
#center-main-top
{
	background: url("images/main_content_top.jpg") top center no-repeat #035FAA;
	clear: both;
	height: 12px;
	margin: 0;
	padding: 0;
}
#center-main
{
	background: url("images/main_content_body.jpg") top center repeat-y #035FAA;
	clear: both;
	margin: 0;
	padding: 0 0 5px 0;
}
#center-main h1
{
	color: #FCEC5D;
	font-size: 2.1em;
	font-weight: bold;
	padding: 8px 15px 0 15px;
}
#center-main h2
{
	border-bottom: 1px solid #326D9C;
	color: #FCEC5D;
	font-size: 1.7em;
	font-weight: normal;
	margin: 6px 15px;
	padding: 0 0 5px 0;
}
#center-main h3
{
	border-bottom: 1px solid #326D9C;
	color: #FFF;
	font-size: 1.5em;
	font-weight: normal;
	margin: 6px 15px;
	padding: 0 0 5px 0;
}
#center-main a
{
	color: white;
	text-decoration: underline;
}
#center-main a:hover
{
	color: #FDF8CF;
	text-decoration: underline;
}
#center-main p
{
	color: #FDF8CF;
	font-size: 1.5em;
	line-height: 1.5em;
	margin: 0;
	padding: 3px 15px 5px 15px;
}
#center-main form
{
	padding: 3px 15px 5px 15px;
}
#center-main table
{
	margin: 0 15px 10px 15px;
	padding: 0;
	width: 480px;
}
#center-main table th
{
	color: #FDF8CF;
	font-size: 1.5em;
	font-weight: bold;
	padding: 4px 10px 4px 0;
	text-align: left;
	vertical-align: top;
}
#center-main table td
{
	color: #FDF8CF;
	font-size: 1.5em;
	padding: 4px 10px 4px 0;	
}
#center-main dl
{
	margin: 0;
	padding: 0 15px 10px 15px;
}
#center-main dl dt
{
	color: #FDF8CF;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 3px 0;
}
#center-main dl dt a
{
	text-decoration: none;
}
#center-main dl dd
{
	color: #FBF9EC;
	font-size: 1.5em;
	line-height: 1.2em;
	margin: 0;
	padding: 0 0 2px 15px;
}
#center-main dl dd ul li
{
	font-size: 1em;
	font-weight: normal;
}
#center-main dl a:hover
{
	color: yellow;
	text-decoration: none;
}
#center-main dl dd p
{
	font-size: 1em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
#center-main ol
{
	margin: 0 0 0 25px;
	padding: 0 15px 10px 0;
	list-style : decimal;
}
#center-main ol li
{
	color: #FDF8CF;
	font-size: 1.5em;
	line-height: 1.3em;
	margin: 0 0 0 20px;
	padding: 0 10px 5px 5px;
}
#center-main ul
{
	margin: 0;
	padding: 0 15px 10px 15px;
}
#center-main ul li
{
	background: url("images/crown.gif") top left no-repeat;
	color: #FDF8CF;
	font-size: 1.5em;
	line-height: 1.3em;
	margin: 0 0 0 15px;
	padding: 0 10px 5px 20px;
}
#center-main blockquote
{
	margin: 10px 40px;
}
#center-main blockquote p
{
	color: white;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.3em;
}
#center-main blockquote cite
{
	color: #F1D901;
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0 0 0 15px;
}
#center-main img
{
	background: #003159;
	border: 5px solid #FBF9EC;
	display: block;
	margin: 5px auto 15px auto;
	padding: 1px;
}
#center-main .galleryHolder
{
	display: block;
	margin: 0 auto;
	padding: 0 0 0 25px;
}
#center-main .imageHolder
{
	float: left;
	padding-right: 20px;
	width: 100px;
	display : compact;
}

/* RIGHT SIDE CONTENT */
#right-main
{	
	float: left;
	margin: 5px 0 0 0;
	padding: 0;
	width: 220px;
}
#right-main p
{
	color: white;
	font-size: 1.3em;
	line-height: 1.4em;
	margin: 0;
	padding: 3px 0 5px 25px;
}
#right-main cite
{
	display: block;
	font-size: .9em;
	font-weight: normal;
	padding: 2px 0 5px 5px;
	text-transform: none;
}
#right-main span
{
	font-style: italic;
	font-weight: normal;
	text-transform: none;
}
#right-main h2
{
	color: #FCE526;
	font-size: 1.7em;
	font-weight: normal;
	margin: 5px 0 10px 15px;
	padding: 0 0 0 5px;
}
#right-main h2 a
{
	color: #FCE526;
	text-decoration: none;
}
#right-main h2 a:hover
{
	color: white;
	text-decoration: none;
}
#right-main dl
{
	border-top: 1px solid #326D9C;
	margin: 0 0 0 20px;
	padding: 10px 0 10px 2px;
}
#right-main dl dt
{
	color: #FBF2AA;
	font-size: 1.5em;
	padding: 0 0 3px 0;
}
#right-main dl dt a
{
	color: #FBF2AA;
	text-decoration: none;
}
#right-main dl dd
{
	color: white;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.2em;
	padding: 0 0 5px 8px;
	text-transform: Capitalize;
}
#right-main table
{
	border-bottom: 1px solid #3971A0;
	margin: 0 0 0 20px;
	width: 200px;
}
#right-main table th
{
	border-bottom: 1px solid #3971A0;
	color: #FBF2AA;
	font-weight: normal;
	padding: 4px;
	font-size: 1.5em;
	text-align: left;
}
#right-main table td
{
	color: #FFF;
	font-size: 1.3em;
	font-weight: normal;
	padding: 4px 8px;
}
#right-main table td.right
{
	text-align: right;
	padding: 4px 12px 4px 8px;
}

/* FOOTER */
#footer
{
	background: url("images/logo_small_footer.jpg") left no-repeat;
	border-top: 1px solid #326D9C;
	border-bottom: 1px solid #326D9C;
	clear: both;
	height: 65px;
	margin: 0 auto 15px auto;
	padding: 3px 0 5px 70px;
	text-align: left;
	width: 890px;
}
#footer p
{
	color: white;
	font-size: 1.1em;
	padding: 2px;
}
#footer cite
{
	color: #FBF2AA;
	display: block;
	font-size: 1.1em;
	margin: 0;
	padding: 4px 2px 2px 2px;
}

/* TOP NAVIGATION */
#topnavigation
{
	display:table;
	list-style: none;
	margin: 0 auto;
	white-space:nowrap;
}
#topnavigation li
{
	display: table-cell;
	float: left;
}
#topnavigation a
{
	color: white;
	display:block;
	font-size: 1.3em;
	margin: 0;
	padding: .8em 1.5em;
	text-decoration: none;
}
#topnavigation a:hover
{
	color: #FCE526;
	text-decoration: none;
}

#wednesday
{
	height: 27px;
	margin-top: 198px;
	padding: 0;
}

/* DAY CALENDAR */
#dayCalendar
{
	border: 1px solid white;
	float: left;
	margin: 0 0 30px 0;
	width: 657px;
}
#dayCalendar p.noevents
{
	font-size: 1.4em;
	padding: 20px 12px 20px 12px;
}
#dayCalendar div.monthTitle
{
	border: 1px solid #3971A0;
	background: #035FAA;
	padding: 0;
}
#dayCalendar div.dateholder
{
	float: left;
	color: white;
	font-size: 2.3em;
	font-weight: bold;
	padding: 8px 16px;
}
#dayCalendar div.nextholder
{
	float: right;
	padding: 3px 15px 0 0;
}
#dayCalendar div.nextholder a
{
	color: white;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.5em;
	text-decoration: none;
}
#dayCalendar div.nextholder a:hover
{
	color: yellow;
}
#dayCalendar div.eventHolder
{
	background: url("images/daycalendar_background.jpg") top left repeat-y #FFF;
}
#dayCalendar div.hotlunch
{
	display: block;
	float: right;
	padding: 8px 12px;
	text-align: center;
	width: 156px;
}
#dayCalendar div.hotlunch h2
{
	font-size: 1.6em;
}
#dayCalendar div.hotlunch p
{
	font-size: 1.6em;
	padding: 7px 6px;
}
#dayCalendar table
{
	float: left;
	width: 475px;
}
#dayCalendar table td.time
{
	border-bottom: 1px solid #E2E2E2;
	font-size: 1.3em;
	padding: 10px 12px 8px 12px;
	text-align: right;
	text-transform: uppercase;
	vertical-align: top;
	width: 65px;
}
#dayCalendar table td.event
{
	border-bottom: 1px solid #E2E2E2;
	font-size: 1.5em;
	padding: 8px 20px;
	vertical-align: top;
}
#dayCalendar table td.noevents
{
	border: none;
}
#dayCalendar table td.event cite
{
	display: block;
}
#dayCalendar table td.event p
{
	line-height: 1.2em;
	margin: 6px 10px 8px 0;
}

/* CALENDAR */
#calendar
{
	border: 1px solid white;
	margin: 0 auto;
	width: 820px;
}
#calendar div.monthTitle
{
	background: #013E6D;
	border-top: 1px solid #013E6D;
	border-left: 1px solid #013E6D;
	border-right: 1px solid #013E6D;
	border-bottom: 1px solid #013E6D;
	padding: 0;
	width: 818px;
}
#calendar div.dateholder
{
	float: left;
	color: white;
	font-size: 3em;
	font-weight: bold;
	padding: 8px;
}
#calendar div.nextholder
{
	float: right;
	padding: 3px 15px 0 0;
}
#calendar div.nextholder a
{
	color: white;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.5em;
	text-decoration: none;
}
#calendar div.nextholder a:hover
{
	color: yellow;
}
#calendar div.topholder
{
	font-size: 1.1em;
	padding: 4px 2px 3px 4px;
	position: relative;
	z-index: 4;
}
#calendar a.day
{
	font-weight: bold;
	font-size: 14px;	
	text-decoration: none;
	height: 15px;
	padding: 0 3px 0 0;
	width: 15px;
}
#calendar a.day:hover
{
	color: #0260AA;
}
#calendar a.filler
{
	color: #999;
}
#calendar a.filler:hover
{
	color: #0260AA;
}
#calendar a.normal
{
	color: #000;
}
#calendar a.normal:hover
{
	color: #0260AA;
}
#calendar a.noschool
{
	color: #fff
}
#calendar a.noschool:hover
{
	color: yellow;
}
#calendar a.today
{
	color: #FFF;
}
#calendar a.today:hover
{
	color: yellow;
}
#calendar div.daytitle
{
	background: #0260AA;
	color: white;
	border-right: 1px solid #013E6D;
	border-bottom: 1px solid #013E6D;
	float: left;
	width: 116px;
}
#calendar div.daytitle p
{
	font-size: 1.5em;
	margin: 0;
	padding: 4px;
}
#calendar div.days
{
	background: #E2E2E2;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	float: left;
	height: 140px;
	margin: 0;
	paddding: 0;
	width: 116px;
	z-index: 1;
}
#calendar div.days div.overlay
{
	background: #FBF2AA;
	border-top: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	border-left: 1px solid silver;
	color: black;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	margin: 114px 0 0 -1px;
	padding: 7px; 
	position:absolute;
	z-index: 2;
}
#calendar div.footer
{
	background: #0260AA;
	border-top: 1px solid white;
	clear: both;
	color: white;
	padding: 4px 12px;
	text-align: right;
	text-decoration: none;
}
#calendar div.footer a
{
	color: white;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
}
#calendar div.footer a:hover
{
	color: yellow;
	text-decoration: underline;
}
.lunch
{
	display: block;
	float: left;
	font-size: 1.1em;
	padding: 122px 0 7px 6px;
	position: absolute;
	text-align: right;
	z-index: 3;
}
.lunch-2
{
	display: block;
	float: left;
	font-size: 1.1em;
	padding: 97px 0 7px 6px;
	position: absolute;
	text-align: right;
	z-index: 3;
}
.noschool
{
	color: white;
}
#calendar div.days ul
{
	font-family: verdana, helvetica, sans-serif;
	font-size: 1.1em;
	margin: 0;
	padding: 0 5px;
}
#calendar div.days ul li
{
	padding: 0 0 6px 0;
}
#calendar div.days ul li a
{
	color: blue;
	position:relative;
	text-decoration: none;
	z-index: 10;
}
#calendar div.days ul li a.today 
{
	color: white;
}
#calendar div.days ul li a.noschool
{
	color: white;
}
#calendar div.days ul li a.today:hover
{
	color: #FBF2AA;
}
#calendar div.days ul li a.noschool:hover
{
	color: #FBF2AA;
}
#calendar div.right
{
	float: right;
}
#calendar div.clear
{
	border-left: 1px solid silver;
}
#calendar div.cleardark
{
	border-left: 1px solid #013E6D;
}
#calendar div.filler
{
	background: url("images/calendar_filler.jpg") top left repeat-x #CCC;
	color: #333;
}
#calendar div.normal
{
	background: url("images/calendar_normal.jpg") top left repeat-y #E2E2E2;
	color: #000;
}
#calendar div.noschool
{
	background: url("images/calendar_noschool.jpg") top left repeat-y #AA0202;
}	
#calendar div.today
{
	background: url("images/calendar_today.jpg") top left no-repeat #003159;
	color: #FFF;
}

#calendar div.span-1 {width: 102px;}
#calendar div.span-2 {width: 219px;}
#calendar div.span-3 {width: 336px;}
#calendar div.span-4 {width: 453px;}
#calendar div.span-5 {width: 570px;}
#calendar div.span-6 {width: 687px;}
#calendar div.span-7 {width: 804px;}


/* sideCalendar */

#sideCalendar
{
	border: 1px solid white;
	float: left;
	font-family: arial, helvetica, sans-serif;
	margin: 0 20px 60px 0;
	width: 274px;
}
#sideCalendar div.monthTitle
{
	background: #013E6D;
	border-top: 1px solid #013E6D;
	border-left: 1px solid #013E6D;
	border-right: 1px solid #013E6D;
	border-bottom: 1px solid silver;
	color: white;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.9em;
	font-weight: bold;
	padding: 4px 0;
	width: 272px;
}
#sideCalendar .arrows
{
	width: 10%;
}
#sideCalendar .arrows a
{
	padding: 0 0 4px 0;
}
#sideCalendar .dateholder
{
	text-align: center;
}
#sideCalendar .arrows a:hover
{
	background: transparent;
}
#sideCalendar a
{
	display: block;
	font-weight: normal;
	font-size: 1.4em;	
	padding: 8px 8px;
	text-align: center;
	text-decoration: none;
}
#sideCalendar a.underlined
{
	text-decoration: underline;
}
#sideCalendar a:hover
{
	background: url("images/smallcalendar_selected.jpg") top left no-repeat;
	color: white;
}
#sideCalendar a.filler
{
	border: 1px solid #E2E2E2;
	color: #C0C0C0;
}
#sideCalendar a.filler:hover
{
	color: white;
}
#sideCalendar a.normal
{
	border: 1px solid #F3F2F2;
	color: #000;
}
#sideCalendar a.normal:hover
{
	color: white;
}
#sideCalendar a.chosen
{
	border: 1px solid #E2E2E2;
	color: #000;
	font-weight: bold;
}
#sideCalendar a.today
{
	border: 1px solid #E2E2E2;
	color: #FFF;
	font-weight: bold;
}
#sideCalendar div.days
{
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	float: left;
	font-weight: normal;
	width: 38px;
}
#sideCalendar div.clear
{
	border-left: 1px solid silver;
}
#sideCalendar div.filler
{
	background: #E2E2E2;
	color: #666;
}
#sideCalendar div.chosen
{
	background: url("images/smallcalendar_chosen.jpg") top left no-repeat #E2E2E2;
	color: #000;
}
#sideCalendar div.normal
{
	background: url("images/smallcalendar_normal.jpg") top left no-repeat #E2E2E2;
	color: #000;
}
#sideCalendar div.today
{
	background: url("images/smallcalendar_today.jpg") top left no-repeat;
	color: white;
}

.text-input
{
	margin: 0;
}
.error
{
	background:#FCCCCC;
	color:#514721;
	border-color:#FFD324;
	display: block;
	font-family: Courier New;
	font-weight: bold;
	margin: 5px 0 5px 0;
	padding: 5px 10px;
}

/* GRID STYLES */
.span-1  { width: 30px; }
.span-2  { width: 70px; }
.span-3  { width: 110px; }
.span-4  { width: 150px; }
.span-5  { width: 190px; }
.span-6  { width: 230px; }
.span-7  { width: 270px; }
.span-8  { width: 310px; }
.span-9  { width: 350px; }
.span-10 { width: 390px; }
.span-11 { width: 430px; }
.span-12 { width: 470px; }
.row-1 { height: 25px; }
.row-2 { height: 50px; }
.row-3 { height: 75px; }
.row-4 { height: 100px; }
.row-5 { height: 125px; }
.float {float: left; padding: 3px 10px 3px 0;}
.clear {clear: both;}
.required {font-weight: bold;}

form div.p {font-size: 1.4em;line-height: 1.3em;color: white;padding: 8px 0 8px;}
form div.small {font-size: 1em; padding: 2px 0 0 0; color: white;text-transform:uppercase;}
form div.padded {padding: 10px 0 10px 0;}
input {font-family: courier new;}
input.button {border: 1px solid white;font-family: arial; font-size: 1.5em; font-weight: bold;color:dark blue; background: #F8E866;  padding: 15px 25px;}
label {color: #FCEC5D;line-height: 1.4em;font-size: 1.4em;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
img.right {float: right; height:225px;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.1em 0 0.4em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {padding:5px;}
input.title {font-size:1.5em;}
select {font-family: courier new;}
textarea {padding:5px;}