@charset "UTF-8";
/*  CSS Document
	create 10.2.09 rak
	last modified 10.14.09 rak  added comments, changed top bgcolor
 */

/* default style */
body {	
		font-family:Arial, Helvetica, sans-serif;
		font-size: 1em;
		background-color: #E0E0E0;
	}
/* site container, holds all other divs */
#container
	{
		width: 90%;
		margin: 10px auto;
		border: 1px solid gray;
		background-color:#fff;
		color: #333;
		line-height: 130%;
	}

/* top header, I have the title and I hold the Oscar div also */
#top
	{
		padding: 0;
		margin:0;
		background-color: #FFFA5C;
		border-bottom: 1px solid gray;
		border-left: 1px solid gray;
		height:173px;
	
	}

/* font and style for site title, and I have a cute font that matches oscar but this font does not work on a mac where I am just helvetica */
#top h1 
	{
		font-family: Ballet, Arial, Helvetica, sans-serif;
		color: #0D0D0D;
		font-size:1.6em;
		padding-top: 3em;
		padding-left: 2em;
		margin: 0;
		text-align:center;
	}
/* secondary header line, I'm a little smaller than the top title */
#top h2 
	{
		color:#0D0D0D;
		font-size:1.2em;
		font-weight: lighter;
		padding-top: .5em;
		padding-left:2em;
		margin-left: 5em;
		margin-top: 0;
		text-align:center;
	
	}
/* I just hold the oscar graphic, I'm needed to keep the jpg from sliding around */
#oscar
	{
		float:left;
		padding: 0;
		margin:0;
		border-right: 1px solid gray;	
		background-color: #FFFA5C;
		}

/* I hold all the content (I do not include the left nav that is separate */
#content 
	{
		margin-left: 200px;
		border-left: 1px solid gray;
		margin-right: 200px;
		border-right: 1px solid gray;
		padding: 1em;
	}

/* h1 is in the site header, so h2 is the title for each page. */
#content h2 
	{ 
		font-family: Ballet, Arial, Helvetica, sans-serif;
		margin: 0 0 .5em 0; 
	}

/* callout p is here temporarily, it's the link to the validation for the CSS class only, it's a different font and is red in color.  Can be deleted when we go live. */
#content p.callout 
	{ 
		font-family: "Courier New", Courier, monospace;
		color:#FF0000;
	}
/* BEGIN default table style - There are not many tables left but this will style them if needed */
	#content table 
		{ 
			border-collapse:collapse;
		}
	#content th 
		{ 
			border: 1px solid gray;
			background-color:#FFFF81;
			text-align:center;
			vertical-align: top;
			font-size:1em;
		}
	#content td 
		{ 
			border: 1px solid gray;
			text-align:left;
			vertical-align: top;
			font-size:.8em;
		}
/* END default table style */

/* Cute first letter style for index.html only */
.dropcap
	{
		float: left;
		width: 1em;
		font-size: 4em;
		line-height: 83%;
		font-family: Ballet, Arial, Helvetica, sans-serif;
	}


#footer
	{
		clear: both;
		margin: 0;
		padding: .5em;
		color: #333;
		background-color: #FFFA5C;
		border-top: 1px solid gray;
	}

#footer p 
	{
		font-size:.75em;
		text-align:center;
		margin: 0;
	}
#footer img 
	{
		border:none;
	}


/* START leftnav styles*/
	#leftnav
		{
			float: left;
			padding: 1em;
			width: 160px; 
			clear:both;
		}
	
	#leftnav ul
		{
			padding-left: 0;
			list-style-type: none;
			font-family: Arial, Helvetica, sans-serif;
		}
	#leftnav li 
		{ 
			margin: 0px 0px 0px 0px; 
		}
	
	#leftnav a
		{
			display: block;
			padding: 3px;
			width: 160px;
			background-color: #333333;
			border-bottom: 1px solid #eee;
		}
	#leftnav a#current
		{
			background-color: #333333;
			color: #FFCC00;
		}
	
	#leftnav a:link, #leftnav a:visited
		{
			color: #EEE;
			text-decoration: none;
		}
	
	#leftnav a:hover, #leftnav a.active
		{
			background-color: #FFCC00;
			color: #fff;
		}
/* END leftnav styles*/

/* START rightnav styles*/
	#rightnav
		{
			float: right;
			margin: 0;
			padding: 1em;
			width: 160px; 
		}
	#rightnav h3
		{
			font-family: Arial, Helvetica, sans-serif;
			margin: 0;
			padding: 0;
			font-size:1.1em;
		}
	#rightnav ul
		{
			padding-left: 10px;
			list-style-type: none;
			font-family: Arial, Helvetica, sans-serif;
			font-size:.8em;
		}
	#rightnav li 
		{ 
			margin: 0px 0px 0px 0px;
			list-style-image:url(images/pawBullet.jpg);
		}
	
	#rightnav a:link, #rightnav a:visited
		{
			color: #333;
			text-decoration: none;
		}
	
	#rightnav a:hover
		{
			background-color: #FFCC00;
			color: #fff;
		}

/* END rightside styles*/

/* BEGIN topnav styles - this section reserved for possible future use in the members' photo gallery, should the Board decide to resurrect it.*/
	#topnav 
		{
			padding: 0;
			margin-left: 200px;
			border-left: 1px solid gray;
		}
	#topnav ul
		{
			padding-left: 0;
			padding-top: 0;
			margin-left: 0;
			background-color: #333;
			color: #fff;
			float: left;
			width: 100%;
			font-family: arial, helvetica, sans-serif;
			position:inherit;
		}
	
	#topnav ul li { display: inline; }
	
	#topnav ul li
		{
			background-color: #333;
			color: White;
			float: left;
			border-right: 1px solid #fff;
		}
	
	
	#topnav ul li a
		{
			padding: 0.2em 1em;
			text-decoration: none;
			color: White;
		}
	
	#topnav ul li a:hover
		{
			padding: 0.2em 1em;
			background-color: #FFCC00;
			color: #fff;
		}
	
	#paw1
		{
			position:absolute;
			left:70px;
			top:425px;
			z-index:100;
		}
	#paw2
		{
			position:absolute;
			left:100px;
			top:500px;
			z-index:50;
		}
	#paw3
		{
			position:absolute;
			left:165px;
			top:470px;
			z-index:0;
		}
	#paw4
		{
			position:absolute;
			left:165px;
			top:540px;
			z-index:0;
		}
/*END topnav style  */