/* [cms v4.3.1]
RECOMMENDED ORDER
1. html classes [includes body, form ... ]
2. text classes [includes p & h1 & h2]
3. header classes
4. body classes
5. footer classes
6. nav: top
7. nav: left
8. components
9. functions: site [i.e rel links, slideshow]
10. functions: page [i.e directory]
11. error msgs
12. admin bar
*/
body { background-color: #FFFFFF; margin: 0px; padding: 0px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #000000; }
h1, h2, h3, h4, h5, p, form, a {margin: 0px; padding: 0px; border: 0px;}
h1 {font-size: 1.0em; line-height: 1.3em; padding: 0px 0px 20px 0px;}
h2 {font-size: 0.9em; line-height: 1.3em; padding: 0px 0px 20px 0px;}
h3 {font-size: 0.8em; line-height: 1.3em; padding: 0px 0px 20px 0px;}
h4 {font-size: 0.75em; line-height: 1.3em; padding: 0px 0px 20px 0px;}
p {font-size: 0.75em; line-height: 1.4em; padding: 0px 0px 20px 0px;}
a {color: #000000; text-decoration: none;}
a:hover {color: #000000; text-decoration: underline;}
p a {color: #000000; text-decoration: underline;}
img {display: block;}
ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 18px; }
li { list-style: square; font-size: 0.8em; padding-bottom: 10px; }
#wrapper-1 { text-align: left; width: 921px; margin: 0px auto 0px auto;}
#header {clear: both; height: 103px; background: url(/images/bkgrnd_header.gif) no-repeat;}
#header-1 { clear: both; width: 921px; height: 67px;}
#header-1-1 { float: left; width: 703px; height: 67px; padding: 0px 0px 0px 0px;}
#header-1-2 { float: left; width: 218px; height: 67px; padding: 0px 0px 0px 0px;}
.searchForm {height: 20px; width: 175px; background-color: #ffffff; margin: 5px 0px 0px 16px; padding: 0px; border: 0px;}
.textField {font-family: arial, sans-serif; font-size: 0.75em; border: 1px solid #ffffff; width: 145px; padding: 0px;}
.searchSubmit {background: #DEECF5 url(/images/search_submit.gif) no-repeat center center; width: 23px; border: 0px; margin: 0px; cursor: pointer;}
#searchWrapper {background-color: #DEECF5; padding: 16px;}
.searchForm2 {height: 20px; width: 175px; background-color: #ffffff; padding: 0px; border: 0px;}
.textField2 {font-family: arial, sans-serif; font-size: 0.75em; border: 1px solid #FFFFFF; width: 145px; padding: 2px;}
.searchSubmit2 {background: #DEECF5 url(/images/search_submit.gif) no-repeat center center; width: 23px; border: 0px; margin: 0px; cursor: pointer;}
#header-2 { clear: both; width: 921px; height: 36px;}
#header-2-1 { float: left; width: 684px; height: 29px; padding: 7px 0px 0px 19px;}
#header-2-2 { float: left; width: 218px; height: 36px; padding: 0px 0px 0px 0px;}
.nav-item {float: left; color: #FFFFFF; padding-right: 15px;}
.nav-item a {color: #FFFFFF;}
.nav-item a:hover {color: #62AE33; text-decoration: none;}
.nav-item img {display: inline; vertical-align: middle;}
.nav-item-active {float: left; color: #62AE33; padding-right: 15px;}
.nav-item-active a {color: #62AE33;}
.nav-item-active a:hover {color: #62AE33; text-decoration: none;}
.nav-item-active img {display: inline; vertical-align: middle;}
#body-1 {clear: both; width: 921px; text-align: left;}
#body-1-1 {float: left; width: 703px;}
#body-1-2 {float: left; width: 202px; padding: 32px 0px 0px 16px;}
#body-1-2-1 {clear: both; width: 175px; height: 23px; font-size: 0.8em; padding: 5px 0px 5px 0px; border-bottom: 1px dashed #000000;}
#body-1-2-2 {clear: both; width: 175px; height: 23px; font-size: 0.8em; padding: 5px 0px 5px 0px; border-bottom: 1px dashed #000000;}
#body-1-2-3 {clear: both; width: 175px; height: 23px; font-size: 0.8em; padding: 5px 0px 5px 0px;}
.float-right {float: right;}
.img-inline {display: inline;}
#body-home {clear: both; width: 921px; text-align: left;}
#body-home-1 { float: left; width: 207px; padding: 11px 0px 0px 0px;}
#body-home-1-1 {background-color: #E5F0F7; width: 159px; height: 265px; padding: 10px 0px 10px 17px; margin-right: 8px; font-size: 0.7em; overflow: hidden;}
#body-home-1-1 img {border: 1px solid #FFFFFF;}
#email-signup-heading {width: 176px; height: 32px; background-color: #51BA45; margin-top: 16px;}
#email-signup-heading h2 {color: #FFFFFF; font-size: 1.0em; padding: 5px 0px 0px 16px;}
#email-signup {width: 159px; background-color: #E5F5E3; padding: 10px 0px 10px 17px;}
#email-signup p {padding-bottom: 5px;}
.email-textfield {}
.email-submit {}
#body-home-2 { float: left; width: 458px; padding: 11px 38px 0px 0px;}
#body-home-2-1 {background-color: #E5F0F7; width: 458px; height: 265px; padding: 10px 0px 10px 0px; font-size: 1.1em; overflow: hidden;}
#body-home-2 h1 {padding: 5px 16px 0px 16px;}
#body-home-2 h2 {padding: 5px 16px 0px 16px;}
#body-home-2 h3 {padding: 5px 16px 0px 16px;}
#body-home-2 p {padding: 5px 16px 0px 16px;}
.title-bar-home {width: 458px; height: 32px; margin: 16px 0px 16px 0px; background: #51BA45 url(/images/icon_blog_new.gif) right no-repeat;}
/*
#recentposts-home-blue {width: 207px; background-color: #E5F0F7; margin-top: 11px; padding-bottom: 16px;}
#recentposts-home-blue-heading {width: 207px; height: 32px; background-color: #20447B;}
#recentposts-home-blue-heading h2 {color: #FFFFFF; font-size: 1.0em; padding: 5px 0px 0px 16px;}
#recentposts-home-blue img {border: 1px solid #FFFFFF; margin: 10px 10px 10px 16px;}
#recentposts-home-blue p {padding: 10px 10px 0px 16px;}
*/
#body-home-3 { float: left; width: 218px; padding: 0px 0px 0px 0px;}
.blog-icons {font-size: 0.8em; width: 425px; margin: 5px 0px 16px 16px; padding: 0px 0px 10px 0px; border-bottom: 1px dashed #20447B;}
.blog-icons img {display: inline; margin: 0px 5px 0px 0px;}
.blog-icon-1 {float: left; color: #00386C;}
.blog-icon-2 {float: left; color: #00386C;}
.blog-icon-3 {float: left; color: #00386C;}
.blog-icon-divider {float: left; padding: 0px 5px 0px 5px;}
#comments-list {padding: 20px 0px 20px 0px;}
.blog-comment {padding: 5px 0px 5px 0px;}
#body-2 {clear: both; width: 921px; text-align: left;}
#body-2-1 { float: left; width: 207px; padding: 0px 0px 0px 0px;}
#body-2-2 { float: left; width: 458px; padding: 11px 38px 0px 0px;}
.title-bar {width: 458px; height: 32px; background-color: #51BA45; margin-bottom: 16px;}
.title-bar-heading {color: #FFFFFF; font-size: 1.0em; padding: 5px 16px 0px 16px; font-weight: bold;}
#body-2-2 h1 {padding: 5px 16px 0px 16px;}
#body-2-2 h2 {padding: 5px 16px 0px 16px;}
#body-2-2 h3 {padding: 5px 16px 0px 16px;}
#body-2-2 p {padding: 5px 16px 0px 16px;}
#body-2-3 { float: left; width: 218px; padding: 0px 0px 0px 0px;}
#left-nav-heading {width: 159px; height: 26px; padding: 6px 0px 0px 17px; background-color: #EDEDED; color: #20447B; font-weight: bold; margin-bottom: 16px; margin-top: 11px;}
#left-nav-heading a { color: #20447B; text-decoration: none;}
#left-nav-heading a:hover { color: #20447B; text-decoration: underline;}
a.left-nav { color: #51BA45; text-decoration: none;}
a:hover.left-nav { color: #51BA45; text-decoration: underline;}
a.left-nav-on { color: #51BA45; text-decoration: none; font-weight: bold;}
a:hover.left-nav-on { color: #51BA45; text-decoration: underline; font-weight: bold;}
.left-nav-item-1 {clear: both; width: 160px; padding: 0px 10px 5px 16px; font-size: 0.8em; color: #000000;}
.left-nav-item-2 {clear: both; width: 154px; padding: 0px 10px 5px 22px; font-size: 0.8em; color: #000000;}
.left-nav-item-3 {clear: both; width: 148px; padding: 0px 10px 5px 28px; font-size: 0.8em; color: #000000;}
.left-nav-item-4 {clear: both; width: 142px; padding: 0px 10px 5px 34px; font-size: 0.8em; color: #000000;}
.nav-divider {padding: 10px 0px 10px 0px;}
#footer {clear: both; width: 921px;}
#footer-1 {clear: both; }
#footer-2 {clear: both; height: 26px; background: url(/images/bkgrnd_footer.gif) no-repeat; padding: 6px 0px 0px 19px;}
#footer-3 {clear: both; font-size: 0.7em; padding: 10px 0px 20px 16px;}
.footer-link-item {float: left; padding: 0px 0px 0px 0px;}
.footer-divider {float: left; padding: 0px 5px 0px 5px;}
/* ~~~~~~~~~~~~~~~~~~~~ generic objects ~~~~~~~~~~~--------- */
/*.img-preview { float: left; padding: 0px 0px 0px 0px;}*/
.img-body {clear: both; margin: 0px 16px 16px 16px;}
.tbl-wrapper-1 {padding: 0px 38px 0px 16px; }
.tbl-form {}
.textfield-1 { width: 260px; border: 1px solid #000000; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; margin-bottom: 8px; color: #000000;}
.text-form-1 { font-size: 0.8em; color: #000000;}
.text-form-2 { font-size: 0.8em; color: #000000; }
.button-1 { color: #000000; background-color: transparent; border: 0px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; width: auto; overflow: visible; font-size: 0.8em;}
.button-2 { color: #000000; background-color: transparent; border: 0px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; width: auto; overflow: visible; font-size: 0.8em; display: inline; }
/* ~~~~~~~~~~~~~~~~~~~~ related links ~~~~~~~~~~~--------- */
#related-links {padding: 30px 38px 0px 16px;}
#related-links h3 {font-size: 1.0em; font-weight: bold; padding: 0px 0px 0px 0px; color: #666666;}
#related-links p {font-size: 0.8em; padding: 0px 0px 0px 0px; color: #666666;}
#related-links a {text-decoration: none; color: #666666;}
#related-links a:hover {text-decoration: underline; color: #666666;}
.related-links-set {padding: 0px 0px 16px 0px;}
.text-rel-1 {}
.text-rel-1 a {text-decoration: none;}
.text-rel-1 a:hover {text-decoration: underline;}
/* ~~~~~~~~~~~~~~~~~~~~ homepage (1) ~~~~~~~~~~~--------- */
/* ~~~~~~~~~~~~~~~~~~~~ standard (2) ~~~~~~~~~~~--------- */
.container-2-1 { padding: 0px 0px 30px 0px; clear: both; } /* body */
.container-2-2 { padding: 0px 0px 30px 0px; clear: both; } /* preview */
/* preview */
.preview-image {float: left; width: 140px; padding: 0px 0px 0px 0px;}
.preview-text {float: left; width: 310px; padding: 0px 0px 0px 0px;}
/* features */
#ftr-home-portrait {}
#ftr-home-blue {width: 218px; background-color: #E5F0F7; margin-top: 11px; padding: 10px 0px 0px 0px;}
#ftr-home-blue-heading {width: 218px; height: 32px; background-color: #20447B; margin-bottom: 10px;}
#ftr-home-blue-heading h2 {color: #FFFFFF; font-size: 1.0em; padding: 5px 0px 0px 16px;}
#ftr-home-blue img {border: 1px solid #FFFFFF; margin: 0px 10px 10px 16px;}
#ftr-home-blue p {padding: 0px 10px 10px 16px;}
#ftr-home-blue-list-heading {width: 218px; height: 32px; background-color: #20447B; margin-top: 11px;}
#ftr-home-blue-list-heading h2 {color: #FFFFFF; font-size: 1.0em; padding: 5px 0px 0px 16px;}
#ftr-home-blue-list {width: 192px; background-color: #E5F0F7; padding: 10px 10px 10px 16px;}
#ftr-home-blue-list img {float: left; border: 1px solid #FFFFFF; margin: 0px 10px 10px 0px;}
#ftr-home-blue-list h3 {padding: 0px 0px 0px 0px;}
#ftr-home-blue-list p {padding: 0px 0px 0px 0px;}
#ftr-home-green-list-heading {width: 218px; height: 32px; background-color: #51BA45; margin-top: 11px;}
#ftr-home-green-list-heading h2 {color: #FFFFFF; font-size: 1.0em; padding: 5px 0px 0px 16px;}
#ftr-home-green-list {width: 192px; background-color: #E5F5E3; padding: 10px 10px 10px 16px;}
#ftr-home-green-list img {float: left; border: 1px solid #FFFFFF; margin: 0px 10px 10px 0px;}
#ftr-home-green-list h3 {padding: 0px 0px 0px 0px;}
#ftr-home-green-list p {padding: 0px 0px 0px 0px;}
#ftr-home-green-list p a {color: #51BA45; font-size: 0.8em; padding: 0px 0px 0px 0px;}
#ftr-page-blue {width: 218px; background-color: #E5F0F7; margin-top: 11px;}
#ftr-page-blue-heading {width: 218px; height: 32px; background-color: #20447B; margin-bottom: 10px;}
#ftr-page-blue-heading h2 {color: #FFFFFF; font-size: 1.0em; padding: 5px 0px 0px 16px;}
#ftr-page-blue img {border: 1px solid #FFFFFF; margin: 0px 10px 10px 16px;}
#ftr-page-blue p {padding: 0px 10px 10px 16px;}
#ftr-page-blue-list-heading {width: 218px; height: 32px; background-color: #20447B; margin-top: 11px;}
#ftr-page-blue-list-heading h2 {color: #FFFFFF; font-size: 1.0em; padding: 5px 0px 0px 16px;}
#ftr-page-blue-list {width: 192px; background-color: #E5F0F7; padding: 10px 10px 10px 16px;}
#ftr-page-blue-list img {float: left; border: 1px solid #FFFFFF; margin: 0px 10px 10px 0px;}
#ftr-page-blue-list h3 {padding: 0px 0px 0px 0px;}
#ftr-page-blue-list p {padding: 0px 0px 0px 0px;}
#ftr-page-green-list-heading {width: 218px; height: 32px; background-color: #51BA45; margin-top: 11px;}
#ftr-page-green-list-heading h2 {color: #FFFFFF; font-size: 1.0em; padding: 5px 0px 0px 16px;}
#ftr-page-green-list {width: 192px; background-color: #E5F5E3; padding: 10px 10px 10px 16px;}
#ftr-page-green-list img {float: left; border: 1px solid #FFFFFF; margin: 0px 10px 10px 0px;}
#ftr-page-green-list h3 {padding: 0px 0px 0px 0px;}
#ftr-page-green-list p {padding: 0px 0px 0px 0px;}
/* ~~~~~~~~~~~~~~~~~~~~ gallery (5) ~~~~~~~~~~~---------
#slideshow-wrapper-1 { clear: both; width: 452px; padding-bottom: 5px;}
#slideshow-wrapper-1 img { display: inline; vertical-align: middle;}
#slideshow-wrapper-1-1 { float: left; width: 268px;}
#slideshow-wrapper-1-2 { float: left; width: 184px; font-size: 0.8em; text-align: right;}
#slideshow-wrapper-2 { clear: both; width: 452px;}
.img-slideshow-wrapper-2 {display: block;}
#slideshow-wrapper-3 { clear: both; width: 452px; padding-top: 10px;}
#slideshow-wrapper-3 p {color: #000000; font-weight: normal; font-size: 0.8em; }
#slideshow-wrapper-1-1 h1 {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#slideshow-wrapper-1-1 h2 {color: #F05B1C; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
*/
/* ~~~~~~~~~~~~~~~~~~~~ error msg~~~~~~~~~~~--------- */
#err-1 { margin: 20px 20px 20px 0px; padding: 10px; border: 1px solid red; }
.text-err-1 { font-size: 0.8em; color: red; margin: 0px; padding: 0px; }
/* ~~~~~~~~~~~~~~~~~~~~ admin bar ~~~~~~~~~~~-------- */
#ad-bar-1 { background-color: #919DA2; margin: 0px; padding: 0px; clear: both; width: 100%; height: 60px;}
#ad-bar-1-1 { float: left; width: 660px; height: 60px; border-right: 1px solid #C8CED1; }
#ad-bar-1-1-1 { float: left; width: 72px; height: 22px; text-align: center; border-right: 1px solid #C8CED1; }
#ad-bar-1-1-2 { float: left; width: 62px; height: 22px; text-align: center; }
#ad-bar-1-1-3 { float: right; width: 75px; height: 22px; text-align: center; }
#ad-bar-1-2 { float: left; width: 100px; height: 60px; }
.ad-bar-text-1 { padding: 4px; margin: 0px; color: #fff; font: Arial 0.75em; }
.ad-bar-text-1-link { text-decoration: none; color: #fff; }
.logo-eddie-grey { margin: 20px 0px 0px 40px; }