/* extras.css */

.right {
float: right;
margin: 0 0 .6em 1em;
}
.left {
float: left;
margin: 0 1em .6em 0;
}
.center {
width: auto !important;
margin-left: auto !important;
margin-right: auto !important;
}
.tright { text-align: right; }
.tleft { text-align: left; }
.tcenter { text-align: center; }
.tjustify { text-align: justify; }

.transparency {
  background: #cdc673;
  filter: alpha(opacity=50);   /* Internet Explorer       */
  -moz-opacity: 0.5;           /* Mozilla 1.6 and below   */
  opacity: 0.5;                /* newer Mozilla and CSS-3 */
}

.Collapse {
margin: 0 !important;
}
dl.keyPoints {margin: 15px 45px 15px 45px; padding: 0; background-color: #ffffff; 
 border: solid 1px #006666; width: auto; float: left;}
dl.keyPoints2 {margin: 15px 15px 10px 25px; padding: 2px; border: solid 1px #006666; width: auto; float: right;}
dt.kPdt {font-size: 15px; line-height: 38px; height: 39px; width: 100%; font-weight: bold; margin: 0; padding: 0; color: #ffffff;
 background: #005656 url(../img/content-top.jpg) repeat-x; vertical-align: middle;}
dd.kPdd {font-size: 12px; margin: 0; padding: 5px; color: #000000;}
h3.kPh3 {font-size: 1.2em; text-align: center; color: #ffffff; vertical-align: middle;}
p.kPp {text-align: left; color: #333333; vertical-align: middle;}

 /* #ff8800-Orange #DEB508-Gold #ff1428-Red ---- #A27F00-Gold We are Using */

#mBodyCont {width: 605px; padding: 10px 0 20px 27px; float: left;} /* Inner Container is 576px Wide */
#mBodyCont .mBody {margin: 5px 0 10px 0; padding: 0; border: 0; width: 576px; float: left;
 background: transparent url(../img/extras/box-ts-trans.png) no-repeat left top;} /* USING PNG IMAGE */
#mBodyCont .mBody .mPtop {background: transparent url(../img/extras/box-top-bg-trans.png) no-repeat left top;} /* USING PNG IMAGE */
#mBodyCont .mBody .mPmiddle {margin: 0; padding: 0; width: 576px;
 background: transparent url(../img/extras/box-sideborders.gif) repeat-x;}
#mBodyCont .mBody p.mPbottom {margin: 0; padding: 0; width: 576px; height: 30px; 
 background: transparent url(../img/khaki/box-btm-bg-8.jpg) no-repeat left bottom;}
#mBodyCont .mBody .mPmiddle h2 {font-size: 1.7em; font-weight: bolder; text-align: left; color: #000000;
 margin: 15px auto 10px 7px; width: 570px;} /* Was #ff8800 Orange */
#mBodyCont .mBody .mPmiddle h3 {font-size: 1.5em; font-weight: bolder; text-align: left; color: #A27F00;
 margin: 15px auto 10px 7px; width: 570px;} /* Was #ff8800 Orange */
#mBodyCont .mBody .mPmiddle h4 {font-size: 1.2em; color: #A27F00; margin: 7px;} /* Was #ff8800 Orange */
#mBodyCont .mBody .mPmiddle h5 {font-size: 1.2em; color: #000000; margin: 7px;}
#mBodyCont .mBody .mPmiddle p {font-size: 1.1em; text-align: justify; color: #000000; margin: 7px;}
#mBodyCont a.mBodyLnk, #mBodyCont a:link.mBodyLnk, #mBodyCont a:visited.mBodyLnk {
 color: #A27F00; text-decoration: none; font-weight: bold;}
#mBodyCont a:hover.mBodyLnk {color: #A27F00; font-weight: bold; text-decoration: underline;} /* Link Color was #ff8800 */
#mBodyCont .mBody .mPmiddle table {width: 560px; margin: 5px auto 5px auto;}
#mBodyCont .mBody .mPmiddle th {font-size: 1.1em; color: #A27F00;} /* Color was #ff8800 */
#mBodyCont .mBody .mPmiddle td {font-size: 1.1em; color: #000000;}
#mBodyCont .mBody .mPmiddle p.green-bg {
 background: #006666; border: solid 1px #000000; color: #ffffff; padding: 4px; width: 300px; height: auto; margin: 2px auto;
}

/* Right Row Content */
#rRow {width: 240px; padding: 10px 10px 20px 10px; float: right;}

.rSide {margin: 5px 0 10px 0; padding: 0; border: 0; width: 225px; float: left;
 background: transparent url(../img/khaki/sbox-tsbg8-trans.png) no-repeat left top;} /* USING PNG IMAGE */
.rSide .rSmiddle {margin: 0; padding: 0; width: 225px;}
.rSide .rSmiddle h3 {font-size: 1.4em; font-weight: bolder; color: #006666;
 margin: 15px 3px 10px 7px;}
.rSide .rSmiddle h4 {font-size: 1.2em; color: #006666; margin: 15px 10px 10px 10px;}
.rSide .rSmiddle h5 {font-size: 1.2em; color: #000000; margin: 15px 10px 10px 10px;}
.rSide .rSmiddle p {font-size: 1.1em; line-height: 1.2em; text-align: left; color: #000000; margin: 10px 10px 0px 10px;}
#rRow a, #rRow a:link, #rRow a:visited
 {color: #A27F00; text-decoration: none; font-weight: bold;} /* Link Color was #FF8800 */
#rRow a:hover {color: #A27F00; text-decoration: underline;} /* Link Color was #FF8800 */
.rSide p.rSbottom {margin: 0; padding: 0; width: 225px; height: 15px; 
 background: transparent url(../img/khaki/png/sbox-btm-khaki-trans.png) no-repeat left bottom;}
.rSide p.rSbottom2 {margin: 0; padding: 0; width: 225px; 
 background: transparent url(../img/khaki/png/sbox-btm-khaki-trans.png) no-repeat left bottom;} /* USING PNG IMAGE */

/* #mSides to be replaced by .rSide */

#mSides {margin: 5px 0 10px 0; padding: 0; border: 0; width: 225px; float: left;
 background: transparent url(../img/khaki/sbox-tsbg8-trans.png) no-repeat left top;} /* USING PNG IMAGE */
#mSides .mSmiddle {margin: 0; padding: 0; width: 225px;}
#mSides .mSmiddle h3 {font-size: 1.4em; font-weight: bolder; text-align: left; color: #ff8800;
 margin: 15px auto 10px 7px;}
#mSides .mSmiddle h4 {font-size: 1.2em; color: #006666; margin: 15px 10px 10px 10px;}
#mSides .mSmiddle p {font-size: 1.1em; text-align: left; color: #006666; margin: 10px 10px 0px 10px;}
#mSides .mSmiddle p a, #mSides .mSmiddle p a:link, #mSides .mSmiddle p a:visited
 {color: #ff8800; text-decoration: none; font-weight: bold;}
#mSides .mSmiddle p a:hover {color: #ff8800; text-decoration: underline;}
#mSides p.mSbottom {margin: 0; padding: 0; width: 225px; height: 25px; 
 background: transparent url(../img/khaki/sbox-btm-bg-8.jpg) no-repeat left bottom;}
#mSides p.mSbottom2 {margin: 0; padding: 0; width: 225px; height: 25px; 
 background: transparent url(../img/khaki/sbox-btm-bg-8.jpg) no-repeat left bottom;}
 
#mSides2 {margin: 5px 0 10px 0; padding: 0; border: 0; width: 225px; float: left;
 background: transparent url(../img/khaki/sbox-tsbg8-trans.png) no-repeat left top;} /* USING PNG IMAGE */
#mSides2 .mSmiddle {margin: 0; padding: 0; width: 225px;}
#mSides2 .mSmiddle h3 {font-size: 1.4em; font-weight: bolder; text-align: left; color: #ff8800;
 margin: 15px auto 10px 7px;}
#mSides2 .mSmiddle h4 {font-size: 1.2em; color: #006666; margin: 15px 10px 10px 10px;}
#mSides2 .mSmiddle p {font-size: 1.1em; text-align: left; color: #006666; margin: 10px 10px 0px 10px;}
#mSides2 .mSmiddle p a, .mSides .mSmiddle p a:visited
 {color: #ffffff; text-decoration: none; font-weight: bold;}
#mSides2 .mSmiddle p a:hover {color: #ff8800; text-decoration: underline;}
#mSides2 p.mSbottom {margin: 0; padding: 0; width: 225px; height: 25px; 
 background: transparent url(../img/khaki/sbox-btm-bg-8.jpg) no-repeat left bottom;}
#mSides2 p.mSbottom2 {margin: 0; padding: 0; width: 225px; height: 25px; 
 background: transparent url(../img/khaki/sbox-btm-bg-8.jpg) no-repeat left bottom;}

.mSidesImg {margin: 5px 0 10px 0; padding: 0; border: 0; width: 225px; float: left; background: transparent;}

/* Wide Row for use in Contact Page */
#wRow {width: 800px; margin: 0 auto; padding: 15px 15px 15px 15px;}

.wRowC {margin: 5px 0 5px 0; padding: 0; border: 0; width: 800px; float: left;
 background: transparent url(../img/khaki/ts-800-trans.png) no-repeat left top;} /* USING PNG IMAGE */
.wRowC .wRmiddle {margin: 0 auto; padding: 10px; width: 520px;}
.wRowC .wRmiddle2 {margin: 0 auto; padding: 10px; width: 720px;}
.wRowC .wRmiddle3 {margin: 0 auto; padding: 10px 0; width: 740px;}
.wRowC h2 {font-size: 1.7em; font-weight: bolder; color: #000000; margin: 15px 3px 10px 7px;}
.wRowC h3 {font-size: 1.5em; font-weight: bolder; color: #A27F00; margin: 15px 3px 10px 7px;}
.wRowC h4 {font-size: 1.2em; color: #A27F00; margin: 15px 10px 10px 10px;}
.wRowC h5 {font-size: 1.2em; color: #000000; margin: 15px 10px 10px 10px;}
.wRowC p {font-size: 1.1em; text-align: left; color: #000000; margin: 10px 10px 0px 10px;}
.wRowC th {font-size: 1.2em; color: #A27F00; margin: 0; font-weight: bolder;}
.wRowC td {font-size: 1.2em; color: #000000; margin: 0;}
#wRow a, #wRow a:link, #wRow a:visited
 {color: #A27F00; text-decoration: none; font-weight: bold;}
#wRow a:hover {color: #A27F00; text-decoration: underline;}
.wRowC p.wRbottom {margin: 0; padding: 0; width: 800px; height: 15px; 
 background: transparent url(../img/khaki/btm-800.jpg) no-repeat left bottom;}

#results {
  float: left;
  overflow: scroll;
  width: 760px; 
}

/* -------------------------------------
   COLORS WE EXPERIMENTED WITH
   Hex Color / RGB Color
   #006666 Cyan Color I started with.
   000 051 050 / #003332
   000 041 040 / #002928
   000 031 030 / #001F1E

   #cdc673 GOLD Color I started with.
   #DEB508 Experimental GOLD #1
   230 180 000 / #E6B400
   180 141 000 / #B48D00
   162 127 000 / #A27F00

   #ff8800 Orange Color I started with.

---------------------------------------*/