/* CSS Document */

* { margin:0; padding:0; }

html { background:#f8de5e; }  

/*========== structural Divs ==========*/
#wrap { position:static; }
#container { position:relative; width:800px; height:550px; margin:3% auto; border:6px solid #c9dd03; background:#fff; }
#container.noBorder { border:0px; }
#content { position:absolute; top:130px; left:0px; width:780px; height:450px; padding:10px; border-top:1px solid #c9dd03; }
#contentMain { position:relative; float:left; top:-10px; left:-10px; width:450px; height:450px; margin-top:3%; margin-bottom:3%; }/*margin-top:75px;*/

#copyL { position:relative; float:left; top:-20px; left:-10px; width:350px; height:368px; margin:10px; padding:2%; }
#copyR { position:relative; float:right; top:-20px; left:10px; width:350px; height:368px; margin:10px; padding:2%; }

#copyL2 { position:relative; float:left; top:-25px; left:-10px; width:470px; height:368px; margin:15px; padding:2%; }
#copyR2 { position:relative; float:right; top:-25px; left:10px; width:470px; height:368px; margin:15px; padding:2%; }

#copyC { position:absolute; top:0px; left:0px; width:620px; height:368px; z-index:2; padding:2% 90px; }
.long { overflow-x:hidden; overflow-y:auto; }
 
/*---------- image content ----------*/
#rightIm { position:absolute; float:right; top:0px; left:400px; height:400px; width:400px; }
#leftIm { position:absolute; float:left; top:0px; left:0px; height:400px; width:400px; } 
#rightIm img { float:right; height:400px; width:auto; }
#leftIm img { float:left; height:400px; width:auto; } 
.R { float:right; padding:5px 0px 10px 10px; }
.L { float:left; padding:5px 10px 10px 0px; }

/*---------- branding ----------*/
img#branding { float:left; clear:both; height:120px; padding:10px 10px 10px 0px; margin:0; }
a img { border:none; }

/*========== botNav ==========*/
ul#botNav { position:absolute; top:515px; left:-15px; width:800px; float:right; list-style-type:none; margin:15px; border-top:1px solid #c9dd03; padding-top:0px; z-index:2; }
#botNav li { display:inline; }
#botNav li a { font:bold small-caps 12px Verdana, Arial, Helvetica, sans-serif; padding:37px; color:#7DB862; text-decoration:none; }
#botNav li a:hover { color:#206c49; } /*#666*/

/*========== topNav ==========*/
#navCont { position:absolute; top:5px; left:280px; float:left; width:525px; text-align:left; background:transparent; }
#navCont a { font:bold small-caps 12px Verdana, Arial, Helvetica, sans-serif; color:#e4d767; text-decoration:none; margin:0px; padding:2px 15px; background:transparent; }/*#7ab800*/
#navCont a.space { padding-right:60px; }
#topNav, #topNav ul { padding:0; margin:0; list-style-type:none; }
#topNav li { float:left; position:relative; }
#topNav a, #topNav a:visited { display:block; width:117px; text-decoration:none; background:#fff; color:#7DB862; white-space:nowrap; } /*#ccc*/
#topNav a.spot { border-bottom:10px solid transparent; background:transparent; width:80px; } /*this makes the menu stay up long enough to reach it*/
#topNav a.last { border-bottom:1px dotted #c9dd03; } 
#topNav li:hover > a { background:#C8FF72; color:#206c49; } /*#666*/
#IEroot #topNav li:hover { z-index:1; }/*keeps 1st level behind 2nd level in IE*/
#topNav li:hover > a.spot { background:#FFF; }/* prevents reinheiritance of the hover */
#topNav li ul { display:none; }
#topNav li:hover > ul { display:block; position:absolute; top:6px; left:120px; background:#fff; z-index:2; } /*background prevents transparency between list items, z-index makes the 2nd level menu come forward from the 1st level - but not in ie*/
#topNav li:hover > ul li { border-width:1px 1px 0px 1px; border-style:dotted; border-color:#c9dd03; }
#topNav > li:hover > ul { left:0; top:24px; }

/*#topNav li:hover > ul.grad { display:block; position:absolute; top:-100px; left:140px; background:#fff; z-index:3; } repositions the a third-level menu*/

/*--second level menu classes--*/
#topNav li ul.wide2 li { width:260px; }
#topNav li ul.wide1 li { width:190px; }
#topNav ul.wide2 li:hover > a { width:auto; }
#topNav ul.wide1 li:hover > a { width:auto; }

/*========= CONTENT STYLES ==========*/
/*----------COLORS 
--current--
#f8de5e background
#206c49 headline
#7DB862 green - pullquote or highlight
#F38C10 orange - highlight or pullquote
*/

/*----------TYPOGRAPHY */
body { color:#555; font-family: Georgia, "Times New Roman", Times, serif; font-size:0.7em; text-align:center; }
#copyR { font-family:Georgia, "Times New Roman", Times, serif;  text-align:left; }
#copyL { font-family:Georgia, "Times New Roman", Times, serif;  text-align:right; }

#copyR2 { font-family:Georgia, "Times New Roman", Times, serif;  text-align:left; }
#copyL2 { font-family:Georgia, "Times New Roman", Times, serif;  text-align:right; }

#copyC { font-family:Georgia, "Times New Roman", Times, serif; text-align:left; }
h1 { font-size:180%; line-height:125%; font-weight:normal; font-variant:small-caps; letter-spacing:.05em; color:#206c49; } /*#486D00*/
h2  { font-size:160%; line-height:150%; font-weight:normal; letter-spacing:.05em; color:#7DB862; }
h3  { padding:10px 0px; font-size:150%; line-height:150%; font-weight:normal; letter-spacing:.05em; color:#7DB862; }
.h1 { font-size:200%; }

.h2 { font-size:130%; }

.b { font-weight:bold; }
.em { font-style:italic; }

.sem { font-style:italic; font-size:90%; } 

.sc { font-variant:small-caps; }

.uc { text-transform:uppercase; }
.pull { font-style:italic; color:#F38C10; }/*#7DB862 green*/
.pt95 { font-size:95%; }
.pt80 { font-size:80%; }
p { padding:0.5em 0px; line-height:150%; word-spacing:.05em; }/*letter-spacing:.01em; */
p.first { padding-top:1.2em; }
.highlight1 { color:#F38C10; }/*#F38C10 orange*/

.highlight2 { color:#7DB862; }/*#7DB862 green*/
.spTop { padding-top:10px; }
.indent { padding-left:20px; }
.black { color:black; }

/*----------LINKS */
a { font-weight:bold; color:#639d12; text-decoration:none; }
a:hover { color:#8dc53e; }

/*----------LISTS */


ul.nobull { list-style-type:none; }

ul.nobull li { padding:1px 0px; font-style:italic; }

#content li {padding:1px 0px; color:#888; }

.block li { margin:20px 40px; }

/*----------Table Map */
td { width:230px; }

ul.map { list-style-type:none; padding:0px 15px 0px 15px; }

.header { font-weight:bold; padding-left:0px; }