/*
    khaki = rgb(207,210,189)

    light blue= rgb(117,152,159)

    dark blue = rgb(44,74,94)
*/


* { margin: 0px; padding: 0px; }

html, body { width: 100%; background: #fff; font: normal 12px/18px verdana; }

p { margin: 9px; }

table { margin-left:9px; }

h2, h3 { color: rgb(44,74,94); margin-top: 9px; margin-left: 9px; }
h2 { font: normal 2em Georgia; text-align: right; padding-bottom: 2px; border-bottom: solid 1px rgb(207,210,189); }
h3 { font: bold 1.3em Georgia; background: url(img/greenFade.jpg) no-repeat left center; }

a { color: rgb(44,74,94); text-decoration: none; }

ol { margin-left: 45px; margin-bottom: 9px; }

#container { width: 850px; margin: 0px auto; }

#header { width: 100%; margin: 0px auto; border-top: solid 2px rgb(44,74,94); }

#headLinks { width: 100%; margin: 0px auto; text-align: right; font-weight: bold; }
#headLinks ul { list-style: none; }
#headLinks li { display: inline; padding: 0px 4px; }


#login, #search { float: right; margin-top: 20px; padding: 3px; border: solid 1px #a1a1a1; font-size: 85%; }
#login { width: 174px; background: rgb(207,210,189); margin-right: 7px; }
#search { width: 130px; background: rgb(117,152,159); }


#topNav { clear: both; width: 100%; height: 27px; line-height: 27px; margin: 0px auto; font-weight: bold; border: solid 1px #cdcdcd; border-top: none; position: relative; z-index: 10; }
#topNav ul { list-style: none; text-align: center; }
#topNav ul li { display: inline; position: relative; padding: 0px 4px 6px 4px; }
#topNav ul li:hover { background: rgb(117,152,159); }
#topNav ul li ul { display: none; width: 160%; line-height: 18px; position: absolute; left: 0px; top: 100%; text-align: left; border: solid 1px #a1a1a1; border-top: none; }
#topNav ul li:hover ul { display: block; background: rgb(117,152,159); }
#topNav ul li ul li { display: block; border: none; }
#topNav li + li { border-left: groove 2px #cdcdcd; }

#banner { width: 760px; margin: 0px auto; margin-bottom: 10px; background: #CFD2BE; border: solid 1px #000; z-index: -1000; }

#content { width: 100%; margin: 10px auto; }

#footer { clear: both; width: 100%; margin: 0px auto; border-top: solid 1px #a1a1a1; text-align:center; font: normal 100% Georgia; color: rgb(44,74,94); }



/* ___ CLASS STYLES _________________________________________________ */
.arrow { width: 11px; height: 11px; background: url(img/btn_search_up.gif) no-repeat left top; }


.column { float: left; width: 205px; }
.column + .column { border-left: solid 1px #cdcdcd; }

.formLayout { }
.formLayout .label { float: left; width: 100px; text-align: right; margin-right: 10px; }
.formLayout label { float:left; width:100px; text-align:right; margin:0 10px 20px 0; }
.formLayout br { clear: left; margin-bottom: 10px; }
.formLayout table label { float:none; }

.leftNav { width: 180px; }
.leftNav ul { list-style: none; }
.leftNav li { padding: 6px 0px 6px 10px; background: #fff url(img/doublearrow.gif) no-repeat left center; }

.logo { float: left; border: 0px; text-decoration: none; }

.scroll-pane { height: 305px; width: 217px; }
.blueScroll, .greenScroll { float: left; /*border-right: solid 1px #ededed;*/ margin: 0px 3px; }

.blueScroll .jScrollPaneTrack { background: #fff; border: solid 1px #ccc; }
.blueScroll .jScrollPaneDrag { background: rgb(117,152,159); }

.greenScroll .jScrollPaneTrack { background: #fff; border: solid 1px #ccc; }
.greenScroll .jScrollPaneDrag { background: rgb(207,210,189); }

.green { color:rgb(207,210,189); }

.wide { width: 659px; margin-left: 5px; }
.wide ul { margin-left: 40px; margin-bottom: 9px; }
.wide li { padding: 3px 0px; }
.wide a { font-weight: bold; }


.rightBox { float: right; width: 250px;margin-top:7px; margin-left: 7px; border: solid 1px rgb(117,152,159); font-size: 88%; }
.rightBox ul { list-style: none; margin-left: 6px; }

/* ________________ IMAGE DROP SHADOWS ________________ */
.img-shadow { float: left; margin: 6px; background: url(../img/trans-shadow.png) no-repeat bottom right; }

.img-shadow img { display: block; /* IE won't do well without this */ 
                  position: relative; /* Make the shadow's position relative to its image */ 
                  padding: 6px; /* This creates a border around the image */ 
                  background-color: #fff; /* Background color of the border created by the padding */ 
                  border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */ 
                  margin: -6px 6px 6px -6px; }
/* ________________ // IMAGE DROP SHADOWS ________________ */