#topnav {
position: absolute; /*take it out of the flow so we can have the logo on the left*/
margin-top: -50px; /*toggle to get the best result*/
padding-left: 220px; /*make room for the logo*/
}


#top {
background: url(../img/header-photo.jpg) no-repeat; 
width: 970px; 
height: 210px; }

body {  
font-family: Arial; 
font-size: 0.8em; /*equals 10pt 13px 80% base font-size*/
background-color: #5d3f1f; /*take this out if you want*/
margin: 0px;
}

body a {
color: #604527;
text-decoration: none;
font-weight: bold;
}

body a:hover {
text-decoration: underline;
}

#tagline-box {
height: 80px; 
width: 970px; 
background: url(../img/tagline-box.jpg) no-repeat; }

#welcome-message {
padding: 22px 0 0 28px;
float: left; 
width: 705px;}

 div#container
{
margin: 16px auto 0 auto; /*centering the page*/
width: 970px;
}

#top-bg {
position: absolute; /*completely stand-alone */
top: 0px; 
width: 970px; 
padding: 0; 
margin: 0;
}

#login { 
background: url(../img/background-login.jpg) repeat-x; 
float: left;   /*even tho it's the right element in the div, this snuggles to the left*/
width: 150px; 
font-size: 85%;  
font-weight: bold; 
padding-top: 18px;
height: 0; /*for firefox*/}

#content { margin-top: 0px; }
html>body #content {margin-top: 8px;}

#left {float: left;}
#right {float: right;}

#box1 {
background-image:url(../img/content-box.jpg); 
height: 322px; 
width: 350px; 
float: left;}

#box2 {
background-image:url(../img/content-box.jpg); 
height: 322px; 
width: 350px; 
float: left; 
margin-left: 8px;}

#box3 {
background-image:url(../img/left-bottom-box.jpg); 
height: 322px; 
width: 350px; 
float: left; 
margin-top: 8px;}

#box4 {
background:url(../img/right-bottom-box.jpg) no-repeat; 
height: 330px; 
width: 350px; 
float: left; 
margin: 8px 0 0 8px; /* top right bottom left */}

#logo {
position: relative; 
margin-top: 15px; 
left: 0px; 
margin-bottom: -138px;
padding-top: 0px;}

#beigebox {
background-image: url(../img/vacation-group-travel.jpg); 
width: 254px; 
height: 54px; }

#greenbox {
background-image: url(../img/greenbox.jpg); 
width: 254px; 
height: 102px; 
margin-top: 8px;
}
#consultantbox {
background-image: url(../img/consultantbox.jpg.jpg); 
width: 254px; 
height: 289px; 
margin-top: 8px;}

#feedbackbox {
background-image: url(../img/feedbackbox.jpg); 
width: 254px; 
height: 433px; 
margin-top: 8px;}


#lowergreenbox {background: url(../img/lowergreenbox.jpg) no-repeat; 
width: 708px; 
height: 242px; 
margin-top: 0px; 
clear: left; 
color: #594631;}

.lowergreenboxcontent {margin: 0 23px 12px 23px;}

.lowergreenboxtitles {margin: 0 23px 10px 23px;}

#footer { 
color: #cac2b0; 
font-size: 80%; 
margin: 17px 0 0 20px;
padding-bottom: 15px;
float: left;}

#footer a {
	color: #cac2b0;
	text-decoration: none;
} 
#footer a:hover {
	color: #cac2b0;
	text-decoration: underline;
} 

.whiteboxcontent { 
margin: 23px;}

.whiteboxcontent2 { 
margin: 23px 0px 23px 23px; /* top right bottom left */}

.whiteboxcontent table {
margin-top: 22px; 
color: #4f381d; 
padding-right: 15px; 
font-size: 95%;}

#greenbullets {
list-style-image: url(../img/green-dot.gif); 
margin-left: 0px; 
padding-left: 16px;}

#greenbullets li {
margin-bottom: 8px;}


input {

border: 1px solid #604527;
padding: 2px;
font-size: 95%;}

textarea {
border: 1px solid #604527;
padding: 2px;
font-size: 95%;}

.boldbrownlink { 
color: #604527;
text-decoration: none;
font-weight: bold;
}