/* CSS Document */
body 
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width:100%;
}

h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;	
}

td
{
	vertical-align: top;
}

.Red
{
	color: red;
}

.CenteredDiv
{
  margin: 0 auto 0 auto;
}

.CenteredTable
{
	margin: 0 auto 0 auto;
	width: 546;
	text-align: center;
}

.NavFont 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.PageLink 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000CC;
}

.FooterLinks 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.HeaderNavigationLink
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:white;
    text-decoration:none;
    padding-left:8px;
    padding-right:8px;    
}

.YourFamilyHeader
{
    font-size:16px;
    font-family:Times New Roman, Times, Serif;
}

.PageHeaders
{
    font-size:20px;
}

a
{
    color: #000000;
}

#navbar 
{
    margin: auto;
    padding: 0;
    height: 20px; 
    display:inline-block;
}

#navbar li 
{
    list-style: none;
    float: left; 
    color:#000000;
    display:inline;
}

#navbar li a 
{
    display: block;
    text-decoration: none; 
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
} 

#navbar li li a
{
    padding: 2px 8px;
}

#navbar li a:hover
{
    background-color:#FFFFFF;
}

#navbar li ul 
{
    display: none; 
    width: 8em; /* Width to help Opera out */
    background-color: #FFFFFF;
} 

#navbar li:hover ul, #navbar li.hover ul 
{
    display: block;
    position: absolute;
    margin: 0;
    padding: 0; 
}

#navbar li:hover li, #navbar li.hover li 
{
    float: none; 
}

#navbar li:hover li a, #navbar li.hover li a 
{
    background-color: #FFFFFF;
    border: 1px solid #000000;
    border-top: 0px solid #000000;
    color:#000000; 
    text-align:left;
}

#navbar li li a:hover 
{
    background-color: #FFFFFF; 
}

.contentBox
{
    padding:3px;
    border-top:solid 1px #ececec;
    border-left:solid 1px #ececec;
    border-bottom:solid 2px #a09e9e;
    border-right:solid 2px #a09e9e;
}

.contentBoxYellowHeader
{
    background-color:#FFC50C;
    vertical-align:middle;
    font-size:20px; 
    padding:10px;
    border-bottom:solid 1px #a09e9e;
}

.eventCalendar
{
    border: 1px solid black;
    width: 100%;
}

.eventCalendarTitle
{
    border: 0px;
    font-weight: bold; 
    background: #FFC50C;
    font-size: 16px;
}

.eventCalendarDayHeader
{
    border: 1px solid black;   
    background: #C0C0C0;   
}

td.eventCalendarDay
{
    border: 1px solid black;
    text-align: left;
    padding: 2px;
    height: 100px;
}

td.eventCalendarOtherMonth
{
    border: 1px solid black;
    text-align: left;
    background: #E6E6E6;   
    height: 100px;
}

.eventCalendarNextPrev
{
    text-align: center;
}

.eventCalendarNextPrev a
{
    text-decoration: none;
}

.eventList
{
    text-align: left;
    width: 100%;
    padding: 0px 10px 0px 10px;
}

.SlideButtonContainer
{
    /*height:0px;
    visibility:hidden;*/
    padding:0px;
}
         
.SlideButton
{
    height:25px;
    width:25px;
    font-weight:bold;
    position:relative;
    cursor:pointer;
    margin:0px 1px;
    padding:0px;
    display:inline;
}
        
.SlideThumbnail
{
    position:absolute;
    display:none;
    border:3px #FFFFFF solid;
}