@charset "UTF-8";

/* CSS comments use this form  


CSS file for AARF 2008 Q4 newsletter 
March 15 2008 mb 

*/


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;			/*  affects the text in custom ULs (with the pawprint bullets) */
	background-color: #FFFFFF;
	list-style-position: outside;
	list-style-image: url(newsletter2008q4_logosandgraphics/pawprintyellow.png);
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

p {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
}

h1 {
	font-size: 3em;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0000FF;
}

h2 {
	font-size: 2em;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0000FF;
}

h3 {
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0000FF;
}

h4 {
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: underline;
}

/* 
images that float left or right. Multiple images are placed next to each other, but the
floatRightClear will put, say right-flotad images UNDER each other

call the css code in HTML like this in the html file:

	<body>
	<img src="sunset.gif" class="floatRight">
	<p>This second paragraph has an...</p>
	</body>

    <img src="sunset.gif" class="floatRightClear">

courtesy of:   http://www.tizag.com/cssT/float.php
*/

img.floatLeft {
	float: left;
	margin: 4px;
}

img.floatRight {
	float: right;
	margin: 4px;
}

img.floatRightClear {
	float: right;
	clear: right;
	margin: 4px;
}

/* use a different image instead of the circle bullet in unordered (bulleted) lists */

.bullet {
	list-style-image: url(newsletter2008q4_logosandgraphics/pawprintyellow.png);
}

/* define styes for link appearances, visited links, hovering. They MUST be in this order: link, visitie, hover, active */

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0033FF;
	text-decoration: underline;
}

a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF00FF;
}

a:hover {
	color: #FF0000;
}

a:active {
	color: #0033FF;
}

img {
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
}
