/* page formatting style northwoods humane society site */

body {

	background-image: url('../images/linebkgd.jpg');  /* bkgd image */
	background-position: top;  /* bkgd image to center */
	background-repeat: repeat-x;		/* bkgd image repeat */	
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	font-family: verdana, geneva, arial, 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 {   /* <div id="container"> */
	width: 720px;
	background-color: #ffffff;
	margin: 0px auto 0px auto;
	padding: 10px;
	text-align: left;	
	}
	
#header {   /* <div id="header"> */
	position: static;
	width: 698px;	
	margin: 0px auto 0px auto;
	border-top: 1px #ffffff solid;
	}
	
#nav {   /* <div id="header"> used for side navigation */
	position: 			static;
	width: 					160px;
	background-color:	#ffffff;
	margin: 				15px 0px 0px 0px;
	padding: 				10px 5px 10px 15px;
	text-align: 		left;
	font-size:     	100%;	
	font-weight:   	normal;		
	}
	
#maincopy {  /* <div id="maincopy"> used for right copy by navigation */
	position: static;
	width: 485px;
	margin: 10px 0px 0px 0px;
	padding: 10px 10px 10px 20px;
	text-align: left;	
	}

#footer {   /* <div id="footer>*/
	width: 698px;
	text-align: center;
	font-family: Verdana;
	font-size: 100%;
	margin: 0px auto 0px auto;
	padding-top: 15px;
	padding-bottom: 10px;
	}


h1 {  /* headline 1 */
  font-size:      160%;	
	text-align:			center;
	font-weight:    normal;
	}

	
h1.left {  /* headline 1 text left */
  font-size:      160%;	
	text-align:			left;
	font-weight:    normal;
	}			
	
h2 {  /* headline 2 */
  font-size:      140%;	
	font-weight:    normal;	
	}
	
h3 {   /* headline 3 */
  font-size:      120%;	
		text-align:			center;
	font-weight:    normal;
	}
	
h4 {   /* headline 4 */
  font-size:      110%;	
	font-weight:    normal;
	}

.tl {  /* text left */
	text-align:	left;
	}
	
.tc {  /* text center */
	text-align:	center;
	}
	
.tr {  /* text right */
	text-align:	right;
	}
	
.tj {   /* text justified */
	text-align:	justify;
	}
	
.stl {  /* small text left */
	font-size:      85%;	
	font-weight:    normal;
	text-align:	left;
	}
	
.stc {  /* small text center */
	font-size:      85%;	
	font-weight:    normal;
	text-align:	center;
	}
	
.str {  /* small text center */
	font-size:      85%;	
	font-weight:    normal;
	text-align:			right;
	}
	
.ltc {  /* large text center */
	font-size:      110%;	
	font-weight:    normal;
	text-align:	center;
	}
	
.ltl {  /* large text center */
	font-size:      110%;	
	font-weight:    normal;
	text-align:			left;
	}
	
.red {
	color: #bc2f1e;
	}
	
.green {
	color: #009732;
	}
	
.impact{
  font-size:      300%;		
	font-weight:    normal;
	font-family: 		impact, Trebuchet MS, Verdana, sans-serif;
	}
	
.impacts{
  font-size:      150%;		
	font-weight:    normal;
	font-family: 		impact, Trebuchet MS, Verdana, sans-serif;
	}	
	
.impactss{
  font-size:      130%;		
	font-weight:    normal;
	font-family: 		impact, Trebuchet MS, Verdana, sans-serif;
	}	
	
.nobottom {   /* forces bottom text to move up */
	margin-bottom:	0;
	padding-bottom:	0;
	}
	
.notop {     /* forces top text to move up */
	margin-top:	0;
	padding-top:	0;
	}	
	
.border {   /* adds a 1px black border*/
	border: 1px solid black;
	}
	
.floatl {   /* floats to the left*/
	float: left;
	display: inline;					/* fix IE double margin bug on floats */
	}

.floatr {   /* floats to the right*/
	float: right;
	display: inline;					/* fix IE double margin bug on floats */
	}
	
.fullwidth {  /* 680 wide division*/
	width: 680px;
	margin: 0px;
	padding: 20px 10px 10px 10px;
	text-align: left;
	}
	
.fullwidthpadded {   /* 50 px white space added inside fullwidth division*/
	width: 552px;
	margin: 0px auto 0px auto;
	padding: 10px 50px 10px 50px; 
	text-align: left;
	}
	
.clearfullwidthpadded {   /* clears fullwidthpadded division*/
	clear: both;
	width: 580px;
	margin: 0px;
	padding: 0px;
	font-size:1px;
	line-height:0;
	}
	
.clear {  /* clears all floats */
	clear: both;
	width: 5px;
	margin: 0px;
	padding: 0px;
	font-size:1px;
	line-height:0;
	}
	
.halfwidth {  /* 276 wide division, floatl or floatr*/
	width: 276px;
	margin: 0px auto 0px auto;
	padding: 5px 0px 5px 0px;		
	}
	
.clearhalfwidth {  /* clears halfwidth division*/
	clear: both;
	width: 552px;
	margin: 0px;
	padding: 0px;
	font-size:1px;
	line-height:0;
	}
	
.halfwidthpadded {   /* 20 px white space added inside 288 px halfwidth division.  Can not be used inside a fullwidthpadded*/
	width: 288px;
	margin: 0px;
	padding: 20px 0px 10px 0px;
	text-align: left;
	}
	
.onethirdwidth {   /* 222 px wide division, floatl floatl or floatr, use for three column layout, use only in fullwidth*/
	width: 222px;
	margin: 0px;
	padding: 20px 15px 10px 0px;	
	}
	
.onethirdwidthmaincopy {   /* 156 px wide division, floatl floatl or floatr, use for three column layout, use only in maincopy*/
	width: 156px;
	margin: 0px;
	padding: 20px 0px 10px 0px;
	text-align: left;
	}	
	
.quarterwidth {   /* 160 px wide division, floatl or floatr, use with threequarterwidth, use only in fullwidth*/
	position: 			static;
	width: 					160px;
	background-color:	#ffffff;
	margin: 				10px 0px 0px 10px;
	padding: 				5px 5px 5px 5px;
	text-align: 		left;
	font-size:     	85%;	
	font-weight:   	normal;
	}
	
.threequarterwidth {  /* 475 px wide division, floatl or floatr, use for four column layout, use only in fullwidth*/
	position: static;
	width: 475px;
	margin: 0px 0px 0px 0px;
	padding: 35px 10px 10px 10px;
	text-align: left;
	}
	
.divcenter{      /* creates an auto centering division */
	margin: 0px auto 0px auto;
	}

	
img {  /* removes border from linked images */
	border: 0px;
	}

a {  /* color of link */
	text-decoration: none; 
	color: #009732;
	}

a:visited {  /* color of visited link */
	text-decoration: none; 
	color: #009732;
	}

a:hover {  /* color of link when hovered*/
	background:	#f7f5b7;
	text-decoration: none; 
	color: #bc2f1e;
	}


ul {  /* definition of an unordered list */
  	margin-top:		0;
  	padding-top: 	0;
  	margin-left:	10px;
  	padding-left:	10px;
  	}
		
#image ul li {  /* image at the beginning of an unordered list */
  	list-style-image: url('../images/bullet.gif');
  	}
		
#noimage ul li {	 /* no image at the beginning of an unordered list */
	  	list-style-type: none;
		}			
		
table {  /* table with 10 px padding and no margins */
	padding:	10px;	
	margin: 	0px auto 0px auto;
	}
	
.size678 {  /* sets a td to 200 px */
	width:					678px;		
	}	
	
td {  /* table cell with 10 px padding on top and 15 px padding on the right */
	padding-top:		10px;		
	padding-right:	15px;
	vertical-align:		top;	
	}
	
table.lined {  /* black line around table that collapses to the td line */
	border:		1px solid black;
	border-collapse:	collapse;
	}	

td.lined {   /* lined table  */
	border:		1px solid black;	
	padding:	10px;
	}
	
td.yellow {
	background-color: #ffffce;
	}
	
td.ltgreen {
	background-color: #e2fbeb;
	}