a:link {
color: rgb(73,124,0); 
text-decoration: none;
}
a:visited {
color: rgb(178,83,0); 
text-decoration: none;
}
a:hover {
color: rgb(232,232,228); 
text-decoration: none;
}
a.index:link {
color: rgb(122,159,107); 
text-decoration: none; 
border-bottom: 1px rgb(91,180,178) dotted; 
padding: 0 6px 0 6px;
}
a.index:visited {
color: rgb(40,149,125); 
text-decoration: none; 
border-bottom: 1px rgb(91,180,178) dotted;
padding: 0 6px 0 6px;
}
a.index:hover {
color: rgb(187,204,119); 
text-decoration: none; 
border-bottom: 1px rgb(91,180,178) dotted; 
padding: 0 6px 0 6px;
}
html {
background: rgb(224,224,223); 
}
body {
font: normal 12px / 150% georgia, "times new roman", times, serif; 
text-align: left; 
color:rgb(110,110,112);
}
h2 {
font: normal 15px / 24px "copperplate gothic light", verdana, arial, helvetica, sans-serif; 
color: rgb(96,118,43);
text-transform:uppercase;
letter-spacing: 1px; 
margin: 18px 0px 24px 0px; 
text-align: center;   
}
h3 {
font: normal 13px / 18px "copperplate gothic light", verdana, arial, helvetica, sans-serif; 
color:rgb(96,118,43); 
text-transform: uppercase; 
letter-spacing: 1px; 
text-align: center; 
margin: 18px 0px 6px 0px;
}
h4 { 
font: bold normal 15px / 24px "times new roman", times, serif; margin: 0 0 0 18px;
font-style: italic; 
color: rgb(125,125,126); 
text-align: center; 
text-transform:none;
}
#outer_box {
position: absolute; 
top: 0px; left: 0; 
width: 100%; 
height: 100%;
background: url("http://www.oakland-lana.org/backgrounds/logo.jpg") no-repeat top center; 
z-index:0
} 
#header {
width:800px;
display:block;
margin: 0 auto 0 auto;
position:relative;
top:0;left:0;
}
#header h1 {
font: normal 11px / 21px "copperplate gothic light", arial, helvetica, sans-serif;
text-transform: uppercase; 
color: rgb(79,88,37); 
letter-spacing: 1px; 
margin: 280px auto 24px auto; 
padding: 3px 0px 3px 0px; 
text-align: center; 
width: 800px;  
}
/*INDEX */
#content {
width:800px;  
position: relative; 
top: 0px; left: 0; 
margin:0px auto 0 auto; 
z-index:1;
display:block;
}
#content .mission {
width: 550px; 
height: 450px; 
background: url("http://www.oakland-lana.org/backgrounds/narrow/bg_menu.png") repeat-x top left;
position: relative; 
top:0px; 
margin: 0 auto 0 auto; 
border: 1px dotted rgb(207,214,144); 
display:block;  
}
#content .mission p {
font: 12px / 21px arial, helvetica, sans-serif; 
color: rgb(158,103,60); 
text-indent:0; 
margin: 0px 0 18px 0; 
text-align: center;
}
#content .intro {
padding: 0 0 72px 0; 
width: 650px; 
position: relative; 
top: 9px; 
margin: 0 auto 0 auto;
width:550px;
}
#content .intro p {
font: 13px / 150% georgia, "times new roman", times, serif; 
text-indent: 0;
margin: 0px 0 18px 0; 
text-align: justify;
}
/* DIVIDER PAGES */
#divider {
position: absolute; 
top: 0px; left: 0; 
width: 100%; 
height: 100%;
background:url("http://www.oakland-lana.org/backgrounds/divider.jpg") no-repeat top center; 
z-index:0
} 
#divider .heading {
width:800px;
display:block;
margin: 0 auto 0 auto;
}
#divider .heading h1 {
font: normal 10px / 21px "copperplate gothic light", verdana, arial, helvetica, sans-serif;
text-transform: uppercase; 
color: rgb(185,232,228); 
letter-spacing: 1px; 
margin: 90px auto 24px auto; 
padding: 3px 0px 3px 0px; 
text-align: center; 
width: 800px; 
}
#divider .submenu {
position:relative;
top:0;
width: 550px; 
z-index: 3; 
background: url("http://www.oakland-lana.org/backgrounds/narrow/bg_menu.png") repeat-x top left;
margin:182px auto 0 auto; 
border: 1px dotted rgb(207,214,144);
z-index:2;  
}
#divider .submenu h2 { 
font: normal 15px / 24px "copperplate gothic light", verdana, arial, helvetica, sans-serif; 
text-transform: uppercase;
margin: 21px 0px 0px 0px;
color: rgb(56,143,137);
text-align: center;
}
#divider .submenu h3 { 
font: normal 13px / 21px "copperplate gothic light", verdana, arial, helvetica, sans-serif; 
text-transform: uppercase;
margin: 18px 0 6px 0;
padding: 6px 0 0 0;
color: rgb(105,105,106);
text-align: center;
}
#divider .submenu p {
width:450px;
font: 12px / 21px arial, helvetica, sans-serif; 
color: rgb(158,103,60); 
margin: 0px 0 18px 54px; 
text-align: left;
}
#divider .submenu ol {
width:450px; 
margin: 0px 0 18px 18px; 
text-align: left;
}
#divider .submenu li {
font: 12px / 21px arial, helvetica, sans-serif; 
color: rgb(158,103,60); 
}
#divider i {
font: italic 14px / 21px "times new roman", times, serif; 
color: rgb(158,103,60);  
text-align: left;
display:inline;
}