/* DEBUG */



/* -- */
strong	{font-weight:bold}
.clear {clear: both;}
.hidden {display: none;}

a {outline: 0 }
table th,table td {padding:5px;}
.bold {font-weight: bold;}
.blockify {display: block !important;}

.pad5 {padding: 5px;}
.pad10 {padding: 10px;}
.floatRight {float: right;}

.rsvpPerson:first-child {border-top: 0;}
.rsvpPerson {border-top: 1px solid #666; margin-bottom: 5px; padding: 4px;}
#sideRSVP {display: block; clear: right; float: right; width: 250px; border: 1px solid #666;}
#sideRSVP {margin: 0 0 5px 5px;}
#sideRSVP h2 {text-align: center; font-size: 16px; font-weight: bold; padding-top: 5px; }
#sideRSVP h2.isAttending {text-align: left; font-size: 14px; border-top: 1px solid #666;}
#sideRSVP p.notes {display: block; padding: 2px; border: 1px solid #666; margin: 2px 0 -2px;}


#copyright{display:none;}
.crumbMenu{display:none;}
.cal-header .buttons{display:none;}
.cal-header .cal-frame{border:none;}
.cal-header {
  background: none repeat scroll 0 0 transparent;
  color: #000000;
  font-weight: bold;
  font-size:20px;
  text-align:center;
}
.handLink {cursor: pointer}

.rssAIcon {padding: 1px 0 1px 19px}
.iCalAIcon {padding: 1px 0 1px 19px}
.rssItemPadding {padding: 4px 2px 2px;}

.backToTop {float: right; clear: right; font-size: 12px; margin-bottom: 10px;}
.backToTopMain {float: right; clear: both; font-size: 12px; margin-right: 10px;}

.isRounded {-moz-border-radius: 4px;}
.isRoundedLarge {-moz-border-radius: 6px;}

.category_holder {display: block; margin: 0;}
.category_holder span {padding: 2px 4px; font-size: 11px;}

#content .pageData {padding:6px 10px; border:#666 1px solid;}

.dataPadder {padding:6px 10px; }
.dataPadder  p {padding:4px 0px;}

.content p {
  padding: 0px 0 5px;
}

.newsItem .newsData p {
  padding: 0px 10px 5px;
}
.miniModuleHolder .newsItem .newsData p {
  padding: 0px 3px 3px;
}

.dimSearch {}

.centerHeader {
  text-align:center;
}

a:link  {}
a:hover, a:active {}

#mainContainer, #header , #mainData{
  width:720px;
  margin:0 auto;
  background:#fff;
}
.mainTitleTools{display:none;}
#mainContainer	{
	margin-top:10px;
}
#header {
  position: relative;
  clear:both;
  }
 .cornernavHolder {
  clear:both;
  position: relative;
  padding:5px;
}
.userAuthBox {
		float:right;
		font-size: 11px;
		list-style: none inside;
}
.userAuthBox li {
	padding: 0px;
	margin: 2px 0px;
	list-style: none;
	text-align:right;
}
	.userAuthBox li a:link,
			.userAuthBox li a:visited {
	display: block;
	text-decoration: none;
	padding: 0px 8px;
}
	.userAuthBox li a:active,		
		.userAuthBox li a:hover {}

.userAuthBoxLogout	{
	font-size:1em;
	font-weight:bold;
}

 #header_LBox {  
  width:auto;
  height:223px;
  float:left;
  position:relative;
   border-bottom: #FFF 1px solid;
 }
 .date {
  margin:0px;
  padding:0px;
  position:absolute;
  top:5px;
  left:5px;
  font-size: 11px;
  
}
#logoBox {

  position:absolute;
  text-align:center;
  z-index:100;
  }
 #slogan	{
	display:none;
}	
#picBox  {
	float: left;
	height: 200px;
	width: auto;
	padding: 12px 16px 11px 16px;
   border-bottom: #FFF 1px solid;
}
#picBox img {
	height: 200px;
	width: auto;
}
img {
  border:none;
}
#mainData{
padding:10px 0px;
}
#mainData h2.mainTitle {font-size: 22px; padding:10px; }
#col2 h3.mainTitle {font-size: 14px;}


#portal .panelInner  {
  border:#666 1px solid;
  margin-right:8px;
}
#portal .two-third .panelInner{}

#portal .two-third h3, #portal .full h3, #portal .half h3  {font-size:1.5em;font-weight: normal; text-transform:uppercase;}
#portal .one-third h3  {font-size:1.4em;font-weight: normal; text-transform:uppercase;}

/*.whitebox { border:2px solid #23A; border-top:none; }*/

#col2 .mainTitle .smallLink {font-size: 12px; font-weight: normal;}

.titleShift .mainTitle {display: block; position: relative; top: -19px; left: -2px; margin-bottom: -16px;}
.titleShift .mainTitle span {padding: 0 4px;}

#headerContent {
  width:auto;
  float:left;
  padding:7px 0 0;
  font-size:11px;
}
/*.roundheader{ padding:5px 10px; margin:5px; border:2px solid #23A; -moz-border-radius: 5px 5px 0px 0px; position:relative; }	*/

#pageHeader {background:#fff}
#pageHeader h2.mainTitle {/*margin-bottom: 5px;*/}


/** html #col2 {width: 725px !important;} *//*ie6 - bleh*/

/** html .block {display: block; padding: 0 !important; margin: 5px 0 !important; width: 100%;} *//*ie6 - get ff now!*/

#content {padding-bottom: 20px;}
#content p{margin:10px 0px; line-height:1.5em;}
.webmaster {
  border-top: 1px solid #666;
  font-size: 11px; font-style: italic; 
  clear:both;
  margin:10px 0px 10px 188px;
  }
/*webmaster {display: block; padding: 10px 0 0 15px; position: relative;}
.webmaster {left: 188px; top: -40px; margin: 22px 0 -22px; width: 485px;}
.webmaster {}

.webmaster a {font-weight: bold; }
*/
#content ul{
padding-left:22px;
}

#content .calendarDayPop ul{
  padding: 0;
}

#footer {
  width:auto;
  padding:5px 5px 10px;
  clear:both;
  text-align:center;
}

#footer span {
  padding:0 20px;
}


#copyright {
  clear: both;
  width: auto;
  margin: 0 auto 60px;
  text-align: center;
  font-size: 11px;
}

.siteNotice {margin-bottom: 4px; border: 2px solid #666; padding: 2px 4px; }
.siteNotice {-moz-border-radius-bottomright: 12px; -moz-border-radius-topleft: 6px;}
.siteNotice h2 {font-size: 14px;}
.siteNotice p {}

/*
//
// MAIN NAVIGATION
// This section includes the main nav container and menus
//
*/
.x-portlet{width:200px;}
 #menuContainer {
    width:600px;
	}


  
  /* Slight Category Mod 
    .leftModuleHolder ul li.hasSubChild div a .catIcon {float: left; width: 46px;}
    .leftModuleHolder ul li.hasSubChild div a .catData {float: left; width: 254px;}
    .leftModuleHolder ul li.hasSubChild div a strong {display: block;}
*/
    .inThisSectionHolder ul {}
    .inThisSectionHolder ul li {}
    .inThisSectionHolder h2 {}
    .inThisSectionHolder ul li a {
      border-top: 1px solid #666;
    }
    .inThisSectionHolder ul li:first-child a {
      border-top: 0;
    }    
    .inThisSectionHolder ul li:hover a.title,
      .inThisSectionHolder ul a.title:hover {}
    .inThisSectionHolder ul li.hasSubChild:hover a.title,
      .inThisSectionHolder ul li.hasSubChild a.title:hover {}

    

/*
//
// Category Stuff
//
*/

  .toolbarContainer {text-align: center; padding: 2px;}

  #content .category_holder{
    float: right;
    text-align: right;
  }

  #leftCol .category_holder{
    float: right;
    text-align: right;
  }
  #leftCol span.link,
    td.calendarDay span.link,
      td.calendarDay a:hover span.link,
        .portal-column span.link,
          .portal-column .catHolder span,
            #leftCol .catHolder span {
    display: none;
  }
  #leftCol .catHolder,
    .portal-column .catHolder {
    padding: 0 16px;
  }
  #leftCol .newsItem:hover .catHolder,
    .portal-column .newsItem:hover .catHolder {
    padding: 0;
  }
  #leftCol .newsItem:hover .catHolder span,
    .portal-column .newsItem:hover .catHolder span {
    display: inline;
  }
  td.calendarDay span.linkHolder a{
    float: left;
    padding: 2px;
    margin: 2px 1px;
    -moz-border-radius: 3px;
  }
  td.calendarDay span.linkHolder a{}
  td.calendarDay .isRounded span.linkHolder a{}
  td.calendarDay span.linkHolder a:hover{}
  td.calendarDay .isRounded span.linkHolder a:hover{}
  #content .newsItem .meta .category_holder{
    float: right;
    text-align: right;  
    position: relative;
  
    /* top: -30px; right: 2px; margin-bottom: -30px; */
  }
  .category_holder a{
    margin-top: 2px;
    -moz-border-radius: 5px;
  }
  .category_holder a:hover{}

.pageTools {
  margin-right: 5px;
}
.searchBox	{
	float:left;
	padding:5px 5px 0;
}
.searchBox form	{
  margin:0px;
  padding:0px;
}
.searchBox form	input.img {
  position:relative;
  top:2px;
}
.pageToolsNav	{
	float:right;
	padding:3px 3px;
  margin-bottom: -5px;
}
.pageToolsNav	ul{
	list-style:none;
	margin:0px;
	padding:0px;
	}
.pageToolsNav	li{
	float:left;
	margin:0 0 0 2px;
	padding:0px;
}
.pageToolsNav	li:first-child{
  margin-left: 0;
}
.pageToolsNav	li a.toolbarButton {
	display:block;
	padding: 6px 10px;
	text-decoration:none;
}
.pageToolsNav	li a.toolbarButton:hover,
  .pageToolsNav	li:hover a.toolbarButton {
  -moz-border-radius: 3px;
}

.pageToolsNav ul li .categoryFilter {display: none; padding: 8px 6px 6px 8px;}
.pageToolsNav ul li .categoryFilter {width: 520px; border-left:1px solid #666; border-bottom:1px solid #666;}
.pageToolsNav ul li .categoryFilter {-moz-border-radius-bottomleft: 5px}
.pageToolsNav ul li .categoryFilter ul.categoryFilterPop {padding:0 !important; margin:0}
.pageToolsNav ul li .categoryFilter ul.categoryFilterPop li {padding:0; margin:0; width: 250px; float: left;}
.pageToolsNav ul li .categoryFilter ul.categoryFilterPop li {margin: 0 2px 2px 0; padding: 4px;}
.pageToolsNav ul li .categoryFilter ul.categoryFilterPop li a {-moz-border-radius:0; }
.pageToolsNav ul li .categoryFilter ul.categoryFilterPop li .catIcon {float: left; width: 46px;}
.pageToolsNav ul li .categoryFilter ul.categoryFilterPop li .catData {float: left; width: 204px;}
.pageToolsNav ul li .categoryFilter ul.categoryFilterPop li .catData strong {display: block; overflow: hidden; height: 16px;}

.pageToolsNav ul li:hover .categoryFilter {display:block; position: absolute; right: 0; z-index:100}

.modTools {
  padding-top: 5px;
}
.modTools .pageToolsNav{
  position: relative;
  top: -3px;
  margin-bottom: -6px;
}
.modTools .pageToolsNav	li a.toolbarButton {
  padding: 6px 10px 3px;
}
.modTools .pageToolsNav	li:hover a.toolbarButton ,
  .modTools .pageToolsNav	li a.toolbarButton:hover{
  -moz-border-radius: 3px 3px 0 0;
}
.pageToolsNav	li a:link, .pageToolsNav	li a:visited	{
}


.leftBottomBox {	text-align: center;	border-top: 1px dotted #666;  padding:10px 5px; }
.leftBottomBox input{width:100px;}
.leftBottomBox:first-child {border:none;}

.weatherBox:first-child {border:none; padding-bottom:8px;}
.weatherBox {padding:5px; border-top:1px dotted #666;}
.weatherImg{float:left; padding-right:3px;}

.pageToolsNav	li a:hover, .pageToolsNav	li a:active	{}
.pageToolsExtra	{
	clear:both;
	height:5px;
}

.modTabs	{
	float:left;
}
.modTabs ul{
	padding: 0px !important;
	margin: 0px;
	list-style: none;
	}
.modTabs li {
	float: left;
	margin-right:1px;
	}

.modTabs li a	{display:block; text-decoration:none;}
.modTabs li a b.lft, .modTabs li a b.rht, .modTabs li a b.mid	{display:block; height:25px; float:left;}

.modTabs li a b.lft {width:6px; }
.modTabs li a b.mid {text-align:center; font-weight:normal; padding:6px 2px 0; height:19px;}
.modTabs li a b.rht {width:6px; }

.modTabs li a img{border:none; margin: 4px 4px -4px 0;}

	.modTabs li a:hover,
	.modTabs li a:focus,
	.modTabs li a:active
{border:0;}

	.modTabs li a:hover b.lft,
	.modTabs li a:focus b.lft,
	.modTabs li a:active b.lft
	{cursor:pointer; }

	.modTabs li a:hover b.mid,
	.modTabs li a:focus b.mid,
	.modTabs li a:active b.mid
	{cursor:pointer;}

	.modTabs li a:hover b.rht,
	.modTabs li a:focus b.rht,
	.modTabs li a:active b.rht
	{cursor:pointer;}

.modTabs li a.current b.lft,
.modTabs li a:hover.current b.lft,
.modTabs li a:active.current b.lft
{cursor:default;}

.modTabs li a.current b.mid,
.modTabs li a:hover.current b.mid,
.modTabs li a:active.current b.mid
{cursor:default;}

.modTabs li a.current b.rht,
.modTabs li a:hover.current b.rht,
.modTabs li a:active.current b.rht
{cursor:default;}

.paginator {text-align: center; padding-right: 30px;}
@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

	.calendarDate{
		font-weight: bold;
	}
	table td.calendarDay ul li a.e {
		font-weight: bold;
		font-size: 11px;
	}
  .calendarMonth td li {padding: 0 0 8px 0!important;}
  #content p{
    font-size: 10px!important;
  }

  @media print {
    .staff-image-cropper {
      width: 100px;
      height: 100px;
      position: relative;
      overflow: hidden;
      border-radius: 50%;
      float: left;
      margin-right: 3%;
      display: flex;
      justify-content: center;
      align-items: center
    }

    div.staff-image-cropper img {
      display: inline;
      margin: 0 auto;
      height: 100%;
      width: auto;
    }

    .staffContainer {
      background: #efF6fc;
      width: 100%;
      display: inline-block;
      padding: 10px;
      margin: 10px;
      border-radius: 5px;
    }

    .avatar-circle {
      width: 100px;
      height: 100px;
      background-color: gainsboro;
      text-align: center;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      float: left;
      margin-right: 3%;
    }

    .initials {
      position: relative;
      top: 25px;
      font-size: 50px;
      line-height: 50px;
      color: #fff;
      font-family: "Courier New", monospace;
      font-weight: bold;
    }
  }