﻿* {margin: 0; padding: 0; border: 0;}

body {
text-align: center; 
background: #ccc;
color: #000;
font-family: arial,verdana,helvetica;
font-size: 0.8em;
min-width: 950px;
height:102%;
}

table {	font-family:Arial,Verdana,Helvetica;
		border-collapse:collapse;
		font-size:1em;}
		
td      {	vertical-align:top}

input   {border:black solid 1px;}
textarea  {border:black solid 1px; font-family:Arial,Verdana,Helvetica;font-size:1em}

a:hover {	font-weight: bold;}
a:link {	color: #000;}
a:visited {	color: #000;}
a:active {	color: #000;}

/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
#wrapper { 
text-align: left;
width: 950px;
margin: 0 auto; 
background:ivory url('../images/sidebar.gif') repeat-y 0 0;
}

#header, #subnav, #footer {
clear: both; 
width: 100%;
}

#header {background: #336699 ;color:#f1f1f1;height:70px;line-height:70px}

#subnav, #footer {background: #6397cb; padding: 1px 0;height:15px;}

#contentfloatholder /* right faux column tab */  {float: left;width: 100%;}

#contentfloatholder:after { /* this is for NN6 to clear floats */    content: ".";     display: block;     height: 0px;    clear: both;     visibility: hidden;}

#centerwrap {  float:left;  width: 100%;   margin: 0 -95% 0 0;}

#center {margin:0 5px 0 175px;padding:0 20px 0 20px;}

#centerleft {float:left;}

#centerright {float:right;}

#centerfooter{clear:both;width:100%;height:60px;} 

#left {  float:left;  width: 170px;  margin: 0 0 0 -5%;  }

#right {  float:right;width:1px;margin: 0;}

/************* IE Mac CSS Only  works for Win too **************/
* html div #centerwrap {margin: 0 -100% 0 0;}
* html div #left {margin: 0;}

h1   {font-size:2em; margin: 0 0 0 175px;padding: 0 20px; }

h2   {font-size:1.6em;height:45px;margin:1em 0;}

h3 {font-size:1em;font-weight:bold;}

ol   {margin:0 0 0 30px;}

ul   {margin:0 0 0 15px;}

