/* Sample CSS Document for my website design 
   Author: Jeff Ludwig 
   Feel free to glean inspiration, as much inspiration as this document shows
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Style declarations to style a calendar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#showCal {
	Border: 0;
	Padding: 0;
	Margin: 10px; }

#showCal p { Margin-Top: 10px;
	Font-Size: 80%;
	Text-Align: center;  }
#showCal p a, #showCal p a:link, #showCal p a:visited { Border: 1px solid #555555;
	Color: #0033cc;
	Background-Color: #cccccc; 
	Margin: 0 4px; 
	Padding: 2px 4px; }
#showCal p a:hover { Border: 1px solid #ffff33;
	Color: #4488ff;
	Background-Color: #cccccc; }

#showCal td {
	Text-Align: center;
	Vertical-Align: middle;
	
	Padding: 0 4px;
	Font-Size: 80%;
	Width: 25px;
	Border-Right: #444444 solid 1px;
	Border-Bottom: #333333 solid 1px;
	Color: #444477; }

#showCal td.calHeader { Width: 187px; }

#showCal #months { Padding-Top: 0.4em; 
	Text-Align: center;
	Margin: 0 auto; }
#showCal #months a, #showCal #months a:link, #showCal #months a:visited {
	Padding: 0.2em;
	Margin: 0 0.25em;
	Border: 1px solid #444444;
	Background-Color: #ffffff; 
	Color: #2222aa;
	Font-Size: 90%;
}
#showCal #months a:hover {
	Padding: 0.2em;
	Border: 1px solid #444477;
	Background-Color: #ffff88; 
	Color: #444477;
	Font-Size: 90%;
}

#showCal a, #showCal a:link, #showCal a:visited,  
#showCal td.calHeader a, #showCal td.calHeader a:link, #showCal td.calHeader a:visited { 
	Background-Color: #ffffff; 
	Color: #2222aa;
	Font-Size: 117%; }

#showCal a:hover, #showCal td.calHeader a:hover { 
	Background-Color: #ffffff;
	Color: #66bbff; }