/*
* Image paths are relative from CSS to image files. <basedir> of calling page is irrelevant
* bright green A0B139
* traditional green 505B4F
*/
html, body {margin: 0; padding: 0;}
body {background: url('../images/bg.png') repeat-y 50% 0 #505B4F; font-family: arial, verdana, sans-serif; font-size: small;}
textarea {font-family: arial, verdana, sans-serif; font-size: small;}

#container {margin: 0 auto; width: 759px; padding: 0;}

#header {margin: 0 0 0 1px; padding: 0; width: 759px; height: 193px; position: absolute; top: 0; border-bottom: 2px solid #3E2602; background: #1A2819;
	/*display: none; /* diag */
}
#header img {width: 759px; height: 193px;}
#header a {display: block; position: absolute; right: 0; top: 153px; width: 156px; height: 40px;}
#header a img {width: 156px; height: 40px; border: 0;}

#page {
	background: url('../images/page_bg.jpg') repeat-x #FFF;
	/*background: #14A7C6;*/
	margin-top: 193px; padding: 2em 0 3em 0;
}
#page h1:first-child {margin-top: 0;}


#content {margin: 0; padding-left: 20px; float: left; width: 569px; background: #FFF;}
#column {margin: 0; float: right; width: 170px;}

#footer {margin: 0; padding: 5px; border-top: 1px solid #888; clear: both;}
#footer ul {margin: 0; padding: 0;}
#footer li {list-style: none; display: inline; margin-right: 5px;}
#footer a, #footer a:visited {color: #444; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer img {border: 0; float: left; margin-right: 5px;}

/* Big "button" style links (list) */
.buttons {margin: 2em auto; padding: 0; text-align: center;}
.buttons li {list-style: none; display: inline;}
.buttons li a {display: block; float: left; width: 11em; height: 35px; line-height: 35px; text-align: center; text-decoration: none; margin-right: 5px;}

/** Style **/
h1 {font-family: 'trebuchet ms', arial, verdana, sans-serif; color: #BF9002; font-size: 2.2em; margin-bottom: 0.5em;}
h2 {font-size: 1.4em; color: #0081C4; margin-top: 3em;}
p, li {line-height: 150%;}

.buttons li a {background: #9FB038; color: #000 !important; font-weight: bold; border: 1px solid #8D9D2F;}
.buttons li a:hover {background: #505B4F; color: #FFF !important; border-color: #000;}


.icon {width: 50px; height: 50px; border: 0; float: left; margin-right: 2em;}
.bold {font-weight: bold;}

.high1 {color: #505B4F;} /* dark green */
.high2 {color: #BF9002;} /* h1 gold */

#mainNav li {list-style: square; line-height: 150%;}
#mainNav a {text-decoration: none; font-weight: bold; color: #1D5521;}
#mainNav a:visited {color: #456348;}
#mainNav a:hover {color: #0081C4; text-decoration: underline;}

#content a {color: #0081C4;}
#content a:visited {color: #004A6F;}
#content a:hover {color: #C50;}


/** Common **/
.clear {clear: both; height: 2px; margin: 0;}
th, td {text-align: left; vertical-align: top; padding: 5px;}
.small {font-size: 12px; color: #555;}
.right {text-align: right;}
.hidden {display: none;}

.fRight {float: right;}
.fLeft {float: left;}

/*** NOTIFICATION **/
.notification {margin: 10px auto; width: 450px; padding: 3px; background: #FFF; border-style: solid; border-color: #33393B; border-width: 1px 2px 2px 1px;}
.notification h3 {margin: 0; padding-left: 3px; color: #FFF; line-height: 30px; height: 30px; background: #555;}
div.good h3 {padding-left: 35px; background: url('../images/good.gif') no-repeat 5px 2px #58860D;}
div.good a:hover {color: navy;}
div.bad h3 {padding-left: 35px; background: url('../images/bad.gif') no-repeat 5px 2px #B53B22;}
div.bad a {color: #B53B22;}
div.bad a:hover {color: navy;}


/**
* Order Page
*/
fieldset {margin-bottom: 2em;}
fieldset.active {border: 2px solid #777; background: #EAEAEA;}
fieldset legend {padding: 0 1em; color: #0F687E; font-weight: bold;}

.preview {float: left; width: 160px; height: 140px; margin: 0 10px 0 0; padding: 10px 0; text-align: center; font-weight: bold;}
.preview img {width: 150px; height: 97px; border: 1px solid #777;}
.gridContainer .active {background: #0F687E; color: #FFF;}

.formShort {width: 3em;}
.formLong {width: 18em;}

.required {color: #849902; font-weight: bold;}
	

/**
* Confirm Page
*/
.confirm {
	margin-right: 10px; padding: 10px; background: #FFF; /*#DEE2D3;*/
}

.confirm h3 {margin: 0 0 0.5em 0; padding: 5px; background: #9FB038; color: #FFF;}
.confirm address {font-style: normal;}

#confirmItems thead th {background: #DDD;}
#confirmItems .total td {font-weight: bold; border-top: 1px solid #000;}

.submitDiv {padding: 10px; background: #BF9002; border: 1px solid #734923;}
.submitDiv p {margin: 0; text-align: right;}
.submitDiv input {font-size: 1.5em;}