body {
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em; 
color:#000000; 
background-image: url(images/pin_bg.gif);
}

strong {
font-weight:bold;
}

blockquote {
font-style:italic;
}

a {
color:#1E663C;
text-decoration:none;
}

a:hover {
color:#1E663C;
text-decoration:underline;
}


#logo {
position: absolute;
z-index: 101;
top: -.8em;
width: 800px;
height: 140px;
background: url(images/oklogo.gif) top left no-repeat;
text-indent: -10001px;
}

#h1{
margin: 15em, 2.5em;
color:#fff;
font-size:2em;
}
	
#container
{
width: 800px;
margin: 1.5em auto;
background-color: #ccc;
background-repeat:no-repeat;
line-height: 120%;
border: 3px solid #006600;
}

	

/*header*/

#top
{
padding: 0;
height: 6.8em;
background-image: url (images/okheader.gif)
background-repeat: repeat-x;
margin-bottom: 2em;
}

#top h2
{
padding: 0;
margin: 0;
}

/*Left Links*/

#leftnav
{
float: left;
width: 180px;
height:500px;
margin-left: 1em;
padding: .5em;
line-height: 130%;
background-image: url(images/oknav.gif);
background-repeat: no-repeat;
}

#navlist
{
margin-left: .5em;
margin-top: 1.2em;
padding-left: .5em;
list-style: none;
}

#navlist li
{
padding-left: .5em;
line-height: 130%;
background-repeat: no-repeat;
background-position: 0 .5em;
}

#navlist li a {
color:#fff;
text-decoration:none;
}

#navlist li a:hover {
color:#3E884F;
text-decoration:none;
}

body#home a#homenav,
body#about a#aboutnav,
body#serve a#servnav,
body#programs a#prognav,
body#success a#sucnav,
body#partners a#partnav,
body#sponsors a#sponsnav,
body#contribute a#contrinav,
body#calendar a#calnav,
body#volunteer a#volnav,
body#contact a#contanav
{
color: #3E884F;
font-weight:bolder;
padding-left:.7em;
background-image: url(images/circle.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}

#navlist p 
{ 
margin: 0 0 .3em 0; 
color:#000;
}


/*Main Content*/

.top-left {  
	background-image: url(images/okbody.gif);
	background-position: 0 -1px; 
	height: 10px;
	width:100%;
	font-size: 2px;
	}

.notopgap {
	margin-top: 0;
	}
.inside{
    min-height:30em
    }
.nobottomgap {
	margin-bottom: 0;
	}
	
.bottom-left { 
	background-image: url(images/okbody.gif);
	background-position: 0 -13px;
	height: 10px;
	width:100%;
	font-size: 2px;
	}

#content
{
margin: 0 0 1em 16em;
background:#fff url(images/okwmark.gif);
background-repeat: no-repeat;
background-position: bottom right;
}

#content p, em
{
margin: 1em 2em;
}

#content h2 
{ 
margin: .3em 0 0 1em;
font-style:oblique;
color:#18407A;
}

#content li
{
padding-left: 10px;
margin-right:1em;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
list-style: none;
}



/*Footer*/

#footer
{
clear: both;
height: 2.5em;
margin: 0;
padding: .7em;
color: #333;
background-image: url(images/okfoot.gif);
background-repeat:repeat-x;
}

#footer p 
{ 
text-align:center;
margin: 0em 2.5em 1em 0; 
color:#fff;
font-size:.8em; 
}

#footer a {
color:#ffffff;
text-decoration:underline;
}

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