/* CSS Document */

body {
color:#fff;
background:rgb(123,128,102) url(_assets/bkgrd_tile01.jpg);
font-family:"Verdana", "Helvetica", "Arial", sans-serif;
font-size:1em;
padding:0px;
margin:0px;
}

a:link {
color:#fff;
background:transparent;
text-decoration:none;
}

a:visited {
color:#fff;
background:transparent;
text-decoration:none;
}

a:hover {
color:rgb(233,216,97);
background:transparent;
text-decoration:none;
}

#container {
width:750px;
position:relative;
left:50%;
margin-left: -375px;
}

#content {
width:750px;
font-size:75%;
margin-top:10px;
}

#nav {
width:340px;
color:#fff;
background:#000;
font-weight:bold;
text-align:left;
vertical-align:middle;
padding:3px 0px;
padding-left:10px;
}

#contact {
width:390px;
color:#fff;
background:#000;
font-weight:bold;
text-align:right;
vertical-align:middle;
padding:3px 0px;
padding-right:10px;
}

#masthead {
width:750px;
height:90px;
}

#col1a {
width:350px;
background:rgb(195,196,167);
font-family:"Georgia", "Times New Roman", "Times", serif;
font-size:120%;
font-weight:bold;
letter-spacing:.15em;
text-align:left;
padding:2px 0px;
}

#col1a p {
padding:0px 10px;
}

#col2a {
width:400px;
color:rgb(112,117,92);
background:#fff;
text-align:center;
padding:2px 0px;
}

#col1b {
width:330px;
height:310px;
color:rgb(112,117,92);
background:rgb(195,196,167);
text-align:left;
vertical-align:top;
padding:0px 10px;
}

/* The following uses margins instead of padding due to the problems with Internet Explorer for the PC. */
.thumb {
margin-right:6px;
}

.thumb_nopadding {
margin-right:0px;
}

#col1b a:link {
color:rgb(112,117,92);
background:transparent;
font-weight:bold;
text-decoration:none;
}

#col1b a:visited {
color:rgb(112,117,92);
background:transparent;
font-weight:bold;
text-decoration:none;
}

#col1b a:hover {
color:#fff;
background:transparent;
font-weight:bold;
text-decoration:none;
}

#col2b {
width:400px;
height:310px;
color:#000;
background:#fff;
text-align:center;
vertical-align:top;
}

#col2b p {
text-align:left;
padding:0px 10px;
}

#col1c {
width:350px;
color:rgb(112,117,92);
background:rgb(195,196,167);
text-align:left;
vertical-align:top;
}

#col2c {
width:400px;
color:rgb(112,117,92);
background:#fff;
text-align:left;
white-space:nowrap;
padding:3px 0px;
}

#col2c p {
padding:0px 10px;
}

/* The following code keeps the two arrows separated with a vertical line between them. */

.left {
border-right:1px dotted rgb(112,117,92);
}

#content2 {
width:750px;
height:25px;
color:rgb(195,196,167);
background:transparent;
font-size:75%;
margin-left:20px;
}

#content2 a:link {
color:rgb(195,196,167);
background:transparent;
text-weight:normal;
text-decoration:underline;
}

#content2 a:visited {
color:rgb(195,196,167);
background:transparent;
text-weight:normal;
text-decoration:underline;
}

#content2 a:hover {
color:#fff;
background:transparent;
text-weight:normal;
text-decoration:underline;
}

/* The following code is to have the word sold show up bold and orange. */

.sold {
color:rgb(228,133,0);
background:transparent;
font-weight:bold;
letter-spacing:.1em;
}