/* Calendar Utility Style Sheet (updated 7/15/2009 1:06pm) */


/*    Tag Rules   */
body {
  text-align: center;  margin: auto auto;font-family: Verdana, Arial, Helvetica, sans-serif;
  background: url(images/photo.jpg) no-repeat top left;
}
table, tr, th, td {border: 1px solid #890000;}
h1 {font-size: 1.2em;  font-weight: 900; line-height: 0.8em; margin-top: 4px;}
strong {background-color: transparent; color: #890000; font-weight: 900;}
button { font-weight: bold; margin-top: 6px;}

/*    Class Rules   */
.wrapper, form, .calendar, .summary, .links, .single, .double, .quad {text-align: center; margin: auto auto;}
.wrapper { width: 49.375em; height: 35.625em;}
.calendar {float: left;  margin: 0.25em; font-size: 0.9em; line-height: 0.8em; background-color: #c0c0c0; color: #000000;  table-layout: fixed;  width: 11.25em;  height: 10.625em;   text-align: center;  border: 1px solid #890000;  border-collapse: collapse;}
/* .calendar {float: left;  margin: 2px; font-size: 1em; line-height: 1em; background-color: #c0c0c0; color: #000000;  table-layout: fixed;  width: 11.25em;  height: 10.625em;   text-align: center;  border: 1px solid #890000;  border-collapse: collapse;} */
.header { background-color: #88c000;  color: #000000;}
.hilite { font-size: 0.8em; background-color: #c0c0c0;  color: #000000;}
.today {background-color: #88c000;  color: #000000;}
.skip {background-color: #6e6b69; color: #ffffff;}
.summary {font-size: 0.9em;  width: 40em; height: 2.6em; padding-top: 4px; border: 1px solid #890000;}
.copyright {font-size: 0.8em; font-weight: normal;}
.single { width: 11.375em; height: 11.25em;}
.double { width: 23.375em; height: 11.25em;}
/* .quad { width: 46.75em; height: 30em;} */
.quad { width: 43em; height: 30em; border: 1px solid red;}
.button {  font-family: inherit;  border: 2px outset #fafafa;  background-color: #c0c0c0;  color: #000000;  text-decoration: none;  padding: 2px;}
.upper {   background: url(images/upper.gif) no-repeat top left; height: 31px;}
.middle {   background: url(images/middle.gif) repeat-y center left; margin-top: -8px;}
.lower {   background: url(images/lower.gif) no-repeat bottom left; margin-top: -8px; height: 31px;}
.container {  width: 100%;  min-height: 220px;  color: inherit; font-weight: 900;}
.textbox {  clear: both;  text-align: justify;  padding-left: 10px;  padding-right: 20px;}
.emphasize {  font-weight: bolder;  font-size: large;   color: #890000;}
.normal { font-size: 1em; background-color: inherit; color: #000000;}

.transparent {  width: 100%;  padding: 4px;
    /* The following opacity rules work in most major browsers but are NOT part of the current W3c standard. */
  filter:alpha(opacity=80);	 	/* opacity setting for IE  types           	(0 thru 100%) */
  -moz-opacity: 0.80;	 		/* opacity setting for  Moz and ns 	(0 thru 1.0)   */
  opacity: 0.80;		 	/* opacity setting for Opera and Safari	(0 thru 1.0) */
}

/*    ID Rules    */
#wrapper {  text-align: center;  margin: auto auto;  width: 966px;  min-height: 548px;}
#mainarea {  text-align: center;  margin: auto auto;  width:760px;  min-height:238px;}