﻿body
{
	background-color: #80C9FF;  /*Blue */
	font-family: Trebuchet MS, Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
}
/************************************************************************
* 
* Main navigation used by the masterpage
*
************************************************************************/

/* Navigation strips */
#navtop, #navbottom
{
/*    background: url(images/background_nav_main.gif) repeat-x;
*/
    font-size: 12px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Helvetica-Narrow, Tahoma, sans-serif;
    margin-right: auto;
    margin-left: auto;
    /*width: 726px;
*/
    height: 45px;
}
#navbottom
{
    margin-top: 15px;
}

#footer
{
    width: 726px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-top: 10px;
    padding-bottom: 22px;
    color: #FFDB77; /* yellow */
}
/* color: #C89F3D; */
/* Make main navigation bars from a unordered list for easy update and better accessibility */

#navtop ul, #navbottom ul
{
    margin: 0px;
    padding-top: 9px;
    list-style-type: none;
    height: 19px;
    text-align: center;
}
#navtop ul li, #navbottom ul li
{
    display: inline;
    color: #FFFFFF; /* white */
    margin-right: 10px;
}
#navtop a:link, #navbottom a:link, #navtop a:visited, #navbottom a:visited
{
    color: #FFFFFF;
    text-decoration: none;
}
#navtop a:hover, #navbottom a:hover
{
    text-decoration: underline;
}
#navtop a:active, #navbottom a:active
{
    color: #FEFFBD; /* light yellow */
    text-decoration: none;
}

/************************************************************************
* 
* Calendar specific formatting 
*
************************************************************************/

/* Surrounds the calendar */
.eventmonth
{
    border: 0 px solid #94d6e7;
    width: 694px;
    margin-right: auto;
    margin-left: auto;
    
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    text-align: center;
}

/* used as the cssclass of the actual calendar */
.eventmonthtable
{
    width: 694px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #94d6e7;
    border-collapse:collapse;
}


.dayNumber
{
    float: right;
    border-bottom: 1px solid #94d6e7;
    border-left: 1px solid #94d6e7;
    clear: none;
    padding: 2px;
}


.calcurrentmonth
{
    background-color: #ffffc6;
}
.calothermonth
{
    background-color: #7d7db3;
    /* Gray b3b3b3*/
}
.calcurrentday
{
    background-color: #FFFFFF;
}
.calweekend
{
    background-color: #ffffc6;
  /*  width: 15%; */
  /* darker purple 7d7db3 */
}

.calcurrentmonth , .calcurrentmonth , .calothermonth , .calcurrentday , .calweekend
{
    text-align: left;
    border: 2px solid #94d6e7;
    height: 60px;
    vertical-align: top;
    /* needed for positioning the dayNumber part */
    position:relative;
     border-collapse:separate;
     border-spacing: 5px;
     
}


/*************************************************/
.buttonsmall, .buttonsmall-ovr
{
    border: none;
    color: #FFFFFF;
    height: 22px;
    font-weight: normal;
    font-size: 9px;
    padding-bottom: 9px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.buttonsmall-ovr
{
    text-decoration: underline;
    background: url(images/background_button_small-ovr.gif) repeat-x;