@charset "UTF-8";
/* Style Sheet for Operation Bootstrap */
/* Created 9/1/2009 DxR Development Group, Inc. */
/* Author: Ryan Emling */
/* Modified: David Coleman */

/* My browser resets */
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,th,td {
margin: 0;
padding: 0;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
background: #fff;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
border: 0;
}
ol,ul {
list-style: none;
font-style: normal;
font-weight: normal;
}
:focus {
outline: 0;
}

/* color: #d8bb6d; */
/* Begin styles */
#body_index {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-image: url(../media/layout/bg.gif);
background-repeat: repeat-x;
background-color: black;
color: #000000;
}
#body_other {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-image: url(../media/layout/bg.gif);
background-repeat: repeat-x;
background-color: black;
color: #000000;
}
/* I changed the margin-left to cause the index page
   to sit slightly off center to the left so that when
   the page grows horizontally for the other layout
   it will then be centered */
#centered_body {
position: relative;
left: 50%;
margin-left: -470px;
	/*margin-left:-442px;*/
	width:884px;
background: transparent;
margin-top: 100px;
}
#top_navigation {
position: absolute;
right: -2px;
top: -31px;
color: #d8bb6d;
font-size: 12px;
vertical-align: middle;
width: 109px;
text-align: center;
}
#right_banner {
clear: right;
float: right;
background-image: url(../media/layout/right_banner.jpg);
width: 192px;
height: 536px;
position: relative;
left: 3px;
}
#main_container {
position: relative;
top: -15px;
float: right;
background-image: url(../media/layout/OB-body732.gif);
width: 689px;
height: 567px;
}
#content {
float: right;
width: 446px;
color: #846926;
font-size: 12px;
padding: 0px 20px;
position: relative;
top: 150px;
}
#content p {
margin-top: 30px;
}
td {
vertical-align: middle;
padding: 5px;
}
#menu_container {
width: 182px;
height: 600px;
position: absolute;
left: 26px;
top: -30px;
}
#left_top {
width: 182px;
height: 191px;
background-image: url(../media/layout/OB_logo_cap.gif);
}
#blank_button {
width: 182px;
height: 27px;
background-image: url(../media/layout/left_bttn_strip_top_cap.gif);
}
#calendar_button {
width: 182px;
height: 32px;
}
#documents_button {
width: 182px;
height: 32px;
}
#success_button {
width: 182px;
height: 32px;
}
#news_button {
width: 182px;
height: 32px;
}
#network_button {
width: 182px;
height: 32px;
}
#directory_button {
width: 182px;
height: 32px;
}
#left_bottom {
width: 182px;
height: 141px;
background-image: url(../media/layout/left-bttn-strip-lower-cap.gif);
}
#tag_line {
background-image: url(../media/layout/tag-line.gif);
width: 101px;
height: 73px;
margin: 5px auto;
}

/* handle the links in the "Supported By" section of the index page*/
#main_container a {
display: block;
}
#main_container a span {
display: none;
}
#main_container a#link1 {
height: 55px;
width: 50px;
top: 492px;
left: 498px;
position: absolute;
z-index: 10;
}
#main_container a#link2 {
height: 51px;
width: 51px;
top: 495px;
left: 561px;
position: absolute;
z-index: 10;
}
#main_container a#link3 {
height: 51px;
width: 51px;
top: 495px;
left: 625px;
position: absolute;
z-index: 10;
}

/* navigation at the bottom */
#bottom_navigation {
float: left;
}
#bottom_navigation li {
display: inline;
color: #846926;
cursor: pointer;
font-size: 11px;
font-weight: normal;
line-height: normal;
list-style-type: none;
padding-left: 13px;
}
#copyright {
font-size: 9px;
float: right;
margin-right: 5px;
color: #846926;
display: inline;
}
#boot_prints {
background-image: url(../media/layout/boot_treads3.gif);
clear: both;
margin: auto;
width: 965px;
height: 65px;
}

/* Standard links */
a.standard:link {
color: #3E0806;
font-weight: normal;
text-decoration: none;
}
a.standard:visited {
color: #3E0806;
font-weight: normal;
text-decoration: none;
}
a.standard:hover {
color: #692A1B;
font-weight: normal;
border-bottom: 1px dotted #ee0000;
border: none;
}
a.standard:active {
color: #3E0806;
font-weight: normal;
}

.standard {
color: #3E0806;
font-weight: normal;
}

/* Button links */
a:link.button {
color: #846926;
font-weight: normal;
text-decoration: none;
}
a:visited.button {
color: #846926;
font-weight: normal;
text-decoration: none;
}
a:hover.button {
color: #d8bb6d;
font-weight: normal;
text-decoration: none;
border: none;
}
a:active.button {
color: #846926;
font-weight: normal;
text-decoration: none;
}

/* Content pages layout */
#title {
background-image: url(../media/layout/OB-title.gif);
width: 488px;
height: 86px;
position: absolute;
left: 200px;
top: -100px;
}
#main_content_container {
position: relative;
left: 7px;
}
#main_content_area p {
margin: 5px;
padding: 5px;
}
#left_edge {
position: absolute;
left: 17px;
width: 9px;
height: 403px;
background-image: url(../media/layout/left-white-edge.gif);
}
#outside_left_stretcher {
position: absolute;
left: -4px;
height: 100%;
width: 1px;
background-image: url(../media/layout/red_line_stretcher.gif);
background-repeat: repeat-y;
}
#inner_left_stretcher {
position: absolute;
left: 37px;
height: 93%;
width: 1px;
background-image: url(../media/layout/red_line_stretcher.gif);
}
#white_spacer {
float: left;
height: 440px;
}
#top_cap_mcc {
position: relative;
left: 178px;
background-image: url(../media/layout/body-top-cap.gif);
width: 756px;
height: 5px;
}
#middle_mcc {
position: relative;
left: 178px;
background-image: url(../media/layout/body-middle.gif);
width: 756px;
overflow: hidden;
color: #846926;
}
#bottom_cap_mcc {
background-image: url(../media/layout/footer-3.gif);
width: 938px;
height: 90px;
position: relative;
left: -4px;
}
#documents_table th {
border-bottom: 1px solid black;
}
#documents_table td {
border-left: 1px solid black;
}

/* handle the links in the "Supported By" section on all subsequent pages */
#bottom_cap_mcc a {
display: block;
}
#bottom_cap_mcc a span {
display: none;
}
#bottom_cap_mcc a#link1 {
height: 50px;
width: 50px;
top: 24px;
left: 716px;
position: absolute;
z-index: 10;
}
#bottom_cap_mcc a#link2 {
height: 50px;
width: 50px;
top: 24px;
left: 778px;
position: absolute;
z-index: 10;
}
#bottom_cap_mcc a#link3 {
height: 50px;
width: 50px;
top: 24px;
left: 840px;
position: absolute;
z-index: 10;
}

/* table */
.odd {
background-image: url(../media/layout/body-odd.gif);
}
.even {
background-image: url(../media/layout/body-even.jpg);
background-repeat: no-repeat;
background-color: white;
}
.caption_left {
background-image: url(../media/layout/caption-left-edge.gif);
}
.caption_right {
background-image: url(../media/layout/caption-right-edge.gif);
}
.caption_middle {
background-image: url(../media/layout/caption-middle.gif);
}
.table_footer {
background-image: url(../media/layout/footer-4.gif);
border-top: none;
height: 18px;
}

/* contact */
.form_field {
margin-top: 5px;
font-size: 12px;
background-color: #b6a67c;
border: 1px solid #333;
}
.form {
margin: 0 120px 5px 0;
font-size: 12px;
float: left;
display: inline;
}
.left_justified {
text-align: left;
}
#contact_form tr {
    /*background-color:#e0d9c7;*/
    background-color:#b6a67c;
border: 1px solid white;
}
.spacer {
background-color: white;
height: 1px;
padding: 0px;
margin: 0px;
}

/* new stuff */
#ss2 p {
margin: 0;
padding: 0;
}
           
#ss {
}

div.ss_img_container {
margin-left: 15px;
float: left;
margin-right: 15px;
}

img.ss_img {
padding-right: 10px;
}

div.ss_img_container #ss_img_caption {
font-size: 10px;
color: black;
text-align: left;
padding: 0;
margin: 5px 0px 5px 0px;
}

#ss #ss_profile {
margin: 0;
padding: 0;
padding-left: 12px;
padding-right: 5px;
}

#ss_list {
font-size: 10px;
}

.black {
background-image: url(../media/images/ssbgBlack.png);
}
.maroon {
background-image: url(../media/images/ssbgMaroon.png);
}
.none {
background-image: none;
}
.blackText {
color: black;
}
.goldText {
color: #846926;
}


#directory_list {
padding: 0;
margin: 0;
}
#directory_list td {
padding: 0 0 0 5px;
margin: 0;
}

/* directory / search results */

#search_table {
padding: 0;
margin: 0;
}
#search_table td {
padding: 0 0 0 15px;
margin: 0;
}

#search_results .search_result {
float: left;
width: 600px;
margin-left: 15px;
}

#search_results p {
margin: 0;
padding: 0;
}

#search_results p.description {
padding-left: 10px;
}

#search_results .keyword_highlight {
background-color: #520C00;
color: white;
}

#search_results hr {
margin: 20px 0px 20px 0px;
width: 100%;
}

#search_results table {
width: 100%;
}

/* admin styles */
#admin_content_area {
padding: 10px 40px 10px 30px;
border: 1px solid black;
}
#admin_container {
clear: right;
float: left;
padding-left: 10px;
border: 1px solid green;
}
#admin_content {
float: left;
width: 670px;
font-size: 12px;
border: 1px solid orange;
}

.directory_edit {
float: left;
}

fieldset {
margin-top: 1.5em;
/*    padding-bottom:1em;*/
    padding-top:1em;
}

legend {
margin-left: 1em;
color: #000000;
font-weight: bold;
font-size: 14px;
}

.directory_edit ol {
padding: 1em 1em 0em 1em;
list-style: none;
float: left;
}

.directory_edit li {
padding-bottom: 1em;
float: left;
clear: left;
width: 100%;
}

fieldset.submit {
border-style: none;
}

.directory_edit label {
float: left;
width: 120px;
margin-right: 1em;
}

.directory_edit label em {
color: #520C00;
}

.directory_edit textarea {
width: 300px;
height: 100px;
}

.directory_edit input {
width: 160px;
}

.directory_edit input.wide {
width: 300px;
}


.hidden {
display: none;
}

.clear {
clear: both;
}


/* admin add/edit form */
#directory_image_container {
float: left;
margin-right: 20px;
margin-bottom: 20px;
width: 300px;
text-align: center;
}

#success_story_image_container {
float: left;
margin-right: 20px;
width: 300px;
text-align: center;
}

#success_story_document_container {
float: left;
margin-right: 20px;
width: 300px;
height: 200px;
text-align: center;
}

#success_story_document_iframe, #directory_iframe, #success_story_image_iframe {
height: 175px;
}

#errors {
float: left;
color: #520C00;
}

.error {
font-size: 12px;
color: #520C00;
}

.invalid {
background-color: #520C00;
color: white;
}

#show_success_story_form a {
color: #846926;
}

#dialogbox {
display: none;
height: 125px;
width: 275px;
position: fixed;
top: 250px;
left: 400px;
border: 2px solid rgb(102,102,102);
background-color: #520C00;
opacity: .95;
filter: alpha(opacity=90);
z-index: 100;
padding: 10px;
font-family: Arial;
}

#dialogbox p {
font-size: 16px;
color: white;
padding: 0;
margin: 16px 0;
}

#dialogbox h3 {
margin-top: 5px;
}

#dialogbox a {
color: white;
}


