/*   
	Cascading Style Sheet for
	Rocky Mountain Flycasters, a Chapter of Trout Unlimited
	(www.tu.org) Dedicated to the Preservation, Protection and
	Enhancement of the Nation's Cold Water Resources

	/rmf_tu_cal.css - CSS file for RMF calendar differs in some respects from others
	$Rev$:
	$Author$:
	$Date$:

	Style Sheet created by Handmade Art Co. and Paul Wehr
	January, 2007 based on existing appearance, with TU style guidelines in mind: colors, content organization and emphasis on conservation service.
	This one was created with BBEdit 8.6 and beyond.
	Edited and enhanced for database version of the calendar in May, 2009 - BBEdit 9.2
*/


		body {
			background-color: #dee3c5;	/* decimal 222,227,197 */
			font-size: .8em;
			font-family: "Lucida Grande","Grande",Verdana,sans-serif;
			color: #349;	/* decimal 0,51,153 */
			}
		
			h1,h2,h3,h4,h5,h6 {
			font: 1.7em Helvetica,"Helvetica Nueue","Luxi Sans","Arial Black",sans-serif bolder;
			color: #349;
			text-indent: 0em;
			line-height: 1.2em;
			}
		h2 {
			font-size: 1.6em;
			text-indent: 0.8em;
			line-height: 1.2em;
			}
		h3 {
			font-size: 1.4em;
			text-indent: 1.3em;
			line-height: 1.2em;
			}
		h4 {
			font-size: 1.3em;
			text-indent: 1.8em;
			line-height: 1em;
			}
		h5 {
			font-size: 1.2em;
			text-indent: 2.3em;
			line-height: 1em;
			}
		h6 {
			font-size: 1.2em;
			text-indent: 2.8em;
			line-height: 1em;
			}
		.title { font-weight: bold; font-style: italic; }

		.largeUL { font-size: 1.2em; font-weight: bold;text-decoration:underline; }
			
		.menulist {
			width:160px;
			background-image: url(../gfx/menubar08.png);
			margin-top: .5em;
			font-size: .8em;
			text-align: center;
			vertical-align: 10%;
			padding-top: .6em;
			font-family: "Lucida Grande","Grande",Verdana,sans-serif;
			}
		.menusub {
			width: 13em;
			font-size: .7em;
			font-family: "Lucida Grande","Grande",Verdana,sans-serif;
			}

		div.header {
			/* give header static position */
			background-color:#fff;
			margin:0px;
			height:107px;
			width:100%; /*555px*/
			background-position:top left;
			background-repeat: no-repeat;
			float:left;
			clear:both;
			}

		div.menublock {
			width: 162px;
			margin-top:1px;
			padding:0px 0em 0em;
			float:left;
			}

		div.main {
			/* main needs static position */
			margin: 0px 5px 0px 162px;
			padding: 1em 2em;
			/*float:left;*/
			}

		div.footer {
			/* needs to follow below all */
			width: 80%;
			font: normal smaller "Lucida Grande","Grande",Verdana,sans-serif;
			color: #349;	/* decimal 51,51,85 */
			
			border: 2px solid #369; /* decimal 18,51,153 */
			border-radius:10px;
			padding: 0.3em 1em;
			margin: 4em 1em;
			/* float and clear make this keep below all */
			float: left;
			clear: both;			
			}
			
		.lightcaption {
			width: 70%;
			font: normal xx-small "Lucida Grande","Grande",Verdana,sans-serif;
			color: #669;
			}
		.pullout {
			border: 1px solid #eff; /*#8a5700;*/	/* decimal 153,0,51 */
			border-radius: 5px;
			padding: 0em 1em;
			background-color: #eff; /* decimal 238,255,255 */
			}

		.leftpull {
			border: 2px solid #eff; /*#8a5700;*/	/* decimal 153,0,51 */
			border-radius: 5px;
			padding: 4px;
			margin: 6px;
			background-color: #eff;
			float: left;
			}
		.rightpull {
			border: 2px solid #eff; /*#8a5700;*/
			border-radius: 5px;
			padding: 4px;
			margin: 6px;
			background-color: #eff;
			float: right;
			}
		
		.subtext { font: normal smaller "Lucida Grande","Grande",Verdana,sans-serif;}

		div.article
		{
			margin: 7px 0px;
			padding: 1em;
			/* decimal 102,33,00 */
			border: 2px solid #597b7b;
			border-radius: 10px;
			background-color: #fff;
			width: 42em;
		}
		
		p.story:first-letter {
			text-indent:2em;
			}
	
		a:link {
			color: #600;	/*8a5700*/;
			font-weight: bold;
			text-decoration: none;}
		a:hover {
			color: #c00;	/* decimal 204,0,0*/
			background-color: #fff;
			font-weight: bold;
			text-decoration: underline;}
		a:active {
			color: #f90;
			font-weight: bold;
			text-decoration: underline;
}
		a:visited {
			color: #666600;
			font-weight: bold;
			text-decoration: none;}

		hr { width: 14em; border-color:#8a5700; }
		hr.hr80 { width: 45em; }
/* ===============================
	calendar only */
		td {
			height:5em;
			width:7.4em;
			background-color:#fff;
			border-radius:5px;
			font-size:0.8em;
			vertical-align:text-top;
			text-align:right;
			}
		.weekdays {
			height:1em;
/*			width:6em; */
			font-size:1.0em;
			text-align:center;
/*			vertical-align:text-top;
			background-color:#fff; */
			}
		.month {
			height:1.2em;
			font-size:1em;
			text-align:center;
			vertical-align:middle;
			}
		li.cal_items {
			margin-bottom: 1em;
			}
		br.cal_br {
			margin-bottom: .7em;
			}
		.prev { text-align: left; font-size:10px; }
		.next { text-align: right; font-size:10px; }
		.day {
			height:5em;
			/*font-size:1.0em;*/
			text-align:right;
			}
		.weekday {
			height:1em;
			/*font-size:1.0em;*/
			text-align:center;
			}

		td.month {
			height:1.2em;
			font-size:1.2em;
			text-align:center;
			vertical-align:middle;
			} 
		.today { background: yellow; }
		.blank { border: none; background-color: transparent; }

/*	calendar only
====================================*/

		.center-align {
			text-align:center;
			}
		.left-align {
			text-align:left;
			}
		.norm {
			height:auto;
			}




