body {
	font-family:arial, sans-serif;
	font-size:12pt;
	color:black;
	margin:0px;
	background:#484848;
	}

a {
	color:#ac912a;
	text-decoration:none;
	}
a:hover {
	color:#404040;
	text-decoration:underline;
	}
	
h1 {
	font-family:Times New Roman, Times, serif;
	font-size:16pt;
	font-style:italic;
	color:#404040;
	font-weight:bold;
	line-height:80%;
	padding-left:10px;
	}

h2 {
	font-family:Times New Roman, Times, serif;
	font-size:1.6em;
	font-style:italic;
	color:#ac912a;
	font-weight:bold;
	line-height:80%;
	padding-left:10px;
	}

h3 {
	font-family:Times New Roman, Times, serif;
	font-size:1.3em;
	color:#ac912a;/*gold*/
	font-weight:bold;
	line-height:60%;
	padding-left:10px;
	}
	
h4 {
	font-family:Times New Roman, Times, serif;
	font-size:1em;
	color:#404040;
	font-weight:bold;
	line-height:60%;
	padding-left:10px;
	}
/*	
.whitetext {
	font-family:arial, sans-serif;
	font-size:10pt;
	color:white;
	font-weight:bold;
	}	
	*/
	
#outerwrapper	{
	display:block; /*Block across the page*/
	position:relative; /*Goes where it goes! It will go in next place it is supposed to go*/
	width:960px;
	height:1554px;
	padding-top:20px;
	margin:0px auto;
	}

#header {
	display:block; /*Block across the page*/
	position:relative; 
	height:224px;
	margin:0px auto;
	/*background:orange;*/
	background:url(../assets/headerwithlogos.jpg) no-repeat;

	}	
/*
#nav {
	display:block; 
	position:relative; 
	width:960px;
	height:24px;
	margin:0px auto;
	font-size:0.7em; /**/
	text-align:center;
	background:#727274;/*dark grey*/
	}	
#nav_holder{
	display:block;
	position:relative;
	width:714px;
	height:24px;
	margin:0px auto;	
	text-align:center;
	background:#58585a;/*dark grey*/  
	}

*/
#nav a {
	display:block; 
	position:relative;
	width:100px; /**/
	height:20px;
	text-decoration:none;
	background:#727274;/*#58585a;dark grey*/ 
	float:left;
	margin-right:1px;
	margin-left:1px;
	padding-top:4px;
	color:white;
	}	
	
#nav a:hover {
	/*background:#ffa56a;*/
	color:#fdc400;/*orange*/
	}
	

#trinavcontainer{
	/* RELATIVE position the menu bar 200px (depth of the banner) from the top */
	clear:both;margin:0;padding:0;position:relative;top:200px;text-align:center;
	background:#ccc url(../assets/btn-bg.jpg) 0px 0px repeat-x;height:24px;
}
/*NB trinav centred container padded left 1px, <li> padded right 1px: --141px * 5 (menu items) = 705 */
#trinav { width:777px;margin:0 auto;background:#ccc url(../assets/btn-wb-back-min.jpg) 0px 2px repeat-x;height:24px;padding:0 0px 0 1px;} 
#trinav ul {margin:0 auto;padding:0;list-style:none;font-size:0.7em;text-align:center; } 
#trinav li { display:inline;float:left;padding:0 1px 0 0;}
#trinav li a {display:block;text-align:center; margin:0;padding:0;background:url(../assets/btn-wb.jpg) repeat-x left top; text-decoration:none;width:110px;height:24px;}
#trinav li a span {display:block;padding:5px 3px 1px 3px; color:#fff; }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#trinav a span {float:none;}
    /* End IE5-Mac hack */

 /* SETS the text colour and background position of the TRI-STATE buttons */
#trinav ul li :hover { background-position:0% -24px; }
#trinav a:hover { background-position:0% -24px; }
#trinav a.on { background-position:0% -48px; }
#trinav a:hover span {
	color:#3f3f3f;
}
#trinav a.on span {
	color:#FFFFFF;
}





#innerwrapper {
	display:block; /*Block across the page*/
	position:relative;
	width:960px;
	height:1650px;
	margin:0px auto;
	
	}	


#left {
	display:block; /*Block across the page*/
	position:relative; /*Goes where it goes! It will go in next place it is supposed to go*/
	padding-top:10px;
	width:255px;
	height:1650px;
	font-size:0.7em;
/*	line-height:140%;
	padding-left:22px;
	padding-right:22px; */
	float:left;
	background:#fdc400;/*orange*/
}




#left a {
	display:block;
	position:relative;
	width:245px;
	height:20px;
	border-bottom-style:solid;
	border-bottom-color:white;
	border-bottom-width:1px;
	text-decoration:none;
	text-align:right;
	float:left;
	background:#fdc400;/*orange*//*#e2d7b3;cream*/
	color:black;
	padding-left:0px;
	padding-right:10px;
	padding-top:5px;
	}
	
#left a:hover {
	color:white;/*gold*/
	}

#middletop {
	display:block; /*Block across the page*/
	position:relative; /*Goes where it goes! It will go in next place it is supposed to go*/
	float:left; 
	width:462px;
	height:180px;
	font-size:0.7em;
	color:black;
	background: #ffffff url(../assets/body_elements.jpg) 0px 100% no-repeat;
	}	
#middletopequi {
	display:block; /*Block across the page*/
	position:relative; /*Goes where it goes! It will go in next place it is supposed to go*/
	float:left; 
	width:462px;
	height:180px;
	font-size:0.7em;
	color:black;
	background: #ffffff url(../assets/equi_elements.jpg) 0px 100% no-repeat;
	}	
#middletoppets {
	display:block; /*Block across the page*/
	position:relative; /*Goes where it goes! It will go in next place it is supposed to go*/
	float:left; 
	width:462px;
	height:180px;
	font-size:0.7em;
	color:black;
	background: #ffffff url(../assets/pet_elements.jpg) 0px 100% no-repeat;
	}			



#middlebigfallon {
	display:block; /*Block across the page*/
	position:relative; /*Goes where it goes! It will go in next place it is supposed to go*/
	float:left; 
	width:462px;
	height:1650px;
	font-size:0.7em;
	color:black;
	background: #ffffff url(../assets/backequi.jpg);
	background-position: 75% 25%;
	background-repeat: no-repeat;
	}

#middlebigdog {
	display:block; /*Block across the page*/
	position:relative; /*Goes where it goes! It will go in next place it is supposed to go*/
	float:left; 
	width:462px;
	height:1650px;
	font-size:0.7em;
	color:black;
	background: #ffffff url(../assets/backpets.jpg);
	background-position: 70% 30%;
	background-repeat: no-repeat;
	}	

.padded {
	color:black;
	padding:0px 10px 0px 10px;
	}

.paddedtopthome {
	color:#a68910;
	font-size:1.5em;
	font-weight:bold;
	padding:10px 120px 10px 10px;
	}
.paddedgoldboldital {
	color:#ac912a;/*gold*/
	font-size:1.1em;
	font-weight:bold;
	padding:0px 10px 0px 10px;
	}
	
.paddedforimages {
	color:black;/*gold*/
	padding:0px 220px 0px 10px;
	}	
	

#right {
	display:block; /*Block across the page*/
	position:relative; 
	width:243px;
	height:1650px;
	font-size:0.7em;
	/*padding-left:10px;
	padding-right:10px;*/
	float:left;
	background:#e2d7b3;/*cream*/
	/*background:url(../assets/liquidSilicon.gif) no-repeat;*/
	}	
	
	
	
#right a {
	display:block;
	position:relative;
	width:200px;
	height:20px;
	text-decoration:none;
	float:left;
	background:#e2d7b3;/*cream*/
	color:black;
	padding-left:10px;
	padding-top:0px;
	}
#right a:hover {
	color:#a68910;/**/
	}


#footer {
	display:block; /*Block across the page*/
	position:relative; /*Goes where it goes! It will go in next place it is suppost to go*/
	width:960px;
	height:20px;
	margin:0px auto;
	background:black;/**/
	}