/* CSS */

body {
background-image: url(../images/build/bg.gif);
margin: 0;
font-family: Verdana, sans-serif;
font-size: 11px;
line-height: 14px;
}

a {
color: #000000;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

#container {
margin: 0 auto;
width: 750px;
border-bottom-color: #9c8f74;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #9c8f74;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #9c8f74;
border-right-style: solid;
border-right-width: 1px;
border-top: none;
background-color: #FFFFFF;
}

#nav {
background-color: #cac2b1;
height: 34px;
line-height: 34px;
text-align: right;
padding-right: 11px;
font-size: 12px;
}

#brown {
background-color: #9c8f74;
height: 5px;
clear: both;
}

#footer {
background-color: #cac2b1;
height: 19px;
line-height: 19px;
text-align: right;
padding-right: 11px;
clear: both;
}

#footer a {
font-weight: bold;
}

#logos {
text-align: center;
margin-top: 21px;
margin-bottom: 22px;
height: 74px;
clear: both;
display: inline-table;
}

/* columns */
#col1 {
float: left;
width: 250px;
height: 164px;
margin: 0;
padding: 0;
/* background-color: #FF0000; */
}

#col2 {
float: left;
width: 250px;
height: 164px;
margin: 0;
padding: 0;
}

#col3 {
float: right;
width: 250px;
margin: 0;
padding: 0;
/* height: 164px;
background-color: #FF00FF; */
}
/* end of columns */

/* recommend */
#recommend {
/* height: 192px; */
margin: 0;
padding: 0;
/* display: table;
min-height: 100%; */
height: 241px;
}

#reco {
background-color: #9c8f74;
width: 100%;
clear: both;
height: 5px;
border: none;
margin: 0;
padding: 0;
}

#her {
float: left;
width: 250px;
background-color: #F1A6DC;
height: 100%;
}

#text {
float: left;
width: 250px;
background-color: #FFFFFF;
}

#him {
float: right;
width: 250px;
background-color: #75B8EF;
height: 100%;
display: table;
}

#hertext {
background-color: #CAC2B1;
color: #FFFFFF;
}

#himtext {
background-color: #CAC2B1;
color: #FFFFFF;
}
/* end of recommend */

.pad {
padding: 11px;
padding-top: 0px;
}

.pad2 {
padding: 11px;
}

.pink {
color: #e5a091;
font-weight: bold;
}

.blue {
color: #668daa;
font-weight: bold;
}

/* navigation */

#home #nHome,
#sign #nSign,
#contact #nContact {
font-weight: bold;
text-decoration: none;
}

/*contact */

#left {
float: left;
width: 364px;
margin-bottom: 11px;
}

#right {
float: left;
width: 364px;
margin-bottom: 11px;
}

/* form styles */

.form {
color: #9c8f74;
background-color: #FFFFFF;
font-size: 11px;
border-color: #CCCCCC;
border-style: solid;
border-width: 1px;
padding: 2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 180px;
margin-bottom: 10px;
}

label {
width: 80px;
margin-right: 10px;
margin-bottom: 10px;
display: block;
float: left;
clear: both;
font-weight: normal;
line-height: 18px;
}

.submit {
border-color: #CCCCCC;
border-style: solid;
border-width: 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
background-color: #9c8f74;
margin-left: 90px;
padding: 2px;
}

#left a {
color: #9c8f74;
text-decoration: underline;
}

#left a:hover {
text-decoration: none;
}

#right a {
color: #9c8f74;
text-decoration: underline;
}

#right a:hover {
text-decoration: none;
}