div#calendar {
  margin : 0 auto;
  padding : 5px;
  text-align : center;
  width : 22em;
  border : 1px solid #ccc;
}

/* calendar heading color */
h2.calendar {
  color : #669900;
  font-weight : normal;
}

/* list info - monospace font must be used */
ul#days, ul.weeks {
  font-family : 'courier new', monospace;
  list-style-type : none;
  margin : 15px 0 15px 0;
}

/* day-box span styles - adjust with padding */ 
ul#days li span {
  background-color : #669900;
  border : 1px solid #000;
  cursor : help;
  font-weight : bold;
  color : #fff;
  padding : 5px;
}

/* active links boxes default state - adjust with padding */
ul.weeks li a.al, ul.weeks li a.na  { 
  color : #666;
  text-decoration : none;
  background-color : #7fa5e5;
  border : 1px solid #999;
  padding : 5px;
}

/* all states of not-used links */
ul.weeks li a.na, ul.weeks li a.na:hover, ul.weeks li a.na:focus, ul.weeks li a.na:active   { 
  background : transparent;
  color : #666;
  cursor : default;
}

/* hover and focus state of active links */
ul.weeks li a.al:hover, ul.weeks li a.al:focus, ul.weeks li a.al:active {
  color : #000;
  background-color : #eecc11;
  border : 1px solid #000;
  text-decoration : none;
  cursor : pointer;
}

/* not used link boxes - color and background should match - adjust with padding */
ul.weeks li a.nu { 
  color : #eee;
  padding : 5px;
  border : 1px solid #ccc;
  background-color : #eee;
  cursor : default; 
}

/* to hide link separators */
span.sep {
  display : none;
}

/* this needs to be in conditional comment for IE only */
div#calendar {
  font-size : 0.9em;
  letter-spacing : 0.001em;
}
.bold{
	font-family: Verdana,Arial,Geneva;
	font-size:10px;
                  font-weight:bold;
                  line-height:150%;
            text-align: justify;
            color:#4f4f4f;
}
.blue_bold{
	font-family: Verdana,Arial,Geneva;
	font-size:13px;
                  font-weight:bold;
                  line-height:150%;
            text-align: justify;
            color:#7fa5e5;
}
.date{
	font-family: Verdana,Arial,Geneva;
	font-size:10px;
                  font-weight:bold;
                  line-height:150%;
            text-align: justify;
            color:#7fa5e5;
}
.title{
	font-family: Verdana,Arial,Geneva;
	font-size:13px;
                  font-weight:bold;
                  line-height:150%;
            text-align: justify;
            color:#4f4f4f;
}
.text{
	font-family: Verdana,Arial,Geneva;
	font-size:10px;
}
a:link, a:visited, a:active, a:hover {
	color: #60754c;
	text-decoration: underline;
}
a.mainlink{
	font-family:Verdana,Arial,Geneva;
                text-decoration: none;
	font-size: 10px;
	color: #3277bd;

}
a.mainlink:hover{
	font-family:Verdana,Arial,Geneva;
     
	font-size: 10px;
	color: #333333;
                  background-color:#eeeeee;
}
a.mainlink:visited{
	font-family:Verdana,Arial,Geneva;
             text-decoration: none;
	font-size: 10px;
	color: #3277bd;
}


/* End Styles */