#interiorContent {
position: absolute; 
top: 0px; left: 0; 
width: 100%; 
height: 100%;
z-index:0
} 

.headerContent {
width: 800px; 
margin: 26px auto 0 auto;
padding:54px 0 0 0; 
background: rgb(221,227,180) url("http://www.oakland-lana.org/backgrounds/lana.jpg") no-repeat top center;
}
.headerContent  h1 {
font: normal 9px / 12px verdana, arial, helvetica, sans-serif; 
text-transform: uppercase; 
letter-spacing: 1px; 
color: rgb(154,160,114); 
margin: 6px auto 0 auto; 
padding: 3px 0px 3px 0px; 
border-top: 1px solid rgb(200,219,159);
text-align: center; 
} 
.headerContent h2 {
font: normal 13px / 15px "copperplate gothic light", verdana, arial, helvetica,
sans-serif; 
text-transform: uppercase; 
color: rgb(134,156,0); 
letter-spacing:1px; 
margin: 0px 0 0 0;
padding:3px 0 3px 0; 
text-align: center;   
border-top: 1px solid rgb(200,219,159);
}
/* IMAGE WIDE */
#image {
width: 800px;  
padding: 24px 0 0 0;
margin: 0px auto 21px auto; 
display:block; 
}
#image .nocap {
width:625px;
font: normal 10px / 15px verdana, arial, helvetica, sans-serif; 
color:rgb(128,73,0); 
text-align:center;
border:none; 
margin: 0px auto 21px auto; 
padding:0px 0 9px 9px;
}

#image .nocap p img {
display: block;
margin:0 auto 0 auto;
padding: 0;
text-align:center;
vertical-align:middle;
border:6px solid rgb(200,219,159);
}
#image p.caption {
font: normal 10px / 15px verdana, arial, helvetica, sans-serif; 
width:95%;
color:rgb(128,73,0); 
display: block;
text-align:left;
margin: 0;
padding:0px 0 9px 9px;
}

#image p.caption img {
display: block;
margin:0;
padding: 9px 9px 0px 0;
vertical-align:top;
}
#image  p.center {
font: normal 10px / 15px verdana, arial, helvetica, sans-serif; 
width:800px;
color:rgb(128,73,0); 
display: block;
text-align:center;
margin: 9px auto 9px auto;
}
/* Table Styles */
table {
font: normal 11px /12px arial, "helvetica neue", helvetica, sans-serif;
border-width:1px 1px 1px 1px;
border-style:solid;
border-color:rgb(168,191,169);
vertical-align:middle;
margin:18px auto;
}
table thead {
min-width:800px;
width:800px;
max-width:800px;
vertical-align:middle;
}
table tbody {
min-width:800px;
width:800px;
max-width:800px;
}
table thead tr th {
border-bottom:3px double rgb(168,191,169);
padding:1px 6px 2px 6px;
}
table tbody tr td {
padding:4px 6px;
}
table tbody tr.odd td {
background:rgb(245,247,255);
}
table tbody tr.even td {
background:rgb(229,231,207);
}

/*CONTENT*/
.liveArea {
width: 800px;
background: rgb(237,237,237)  url("http://www.oakland-lana.org/backgrounds/bg_interior.jpg") repeat-x top left;
position:relative;
top:0;left:0;   
margin:0 auto 0 auto;
padding: 0px 0px 15px 0px;
}
.liveArea .plain {
width: 800px;   
margin:0 auto 0 auto;
background: transparent;
display:block; 
}
.liveArea h1 {
font: normal 10px / 18px "copperplate", arial, helvetica, sans-serif;
text-transform: uppercase; 
color: rgb(230,232,189); 
background: transparent;
margin: 233px auto 24px auto; 
padding: 3px 0px 3px 0px; 
text-align: center;
width: 800px;  
}

.liveArea h2 {
font: normal 15px / 21px "copperplate gothic light", arial, helvetica,
sans-serif; 
text-transform: uppercase; 
color: rgb(134,156,0); 
letter-spacing:1px; 
margin: 0px 0px 24px 0px; 
text-align: center;   
}
.liveArea h3 {
font: normal 13px / 21px verdana, arial, helvetica, sans-serif; 
width:650px; 
text-transform: uppercase; 
color: rgb(112,112,110); 
letter-spacing:1.5px; 
margin: 18px -9px 2px 50px; 
padding: 0 25px 0px 38px; 
text-align:left; 
border-bottom: 1px dotted rgb(74,140,164); 
}
.liveArea h3.first {
margin: 36px 0px 12px 9px
}
.liveArea h4 {
width:650px;
font: normal 11px / 12px "copperplate gothic light", arial, helvetica,
sans-serif; 
text-transform: lowercase; 
letter-spacing: 1px; 
margin: 0px auto 6px 88px; 
color:rgb(119,96,54); 
text-align: left;
}
.liveArea h5 {
width:600px;
font: 600 13px / 13px georgia, "times new roman", times, serif;
margin: 18px auto 6px 88px; 
color: rgb(148,93,30);
text-transform: lowercase;
}
.liveArea h6 {
width:800px;
font: bold 13px / 18px georgia, "times new roman", times, serif; 
margin: 21px auto 6px auto;
color: rgb(78,99,30);
text-align:center
}
.liveArea .quote {
font: normal 15px / 21px georgia, "times new roman", times, serif; 
letter-spacing:0px; 
margin: 12px auto 12px auto; 
color: rgb(72,120,115); 
text-align:justify;
border-top: 1px dotted rgb(78,99,30); 
border-bottom: 1px dotted rgb(78,99,30);
padding: 6px 56px 6px 56px; 
width:550px; 
}
.liveArea p {
width:78%;
font: 13px / 18px georgia, "times new roman", times, serif;
margin: 0px auto 12px auto; 
color: rgb(77,58,32); 
text-align:left; 
}
.liveArea i {
font-size: 105%;
}
.liveArea .hr {
font: normal 2px / 3px verdana, arial, helvetica, sans-serif; 
width:650px; 
margin: 0px -9px 18px 50px; 
padding: 0 25px 0px 25px; 
text-align:center; 
border-bottom: 1px dotted rgb(74,140,164); 
}
.liveArea .center {
font: 11px / 12px georgia, "times new roman", times, serif; 
text-align: center;
}
.liveArea .credit {
width:600px;
text-indent:-24px;
font: italic 11px / 13px georgia, "times new roman", times, serif; 
padding:0 0 54px 0;
margin: 9px 0px 0px 102px;
text-align: left;
}
#columns .credit {
width:85%;
text-indent:-24px;
font: italic 11px / 13px georgia, "times new roman", times, serif; 
padding:0 0 54px 0;
margin: 9px 0px 0px 102px;
text-align: left;
}

.liveArea .credit_right {
text-indent:-18px;
font: italic 11px / 13px georgia, "times new roman", times, serif; 
padding:0 0 54px 85px;
margin: 9px 0px 0px 0;
text-align: right;
}
#columns .credit_right {
width:85%
text-indent:0px;
font: italic 11px / 13px georgia, "times new roman", times, serif; 
padding:0 0 54px 24px;
margin: 9px 0px 0px 0;
text-align: right;
}

.liveArea .credit_tight {
width:600px;
text-indent:0px;
font: italic 11px / 13px georgia, "times new roman", times, serif; 
padding:0;
margin: -6px 0px 12px 102px;
text-align: left;
}
.liveArea .clear_columns {
width:700px;
padding:0;
margin: 15px auto 12px auto;
clear:both;
}
/*CONTENT COLUMNS*/
#columns {
width: 100%; 
height: 100%; 
position:relative;
left:85px;
margin: 0px auto; 
}
.left,
.right  {
width:47%; 
float: left;
}
.left  {
margin:0px 0px 0px 0px; 
}
.right  {
margin:0px 0px 0px -12px; 
}
#columns  p  {
font: 13px / 18px georgia, "times new roman", times, serif; 
margin: 0px 0px 12px 0;
color: rgb(77,58,32); 
text-align:left;
}
#columns ul.ordered {
font: normal 13px / 15px georgia, "times new roman", times, serif; 
text-indent: -18px; 
list-style: none; 
margin: 0;
position:relative;
top:0;left:-24px;
color:rgb(77,58,32); 
}
#columns li.ordered {
text-indent:-18px;
padding: 3px 0 9px 0; 
line-height: 18px;
}
#columns .number {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight:bold; 
vertical-align: middle; 
color: rgb(74,140,164);
padding-right: 6px;
margin:0;
}

.break {
font: normal 1px / 1px arial, "helvetica neue", helvetica, sans-serif;
width:100%;
height:1px;  
margin: 0 auto 0 auto; 
padding:0px; 
float:none;
clear:both;
}
/*IMAGE NARROW LEFT*/
#narrow_image {
padding: 6px 0 6px 0; 
margin: 0 0 0 -15px; 
display:inline; 
}
#narrow_image .caption img {
margin:0 12px 0 0;
padding: 9px 9px 6px 0;
vertical-align:top;
}
#narrow_image p.caption {
font: normal 10px / 15px verdana, arial, helvetica, sans-serif; 
width:280px;
color:rgb(128,73,0); 
display: block;
text-align:left;
margin: 0;
padding:0px 0 9px 9px;
}
#narrow_image  p.center {
width:300px;
font: normal 10px / 15px verdana, arial, helvetica, sans-serif; 
color:rgb(128,73,0); 
display: block;
text-align:center;
margin: 9px auto 9px auto;
}
/*IMAGE RIGHT*/
#right_image { 
padding: 6px 0 6px 0; 
margin: 0 0 0 -2px; 
display:block; 
float: left;  
}
#right_image .caption img {
margin:0;
padding: 0px 9px 6px 0px;
vertical-align:top;
}
#right_image p.caption {
font: normal 10px / 15px verdana, arial, helvetica, sans-serif; 
width:280px;
color:rgb(128,73,0); 
display: block;
text-align:right;
margin: 0 9px 0 0;
padding:9px 0px 9px 0px;
}
#right_image  p.center {
width:300px;
font: normal 10px / 15px verdana, arial, helvetica, sans-serif; 
color:rgb(128,73,0); 
display: block;
text-align:center;
margin: 9px auto 9px auto;
}
/*CONTENT LIST*/
.liveArea .list {
margin: 0px;
padding: 0;
width:90%;
}
.liveArea .list ul {
font: normal 13px / 15px georgia, "times new roman", times, serif; 
list-style: none; 
margin: 0 0 0 50px;
color:rgb(77,58,32); 
}
.liveArea .list li {
padding: 3px 0 9px 0; 
line-height: 18px;
text-indent:-9px;
}
.liveArea .list li.last {
padding: 3px 0 2px 0; 
line-height: 18px; 
border-bottom: 1px dotted rgb(74,140,164); 
}
/*CONTENT LIST*/
.liveArea .list {
margin: 0px;
padding: 0;
width:90%;
}
.liveArea .list ul {
font: normal 13px / 15px georgia, "times new roman", times, serif; 
list-style: none; 
margin: 0 0 0 47px;
color:rgb(77,58,32); 
}
.liveArea .list li {
padding: 3px 0 9px 0; 
text-indent:-9px;
}
.liveArea .list li.last {
padding: 3px 0 2px 0; 
border-bottom: 1px dotted rgb(74,140,164); 
}
.liveArea ul.ordered {
font: normal 13px / 18px georgia, "times new roman", times, serif; 
list-style: none;
width:80%; 
margin: 0 0 0 50px;
color:rgb(77,58,32); 
}
.liveArea li.ordered {
text-indent:-18px;
padding: 3px 0 9px 0; 
line-height: 18px;
}
.marker {
font-size: 18px;
line-height:15px;
font-weight:bold;
vertical-align: top; 
color: rgb(74,140,164);
padding-right: 3px;
margin:0;
}
.liveArea .number {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight:bold; 
vertical-align: middle; 
color: rgb(74,140,164);
padding-right: 6px;
}
/*MESSAGES*/
#message {
width:800px;
margin:0 auto 0 auto;
cursor:pointer;
}
#message  p.message,
#message  p.message_hover {
font: 10px / 15px verdana, arial, sans-serif; 
color: rgb(110,110,110);
text-align: center; 
}
#message  p.message {
text-align: center; 
padding: 0px 0px 0px 0px;
margin:0px auto 0px auto;
}
#message  p.message_hover {
text-align: left; 
padding: 3px 3px 9px 3px;
position:relative;
left:85px;
}

.email {
font-size: 90%;
}
#footer {
width: 800px; 
height: 112px; 
margin: 0 auto 0 auto; 
position: relative; 
top:0px; left: 0; 
background: transparent url("../backgrounds/bgfooter.jpg") repeat-x bottom left; 
border-bottom: 3px solid rgb(135,152,89); 
display: block;
}
#footer h1 {
width:800px;
font: bold 11px / 13px georgia, "times new roman", times, serif;
text-transform:none;
letter-spacing:0; 
margin: 0px auto 6px auto;
color: rgb(78,99,30);
text-align:center
}
#footer p {
width:600px;
text-indent: -18px; 
font: 11px / 12px georgia, "times new roman", times, serif;
text-align: left; 
margin: 0 72px 0 82px; 
background: transparent; 
border: none;
padding: 6px 0 0 0; 
}
#footer .small {
text-indent:0; 
font-size: 11px; 
line-height: 15px; 
width:650px;
margin: 0 auto 0 auto; 
}
#footer .footnotes {
margin: 0 auto 0 auto; 
background: transparent; 
border-top: 1px solid rgb(171,162,69); 
padding: 0 0 0px 24px; 
}
#image img.half {
display:inline; 
width:346px; 
padding: 0px 2px 0 0px; 
margin: 0 0px 0 2px; 
float:left; 
}
#image img.full {
display:inline; 
width:500px; 
padding: 0px 2px 0 0px; 
margin: 0 0px 0 2px; 
float:left; 
}
#image_right {
width: 330px; 
height: 100%; 
padding: 9px; 
margin: 12px -9px 21px 0px; 
display:block; 
float: right; 
}
#image_right p {
font: normal 10px / 15px verdana, arial, helvetica, sans-serif; 
color:rgb(128,73,0); 
display: inline;
}
#image_right img {
padding: 0; 
display: inline; 
margin-left:-9px 
}