/*
   Final Student's Web Project
     Author: Richard S. Green
     Date: 05/29/10

   CCC Calendar Table style sheet
   Filename:         calendar.css
   Supporting Files: 

*/
#rightColumn   {float: left; width: 750px; font-size: 12px; padding-left: 15px}

table.calendar	{border-collapse: separate; border-spacing: 5px; font-size: 8px}
table.calendar caption	{caption-side: top; text-align: left; font-size: 16px; letter-spacing: 3px}

table.calendar col.weekendCols
						{background-color: rgb(255, 232, 232); width: 14%}						
table.calendar col.weekdayCols
						{width: 14%}
						
table.calendar thead	{background-color: red; color: white; letter-spacing: 5px}

table.calendar thead tr	{height: 5%}
table.calendar tbody tr	{height: 19%}

table.calendar tbody td	{border: 1px gray solid; vertical-align: top}
table.calendar tbody td h3	{font-size: 8px; margin: 0px; padding: 0px}
table.Calendar tbody td dl	{margin: 0px; padding: 0px}
table.Calendar tbody td dt	{margin: 0px; padding: 0px}
table.calendar tbody td dd	{margin: 0px; padding: 0px}

div.tlCorner	{background: url(topleft.jpg) no-repeat top left}
div.trCorner	{background: url(topright.jpg) no-repeat top right}
div.blCorner	{background: url(bottomleft.jpg) no-repeat bottom left}
div.brCorner	{background: url(bottomright.jpg) no-repeat bottom right}
div.tBorder		{background: url(top.jpg) repeat-x top}
div.lBorder		{background: url(left.jpg) repeat-y left}
div.rBorder		{background: url(right.jpg) repeat-y right}
div.bBorder		{background: url(bottom.jpg) repeat-x bottom}

div.boxContent	{padding: 50px}