/* Home CSS Document */

#subnavholder, #dateTime, #breadcrumbs {display: none;}

#content                          {float: left; display: inline; width: 450px; padding-top: 10px;}

#contentWrapper                   {background: url(../images/design/day/homecontentinner.jpg) top no-repeat;}

.latestcontent                    {float: left; display: inline; width: 220px; margin-left: 10px;}
.latestcontent ul, .latestcontent li {margin: 0; padding: 0; list-style: none;}
.latestcontent h2                 {padding: 10px 0 10px 65px;}

#latestgallery h2                 {color: #c20000; background: url(../images/design/icon_images.png) left no-repeat;}
#latestpodcasts h2                {color: #ce4800; background: url(../images/design/icon_podcasts.png) left no-repeat;}
#latestevents h2                  {color: #4700c9; background: url(../images/design/icon_events.png) left no-repeat;}
#latestnews h2                    {color: #5f8900; background: url(../images/design/icon_blog.png) left no-repeat;}

#latestgallery                    {width: 460px; margin: 10px 0 0 30px; float: left; display: inline;}
#latestgallery li                 {float: left; display: inline; list-style: none; padding: 0; margin: 0 10px 5px 0;}
#latestgallery img                {border: 1px solid #ccc; background: #fff; padding: 4px;}

#upcomingEvents li                {font-size: 85%;}

#latestnews                       {width: 460px; margin-left: 20px;}
#latestnews li                    {clear: both;}
#latestnews .latestthumb          {width: 56px; height: 56px; border: 4px solid #005e8b;}
#latestnews .latestnewsintro      {width: 360px; float: left; display: inline; padding: 0 0 0 20px; font-size: 85%;}
#latestnews .latestnewsinfo       {width: 80px; float: left; display: inline; font-size: 0.8em; text-align: center;}

#latestnews .comments             {display: block;}


#calendar-wrapper {float: left; width: 310px; position: relative;  z-index: 20; margin-left: 35px;}

#calendarPopup { background: url(../images/design/cal-header.png) top center no-repeat; padding: 0 10px 15px; margin: 20px 0 0 0; font-size: 90%;} 
#calendarPopup table.cal-popout                  {width: 281px; margin: 0 0 0 4px; padding: 0; border-collapse: collapse;}
#calendarPopup table                             {border: none;  }
#calendarPopup tbody {background: #ebebeb; border: none;}
#calendarPopup .cal-popout tr                    {}
#calendarPopup .cal-popout .cal-month-name      {background: none; padding-right: 1px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.3); height: 52px;}
#calendarPopup .cal-popout .cal-month-name a      {border: none; padding: 0;}
#calendarPopup .cal-popout .cal-month-name td      {border: none;}
#calendarPopup .cal-popout td			          {text-align:center; margin: 0; padding: 0px; line-height: 120%;} 
#calendarPopup #calendarPopup table.cal-popout thead td {background: none; border-left: none; border-right: none;}
#calendarPopup #calendarPopup table.cal-popout thead td a {background: none; border-left: none; border-right: none;}
#calendarPopup .cal-popout td.cal-cellEmpty { background: #eee;}
#calendarPopup .cal-popout thead td.cal-prevMonth a,
#calendarPopup .cal-popout thead td.cal-nextMonth a {display: block; text-indent: -999em; width: 20px; height: 20px; padding: 0px 4px 25px;}
#calendarPopup .cal-popout thead td.cal-prevMonth a span,
#calendarPopup .cal-popout thead td.cal-nextMonth a span {display: none;}
#calendarPopup .cal-popout thead td.cal-prevMonth a {background: url(../images/design/cal-back.gif) no-repeat center; float: right; vertical-align: top;}
#calendarPopup .cal-popout thead td.cal-nextMonth a {background: url(../images/design/cal-forward.gif) no-repeat center; float: left;}
#calendarPopup .cal-popout tbody td              {background: #fff url(../images/design/calendar_cell_bg.gif) repeat-x bottom;}
#calendarPopup .cal-popout td a                  {display:block; padding: 9px 7px; text-decoration:none; color:#818181; border-left: 1px solid #FFF; font-size: 90%;}
#calendarPopup .cal-linkHolder                   {position:relative; display:block;}
#calendarPopup .cal-loading                      {-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;}
#calendarPopup .cal-label                        {display:none;}
#calendarPopup .cal-icon                         {display:block; cursor:pointer; text-align:center;}
#calendarPopup .cal-popout .cal-monthName                    {text-align:center; height: 40px; font-weight: bold; font-size: 130%; vertical-align: top; padding: 7px 0 0 0;}
#calendarPopup .cal-popout tbody td.cal-hasevent a {background: url(../images/design/cal_marker.gif) no-repeat right bottom;}
#calendarPopup .cal-day-names                    {font-size:65%; color:#666; text-transform: uppercase; background: #fff; border-bottom: 1px solid #ddd;}
#calendarPopup .cal-day-names td                 {border-top: none; padding: 3px 0; }
#calendarPopup .cal-day-names abbr               {border: none;}
#calendarPopup .cal-popout abbr                  {cursor:help;}
#calendarPopup .cal-row-even a                   {}
#calendarPopup .cal-popout tbody td.cal-today    {background: url(../images/design/cal_today.gif) repeat left top;}
#calendarPopup .cal-popout tbody td.cal-today a  {border: none; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.3);}
#calendarPopup .cal-popoutContent                {background:#fff; border:1px solid #777; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; color: #000; text-shadow: none;}
#calendarPopup .cal-events                       {margin:0; padding:10px 10px 2px; list-style:none; font-size: 85%;}
#calendarPopup .cal-events li                    {margin:0 0 10px; padding:0;}
#calendarPopup .cal-events li span               {display:block; text-align: left;}
#calendarPopup .cal-eventTitle                   {font-weight:normal; }
#calendarPopup .cal-eventTimescale               {font-weight: bold;}
#calendarPopup .cal-popoutPointer-border         {border-color:#777;}
#calendarPopup .cal-popoutPointer-content        {border-color:#fff;} 
/* Fix for ie6 transparency rendering */
*html .cal-popoutPointer-border	{filter: chroma(color=pink);}
*html .cal-popoutPointer-content{filter: chroma(color=pink);}
#calLink                          {display: block; margin: 10px 0 0 15px; width: 280px; overflow: auto;}
#calLink #calBox                  {display: inline; display: none; float: left; margin: 0 20px 0 0; padding: 17px 7px 10px; background: #fff url(../images/design/calendar_link_bg.gif) repeat-x left top; text-align: center; font-size: 23px; color: #393939; -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);}
#calLink #calBox .ord             {font-size: 13px; vertical-align: top;}
#calLink .moreLink                {display: inline; float: left; padding: 5px 0 0; font-size: 20px; color: #00E;}
#calLink .moreLink .subTitle      {display: block; font-size: 14px; font-style: italic; color: #6F6F6F;}