I'm learning how to code patterned layouts, so I'm having problems coding so that the animal and money/latest login boxes show up as a solid color and not as the pattern. 

Thank youuuu ^.^

I usually set it so that the html attribute has my background pattern, and then the #wrapper id has a solid background color.

html {
background:#000; /*Pick a color in case the background doesn't load.*/
background-attachment:fixed; /*Could also be scroll.*/
background-image:url('http://yoururl.com/image.jpg'); /*The pattern URL.*/
}

body {
background:transparent;
border:0;
width:100%
}

#wrapper {
background-color:rgba(212,200,174,.20); /*I use RGBA so I can make it partically transparent.*/
max-width:1220px;
min-width:1220px;
width:1220px;
margin: 0px auto;
}

on my layout it's actually done in reverse. My layout is one color and I have those boxes patterned. Here it is in my code.

.box2 table {background:url('http://colourlovers.com.s3.amazonaws.com/images/patterns/4067/4067929.png');color:#666;}

To make it a different color, it'd be the following:

.box2 table {background-color:#color;color:#666;}

The color:#666 is what makes the text in that box grey on mine.

Link Tree

Those helped a lot, thank you both! 

Im still stumped on the boxes where the horses/dogs would go though :/

Oh!

This does the HEADER. On mine it's a pattern.

.box th, .box2 th {background:url('http://colourlovers.com.s3.amazonaws.com/images/patterns/4067/4067929.png');color:#cd0000;border: 2px solid black;}

This does the... where the animal info goes. On mine it's black.

.box {background-color:#000000;}

Link Tree

That did the trick, thank you Chao!!