/*-----------------------------------------------------------------
essay
-----------------------------------------------------------------*/

#essay {
}

/*----- primary -----*/

#essay .primary {
width: 400px;
float: left;
}

#essay .primary h2 {
font-size: 150%;
line-height: 100%;
font-weight: bold;
color: #CC6600;
border-left: #CC6600 8px solid;
padding-left: 10px;
margin: 15px 0;
}

#essay .primary h3 {
font-size: 100%;
border-bottom: #CCCCCC 1px dotted;
padding-bottom: 5px;
color: #CC9900;
font-weight: bold;
margin: 25px 0 15px 0;
}

#essay .primary p {
font-size: 90%;
line-height: 150%;
margin: 1em 0;
}

#essay .primary p.lead {
font-size: 100%;
line-height: 150%;
margin: 1em 0;
}

#essay .hp-link {
height: 16px;
background: #FFFFFF url("../images/icon-web.gif") no-repeat 0 2px;
padding-left: 40px;
font-size: 12px;
display: block;
margin: 1em 0 5px 0;
}

#essay .map-link {
height: 16px;
background: #FFFFFF url("../images/icon-map.gif") no-repeat 0 2px;
padding-left: 40px;
font-size: 12px;
display: block;
}

#essay table.line {
border-top: 1px solid #666666;
border-left: 1px solid #666666;
}

#essay table.line th {
background-color: #EEEEBB;
padding: 5px;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
}

#essay table.line td {
padding: 5px;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
vertical-align: top;
}

#essay table.photo-table h3 {
font-size: 75%;
color: #CC9900;
font-weight: baold;
border: 0;
margin: 0 0 0.3em 0;
padding: 0;
}

#essay table.photo-table p {
font-size: 75%;
line-height: 140%;
margin: 0;
}

#essay em {
color: #666600;
font-style: normal;
}



/*----- secondary -----*/

#essay .secondary {
width: 170px;
float: right;
border: #CCCCCC 1px solid;
}

#essay .secondary .inner {
padding: 13px;
}

#essay .secondary h2 {
font-size: 100%;
font-weight: bold;
color: #006600;
line-height: 120%;
margin: 1em 0;
}


#essay .secondary p {
font-size: 75%;
line-height: 140%;
margin: 1em 0;
}