/* whidbeysbest.css */

body 
{
	width
	{
		1000px;
	}

	p,li,td
		{
			font-family: 10pt verdana,helvetica,geneva,arial,sans-serif;
			line-height:1.3;
			text-align:left;
			font-weight:600;
		}

	.7 {font-size:7pt;}
	.75 {font-size:7.5pt;}
	.8 {font-size:8pt;}
	.9 {font-size:9pt;}
	.10 {font-size:10pt;}
	.11 {font-size:11pt;}
	.12 {font-size:12pt;}
	.14 {font-size:14pt;}
	.16 {font-size:16pt;}
	.18 {font-size:18pt;}
	.24 {font-size:24pt;}
	.36 {font-size:36pt;}
	.48 {font-size:48pt;}
	.b  {font-weight:700;}
	.i  {font-style:italic;}
	.c  {font-family: "Comic Sans MS",cursive; }
	.f  {font-family: Papyrus,impact,fantasy; }
	.m,.code  {font-family: "courier","courier new","Lucida Console","Lucida Sans Unicode","OCR A Extended",monospace;font-size:120%;font-weight:600;}
	.s  {font-family: "Times New Roman",georgia,garamond,serif; }
	.ss {font-family: verdana,helvetica,geneva,arial,sans-serif; }
	.strike {text-decoration: line-through; }
    .u {text-decoration: underline; }
	.sub {vertical-align:sub;font-size:smaller;font-weight:bolder;}
	.sup {vertical-align:super;font-size:smaller;font-weight:bolder;}
	.button1 {margin:3px;border:thin solid black;padding:2px 3px 3px 2px;color:black;font-weight:bold;font-size:xx-small;}

		{
		example:
			<li class="18 b i"> "<" li class='18 b i' ">
				"This list item is font=18pt bold italic family:default"
			</li>
		}

	a:link {color:blue;text-decoration: underline;}
	a:visited {color:purple;text-decoration: underline;}
	a:hover {color: #FFD700;background:black;}
	width:100%;
}

p.padded
{
	padding:0 20px 0 20px;
}


#container
{
	padding:20px 20px 20px 0;
	width=100%;
}

#header-left
{
	position:absolute;
	top:0px;
	left:0px;
	height:150px;
	width:150px;
	border:medium solid white;
	background-color:#F0FFFF;
	text-align:center;
}

#header-right
{
	position:absolute;
	top:0px;
	left:152px;
	height:150px;
	width:1000px;
	border:medium solid white;
	background-color:#009933;
	color:#FFF;
	font-style:italic;
	font-size:60pt;
	text-align:center;
}

#menu-left
{
	position:absolute;
	top:152px;
	left:0px;
	height:700px;
	width:150px;
	border:medium solid white;
	background-color:#74623D;
	color:white;
	font-size:16pt;
}

#main
{
	position:absolute;
	top:152px;
	left:152px;
	height:700px;
	width:1000px;
	border:medium solid white;
	background-color:#CCFFCC;
	color:brown
	font-family:sans-serif;
}

#footer
{
	position:absolute;
	left:0px;
	width:100%;
	font-size:smaller;
	text-align:center;
	background-color:background-color:#009933;
	color:#FFF;
}

.footerleft
{
	left:0px;
	width:33%;
	text-align:left;
}

.footermiddle
{
	left:33%;
	width:34%;
	text-align:center;
}

.footerright
{
	left:67%;
	width:33%;
	text-align:right;
}

table
{
	background-color:#FFF8DC;
	width:100%;
	border: none solid #330000;
	color:#8C2900;
}

td.right	{text-align:right; vertical-align:top; padding:3px 0 3px;}
td.center	{text-align:center; vertical-align:top; padding:3px 0 3px;}
.row 		{background-color:#FFF8DC; color:#8C2900; vertical-align:top; padding:3px 0 3px;}
.row-odd 	{background-color:#FFF8DC;	color:#8C2900; vertical-align:top; padding:3px 0 3px;}
.row-even	{background-color:#8C2900; color:#FFF8DC; vertical-align:top; padding:3px 0 3px;}

.list
{
	list-style-position:outside;
	margin-left:13px;
	font-size:12pt;
	font-weight:700;
}

.list-unordered
{
	list-style-type:disk;
}

.list-ordered
{
	list-style-type:decimal;
}