/* CALENDAR.CSS  Prevention First Colorado  :: NEW  */


/* MONTH  ------------------------------  */

caption { color: #5a917e;  /* banner green - FOR MONTH NAME */
	text-align: center; 
	margin-top: 2em;	
	letter-spacing: .7em;
	line-height: 1.4em;
	font-style: bold;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;  }
	
.calendar-month {
	color: #6f9f8e;     /* med green */
	font-size: 1.1em;
	font-weight: bold;
	font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
}

#primarywide { position: absolute; 
	top: 0; 
	left: 200px;   
	width: 575px;
	height: auto; 	
	height: 100%; 
	min-height: 500px;  
	margin: 0; 
	padding: 0;  
	border: none;
	background-image: url(basics/BrocadeSwirlies-450.gif); 
	background-position: left top;  
	background-repeat: no-repeat;
	z-index: 198; 
}
#primarywide .text {	
	padding-top: 12px;
	padding-left: 6px;
	width: 550px;	
	line-height: 1.6em;
	font-size: .95em;
	font-family: "Trebuchet MS", Geneva, Verdana, Arial, sans-serif; 
}
	
		/* DAYS OF WEEK  ------------------------------  */
	
th {
 margin-top: .1em;
 margin-bottom: .1em;
 padding: .3em;
	background-color: #6f9f8e;  /* med green */
	color:  #dce7e2;                      /* pale green */
	text-align: center;
	letter-spacing: .1em;
	text-transform: uppercase;
	font-weight: bold;
	font-size: .85em;
	font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;}
	
	/* DAYS & NUMBERS ------------------------------  */
	
h4 {
 margin-top: .1em;
 text-align: right;
	color: #6f9f8e;     /* med green */
	font-weight: bold;
	font-size: 2em;
	font-family: Georgia, "Times New Roman", Times, serif; }
	
		/*  CALENDAR :: TEXT ------------------------------  */
		
td { 
 width: 13%;  
 height: 6em;
 border: 1px dotted #6f9f8e;  
 padding-top: 0;
 padding-right: .5em;
 padding-bottom: .5em;
 padding-left: .5em;
 
 text-align: left;  
 vertical-align: top;
 margin-top: 0; 
 
 color: #6f9f8e; /* med green */
 line-height: 1.4em; 
 font-weight: bold;
	font-size: .85em; 
	font-family: Arial, sans-serif;  
	/* text-decoration: underline; 
	this underlines all the text in the block */ }

	
	/* LINKS ------------------------------  */
	
	/* FOR SOME REASON UNDERLINES DON'T WORK WITHIN td LINKS */
	
td a:link,  td a:visited  { text-decoration: underline; 
	color: #000000;  }   /* black  */
	
td a:hover, td a:active  { text-decoration: underline; 
	color: #ba5757; } /* brite red */

td.shortcellright { height: auto; text-align: right; padding: .5em 1em .5em 0em; }

td.shortcell_left { height: auto; text-align: left; padding: .5em 0em .5em  1em; }

/* TABLE STYLES  ------------------------------  */

table { border-collapse: collapse;
	table-layout: fixed; 
	width: 530px;  
	margin: 0 auto; 
	padding: 0;  
}
 
div#primarywide .calendar td a  { 
	text-align: left; 
	color: #37658f;                          /*  prussianmedium */  
	padding: .5em .1em .2em .1em; 
	text-decoration: none;
	line-height:  1.1em; 
}
	
div#primarywide .calendar td a:link, 
div#primarywide .calendar td a:visited { 
	color: #37658f;                          /*  prussianmedium */  
	padding: .2em .1em .2em .1em;
	text-decoration: underline;
}
div#primarywide .calendar td a:hover, 
div#primarywide .calendar td a:active { 
 	background-color: #ac66bb;                  /* purple */ 
 	color: #ffffff;                             /* white */ 
	text-decoration: none; 
	padding: .2em .1em .2em .1em;
}

/* BACK AND FORWARD MARKERS --------------------- */

.calendar-prev a:link, .calendar-prev a:visited,
.calendar-next a:link, .calendar-next a:visited {
 color: #37658f;                          /*  prussianmedium */  
 text-decoration: none;
 font-size: 16px;
}

.calendar-prev a:hover, .calendar-prev a:active,
.calendar-next a:hover, .calendar-next a:active {
 color: #ba5757;                          /* brite red */ 
 text-decoration: none;
 font-size: 16px;
} 
	
/* DATE NUMBERS FOR ACTIVE CALENDAR ENTRIES ---------------- */
.textual { color:  #000000; }         /* black */
	
	
	
