/*
OPF Green: #0e4508
*/


body { margin: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; background-color: #0e4508; font-size: 10px; color: #000; }

/* STANDARD TAGS */
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 15px 0 5px 0; color: #0e4508; }
h1 { font-size: 3.4em; margin: 0; color: #999; font-family: "Arial Black", Gadget, sans-serif; font-weight: normal; }
h2 { font-size: 2.5em; }
h3 { font-size: 1.9em; color: #000; margin-bottom: 0; }
h4 { font-size: 1.9em; font-weight: normal; }
h5 { font-size: 1.7em; }
h6 { font-size: 1.5em; margin-bottom: 0 }
p,
li,
td,
th { font-size: 1.3em; line-height: 1.9em; }
p { padding: 3px 0 10px 0; margin: 0; }
li { padding: 2px 0; }
li li { font-size: 1em; }
ol, ul { padding: 0; margin: 0 0 0 30px;  }
iframe { }
table { }
tr { }
td { padding: 3px 5px 3px 10px; }
td td { font-size: 1em; }
th { }
tbody, tfoot, thead { }
img { border: none; }
fieldset { padding: 30px 10px 10px 10px; position: relative; border: solid #ddd 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
legend { font-size: 22px; position: absolute; top: -20px; background: #fff; }
label { font-weight:bold; }
input[type="submit"], input[type="button"] { padding: 6px; margin: 10px 5px 0 5px; background: #4b4b4b; color: #fff; font-weight: bold; font-size: 14px; border: solid #ccc 2px; -webkit-box-shadow: 1px 1px 2px #777; -moz-box-shadow: 1px 1px 2px #777; box-shadow: 1px 1px 2px #777; }
input[type="text"], input[type="password"], textarea { padding: 6px; margin: 5px 5px 0 5px; background: #f9f9f9; font-size: 14px; border: solid #ccc 1px; }
p.product-summary { color: #0e4508; font-size: 1.8em; font-style: italic; line-height: 1.5em; }


/* DEFAULT LINK STYLES */
a { color: #0e4508; text-decoration: none; text-decoration: none; border-bottom: dashed 1px #aaa; }
a:hover, a:active { color: #0d8500; }

a.block-button-1 { display: block; background: url(images/lt-gray-button-gradient.jpg) repeat-x 0 0; color: #4b4b4b; font-family: "Arial Black", Gadget, sans-serif; text-decoration: none; text-align: center; font-size: 2em; padding: 1px 10px; border: solid 3px #dbdbdb; }
a:hover.block-button-1 { background-position: 0 -40px; }

a.block-button-2 { display: block; float: left; margin-right: 25px; background: url(images/lt-gray-button-gradient.jpg) repeat-x 0 0; color: #4b4b4b; font-family: "Arial Black", Gadget, sans-serif; text-decoration: none; text-align: center; font-size: 2em; padding: 3px 20px; border: solid 3px #dbdbdb; }
a:hover.block-button-2 { background-position: 0 -40px; }

h3 a { color: inherit; }

a img { border-bottom: 0px; vertical-align: top; }

/* GENERAL */
.print { text-align: right; margin: 0; }
.clear { width: 100%; height: 0; clear: both; }
.small { font-size: 12px; }
.required { color: #d40000; font-weight: bold;}
.float-right { float: right; }
.float-left { float: left; }
.smaller1 { font-size: 1em; }
.smaller2 { font-size: .9em; }
.smaller3 { font-size: .8em; }
.smaller4 { font-size: .7em; }
.smaller5 { font-size: .6em; }
.smaller6 { font-size: .5em; }
.larger1 { font-size: 1.1em; }
.larger2 { font-size: 1.2em; }
.larger3 { font-size: 1.5em; }
.larger4 { font-size: 1.8em; }
.larger5 { font-size: 2em; }
.larger6 { font-size: 3em; }
.bold { font-weight: bold; }
.arial-black { font-family: "Arial Black", Gadget, sans-serif; }

/* OUTER MOST CONTAINERS */
#container { margin: 0; padding: 0; width: 100%; background: url(images/bg-repeat-blocks.png) repeat 0 0; }
#content { margin: 0 auto; padding: 0 30px 20px 30px; width: 930px; background-color: #fff; text-align: left; }

/* ADMIN MENU */
#admin-menu-container { width: 100%; background: url(images/graph-paper.png) repeat 0 0; border-bottom: solid 3px #aaa; }
#admin-menu-extra { width: 100%; background: url(images/admin-menu-icon.png) no-repeat 0px 0px; padding: 13px 0; }
ul#admin_menu { text-align: right; width: 960px; margin: 0 auto; display: block; float: none; padding: 0; }
#admin_menu li { list-style: none; display: inline; line-height: 1.2em; font-size: 1.7em; }
#admin_menu a { padding: 5px 15px; text-decoration: none; font-weight: bold; border: none; }
#admin_menu .here { color: #999; text-decoration: none; font-weight: bold; border: none; }
#admin_menu a:hover { color: #999; text-decoration: none; font-weight: bold; border: none; }

/* HEADER */
#header-container { width: 100%; height: 115px; background-color: #fff; }
#header { margin: 0 auto; height: 115px; width: 960px; padding: 0 15px }
#header p { float: right; text-align: right; margin: -45px 0 0 0; font-size: 2.9em; font-weight: bold; }
#header img { float: left; margin: 17px 0 0 0; }
.header-fb img{ float: right !important }

/* MAIN NAVIGATION */
#nav-outer-container { width: 100%; background-color: #0e4508; height: 40px; }
#nav-container { width: 975px; margin: 0 auto; padding-left: 15px }

/* MAIN CONTENT AREA */
#main { margin: 0 0 75px 0; min-height: 250px; }
#bread { float: left; margin: 10px 0 0 0; }
#bread a { border: none; }
#bread a:hover { text-decoration: underline; }
#title_row { padding: 15px 0 0 0; }
#title_h1 { float: left; width: 100%; }
#edit_link { float: right; padding-top: 3px; }

div.page-column-with-oneside { width:60%; float:left; }
div.page-column-with-both { width:50%; float:left; }
div.page-column-full{ width:100%; float:left; }
div.page-column-right, 
div.page-column-left { width:30%; padding: 20px; float:left; }
div.page-column-right { float: right; background-color: #4b4b4b; color: #fff; }
div.page-column-left { margin-right:25px; }
div.page-column-right h1, 
div.page-column-right h2, 
div.page-column-right h3, 
div.page-column-right h4, 
div.page-column-right h5,
div.page-column-right h6 { color: #fff; }
div.page-column-right a { color: #ccc; }
div.page-column-right a:hover { color: #dfdfdf; }

  

/* FOOTER */
#footer-outer-container { width: 100%; margin: 0; padding: 0; border-top: solid 15px #fff; }
#footer { text-align: left; margin: 0 auto; padding: 20px 0 0 0; width: 960px; color: #fff; }
#footer a { color: #acd1a8; text-decoration: none;  }
#footer-far-left,
#footer-near-left { width: 22%; float: left; border-right: solid 1px #fff; height: 160px; margin-bottom: 20px; }
#footer-far-left { padding-right: 20px; }
#footer-far-left a { border: none }
#footer-near-left p { font-size: 15px; font-weight: bold; padding: 0 20px; margin: 0; }
#footer-near-left ul { list-style: none; margin: 0; padding: 5px 20px  0 20px; }
#footer-near-left li { font-size: 13px; padding: 0;  }
#footer-right { width: 53%; float: right; }
#footer-copy { width: 100%; clear: both; text-align: center; padding: 30px 0 30px 0; }
#nat-gas { padding-left: 8px; }
#wti-crude { padding-left: 8px; }
#brent-crude {}
#nat-gas,
#wti-crude,
#brent-crude { width: 155px; float: right; }
#nat-gas td,
#wti-crude td,
#brent-crude td { padding: 3px 5px; }
#nat-gas td td,
#wti-crude td td,
#brent-crude td td { padding: 0; }

/* ____________________ Page Specific Styles ____________________ */

/* _____ INDEX ______ */
.slide-show-shadow { background: url(images/slide-shadow.jpg) no-repeat 0 0; width: 740px; height: 465px; padding: 4px 7px 7px 4px; margin: 11px -7px -7px -4px; float: right; }
#slide-show-container { width: 740px; }
#slide-show-container h2 { color: #ccc; font-size: 1.4em; padding: 0; margin: .2em 0 .2em 0; }
#slide-show-container p { color: #fff; font-size: 1.0em; }
#slide-show-container a { text-decoration: underline; }

.entry-point-shadow { background: url(images/entry-shadow.jpg) no-repeat 0 0; width: 200px; height: 145px; padding: 4px 7px 7px 4px; margin: 11px -7px -7px -3px; float: left; }
#index-entry-points {}
a.i-entry-services,
a.i-entry-clients,
a.i-entry-reps { display: block; width: 188px; height: 48px; padding: 97px 0px 0 12px; background: url(images/index-entry-points.jpg) no-repeat #ededed; color: #333; text-decoration: none; font-weight: bold; font-size: 1.4em; line-height: 1.4em; }
a.i-entry-services { background-position: 0 0; }
a.i-entry-clients { background-position: -200px 0; }
a.i-entry-reps { background-position: -400px 0; }
a:hover.i-entry-services,
a:hover.i-entry-reps,
a:hover.i-entry-clients { background-color: #0e4508; color: #fff; }


#index-text { width: 585px; float: left; }
#index-text h2 { font-family: "Arial Black", Gadget, sans-serif; font-family: "Arial Black", Gadget, sans-serif; color: #4b4b4b; }

#index-special-div { background-color: #4b4b4b; color: #fff; margin: 28px 0 0 0; padding: 13px 15px 15px 15px; width: 270px; float: right; font-weight: bold; }
#index-special-div h2 { font-family: "Arial Black", Gadget, sans-serif; letter-spacing: 1px; color: #fff; padding: 0; margin: 0; font-size: 2em; }
#index-special-div p { padding: 5px 0 55px 0;}

/* _____ CONTACT PAGE ______ */
#contact-page-alpha { width: 550px; float: left; }
#contact-page-beta { width: 350px; float: right; background-color: #0e4508; padding: 15px; margin-top: 20px; }
#contact-page-beta a { color: #fff !important; }
#contact_form_outer { background: url(images/graph-paper-border.png) repeat-y 0 2px; width: 439px; padding: 11px 11px 13px 11px; -webkit-box-shadow: 2px 2px 5px #aaaaaa; -moz-box-shadow: 2px 2px 5px #aaaaaa; box-shadow: 2px 2px 5px #aaaaaa; border: solid 1px #ccc; }
#contact_form { background: url(images/graph-paper.png) repeat 0 0; width: 439px; height: 441px; padding-top: 20px }
a.world-rep { display: block; width: 435px; height: 56px; padding: 10px 10px; background: url(images/world-rep-link.jpg) no-repeat -3px 0; color: #fff; font-size: 3em; text-decoration: none; border: solid 3px #aaa; }
a:hover.world-rep { background-position: -3px -80px; border-color: #ccc; }
a.world-rep .smaller6 { float: left }
a.world-rep span.arial-black { float: left; margin-top: -20px }
#contact-page-beta iframe { border: none; }
.contact-table td:nth-of-type(1) { width: 20%; }
.contact-table td:nth-of-type(2) { width: 80%; }
.contact-table input:not([type="submit"]), .contact-table textarea { width: 95%; margin-left: 0; }

/* _____ Project Inquiry PAGE ______ */
#inquiry-form-outer, #upload-form-outer { padding: 11px 11px 13px 11px; -webkit-box-shadow: 2px 2px 5px #aaaaaa; -moz-box-shadow: 2px 2px 5px #aaaaaa; box-shadow: 2px 2px 5px #aaaaaa; border: solid 1px #ccc;}
#inquiry-form-outer { width: 508px; }
#upload-form-outer { width: 599px; }
#inquiry_form, #upload_form { background: url(images/graph-paper.png) repeat 0 0; padding-top: 10px; font-weight: bold; padding-bottom: 10px; }
#inquiry_form { height: 602px; width: 508px; } 
#upload_form { height: 1200px; width: 599px; }
#upload_form p { font-size: 1em; }
.inquiry-table { width: 100%; }
.inquiry-table td:nth-of-type(1) { width: 30%; }
.inquiry-table td:nth-of-type(2) { width: 70%; }
.inquiry-table input:not([type="submit"]), .inquiry-table textarea { width: 95%; margin-left: 0; }

/* _____ Project Inquiry Response _____ */
div.entry-buttons { float: right }
.entry-button{
	background: url(images/graph-paper.png) repeat 0 0;
  width: 162px; 
  height: 71px; 
  padding-top: 22px;
  float: left;
  margin-left: 25px;
  border: solid 8px #fff;
 -webkit-box-shadow: 2px 2px 5px #aaaaaa; 
  -moz-box-shadow: 2px 2px 5px #aaaaaa; 
  box-shadow: 2px 2px 5px #aaaaaa; 
}
.entry-button p {
	padding: 5px 19px;
  text-align: center;
  font-weight: bold;
  font-size: 1.8em;
  line-height: 1.2em;
  background: #0E4508;
  height: 50px;
  color: #fff;
  width: 115px;
  margin: -5px 0 0 5px;
}
.entry-button a:hover p{
  background: #1b6613
}

/* _____ Projects PAGE ______ */
.project-l-col { width: 265px; float: left; }
.project-r-col { width: 265px; float: right; }
.project-span { clear: both; width: 100%; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; padding: 20px 0 20px 0; margin: 0 0 20px 0; }
.project-span img { float: left; margin-right: 15px; }
.project { padding-bottom: 30px; }
.project img {margin-bottom: 5px; }


/* ___________ */
/* BLURBS */
#blurbs p { margin-top: 5px; }
#blurbs a { color: #55801c; text-decoration: none; border-bottom: 1px dotted #b5b5b5; }
#blurbs a:hover { color: #404545; border-bottom: 1px dotted #404545; }

/* RESOURCES */
.resource_item { width: 200px; float: left; padding: 0; margin: 5px 5px 15px 5px; background-color: white; }
.resource_icon { float: left; width: 16px; }
.resource_link { float: right; width: 180px; }


/* HELP SYSTEM */
#content img.help-icon { margin: 0 0 0 8px; }
#help { background-color: #fff; border: solid 1px #b5b5b5; display: none; position: absolute; z-index: 1000; max-width: 300px; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 7px 7px 8px #818181; -webkit-box-shadow: 7px 7px 8px #818181; -moz-box-shadow: 7px 7px 8px #818181; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true); }
#help h4 { background-color: #d5d5d5; font-size: 15px; color: #333; padding: 3px 0 3px 10px; text-transform: uppercase; font-weight: bold; }
#help p { font-size: 12px; color:#444; margin: 0; padding: 5px 10px 10px 10px; }

/* ARCHIVE LINKS */
a.no-decor { border: none; text-decoration: none; }
a.no-decor:active { border: none; outline: 1px dotted red; }
a.no-decor:focus { border: none; -moz-outline-style: 1px dotted orange; }
a.no-decor img { border: none; }
img.no-decor { border: none; }

/* COMMENT BUTTONS */
a.button, input.button { -moz-border-radius: 5px 5px 5px 5px; background: url("../images/daft_handle.png") repeat-x scroll 0 0 #777;
	border: 2px solid #333; color: #CCC; display: inline-block; font-size: 1em; font-weight: bold; margin: 0; padding: 5px 15px;
	text-decoration: none; text-shadow: 0 1px 0 #555; white-space: nowrap; }
a.button:hover, a.button:active, input.button:hover, input.button:active { color: #FFF; text-shadow: 0 1px 0 #333; cursor: pointer;
	background-color: #555; background-position: 0 -50px; border-color: #222; }

/* SINGLE POST STYLING */
div.single-post { width: 470px; margin-top: 25px; }
p#return { background: none; text-decoration: none; font-size: 1.1em; letter-spacing: 1px; margin: 0 0 5px 0; padding: 0; }

/* MESSAGES */
div.error { margin: 0 0 20px; padding: 6px 8px; color: #920000; font-weight: bold; background: #fcfdd4; border: 1px solid #e5d796; }
div.success { margin: 0 0 20px; padding: 6px 8px; color: #55801c; font-weight: bold; background: #f2ffd4; border: 1px solid #e5d796; }
div.success a, div.success a:visited, div.success a:active, div.success a:link { color: #55801c; }
div.success a:hover { color: #404545; }

/* PAGINATION */
#pagination { border: 0; margin: 0; padding: 0; }
#pagination li { border: 0; margin: 0; padding: 0; font-size: 11px; list-style: none; margin-right: 2px; }
#pagination li a, #pagination a { border: 1px solid #c3dd89; margin-right: 2px; }
#pagination .previous-off, 
#pagination .next-off { border: 1px solid #DEDEDE; color: #888; display: block; float: left; font-weight: bold; margin-right: 2px; padding: 3px 4px; }
#pagination .next a, #pagination .previous a { font-weight: bold; }
#pagination .active { background: #92d400; color: #FFF; font-weight: bold; display: block; float: left; padding: 4px 6px; }
#pagination a:link, #pagination a:visited { color: #6e9f00; display: block; float: left; padding: 3px 6px; text-decoration: none; }
#pagination a:hover { border:  1px solid #92d400; }

/* PAYMENT FORMS */
span.what-is-this,
span.what-is-this a,
div#cvv2 a {
	font-size: 9px;
	color: #222;
}
span.what-is-this a:hover {
	color: #555;
}
div#cvv2 {
	position: absolute; top: -200px; left: 50px; padding: 20px; background-color: white; border: solid 1px #aaa;
	-webkit-box-shadow: 4px 4px 20px #aaa;
	-moz-box-shadow: 4px 4px 20px #aaa;
}
#secure_seals { padding: 150px 10px 10px 10px; float: right; position: absolute; left: 550px; }
#AuthNetSeal { padding: 12px; }
#donation-smallprint p { font-size: 11px; }
#fixed_donate_form input#submit { font-size: 20px; padding: 10px; }

/* GALLERY */
#gallery ul{ list-style-type: none; padding: 0; margin: 0; font-size: 13px; background-color: #fff; border: none; float:left; }
#gallery ul li { margin: 0 10px 10px 0; padding: 2px; min-height: 192px; border: 1px solid #ccc; background-color:#fff; line-height: 0; }
#gallery ul li a { border-bottom: none; text-decoration: none; line-height: 0; }
#gallery ul li p { color: #3b3b3b; font-size: 11px; margin: 0 0 0 1px; }
#gallery-edit { float: right; }
#checkbox-katchu{
		display: none;
}
#checkbox-katchu .required{
		visibility: hidden;
}