﻿body {
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.5em;
	color: #3E3E3E;
	background-image: url(images/bggrd.jpg);
	background-color: #3E70B5;
	background-repeat: repeat-x;
	margin: 0px;
	background-attachment: fixed;
}
a:link {
	color: #2F5D99;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #2F5D99;
}
a:hover {
	text-decoration: none;
	color: #2F5D99;
}
a:active {
	text-decoration: none;
	color: #2F5D99;
}
a {
	font-weight: bold;
}
img
{
	border-width:0px;
}
h1, h2, h3, h4, h5, h6
{
   margin: 2px 0 2px 0;
   color: #737373;
}
h1
{
    font-size: 28px;
    font-weight: bold;
    margin: 5px 0 5px 0;
}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active
{
    color: #3E3E3E;
    text-decoration: none;
	background-color: #FFFFFF;
}
.eventmonth h3
{
    padding-left: 20px;
    padding-right: 20px;
}

.eventlist label
{
    font-weight: bold;
    padding-right: 4px;
}
/************************************************************************
* 
* Calendar specific formatting 
*
************************************************************************/

/* Surrounds the calendar */
.eventmonth
{
    border: 1px solid #0A51A1;
    width: 100%;
    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: 98%;
    position: relative;
    margin-bottom: 10px;
    border: 1px solid #D5D5D5;
    border-collapse: collapse;
}


.dayNumber
{
    float: right;
	color:#000000;
	background-color:#FFFFFF;
    border-bottom: 1px solid #4577BC;
    border-left: 1px solid #4577BC;
    clear: none;
    padding: 1px;
}


.calcurrentmonth
{
    /* no styles needed at this time */
}
.calothermonth
{
	background-color: #EFEFEF;
	color:#000000;
}
.calcurrentday
{
    background-color: #C6D5EA;
	color:#000000;
}
.calweekend
{
    background-color: #FFFFFF;
	color:#000000;
  /*  width: 15%; */
}

.calcurrentmonth , .calcurrentmonth , .calothermonth , .calcurrentday , .calweekend
{
    text-align: left;
    border: 1px solid #84A8D0;
    height: 60px;
    vertical-align: top;
    /* needed for positioning the dayNumber part */
    position:relative;
    border-collapse:separate;
    border-spacing: 9px;
     
}

/************************************************************************
* 
* Next / previous specific formatting 
*
************************************************************************/

.nextlink
{
    position:absolute;
    right:0;
    padding-right:15px;    
}
.prevlink
{
    position:absolute;
    left:0;
    padding-left:15px;    
}


/************************************************************************
* 
* Global formatting
*
************************************************************************/

/* all the legend tags use this same style */

legend
{
    font-weight: bold;
    color: #666666;
    font-size: 1em;
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 7px;
	background-color:#FFFFFF;
}

/* apply zero margin to all forms and hide fieldset borders. Keep fieldset borders in the markup for better accessibility */

form
{
    margin: 0px;
}

fieldset
{
    margin: 0px;
    padding: 0px;
    border: none;
}

/* sometimes we hide elements from display in visual browsers (but leave them in the source for non visual browsers and for accessibility) */

.hidden
{
    visibility: hidden;
}
.none
{
    display: none;
}

/************************************************************************
* 
* List type pages
*
************************************************************************/

/* represents each item in a vertical list */
.listitem
{
    margin:0px 0px 0px 0px;
    width:444px;
}

/* surrounds the buttons for list items */
.editbuttons
{
    padding-top: 6px;
}

/* floats the thumbnail off to the right */
.thumbnail
{
    float: right;
    margin: 0 0 0 5px;
}

/*used to clear the float for the thumbnail */
.clearlist
{
    clear:right;
    margin:0;
    padding:0;
    height: 0px;
    font-size:0px;
    line-height:0px;
}

/* Used by the page number control */
.PageNumbers
{
    display:inline;
}

.PageNumbers span
{
    padding-left: 3px;
}

.newscrumbs a
{
    font-weight: bold;
    padding-right: 2px;
}

/************************************************************************
* 
* Compact Event list
*
************************************************************************/


/* define event grid view columns */
/* todo: use or remove */

.eventlistdate
{
    padding-right: 4px;
}
.eventlisticon
{
    text-align: center;
}
.eventlisttime
{
    text-align: center;
    width: 95px;
}
.eventlistevent
{
    font-weight: bold;
}
.eventlistlocation
{
    /* no styles needed at this time */
}
.eventlist td
{
    padding-bottom: 4px;
}

/*
.eventlist, .eventlist td, .eventlist tr
{
    border-style:none;
}
*/

/************************************************************************
* 
* Nav
*
************************************************************************/
#body
{
    width: 80%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.hdrbg
{
    background-image: url(images/header_bg.gif);
}
.navbg
{
    background-image: url(images/nav_bg.jpg);
}
.tble
{
    width: 100%;  
    border-width: 0px;
}
.divright
{
    text-align: right;
}
.aligncenter
{
    text-align: center;
}
.alignleft
{
    text-align: left;
}
.shdw
{
    background-image: url(images/shdw.gif);
}
