@import url(base.css);

/* Layout Tweaks */

#container { width: 900px; }
#sidebar1 { width: 225px; border: 0px solid #000; background-color: #FFB917; }
#sidebar2 { width: 235px; background-color: #FFEDC5; border-left: 0px solid #000; float: right; }
#sidebar3 { width: 285px; background-color: #FFEDC5; border-left: 0px solid #000; float: right; overflow: hidden;  }
#sidebar3.border {  border: 0px solid red; }
#content { margin-left: 225px; margin-right: 235px; border: 0px solid #000; padding-left: 0px; padding-right: 0px;}
#content2 { margin-left: 225px; margin-right: 285px; border: 0px solid #000; padding-left: 0px; padding-right: 0px;}

/* Design Styles */

#content-home { background: #FFFFFF url(../images/tagline.gif) no-repeat; background-position: 20px 10px; line-height: 15px; padding: 110px 30px 0px 30px; font-size: 1.2em;  }
#content-main { background-color: #FFFFFF;padding: 20px 30px 0px 30px; font-size: 1.2em; line-height: 15px; }
#content-main a { color: #006B2B; line-height: 15px; text-decoration: underline; }
#content-main a:hover { text-decoration: none; }
#content-main ul { margin: 0px 0px 10px 0px; padding: 0px; }
#content-main li { margin: 0px 0px 0px 20px; line-height: 16px; font-size: 1.2em padding: 0px 0px 5px 0px; }
#content-main ol { margin: 20px 0px 10px 0px; padding: 0px 0px 4px 0px; }
#content-main ol li { padding: 0px 0px 10px 0px; }

#content-teach { background-color: #FFFFFF;padding: 8px 30px 0px 30px; font-size: 1.2em; line-height: 15px; }
#content-teach a { color: #006B2B; line-height: 15px; text-decoration: underline; }
#content-teach a:hover { text-decoration: none; }
#content-teach ol { margin-left: 30px; padding: 0px 0px 0px 0px; }
#content-teach ol li { padding: 0px 0px 5px 0px; font-weight: bold; color: #006B2B; font-size: 1.1em; }


#content-support { background-color: #FFFFFF;padding: 20px 30px 0px 30px; font-size: 1.2em; line-height: 15px; }
#content-support a { color: #006B2B; line-height: 15px; text-decoration: underline; }
#content-support a:hover { text-decoration: none; }
#content-support ul { margin: 0px 0px 10px 0px; padding: 0px; }
#content-support li { margin: 4px 0px 0px 20px; line-height: 16px; font-size: 1.2em padding: 0px 0px 5px 0px; }


#total-capital { line-height: 20px; font-size: 1.1em; }
#page-hdr { color: #FFFFFF; font-size: 25px; line-height: 24px; font-weight: bold; padding: 10px 0px 10px 30px; background-color: #006B2B; border: 0px solid #006B2B; }
#home-flash { border: 0px solid #000; text-indent: 0px !important; /*Gecko-Netscape */ text-indent: -.3em; /*IE 5.x/Win */ width/**/:/**/-.3em; /*IE 6.x/Win */ }
#greenbar { height: 5px; background-color: #006B2B; text-indent:-0.3em; }
#faq-hdr { background: #006B2B url(../images/faq-top.gif) no-repeat; background-position: 0px -10px; font-size: 14px; margin-bottom: 10px; padding: 0px 0px 0px 70px; height: 38px; color: #FFFFFF; font-weight: bold; }
#path-sm { background: #FFFFFF url(../images/path-sm.jpg) no-repeat; height: 10px; float: right; width: 200px; padding: 190px 0px 0px 0px; margin: 10px 0px 10px 10px; text-align: center; vertical-align: bottom;  }
#path-sm a { text-decoration: none; color: #006B2B; font-size: 14px; font-weight: bold; }
#path-sm a:hover { text-decoration: underline;underline; }
#vspace { border: 0px solid #000; height: 3px; }

.home-faq { color:#006B2B; font-size: 1.1em; }
.home-faq a { color:#006B2B; font-size: 1.1em; text-decoration: underline; }
.home-faq a:hover { text-decoration: none; }

.home-steps { color:#006B2B; font-size: 1.3em; }
.home-steps a { color:#006B2B; font-size: 1.3em; text-decoration: underline; }
.home-steps a:hover { text-decoration: none; }

.kb { color:#006B2B; font-size: 1.1em; font-weight: bold; }

#teach-nav { border: 0px solid #000; height: 25px; color: #FFFFFF; padding: 10px 0px 0px 0px;  background-color: #006B2B; font-size: 11px; }
#teach-nav a { font-size: 11px; color: #FFFFFF; text-decoration: none; }
#teach-nav a:hover { text-decoration: underline; }
#teach-hdr { color: #006B2B; font-size: 1.7em; padding: 20px 0px 5px 30px; font-weight: bold; }

#content-croc { background: #FFFFFF url(../images/teach-crocodile.gif) no-repeat; background-position: 20px 10px; margin-top: 10px; padding: 320px 30px 0px 30px; font-size: 12px;  }
#content-joey { background: #FFFFFF url(../images/teach-joey.gif) no-repeat; background-position: 20px 10px; margin-top: 10px; padding: 250px 30px 0px 30px; font-size: 12px;  }


#teach-legend { background: #FFEDC5 url(../images/teach-crocodile-legend.gif) no-repeat; background-position: 20px 10px; height: 220px; border: 0px solid #000; }
#teach-legend-joey { background: #FFEDC5 url(../images/teach-joey-legend.gif) no-repeat; background-position: 20px 10px; height: 300px; border: 0px solid #000; }
#teach-rt { color: #006B2B; padding: 15px; margin: 25px; line-height: 18px; font-size: 14px; border: 1px solid #666666; background-color: #FAF0DA; }
#teach-rt ul { padding:0px; margin: 0px 0px 0px 10px; }
#teach-rt li { padding: 0px; }

.text-hdr { color: #006B2B; font-size: 1.3em; line-height: 16px; font-weight: bold; }
.form-title { color: #006B2B; font-size: 12px; font-weight: bold; }
.form-element { width: 325px; padding: 2px; border: 1px solid #999999; background-color: #FAF0DA; height: 15px; }

#phone { color: #FFFFFF; font-weight: bold;  font-size: 1.2em; padding: 10px; background-color: #E7AF40; border: 1px solid #FFFFFF; margin: 15px 15px 30px 15px;; }

#kb-video { padding: 15px 0px 0px 60px; }