Body {background-color: #999966; color: #000000; text-align: center;  font-family: Arial, Helvetica, sans-serif}

div.container {background-color: #FFFFCC; margin-bottom: 25px; margin-left: auto; margin-right: auto; margin-top: 25px; padding:  1em; text-align: left; width: 720px}

div.header {clear: left; color: #000000; font-family:   Arial; font-size: 300%}

div.footer {clear: both; color: #000000; font-family:   Arial; font-size: 70%; padding: 0.5em; text-align: right}

div.left {color: #993300; float: left; font-family:           Arial; width: 140px}

div.content {color: #666666; font-family:         arial; font-size: 80%; margin-left: 150px; margin-right: 0.5em;}

h1 {font-size: 140%; font-weight: bold;}

A:link {TEXT-DECORATION: none; COLOR: rgb(000, 00, 0);}

A:visited {TEXT-DECORATION: none; COLOR: rgb(000, 00, 0);}

A:hover {COLOR: rgb(102, 51, 0); font-weight: bold; font-size: 90%; TEXT-DECORATION: none}

A:active {TEXT-DECORATION: none; COLOR: rgb(102, 51, 0);}

A.header:link {TEXT-DECORATION: none; COLOR: rgb(0, 0, 0);}

A.header:visited {TEXT-DECORATION: none; COLOR: rgb(0, 0, 0);}

A.header:hover {COLOR: rgb(0, 0, 0); font-weight: bold; font-size: 95%; TEXT-DECORATION: none}

A.header:active {COLOR: rgb(0, 0, 0); TEXT-DECORATION: none}

A.content:link {TEXT-DECORATION: underline; COLOR: rgb(0, 0, 0);}

A.content:visited {TEXT-DECORATION: underline; COLOR: rgb(0, 0, 0);}

A.content:hover {COLOR: rgb(0, 0, 0); font-weight: bold; font-size: 90%; TEXT-DECORATION: bold}

A.content:active {COLOR: rgb(0, 0, 0); TEXT-DECORATION: underline}

.FloatLeft {float: left; margin-top: 10px; margin-right: 23px; margin-bottom: 10px; margin-left: 0; border: 1px solid #000; padding: 2px;}

.FloatLeftNoBorder {float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0; border: 0px solid #000; padding: 0px;}

.FloatRight {float: right; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 10px; border: 1px solid #000; padding: 2px;}

/* For left nav image links */
.NavImage {border-bottom:   0px solid #000000; margin-bottom: 0px; margin-right: 0px; margin-top: 0px;}

A.NavImage:link img {float: left; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}

A.NavImage:visited img {float: left; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;}

A.NavImage:hover img {float: left; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}

A.NavImage:active img {float: left; filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;}

/* For Logo link */
.Logo {Clear: left; border-bottom: 0px solid #000000; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; padding: 0px;}

A.Logo:link img {filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;}

A.Logo:visited img {filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}

A.Logo:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}

A.Logo:active img {filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}

/*.ClipsImage {text-align:center; display: block; border-bottom:    0px solid #000000; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px} */
/* The avove did not play well with browsers, am centering with HTML Center tag, alternately could use <P class="centeredImage" below 	 */

/* .centeredImage{text-align:center; margin-top:0px; margin-bottom:0px; padding:0px;}	 Use with <P> tag to center images  */

A.ClipsImage:link img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}

A.ClipsImage:visited img {filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;}

A.ClipsImage:hover img {filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}

A.ClipsImage:active img {filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;}

UL.IssueList {list-style-position: outside; list-style-type: square}

/* .PhotoFloatLeftCaption {width:auto;	float:left;	font-size:0.8em; text-align:right; margin-top: 10px; margin-right: 23px; margin-bottom: 10px; margin-left: 0; border: 0px solid #000; padding: 2px;} */

/* div class="PhotoFloatLeftCaption"><img src="autumnfamilypic.jpg" border="2" width="310" height="428" alt="Writer, Editor, Mother"><BR>photo by Adriane Westeman, Bear Creek Photography</div> */
  
/* Above did not work, div forced a break in the text floating around object */	

/* End of style section. Generated by CuteHTML at 4/12/2007 4:35:30 PM */