body.stClair,
    div#stClairEditor
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-align: center;
        background: #FFF9E1 url(img/bg_stClairResa.jpg) 0 0 repeat-x;
        margin: 0;
        padding: 0;
        border: 0;
        }
    #stClair p, #stClair ul, #stClair li, #stClair h1, #stClair h2, #stClair h3, #stClair h4, #stClair h5, #stClair h6, #stClair img,
    .stclair_editor p, .stclair_editor ul, .stclair_editor li, .stclair_editor h1, .stclair_editor h2, .stclair_editor h3, .stclair_editor h4, .stclair_editor h5, .stclair_editor h6, .stclair_editor img
    {
        margin: 0;
        padding: 0;
        border: 0;
    }
    #stClair td{
      vertical-align: top;
        }

    #stClair{
      width: 780px;
        margin: auto;
        text-align: left;
    }
        
    #stClair table.home,
    #stClair table.twoCol,
    #stClair table.threeCol
    {
      border-left: solid 1px #70805C;
      border-right: solid 1px #70805C;
      }


/* -=-=-=-=-=-=-=-=-=-[ Left Col ]=-=-=-=-=-=-=-=-=-=-=- */
    #stClair #leftCol{
      width: 177px;
        background: #FCEEBD;
        padding: 20px 0 48px 0;
        }
    #stClair table.home #leftCol{
      display: none;
      }

/* -=-=-=-=-=-=-=-=-=-[ Main Body ]=-=-=-=-=-=-=-=-=-=-=- */
    #stClair #mainBody{
      padding: 20px;
        background: #ffffff;
      }
    #stClair table.home #mainBody{
      padding: 0 0 20px 0;
        background: #ffffff;
      }
    #stClair table.home #mainContainerOuter{
      width: 778px;
      }
    #stClair table.home #mainContainer{
      width: 583px;
        }
    #stClair table.threeCol #mainContainer,
    #stClair table.twoCol #mainContainer
    {
      width: 563px;
      }
    #stClair #homeWideImage{
      width: 583px;
        /* Debug: Show home page with no content image
             Note:  Vertical divider has no gap at top if image is not shown */
        /* display: none; */
        }
        
    #stClair #homeSplash{
        position: relative;
        width: 582px;
        height: 196px;
        }
    #stClair #homeSplashText{
        font-family: "Times New Roman", Times, serif;
        font-size: 19px;
        color: #FFFFFF;
        position: absolute;
        top: 162px;
        left: 0px;
        width: 582px;
        padding: 0 0 4px 26px;
        }
        
/* -=-=-=-=-=-=-=-=-=-[ Main Content ]=-=-=-=-=-=-=-=-=-=-=- */
    #stClair table.home #mainContent{
        padding: 20px 20px 28px 20px;
      }
    #stClair table.twoCol #mainContent{
        padding: 0;
      }
    #stClair table.threeCol #mainContent{
        padding: 0 20px 0 0;
      border-right: solid 1px #70805C;
      }

/* -=-=-=-=-=-=-=-=-=-[ Right Content ]=-=-=-=-=-=-=-=-=-=-=- */
    #stClair #rightContent{
      width: 155px;
      }
    #stClair table.home #rightContent{
        padding: 20px 20px 0 20px;
      border-left: solid 1px #70805C;
      }
    #stClair table.twoCol #rightContent{
      display: none;
      }
    #stClair table.threeCol #rightContent{
        padding: 0 0 0 20px;
      }

/* -=-=-=-=-=-=-=-=-=-[ Content Text ]=-=-=-=-=-=-=-=-=-=-=- */
    #stClair h1,
    .stclair_editor h1 {
      font-size: 18px;
        font-weight: bold;
      color: #B50000;
      }
    #stClair h2,
    .stclair_editor h2 {
      font-size: 12px;
        font-weight: bold;
      color: #B50000;
      }
    #stClair h3,
    .stclair_editor h3 {
      font-size: 12px;
        font-weight: bold;
      }
    #stClair h4,
    .stclair_editor h4 {
      font-size: 12px;
      font-weight: normal;
      color: #B50000;
      }
    #stClair #mainContent a,
    #stClair #rightContent a,
    .stclair_editor a,
    .stclair_editor a
    {
      color: #70805C !important;
        text-decoration: underline;
      }
    #stClair #mainContent a:hover,
    #stClair #rightContent a:hover,
    .stclair_editor a:hover,
    .stclair_editor a:hover
    {
      color: #70805C !important;
        text-decoration: none;
      }

    #stClair #mainContent ul,
    #stClair #rightContent ul,
    .stclair_editor ul
    {
        list-style: none;
    }

    #stClair #mainContent ul li,
    #stCliar #rightContent ul li,
    .stclair_editor ul li
    {
        padding-left: 12px;
        background: url(img/bullet-hyphen.gif) 0 8px no-repeat;
    }

/* -=-=-=-=-=-=-=-=-=-[ Special Content ]=-=-=-=-=-=-=-=-=-=-=- */
    #stClair #smoothGallery
    {
      width: 503px !important;
      height: 503px !important;
    }
   
    #stClair .jdGallery .slideElement
    {
    }

    #stClair div.slideInfoZone h2
    {
        font-size: 14px !important;
        padding-left: 4px;
    }
    #stClair div.slideInfoZone p
    {
        font-size: 10px !important;
        padding-left: 7px;
    }

/* -=-=-=-=-=-=-=-=-=-[ Pager ]=-=-=-=-=-=-=-=-=-=-=- */
    .pager .btnResultNavigation 
    {
        background-color:#999999;
        border:0pt none;
        height:19px;
        margin:0pt 0pt -5px !important;
        padding:0pt;
        width:19px;
    }
   
    .pager a 
    {
        margin:0pt;
        padding:0pt;
    }
    
    .pager a:link .btnResultNavigation, .pager a:visited .btnResultNavigation, .pager a:active .btnResultNavigation 
    {
        background-color:#70805C;
    }
    
    .pager a:hover .btnResultNavigation 
    {
        background-color:#B50000;
    }
    
    .pager a:hover 
    {
        background:#FFFFFF none repeat scroll 0%;
    }

/* -=-=-=-=-=-=-=-=-=-[ Footer ]=-=-=-=-=-=-=-=-=-=-=- */
    #stClair #footer{
      height: 25px;
        background: #70805C;
        position: relative;
        }
    #stClair #MIMap{
      position: absolute;
        left: 13px;
        bottom: 0;
        width: 50px;
        height: 53px; 
      }
    #stClair #footerContent{
      margin-left: 73px;
        font-size: 11px;
        font-weight: bold;
        color: #D6DBC7;
        line-height: 25px;
        }
    #stClair #credits{
      padding: 0 20px 0 20px;
        font-size: 11px;
        color: #3C4027;
        line-height: 25px;
      }
    #stClair #Foxbright{
      float: right;
        clear: left;
      }
    #stClair #Foxbright a{
        font-size: 11px;
        color: #3C4027;
        line-height: 25px;
        text-decoration: none;
    }
    #stClair #Foxbright a:hover {
      text-decoration: underline;
        }
    #stClair #copyright{
      }
			
              
/* -=-=-=-=-=-=-=-=-=-[ EDITOR STYLES ]=-=-=-=-=-=-=-=-=-=-=- */
    span.image_editor_buttons
    {
        position: absolute;
    }
    div#stClairEditor #stClair #rightContent
    {
        padding: 0; 
    }
    div#stClairEditor table.mceEditor 
    { 
        margin-bottom: 10px;
    }
    body.stclair_editor 
    {
        font-family: arial, helvetica, sans-serif;
        font-size: 12px;
        margin: 0;
        padding: 0;
        border: 0;
    }
    body.stclair_home_caption
    {
        font-family: "Times New Roman", Times, serif;
        font-size: 19px;
    }
/* -=-=-=-=-=-=-=-=-=-[ STAFF DIRECTORY ]=-=-=-=-=-=-=-=-=-=-=- */

.directorySearchResults .title_row
{
	background-color:#80895C	;


		
}
#mainContent table.directorySearchResults thead tr.title_row th.title h2
{
	color:White;
	padding: 3px;
	padding-left: 5px;
}
table.directorySearchResults
{
		margin-top:-20px;
		width:100%;
}
table.directorySearchResults .data td,table.directorySearchResults .column_title_row th
{
	padding-left: 5px;
	border-bottom:solid 1px #CCCCCC;
}
table.directorySearchResults .column_title_row th
{
	color:Gray;
	padding:3px;
	padding-left: 5px;
}

table.directorySearchResults .data td
{
padding:5px;
}
table.directorySearchResults a:link #emailIcon,
table.directorySearchResults a:visited #emailIcon,
table.directorySearchResults a:active #emailIcon 
{
	background-color:#70805C;
}

table.directorySearchResults a:hover #emailIcon 
{
	background-color:#B50000;
}


table.directorySearchResults a:link,table.directorySearchResults a:visited
{
	text-decoration:none;
}

table.directorySearchResults #emailText
{
	display:none;
}
#directorySearch
{
padding-bottom:25px;
}
#directorySearch h2
{
color: #B50000;
font-size:12px;
padding-top:15px;
}
#directorySearch #searchString
{
	margin-top:8px;
}
#directorySearch #submitButton
{
margin-top:25px;
}
.directorySearchFilter
{
	display: block;
	position:relative;
	top:15px;
	
}
.directorySearchFilter select
{
	width:167px;
}
#buildingFilter,#positionFilter,#departmentFilter
{
	display:inline;
	width:100px;
	margin-right:10px;
	

}

.directorySearchFilter label 
{ margin-top:-15px;
	position:absolute;
}

/*Contact Popper*/

#contactPopper
{
background: #FFF9E1 url(img/bg_stClairResa.jpg) 0 0 repeat-x;
background-position:0px -95px;
margin:0px;
padding:0px;
color:black;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#contactPopper h1
{
color:black;
background-color:#FCF7D7;
margin:0px;
padding:5px;
padding-left:20px;
border-bottom:solid 4px #80895C;
font-family: Arial,Geneva, Helvetica, sans-serif;
font-size:18px;

}
#contactPopper b 
{
margin-left:20px;

}
#contactPopper .message
{
margin-left:20px;
display:block;
margin-bottom:-20px;
}
#contactPopper input,#contactPopper textarea
{
width:80%;
margin-left:20px;
margin-bottom:10px;
margin-top:3px;
}
#contactPopper button
{
margin-left:20px;
margin-top:10px;
}
/*
	UPCOMINGS EVENTS
*/
#rightContent .calendar_list .heading_div
{
height:23px;

}
#rightContent .calendar_list .heading_div h3
{
font-size:14px;
}


#rightContent .calendar_list
{
	width:151px;
		padding-bottom:15px;

}
#rightContent .calendar_list .heading
{
	color:#80895C;

}

#rightContent .calendar_list .event_month_day
{
	color:#B50000;
	font-weight:bold;
}

#rightContent .calendar_list .event_description,#rightContent .calendar_list .event_month_day,#rightContent .calendar_list .view_calendar
{

	padding-right:9px;
}
#rightContent .calendar_list .event_description
{
	padding-bottom:7px;
}
#rightContent .calendar_list .event_description a
{
	padding-bottom:7px;
	text-decoration:none;
}

#rightContent .calendar_list .view_calendar
{
	padding-top:10px;
}

/*	  	UPCOMINGS EVENTS END */

/*Calendar Styling Center Content*/
 #mainContent .month_table th
{
	background-color:#7E8A58;
	color:white;
	padding:2px;
	padding-left:6px;
}
#mainContent .month_table .event_row
{
	background-color:#FDF9E6;

}
#mainContent table.month_table
{
	margin-bottom:10px;
}
#mainContent .month_table .event_row td
{
	padding:2px;
	padding-left:6px;
	border-bottom:solid 1px #C0C0C0;
}

#mainContent table.calendar_nav
{
	margin-bottom:15px;
}
#mainContent #calendar_show_button
{
	padding-left:30px;
	
	background-image:url(img/calendar.jpg);
	background-repeat:no-repeat;
	padding-top:7px;
	padding-bottom:7px;
}
#mainContent .calendar_nav #month ,#mainContent .calendar_nav .navbttn
{
	position:relative;
	right:260px;
}

#mainContent .calendar_nav #month
{
	font-size:11px
}
#mainContent .calendar_nav .navbttn
{
top:-1px;
}

#mainContent .fb_calendarGridBody .title
{

	background: url(img/headerBg_whiteOnBlue.jpg) 0 0 repeat-x;
}


/* Calendar Event Pop Up*/
.calendar_event
{
background-image: url(img/bg_calendar.jpg) ;
background-repeat:repeat-x;
background-position:0px -25px;
background-color:#3A6293;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.calendar_event
{
background: #FFF9E1 url(img/bg_stClairResa.jpg) 0 0 repeat-x;
background-position:0px -105px;
color:black;
}

.calendar_event  .event_details caption
{
color:black;
width:100%;
padding-right:5%;
font-weight:bold;
margin-bottom:10px;
text-align:left;
padding:3px;
font-size:13px;
padding-left:10px;



}
.calendar_event td
{
	position:relative;
	top:10px;
}

.calendar_event .label
{
padding-right:10px;
font-weight:bold;
padding-left:10px;
padding-bottom:5px;
}











/********************************************************/
/* BEGIN Calendar Grid Styles                           */


.fb_calendarGridBody{
text-align: center;
background: #FFF9E1 url(img/bg_stClairResa.jpg) 0 0 repeat-x;
background-repeat:repeat-x;
background-color:#3A6293;
margin:0px;
}

/* --------------------------------------------------------
 * Calendar Grid Event View Popup Shell
 * --------------------------------------------------------
 */
#eventviewdiv
{
	border: solid 1px white;
	position:absolute;
	padding: 0px;
	z-index:100;
	visibility: hidden;
	width: 300px;
	height: 180px;
	background-image:url(img/bg_calendarGrid.jpg) left 150px repeat-x;
}

/* --------------------------------------------------------
 * Calendar Grid Event View Popup Shell - IFRAME magic.
 * Note: Don't change this.
 * --------------------------------------------------------
 */
#eventviewdiv iframe
{
	border: none;
	width: 100%;
	height: 100%;
}

div.calendargrid
{
	margin: 20px;
	font-family:Arial, Helvetica, sans-serif;
}

div.calendargrid div.title
{
	padding: 52px 0 30px 530px;
	background: #FFF9E1 url(img/logo_stClairRESA.jpg) no-repeat;
	font-size: 20px;
	color:black;
	font-weight: bold;
  }

div.calendargrid table.calendar_nav
{
  position: absolute;
}

 div.calendargrid  .navbttn,  div.calendargrid  .selectbox,div.calendargrid  .printLink
 {
	position:relative;
	color:Black;
	top:-25px;
 }
div.calendargrid  .printLink a:link,div.calendargrid  .printLink a:visited
{
	color:Black;
}
div.calendargrid table.calendar_nav
{
	margin-left:-40px;
}
div.calendargrid table.calendar_nav .printLink{
    color: black;
    padding-left: 30px;
  background-image: url(img/calendar_print_button.jpg) ;
  background-position:0px;
  background-repeat:repeat-y;
  padding-right:10px;
	height: 16px;
  }
div.calendargrid table.calendar_nav .printLink span{
  position: absolute;
	left: -5000px;
  }

div.calendargrid table.caltab
{
	width: 100%;
}


div.calendargrid table.caltab td.dayofweek
{
  color: white;
	font-size: 13px;
	font-weight:bold;
	background-color: #B50000;
}

div.calendargrid table.caltab td.monthname
{
	border-bottom-width: 2px;
	font-weight: bold;
	text-align: center;
	font-size: 16pt;
	color: #ffffff;
	background-color: #7C8858;
	padding: 5px;
}

div.calendargrid table.caltab .listcell 
{
	padding: 5px;
	font-size: 13px;
	text-align: left;
}

div.calendargrid table.caltab .listcell .eventlink 
{
	padding: 5px;
	font-size: 13px;
}



/* --------------------------------------------------------------
 * Calendar Grid Event Link Styles.
 * --------------------------------------------------------------
 */

div.calendargrid table.caltab .listcell .eventlink a,
div.calendargrid table.caltab .listcell .eventlink a:link,
div.calendargrid table.caltab .listcell .eventlink a:visited,
div.calendargrid table.caltab .listcell .eventlink a:active
{
	color: black;
	font-size: 13px;
	text-decoration: none;
}

div.calendargrid table.caltab .listcell .eventlink a:hover
{
	color: orange;
	text-decoration: none;
}

/* --------------------------------------------------------------
 * Calendar Grid - Other Month styles
 * --------------------------------------------------------------
 */
div.calendargrid table.caltab .othermonth
{
	background-color: #DDE2D4;
}


div.calendargrid table.caltab .othermonth .listcell
{
}

div.calendargrid .daynumber{
	background-color: #90B6D4;
	font-size: 13px;
}

div.calendargrid table.caltab .othermonth .daynumber
{
	background-color: #8D9E71;
	padding: 3px 3px 3px 3px;
	text-align: right;
	height: 24px !important;
	font-weight: bold;
}

/* --------------------------------------------------------------
 * Calendar Grid - Weekend Styles
 * --------------------------------------------------------------
 */
div.calendargrid table.caltab .weekend
{
	background-color: #FBF3CE;
}


div.calendargrid table.caltab .weekend .daynumber
{
	background-color: #EEE6B3;
	padding: 3px 3px 3px 3px;
	text-align: right;
	height: 24px !important;
}

/* --------------------------------------------------------------
 * Calendar Grid - Workday styles.
 * --------------------------------------------------------------
 */
div.calendargrid table.caltab .currentmonth
{
	background-color: #FDF8E1;
}

div.calendargrid table.caltab .currentmonth .listcell
{
}

div.calendargrid table.caltab .currentmonth .daynumber
{
	background-color: #EEE6B3;
	padding: 3px 3px 3px 3px;
	text-align: right;
	height: 24px !important;
}

.caltab{

  }
.caltab .datecell{
  border-right: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
}
.caltab td.monthname
{
border-right:0px;
}
	.capac #outerMainMenu{
		top: -53px;
		}

/* END Calendar Grid Styles */
.test
{
	position:absolute
}

/* Simple Staff Directory heading begin*/
#directory
{
	width:100%;	
}
#directory .position_heading td
{
	background-color:#7E8A58;
	padding:2px;
	padding-left:5px;
}

#directory  .position_heading td h2
{
	color:white;
	padding:0px;
}
#directory  .data td
{
	padding:3px;
	border-bottom:solid 1px #CCCCCC;
}
#directory .name
{
	padding-left:5px;
}
/*Simple Staff Directory heading end*/