#contentcontainer {
   height: auto;
   background: #E9E9DF url(../images/wholebg.jpg) repeat-y;
   width: 976px;
   margin: 5px 0px 5px 0px;
  
}

#calcontainer {
   width: 976px;
   margin: 5px 0px 5px 0px;
   background-color: #E9E9DF;
  
}


#left {
   width: 188px;
   float: left;
   background: #E9E9DF;

}

.secbottom {
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

#left a:hover {
   color: #fff;
   background: #ad2134;
}

#right {
   width: 788px;
   float: right;
   }

#rightcontainer {
   width: 788px;
   
   
}

#maincolumn {
   width: 650;
   float: left;

}

#sidecolumn {
   font-family: "Lucida Grande", Verdana, Arial, sans-serif;
   width: 188px;
   float: right;
   

}

#sidebottom fieldset {
   
	font-size: 12px;
   
	font-family: , "Lucida Grande", Verdana, Arial, sans-serif;
   
	text-align: left;
   
	border-left-style: none;
   
	background-color: white;
   
}#sidetop {
  height: 183px;
  
}

#mainpicture {
   width: 600px;
   height: 183px;
   background: #617DA5;
}

#maincontent {
   font-size: 12px;
   font-family: "Lucida Grande", Verdana, Arial, sans-serif;
   padding: 10px;
   text-align: left;
   width: 580px;
   background: white;
}

#text h1 {
	font-style: normal;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-shadow: 0px 0px 0px;
	word-spacing: 3px;
	margin-left: 0px;
	padding-left: 0px;
	font-size: 18px;
	color: #003366;
}

#text h2 {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	margin-left: 8px;
	margin-top: 0px;
	font-weight: bold;
	font-size: 12px;
	color: #ad2134;
}

#textpicture   {

	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 0px;
	padding: 5px;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
	float: right;

}


.dd
{
	font-size: 12pt;
	color: navy;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}


h5 
{ 
	margin-top: 2px; 
}
h4  
{  margin-top: 2px; 
}
#primary-content .calendar-list dl.calendar-day dd a.readmore
{
	display: none;
	visibility: hidden;
}

#primary-content dl.calendar-day dd a.readmore
{
	display: none;
	visibility: hidden;
}

#primary-content .calendar-day dd span.category
{
	visibility: hidden;
}	

#primary-content .calendar-day dd.first-child
{
	margin-left: 40px;
	}
	
#primary-content .calendar-day dd.only-child
{
	margin-left: 40px;
	}


#primary-content .calendar-list dl.calendar-day dd h4 span 
{
	visibility: hidden;
	display: none;
}

#primary-content dl.calendar-day dd h4 span {
	display: none;
	visibility: hidden;
	}
	
.calendar-day DT
{
	font-weight: bold;
	font-size: 11pt;
	color: #ad2134;
	font-family: Georgia;
	
}

.calendar-day A
{
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #003366;
	text-decoration: none;
}
.calendar-day A:hover
{
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #003366;
}


A.readmore
{
	font-size: 8pt;
	color: #003366;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}
A.readmore:hover
{
	font-size: 8pt;
	color: #ad2134;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

.calendar-day H5
{
	font-weight: normal;
	font-size: 7pt;
	color: #AD2134;
	font-family: "Lucida Grande";
	margin-top: -15px;
}
.calendar-day H5 span
{
	margin-right: 2px;
}
.calendar-day H4
{
	font-size: 9pt;
	color: #000;
	font-family: "Lucida Grande";
	font-style: normal;
	font-weight: normal;
	margin-top: 2px;
}
.calendar-detail H2
{
	font-weight: bold;
	font-size: 16pt;
	color: #ad2134;
	font-family: georgia;
}
.calendar-detail H1
{
	font-weight: bold;
	font-size: 13pt;
	color: #003366;
	font-family: georgia;
}

/* EVENT DETAIL
------------------------------------------------------------------------- */
#primary-content .calendar-detail {
	position: relative;
	padding-top: 1.4em;
	margin: 15px 0 0 0;
	}
#primary-content .calendar-detail h2 {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	line-height: 1.0em;
	margin: 0;	
	font-weight: bold;
	padding: 0 0 0 15px;	
	}
#primary-content .calendar-detail h3 {
	padding: 0 0 0 15px;	
	}	
#primary-content .calendar-detail h1 span {
	display: none;
	}	
#primary-content .calendar-detail h1 {
	color: #2A4582;
	padding: 0 0 0 15px;
	font-family: "Lucida Grande"; 
	font-size: 10pt;
	}	
#primary-content .calendar-detail h3 span {
	display: block;
	}	
#primary-content .calendar-detail h4,
#primary-content .calendar-detail h5,
#primary-content .calendar-detail h6 {
	margin: 0;
	font-size: 1.0em;
	}
	
#primary-content .calendar-detail h3 span,
#primary-content .calendar-detail h3 em {
	font-size: .91em;
	}	
#primary-content .calendar-detail p {
	margin-top: 10px;
	width: 345px;
	padding: 0 10px 0 15px;
	}	
#primary-content .calendar-detail a.back {
	font-size: .91em;
	padding: 0 0 0 15px;	
	}	
	
	/* CALENDAR SELECTOR
---------------------------------------------------------- */

form#customize {	
	margin: 0;
	padding: 0;
	background: url(/images/calendar/cal-customize-bg.gif) left bottom no-repeat;
	color: black;
	}
form#customize h3 {
	padding-left: 0px;
	padding-bottom: 10px;
	padding-right: 0;
	padding-top: 10px;
	color: #000;
	margin: 0;
	background: url(/images/calendar/cal-customize-hdr-bg.gif) left top no-repeat;
	font-size: 9px;
	}
form#customize {
	font-size: 10px;
	position: relative;
	}		
form#customize a {
	color: #003366;
	font-size: 10px;
	position: relative;
	}		
form#customize div a.display-all {
	font-size: 10px;
	position: absolute;
	left: 0;
	top: 0;
	margin: 13px 0 15px 60px;
	}	
form#customize input.display {
	position: absolute;
	left: 0;
	top: 0;
	margin: 10px 0 15px 15px;	
	padding: 0;
	border: none;
	}	
form#customize ul.calendar-formlist {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
	}	
form#customize ul.calendar-formlist li {
	background-image: none;
	margin: 0;
	padding: 0;
	}		
form#customize ul.calendar-formlist li label {
	margin: 0;
	padding: 0;
	}	
form#customize ul.calendar-formlist li label input {
	margin: 0 0 0 15px;
	padding: 0;
	}	
	
/* CALENDAR SWITCHER
-------------------------------------------------------- */

.calendar-switcher {
	background: url(/images/common/bg-2-cal-blue.gif) left top no-repeat;
	width: 205px;
	height: 38px;
	}
.calendar-switcher select {
	font: .916em/1 Verdana, Arial, Helvetica, sans-serif;
	color: #183655;
	width: 135px;
	border: 1px solid #D99E00;
	margin: 7px 10px 8px 10px;
	padding: 0;
	}
.calendar-switcher input.go
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	width: 37px;
	padding-top: 0px;
	height: 21px;
	display: inline;
}

.non-dom {
  

	display: inline;
  

}

	
	/* CALENDAR MINI
-------------------------------------------------------- */

.calendar-mini
{
	margin-left: 0px;
	margin-right: -5px;
		
}
.calendar-mini .table-container
{
	font: 7pt/1.8 "Lucida Grande", Verdana, Arial, sans-serif;
	color: #cccccc;
}
.calendar-mini .table-container table
{
	background-image: url(nodate.gif);
	/*width: 5em;*/
	background-color: #adbccf;
}	 

	 
.calendar-mini .table-container table thead
{
	font-weight: bold;
	color: white;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	height: 19px;
	background-color: #ad2134;
	text-align: center;
}
.calendar-mini .table-container table thead tr th abbr {
	border-bottom: none;
	font-size: 10px;
	}	
.calendar-mini .table-container table tr.last-child {
	border-bottom: 1px solid #FFF;
	}	
.calendar-mini .table-container table tr td {
	background-color: #728db2;
	width: 20px;
	height: 20px;
	text-align: center;
	color: #FFF;
	border-top: 1px solid #adbccf;
	border-right: 1px solid #adbccf;
	border-left: 1px solid #adbccf;
	border-bottom: 1px solid #adbccf;
	margin: 0;
	padding: 0;
	font-size: 11px;
	}
.calendar-mini .table-container table tr td.today {
	background-color: #AD2134;
	}
.calendar-mini .table-container table tr td a
{
	display: block;
	font-size: 8pt;
	color: #FFF;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	
}		
.calendar-mini .table-container table tr td span
{
	display: block;
	font-size: 8pt;
	background-image: url(no_event.gif);
	margin-bottom: 0px;
	color: white;
	border-top-style: none;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	border-right-style: none;
	border-left-style: none;
	background-color: transparent;
	border-bottom-style: none;
}	

.calendar-mini .calendar-prevnext
{
	font-weight: bold;
	font-size: 12px;
	background: url(/images/common/bg-2-cal-blue.gif) no-repeat left top;
	width: 13em;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	height: 45px;
}
#calendars .calendar-mini form span select.month
{
	border-right: #d99e00 1px solid;
	padding-right: 0px;
	border-top: #d99e00 1px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	font: 12px/1 "Lucida Grande", Verdana, Arial, sans-serif;
	border-left: #d99e00 1px solid;
	width: 165px;
	color: #183655;
	padding-top: 0px;
}
.calendar-mini input.go {
	padding: 0px 0 0 0;
	margin: 0;
	width: 37px;
	height: 21px;
	}	
.calendar-mini a.prev, .calendar-mini a.next, .calendar-mini a.block, .calendar-mini a.week
{
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: -2px;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 11px;
	padding-bottom: 0px;
	color: #003366;
	padding-top: 0px;
}
.calendar-mini a.prev, .calendar-mini a.next, .calendar-mini a:hover.block, .calendar-mini a:hover.week
{
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	text-decoration: underline;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: -2px;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 11px;
	padding-bottom: 0px;
	color: #003366;
	padding-top: 0px;
}
.calendar-mini a.block img {
	margin-top: 10px;
	}	
#frame
{
	padding-right: 5px;
	margin-top: 0px;
	padding-left: 5px;
	padding-bottom: 0px;
	width: 758px;
	border-top-style: none;
	padding-top: 0px;
	border-right-style: none;
	border-left-style: none;
	height: 100%;
	background-color: #ffffff;
	text-align: left;
	border-bottom-style: none;
}
#contentcenter
{
	padding-right: 15px;
	background: #fff;
	float: left;
	width: 518px;
	height: 100%;
}
#contentright {
		width:175px;
		padding:10px;
		float:left;
		background:#ADBCCF;
		}

.calendar-mini A:hover
{
	font-weight: normal;
	font-size: 8pt;
	color: #ffffff;
}
.calendar-mini A
{
	font-size: 8pt;
	color: #ffffff;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	text-decoration: none;
}
.calendar-prevnext
{
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	font-size: 20px;
	color: #003366;
	background-repeat: repeat-x;
	font-family: georgia;
	height: 31px;
	text-align: left;
}

.calendar-prevnext img {
    padding-left: 5px;
    padding-right: 5px;

}
.calendar-prevnext A
{
	font-size: 7pt;
	color: #ad2134;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	text-decoration: none;
}
.calendar-prevnext A:hover
{
	font-size: 7pt;
	color: #ad2134;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	text-decoration: underline;
}
.primary-header A
{
	font-weight: bold;
	font-size: 7pt;
	color: white;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}
.primary-header
{
	background-color: #ad2134;
}
#top
{
	padding-right: 0px;
	padding-left: 0px;
	width: 100%;
	padding-top: 5px;
	height: 100px;
	background-color: #ffffff;
}
#topcontent
{
	width: 100%;
	background-color: #003366;
	height: 108px;
}
#crest
{
	width: 72px;
	height: 108px;
}
#toptitle
{
	width: 660px;
	position: static;
	height: 80px;
}

/* BLOCK/WEEK CALENDAR
----------------------------------------------------------------------------- */
.calendar-block .widget-container {
background: #97948B;
}

.calendar-widgets {
	position: relative;
	float: none;
	clear: both;
	margin: 0 0 0 0px;
	/*width: 607px;*/
	text-align: center;
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 10px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	background-color: #97948B; 
	}
.calendar-widgets a {
	margin-right: 10px;
	font-family: "Lucida Grande";
	color: #fff;
	font-size: 9pt;
	text-decoration: none;
	}
.calendar-widgets a:hover {
   color: #fff;
   text-decoration: underline;
}	
	
.calendar-widgets img{
    border: none;
	margin: 4px 2px 0px 0px;

}
.calendar-block .calendar-widgets form {
	float: left;
	width: 170px;
	}
.calendar-block .calendar-widgets form select {
	margin-right: 0px;
	}
.calendar-block .table-container {
	float: none;
	clear: both;
	background: #333333;
	
	/*border: 4px solid #999;*/
	}
.calendar-block .table-container table {
	position: relative;
	width: 100%;
	border-bottom: 1px solid #CCC;
	}
.calendar-block .table-container th {
	background: #AD2134 url(../images/day_grade.jpg) repeat-x top left;
	color: #FFF;
	padding: 4px 4px 4px;
	text-align: center;
	}
	


.calendar-block .table-container abbr {
	font-family: "Lucida Grande";
	color: white;
	padding: 0 4px 4px;
	text-align: center;
	}

.calendar-block td {
    background: #fff url(../images/box_grade.jpg) repeat-x bottom left;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	width: 16%;
	padding: 0px;
	margin-top: 0px;
	vertical-align: top;
	}
	
	.calendar-block td.today {
    background: #fff url(../images/today_grade.jpg) repeat-x bottom left;
    border-left: 1px solid #F3C2CB;
    border-right: 1px solid #F3C2CB;
    border-bottom: 1px solid #F3C2CB; 
	}
	
.calendar-block td.other-month{
   background: #fff url(../images/month_grade.jpg) repeat-x bottom left;
}
.calendar-block td {
	/*border-left: none;*/
	}
.calendar-block td.only-child,
.calendar-block td.last-child {
	border-right: 1px solid #CCC;
	}
.calendar-block-month h1
{
   color: #003366;
   font-family: "Lucida Grande", Tahoma, Sans-Serif;
   font-size: 12pt;	
}	

.calendar-block-week h1
{
   color: #003366;
   font-family: "Lucida Grande", Tahoma, Sans-Serif;
   font-size: 12pt;	
}	
.calendar-block-week td {
	border-bottom: none;
	}
.calendar-block tr.last-child td {
	border-right: 1px solid #CCC;
	border-bottom: none;
	}
.calendar-block-week td.last-child {
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}
.calendar-block dl.calendar-day {
	padding: 0;
	margin: 0;
		}
.calendar-block dl.calendar-day dt
{
    font-weight: bold;
	background: url(../images/cal_grade.jpg) repeat-x 70% 0;
    background-color: #eee;
    border-bottom: 1px solid #CCC;
    padding: 0.4em;
    margin: 0px;
    
}

td.today dl.calendar-day dt
{
  background: #f3c2cb  url(../images/cal_grade_today.jpg) repeat-x 70% 0;
  border-bottom: 1px solid #E67D8F;
}
.calendar-block dl.calendar-day dd {
	padding: 0;
	margin: 0;
	margin-bottom: 0.6em;
	padding: 8px;
	}
.calendar-block dl.calendar-day dd * {
	margin: 0;
	font-size: 9pt;
	font-weight: normal;
	}
.calendar-block dl.calendar-day dd h5 {
	margin: 0;
	font-size: 7pt;
	font-weight: normal;
	font-family: "Lucida Grande";
	}
.calendar-block dl.calendar-day dd a {
    color: #003366;
	font-family: "Lucida Grande", verdana, sans-serif;
	font-weight: normal;
   }
.calendar-block dl.calendar-day dd a:hover{
    color: #003366;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: underline;
}
.calendar-block dl.calendar-day dd h5,
.calendar-block dl.calendar-day dd h5 span,
.calendar-block dl.calendar-day dd h6 {
	visibility: visible;
	font-size: 7pt;
	display: block;
	padding-right: 0.4em;
	}
.calendar-block dl.calendar-day dd h4 span /* Category */ {
	display: none;
	font-weight: normal;
	font-size: 7pt;
	color: #AD2134;
	}
                 
                                                                                
.calendar-block dl.calendar-day dd h5,
.calendar-block dl.calendar-day dd h6 {
	visibility: visible;
	font-weight: normal;
	font-size: 7pt;
	color: #AD2134;
	}
/* CUSTOMIZE FORM
----------------------------------------------------------------------------- */
.calendar-block #customize-form {
	display: none;	
	}
.calendar-block #customize-form.active {
	display: block;
	width: 180px;
	padding: 8px;
	text-align: left;
	border: 4px solid #DDD;
	background-color: #FFF;
	}
.calendar-block #customize-form.active {
	position: absolute;
	top: 3.0em;
	left: 286px;
	}
#customize-form	h3 {
	font-size: 14px;
	}	
.calendar-block-week #customize-form.active {
	top: 6.5em;
	left: 230px;
	}
#customize-form	ul {
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	}	
#customize-form-toggle.active {
	/*background-color: #DDD;*/
	}
ul.calendar-formlist {
	list-style: none;
	}
#calendars form span { display: block; padding: 0 0 4px;}
#calendars form span input,
#calendars form span textarea,
#calendars form span select { width: 100%; }
	
}