/* NOTES 
    * IDs are the fastest.  One per Element per page.  element#id is not better syntax, it adds redundant info
    * Tag names are next fastest.  
    * Class names with no tag name are the slowest.  .class checks all tags  div.class checks all divs only
	* Descendant selectors slow sstuff down, but sometimes reduces class clutter (as with tables)
	* reference: http://code.google.com/speed/page-speed/docs/rendering.html
*/

/* ++++++++ Old stuff - Keep these for now +++++++++++++++ */
 
/* Old Header+Footer codes */
/*  Page Codes */
@page Section1
	{size:8.5in 11.0in;
	margin:1.0in 1.25in 1.0in 1.25in;
	mso-header-margin:.5in;
	mso-footer-margin:.5in;
	mso-paper-source:0;}
div.Section1
	{page:Section1;}

/* ++++++++ End Keep these Old Things Section +++++++++++++++ */

/* ############ Link Css ############ */
a.calndr:link    { /* global */
	font-size:9.0pt;
	font-weight:normal;
	}
a.calndr:visited { /* global */
	}
/* a.calndr:active  { for yellow calendar */
/* 	color: #555555; 
	background: #ffff99
	} */
/* a.calndr:hover   {  for yellow calendar */
/* 	color: #555555; 
	background: #ffff99
	} */

a:link, 
a:visited {
 text-decoration: none; 
 border-bottom: 1px solid; 
 padding-bottom: 1px; 
}

.box a:link, 
.box a:visited { /* no border underline for holiday/moon-box links  */
 border-bottom: 0px none; 
}

a:hover,
a:active {
 outline:none;		/* keep dotted border only for tabbed nav of links (see next) */
}
a:focus { outline-color: -moz-use-text-color; outline-style: dotted; outline-width: 1px; outline-offset: 0pt;}

/* ----- black cal with yellow text  -----  */
#blk a:link, #blk a:visited {
 color:yellow;
 border-bottom-color: yellow;
}
#blk a:focus, #blk a:hover, #blk a:active {
/* background: #000; */
/* color: #fff; */
/* font-weight: bold; */
 border-bottom-color: red; 
}
#blk .box a:focus, #blk .box a:hover, #blk .box a:active { /* holiday links only - toggle font color*/
   color: red;
}


/* ----- white cal with red text  ----- */
#wht a:link, #wht a:visited {
 color:red;
 border-bottom-color: red;
}
#wht a:focus, #wht a:hover, #wht a:active {
/* background: #000; */
/* color: #fff; */
/* font-weight: bold; */
 border-bottom-color: purple;
}
#wht .box a:focus, #wht .box a:hover, #wht .box a:active { /* holiday links only - toggle font color*/
   color: purple;
}

/* ----- yellow cal with black text  ----- */
#ylw a:link, #ylw a:visited {
 color:black;
 border-bottom-color: black;
}
#ylw a:focus, #ylw a:hover, #ylw a:active {
/* background: #000; */
/* color: #fff; */
/* font-weight: bold; */
 border-bottom-color: red;
}
#ylw .box a:focus, #ylw .box a:hover, #ylw .box a:active { /* holiday links only - toggle font color*/
   color: red;
}

/* ----- red cal with white text ----- */
#rdd a:link, #rdd a:visited {
 color:white;
 border-bottom-color: white;
}
#rdd a:focus, #rdd a:hover, #rdd a:active {
/* background: #000; */
/* color: #fff; */
/* font-weight: bold; */
 border-bottom-color: blue; 
 }
#rdd .box a:focus, #rdd .box a:hover, #rdd .box a:active { /* holiday links only - toggle font color*/
   color: blue;
}

/* ############ End Link Css ############ */


 /* ############ GLOBAL CSS ############ */
	
table.CalEssential {  /* main font size and structure */
	border-style: outset inset inset outset; 
	border-width: 1pt; 
	font-size:9.0pt;
	border: 1pt solid; 
	padding: 0px 0px 0px 0px;
	/* table-layout: fixed;  added 10-2009. Seems to correct a problem with IE8 widths breaking using min-max width on 'box' classes with  XHTML doctype set.  Its either this, or conditional comment out min-max for IE 8 [see below]
UPDATE:  Decided not to use this because IE will then expand the calendar as much as possible in window, whereas we keep it constrained */
	}

	/*	
	width: 583pt; 
	margin-left: 2.65pt;
	border: 1pt solid white; 
	width: 777;

	width: 625pt; 
	margin-left: 2.65pt; 
	border: 1pt solid red; 
	width: 833;
	*/

tr.CalDayTitles th  {
	border-style: outset inset inset outset; 
	border-width: 1pt; 
	padding: 1.5pt;
	/* width: 89.2pt; */
	border: 1pt solid; 
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	width: 119px;
}

table.CalEssential td {
	border: 1pt solid; 
	padding: 2pt 2pt 0pt 2pt; 
	vertical-align: top;
	/* width: 89.2pt;   */
	height: 119px;
	width: 119px;
}

div.box,
div.boxEvnt { /* div boxes for date numbers and events */
	clear: both; 
	min-width: 10px;  /* had to change this to px instead of % because IE8 over-extends with % */
	max-width: 100%;  
	/* color: #000; */
	/* margin-left: 1px;
	margin-right: 1px; */
	margin-bottom: 10px;
	padding: 0px 0px 0px 0px;
	/* border: 1px solid #EFCE8C; */
	text-align: left;
}

div.boxEvnt {
	/* margin-bottom: 0px;  */
	padding: 3px;
	/* height: 50; */
	/* border: 1px solid #EFCE8C; */
}

div.box div { /* Holiday Div Container Formatting */
	float: right;
	display: inline;
   	width: 70%; 
	font-size: 8pt;
	text-align: right;
	font-style: italic;
	vertical-align: top;
	/*  border: 1px solid #EFCE8C;  */
}

th.CalTitle { /* Month Titles Format */
	border: 1pt solid; 
	padding: 4pt;
	text-align:center;
	font-family:Times, serif;
	font-size:18.0pt;
	font-weight:bold;
}

div.box span { /* used for date numbers */
	font-family: "Times New Roman", Times, serif;
	font-size: 18.0pt;
	font-weight: bold;
	}

.size10px {font-size: 10px}


span.indianfeatherlineClickBlurb {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px; 
	color:blue; 
}

/* xxxxxxxxxxxxxx Simple CSS Info Tips xxxxxxxxxxxxxxxxxxxxxxxxx */
div.box div .tipfo{ /* be sure to include 'csshover.htc' for body style tag for IE6*/
    position:relative; /*this is the key*/
    z-index:24; /* background-color:#ccc;
    color:#000;
    text-decoration:none*/
	 font-size: 8pt;     /* div.box div prefix and these 4 lines added to accomodate AV Cal */
	 font-weight:normal;
	 text-align: right;
	 font-style: italic;

	 }

.tipfo:hover{z-index:25; /*background-color:#ff0*/}

.tipfo span{display: none;	}

.tipfo:hover span{ /*the span will display just on :hover state*/
    display:inline;
    position:absolute;
    top: 2em; 
	 left: 2em; 
	 width:8em;  /* for ie earlier versions  */
	 min-width:8em;
    border:1px solid #fc6;
    background-color:#ffc; 
	 color:#000;
    text-align: center;
	 }

.box .tipfo span{
	 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
	 font-weight:normal;

	}

	/* try placing an iframe in there */
.tipfo iframe{display: none;	}

.tipfo:hover iframe{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    left:-60em;
	 width: 60em;
	 height:300px;
	 }
	 
/*  example   with iframe
<span class="tipfo">New Moon <iframe src ="desc/Lodge.htm" >
  <p>Your browser does not support iframes.</p>
</iframe><span>New Moon 04:15 am PDT<br/></span><img src="images/moon-new.gif" width="16" height="16" alt="" align="absmiddle" /></span>
*/


/*  This is for my workup file Notes Lists */
#wkupFileNotes li {border-bottom: dashed thin brown}


/* ############ END GLOBAL CSS ############ */




/* ############ Yelow Calendar CSS ############ */
#ylw {  /* main cal color */
	background: yellow none repeat scroll 0%; 
	border-color: black; 
	color: black;
	}
/* ############ End Yellow Clendar CSS ############# */

/* ############ White Calendar CSS ############ */
#wht {  /* color */
	background: white none repeat scroll 0%; 
	border-color: red; 
	color: red;
	}
/* ############ End White Calendar CSS ############# */

/* ############ Red Calendar CSS ############ */
#rdd {  /* main cal color */
	background: red none repeat scroll 0%; 
	border-color: white; 
	color: white;
	}
/* ############ End Red Calendar CSS ############# */

/* ############ Black Calendar CSS ############ */
#blk {  /* main table cal color */
	background: black none repeat scroll 0%; 
	border-color: yellow; 
	color: yellow;
	}
/* ############ End Black Calendar CSS ############# */