* {

margin:0;

padding:0;

}



body {

background-color: #CCCCCC;

font-family: arial, helvetica, sans-serif;

font-size: small;

color: #000000;

}



.content {

width: 600px;

margin-top: 25px;

margin-left: auto;

margin-right: auto;

padding: 0px;

background-color: #FFFFFF;

position: relative;

}



img {

border: 0px;

}



.navbar {

width: 100%;

color: #000000;

background-color: #663300;

font-size: 10pt;

font-weight: 900;

text-align: right;

position: relative;

top: 0px; left: 0px;

}



#logo { 

position: relative;

top: 0px; right: 460px;

padding-bottom: 10px;

}



#navbarlinks {

text-align: right;

text-decoration: none;

position: relative;

top: 20px; right: 10px; 

}



#navbarlinks ul {

margin-left: auto;

margin-right: 20px;

display: inline;

}



#navbarlinks ul li {

padding: 0px 5px;

list-style: none;

display: inline;

}

	

#navbarlinks a {

color: #FFFFFF;

text-decoration: none;

}



#navbarlinks a:visited {

color: #FFFFFF;

}



#navbarlinks a:hover {

color: #669933;

text-decoration: underline;

}



#tile {

position: absolute;

top: 120px; left: 10px;

}

/* main body w/ line-spacing */

.category {

width: 220px;

padding-bottom: 60px;

position: relative;

top: 40px; left: 150px;

}



.category p {

padding-top: 20px;

line-height: 15px;

}



.category p b {

color: #663300;

}



.category p a {

color: maroon;

}



.form {

width: 300px;

}



/* images */

.aboutimage {

position: absolute;

top: 250px; right: 40px; 

}



.tipsimage {

position: absolute;

top: 250px; right: 40px; 

} 



.resourceimage {

position: absolute;

top: 250px; right: 40px; 

}



.contactimage {

position: absolute;

top: 150px; right: 40px;

}