/* page formatting style northwoods humane society site */

body {
	background-color: #77a680;
	margin: 0px;
	padding: 0px;
	font-family: arial, verdana, geneva, sans-serif;
	font-size: small;
	text-align: center;
	}

div>p:first-child {					/* this causes ie and compliant browsers to display first p in a div the same */
	margin-top: 0px;
	}

#container {
	width: 97%;
	background-color: #f5ede0;
	Margin: 20px auto 15px auto;
	padding: 0px;
	text-align: left;
	}

h1 {
  font-size:      140%;	
	text-align:			center;
	font-weight:    normal;
	}
	
h1.left {
  font-size:      140%;	
	text-align:			left;
	font-weight:    normal;
	}			
	
h2 {
  font-size:      130%;	
	font-weight:    normal;	
	}
	
h2.left {
  font-size:      130%
	text-align:			left;	
	font-weight:    normal;	
	}
	
h3 {
  font-size:      120%;	
	font-weight:    normal;
	}
	
h4 {
  font-size:      110%;	
	font-weight:    normal;
	}

button {
  border-left:3px double #000000; border-right:3px solid #000000; border-top:3px double #000000; border-bottom:3px solid #000000; font-family: arial; 
  font-size:      110%;
  background-color: #3399FF;	
	font-weight:    normal
	}
.tl {
	text-align:	left;
	}
	
.tc {
	text-align:	center;
	}
	
.tcb {
	text-align:	center;
	font-weight:    bold;
	}

.tr {
	text-align:	right;
	}
	
.tj {
	text-align:	justify;
	}
	
.stl {
	font-size:      85%;	
	font-weight:    normal;
	text-align:	right;
	}
.fts{	
	font-size: 120%;
	font-family: Tempus Sans ITC;
	text-align:	center;
	}
.stc {
	font-size:      85%;	
	font-weight:    normal;
	text-align:	center;
	}

.tan {
	background-color: #f5ede0;
	}

.linkcolor {
	text-decoration: none; 
	color: #00008b;
	}
	
.border {
	border: 1px solid black;
	}
	
.clear {
	clear: both;
	width: 90%;
	margin: 0px;
	padding: 0px;
	font-size:1px;
	line-height:0;
	}

.pad {
	margin-left: 30px;
	}
	
	
.floatl {
	float: left;
	display: inline;					/* fix IE double margin bug on floats */
	}

.floatr {
	float: right;
	display: inline;					/* fix IE double margin bug on floats */
	}
	
.fullwidth {
	width: 100%;
	margin: 0px;
	padding: 10px 10px 10px 10px;
	text-align: left;
	}
	
.halfwidth {
	width: 50%;
	margin: 0px;
	padding: 10px 10px 10px 10px;
	text-align: left;
	}
	
img {
	border: 0px;
	}
	
#nav img {
	border: 1px solid black;
	}

a {
	text-decoration: none; 
	color: #00008b;
	}

a:visited {
	text-decoration: none; 
	color: #577b5e;
	}

a:hover {
	text-decoration: none; 
	color: #7f0000;
	}

#header {
	position: static;
	width: 100%;
	height: 10%;
	margin-left: auto;
	margin-right: auto;
	}
	
#nav {
	position: static;
	width: 170px;
    height: 80%;
	background-color:	#d9d2c4;
	margin: 10px 0px 0px 10px;
	padding: 5px 5px 5px 5px;
	text-align: left;
	}
	
#maincopy {
	position: static;
	float: left;
	width: 55%;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	text-align: left;
	}

#ads {
	float: left;
	position: static;
	text-align: left;
	}


#footer {
	width: 85%;
	text-align: center;
	font-family: arial;
	font-size: 1em;
	padding-top: 15px;
	padding-bottom: 10px;
	}
/* end page formatting style */









	
	
	
table.description {
	font-size:		80%;
	}	
	
td.leftborder {
	border-left:	1px solid #ff6300;
	padding-left:	15px;
	}
	

	
p.nobottom {
	margin-bottom:	0;
	padding-bottom:	0;
	}	
	
ul {
	margin-top:		0;
	padding-top: 	0;
	margin-left:	10px;
	padding-left:	10px;
	}

ul li {
	list-style-image: url(../images/bullet.gif);
	}
	
}