/* CSS Document for OKMM main layers */
/* Author T. Simonton */

body {
background-color: #000000;
margin: 20px;
}

/* Text stylesheet begins here */

.skipnav {
color: #8B7C74;
font-size: 1px;
}
.newsheader1 {
color: #006600;
font-weight: bold;
font-size: 12pt;
line-height: 110%;
}

.newsheader2 {
color: #620000;
font-weight: bold;
font-size: 12pt;
line-height: 110%;
}

.newsheader3 {
color: #006600;
font-weight: bold;
font-size: 11pt;
line-height: 110%;
}

.newsheader4 {
color: #FFFFFF;
font-weight: bold;
font-size: 11pt;
line-height: 110%;
}

.tips-header {
color: #006600;
font-weight: bold;
font-size: 11pt;
line-height: 110%;
}

.emphasis-inherit {
font-weight: bold;
}

.emphasis-dark {
font-weight: bold;
color: #000000;
}

/* LAYOUT BEGINS HERE */

#parentcontainer {
width: auto;
height: auto;
background-color: #8B7C74;
margin: auto;
padding-top: 5px;
clear: both;
}

#masthead {
width: auto;
height: auto;
clear: both;
background-color: #8B7C74;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
padding: 0px;
}

/* MENU formatting */

#menubar {
display: none;
}

.menu {
margin: auto;
padding-top: 3px;
padding-left: 10px;
background: transparent;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}

.menu ul {
list-style-type: none;
white-space: nowrap;
}

.menu li {
background: none;
float: left;
border-right: 1px solid #FFFFFF;
list-style-type: none;
}

.menu a {
display: block; 
text-decoration: none;
padding: 0px 8px 0px 8px;
color: #FFFFFF;
}

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

.menu a:visited {
text-decoration: none;
color: #999999;
}

/* INDEX.DWT denter content - holds both the left column and right column layers */

#content-box {
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
width: 780px;
height: auto;
background: transparent;
background-color: #8B7C74;
clear: both;
padding: 0px;
}


#content-box a:link, a:active{
color: #006600;
}
#content-box a:hover {
text-decoration: underline;
}

#content-box a:visited {
color: #59514A;
}
/* left column layers begin here */

#left-column {
float: left;
width: 250px;
height: auto;
clear: left;
padding: 0px;
margin-bottom: 10px;
}

#tips {
float: left;
width: 250px;
height: auto;
border: 1px solid #000000;
clear: both;
margin: 0px;
padding: 0px;
overflow: hidden;
}

#tips-top {
float: left;
width: 250px;
height: 25px;
background-color: #4F7E45;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
text-align: center;
padding-top: 5px;
clear: both;
color: #FFFFFF;
}

#tips-content {
float: left;
width: 240px;
height: auto;
padding: 5px;
background-color: #FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: .8em;
line-height: 125%;
clear: both;
}

#about {
float: left;
width: 250px;
height: auto;
clear: both;
border: 1px solid #000000;
margin-top: 10px;
padding: 0px;
}

#about-top {
float: left;
width: 250px;
height: 25px;
clear: both;
background-color: #59514A;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
text-align: center;
padding-top: 5px;
color: #FFFFFF;
}

#about-content {
float: left;
width: 240px;
height: auto;
clear: both;
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
line-height: 1.2em;
padding: 5px;
}

/* Right column layers begins here */

#right-column {
float: right;
width: 516px;
height: auto;
clear: right;
background-color: #8B7C74;
margin-bottom: 10px;
padding: 0px;
}

#adbox {
float: right;
width: 516px;
height: 262px;
padding: 0px;
margin: 0px;
background-color: #000000;
overflow: hidden;
clear: both;
}

#news-event {
float: right;
width: 514px;
height: auto;
margin-top: 10px;
padding: 0px;
background: transparent;
clear: both;
border: 1px solid #000000;
background-color: #FFFFFF;
}

#news-event-top {
float: right;
width: 509px;
height: 25px;
margin: 0px;
padding-top: 5px;
padding-left: 5px;
clear: both;
background-color: #620000;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
text-align: left;
color: #FFFFFF;
}

#new-event-content {
float: right;
width: 504px;
height: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
line-height: 125%;
background-color: #FFFFFF;
clear: both;
padding: 5px;
}

/* END LEFT and RIGHT COLUMNS */


#footer {
width: 780px;
height: auto;
padding-top: 10px;
clear: both;
text-align: center;
background: transparent;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #FFFFFF;
}

/* Begin additional template layers */
/* #2 after div title is specific to a wider sidebar and a slightly less wide content box to adjust. Used in clearinghouse pages*/

#ac-leftcolumn {
float: left;
width: 200px;
height: auto;
clear: left;
padding: 0px;
margin-bottom: 10px;
}


#ac-leftcolumn2 {
float: left;
width: 215px;
height: auto;
clear: left;
padding: 0px;
margin-bottom: 10px;
}
#ac-left-menu {
float: left;
width: 195px;
height: auto;
clear: both;
border: 1px solid #000000;
margin-top: 10px;
padding: 0;
background: #FFFFFF;
}

#ac-left-menu2 {
float: left;
width: 215px;
height: auto;
clear: both;
border: 1px solid #000000;
margin-top: 10px;
padding: 0;
background: #FFFFFF;
}

#ac-left-menu-top {
float: left;
width: 185px;
height: 20px;
clear: both;
background-color: #620000;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: .8em;
font-weight: bold;
padding: 5px;
color: #FFFFFF;
}

#ac-left-menu-top2 {
float: left;
width: 215px;
height: 20px;
clear: both;
background-color: #620000;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: .8em;
font-weight: bold;
padding: 5px;
color: #FFFFFF;
}

#ac-left-menu-content {
float: left;
width: 185px;
height: auto;
clear: both;
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
padding: 5px;
margin: 0;
line-height: 1.5em;
}

#ac-left-menu-content2 {
float: left;
width: 212px;
height: auto;
clear: both;
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
padding: 5px;
margin: 0;
line-height: 1.5em;
}

#ac-members{
float: left;
width: 195px;
height: auto;
clear: both;
border: 1px solid #000000;
margin-top: 10px;
padding: 0px;
background-color: #FFFFFF;
}

#ac-members-top {
float: left;
width: 185px;
height: 20px;
clear: both;
background-color: #006633;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: .8em;
font-weight: bold;
padding: 5px;
color: #FFFFFF;
margin: 0;
}

#ac-members-content {
float: left;
width: 185px;
height: auto;
clear: both;
background-color: #FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: .8em;
line-height: 1.5em;
padding: 5px;
}

#right-column2 {
float: left;
width: 530px;
height: auto;
background: transparent;
margin-top: 0px;
margin-bottom: 10px;
padding: 0px;
}

#ac-header1 {
width: 450px;
height: 40px;
padding: 0px;
margin-left: 8px;
clear: both;
}
#ac-main-content {
	float: left;
	width: 530px;
	height: auto;
	padding: 5px 10px 5px 10px;
	margin-left: 8px;
	background-color: #C7BDB1;
	overflow: visible;
	clear: both;
	margin-top: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
}

#ac-main-content2 {
	float: left;
	width: 510px;
	height: auto;
	padding: 5px 8px 5px 8px;
	margin-left: 10px;
	background-color: #C7BDB1;
	overflow: visible;
	clear: both;
	margin-top: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
}

/* Full width divs for articles and such */

#content-box-fullcontent {
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
width: 700px;
height: auto;
background: transparent;
background-color: #C7BDB1;
clear: both;
padding: 20px;
margin-top: 10px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: small;
line-height: 125%;
}


#content-box-fullcontent a:link, a:active{
color: #006600;
}
#content-box-fullcontent a:hover {
text-decoration: underline;
}

#content-box-fullcontent a:visited {
color: #59514A;


/* spacer hack for extending parent containers to bottom */

#spacer {
clear: both;
}