body {
font-family: Arial, Helvetica, sans-serif;
background: #360;
background-image: url(images/pinecone-bg.gif);
font-size: 12px;
margin: 0 auto;
padding: 0px;
width: 770px;
height: 100%;
}

#wrap {
background: #fec;
margin: 0 auto;
width: 770px;
height: 100%;
}

#header-bg {
background-position: top;
background: #2e4056;
height: 144px;
}

#header-main {
background-image: url(images/mtvista.jpg);
background-repeat: repeat-x;
padding: 94px 0px 0px 0px;
margin: 0;
}

.head a {
padding-left: 19px;
color: #ffe8c5;
font-size: 20px;
font-weight: bold; 
font-style: italic;
text-decoration: none;
}

.head a:hover {
text-decoration: underline;
}

.head a:visited {
color: #ffe8c5;
}

h2 {
padding-left: 19px;
font-size: 14px;
font-style: italic;
font-weight: 100;
margin: 4px 0 0 0;
color: #fff;
}

/* privacy policy h5 and paragraph width=480px */

h5 {
font-size: 12px;
font-weight: bold;
margin: 8px 0 2px 0;
}

p {
margin: 4px 0 4px 0;
}

p.italic {
font-style: italic;
margin: 0 0 4px 0;
}

p.p {
margin: 6px 0 4px 0;
width: 489px;
}

p.sm {
font-size: 6px;
margin: 0;
}

/* header navagation */
	
#topnav {
background: #2e4056;
height: 18px;
padding: 4px 0 0 0;
border-top: 1px solid #fff;
}

#topnav ul {
margin: 0px;
list-style-type: none; 
padding-left: 20px;
}

#topnav li {
margin: 0; 
padding: 0; 
height: 18px; 
float: left; 
}

.topnav1 a {
padding: 0 10px 0 0; 
text-decoration: none; 
font-weight: bold; 
font-size: 12px; 
color: #fec; 
}

.topnav1 a:hover {
color: #cf9; 
text-decoration: underline;
}

.topnav2 a {
padding: 0px 10px 0px 10px;
text-decoration: none; 
font-weight: bold; 
font-size: 12px; 
color: #fec; 
border-left: 1px solid #fff; 
}

.topnav2 a:hover {
text-decoration: underline;
color: #cf9;
}

/* main content */

#main {
background: #fff;
float: left;
width: 486px;
padding: 18px 14px 0 20px;
}
		
#main h1 {
font-size: 17px;
color: #900;
margin: 0 0 6px 0; 
}

p.dotmain {
padding: 0 0 5px 0;
width: 480px;
border-bottom: 1px dotted #2e4056;
}

p.dotline {
padding: 4px 0 3px 0;
width: 480px;
border-bottom: 1px dotted #2e4056;
}

/* dotted line separating listings */

.dotline
{
border-bottom: 1px dotted #2e4056;
padding-bottom: 4px;
width: 480px;
}

.main a {
font-size: 14px;
font-weight: bold;
color: #036;
text-decoration: none;
}

.main a:hover {
color: #690;
text-decoration: underline;
}

/* company name and fake link for company listings */

.colist {
color: #036;
font-size: 13px;
font-weight: bold;
}

.fakelink {
color: #036;
text-decoration: underline;
}

/* sidebar */

#sidebar {
background-image: url(images/cpmhome2.jpg);
background-repeat: repeat-x;
float: right;
width: 250px;
height: 270px;
border-bottom: 1px solid #fff; 
}		

#sidebar h3 {
font-size: 14px;
color: #fff;
padding: 235px 0 0 19px;
}

/* adbar (sidebar variation) */

#adbar {
display: block;
float: right;
width: 210px;
padding-right: 20px;
margin: 40px auto 10px auto;
}

.adlink a {
text-decoration: none;
font-weight: bold; 
font-size: 12px; 
color: #900;
margin-right: 0px 10px 2px 10px;
}

.adlink a:visited {
text-decoration: none;
color: #900;
}

.adlink a:hover {
text-decoration: none;
color: #f90;
}

p.adlink {
font-size: 11px; 
}

/* footnav + copyright */

#footnav {
display: block;
clear: both;
background: #bbb;
width: 770px;
height: 100%;
position: relative;
padding: 10px 0 0 0;
margin-left: auto;
margin-right: auto;
}

#footnav a {
font-size: 11px;
text-decoration: none;
color: #036;
}

#footnav a:hover {
text-decoration: underline;
color: #ffc;
}

.footdot {
font-weight: bold;
letter-spacing: 1px;
color: #fc9;
}

p.copyright {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
white-space: nowrap;
text-align: center;
border-top: 1px dotted #2e4056;
padding: 10px 20px 30px 20px;
margin: 0;
}