body {
margin: 0px;
padding: 0px;
background-image: url(images/tile.gif);
background-repeat: repeat;
font-family: arial, verdana, serif;
font-size: 85%;
color: #505050;
}

p {
margin-top: 0px;
margin-bottom: 15px;
}

h1 {
font-size: 95%;
color: #505050;
text-transform: uppercase;
font-weight: bold;
margin-top: 0px;
margin-bottom: 10px;
}

img {
border: 0px;
}

/************* links (main) *************/

a:link   {
color: #cccc99;
text-decoration: none;
}

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

a:hover {
color: #3366cc;
text-decoration: underline;
}

a:active {
color: #3366cc;
text-decoration: underline;
}

/**************** links (navigation) ****************/

#nav ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

#nav ul li {
display: inline;
}

#nav a {
margin-left: 20px;
color: #505050;
font-size: 95%;
font-weight: bold;
text-decoration: none;
}

/**************** layout ****************/

#container1 {
width: 800px;
margin-left: auto;
margin-right: auto;
}

#container2 {
float: left;
width: 100%;
margin-top: 25px;
margin-bottom: 25px;
background: #ffffff;
border: 1px solid #666666;
}

#header {
float: left;
width: 780px;
padding: 10px;
background: #ffffff;
}

#nav {
float: right;
width: 425px;
text-align: right;
}

#content {
float: left;
width: 620px;
min-height: 300px;
padding: 10px;
background: #333366;
color: #ccccff;
}

#resources {
float: right;
padding: 5px;
width: 150px;
text-align: center;
background: #ffffff;
}

/**************** images ****************/


.resources_img {
border: 3px solid #ccccff;
margin: 5px;
}

.home_img_left {
float: left;
width: 216px;
padding: 0px;
margin-right: 10px;
margin-bottom: 10px;
border: 5px solid #ccccff;
}

.home_img_right {
float: right;
width: 216px;
padding: 0px;
margin-left: 10px;
margin-bottom: 10px;
border: 5px solid #ccccff;
}

.info_fam {
float: left;
width: 226px;
padding: 0px;
margin-right: 10px;
margin-bottom: 10px;
text-align: center;
}

.info_fam_img {
width: 216px;
height: 333px;
padding: 0px;
margin: 0px;
margin-bottom: 10px;
border: 5px solid #ccccff;
}

.gallery_container {
width: 490px;
margin-left: auto;
margin-right: auto;
}

.gallery_left {
float: left;
width: 226px;
margin-bottom: 20px;
text-align: center;
}

.gallery_right {
float: right;
width: 226px;
margin-bottom: 20px;
text-align: center;
}

img.gallery {
float: left;
width: 216px;
height: 162px;
padding: 0px;
margin: 0px;
margin-bottom: 10px;
border: 5px solid #ccccff;
}

img.galleryc {
width: 216px;
height: 162px;
padding: 0px;
margin: 0px;
margin-bottom: 10px;
border: 5px solid #ccccff;
}

.clear {
clear: both;
}