/* [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: #B6C4DA; margin: 0px; padding: 0px; font-family: arial; font-size: 100%; color: #333333; }
a { margin: 0px; padding: 0px; }
a:hover { text-decoration: underline; }
form { margin: 0px; padding: 0px; } 
img { display: block; }

h1 { font-size: 1.3em; margin: 0px; padding: 0px 0px 10px 0px; line-height: 1.2em; font-weight: normal; } h1 a { color: #333333; } 
h2 { font-size: 0.8em; margin: 0px; padding: 0px 0px 10px 0px; } h2 a { text-decoration: none; color: #333333; } 
p { font-size: 0.8em; margin: 0px; padding: 0px 0px 14px 0px; line-height: 1.3em; } p a { color: #333333; }

ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 18px; }
li { list-style: square; font-size: 0.8em; padding-bottom: 10px; color: #333333;}

#wrapper-1 { width: 950px; margin: 0px auto 0px auto; clear: both; background-color: #fff; }
#header-1 { width: 950px; height: 29px; clear: both; }
#header-2 { width: 950px; height: 82px; clear: both; }
#divider-1 { width: 950px; height: 1px; clear: both; }
#header-2-1 { float: left; width: 365px; height: 82px; }
#header-2-2 { float: left; width: 585px; height: 82px; text-align: right; }
#header-2-2-1 { width: 585px; height: 40px; clear: both; }
.text-header-2-2-1 { font-size: 0.7em; padding: 20px 30px 5px 30px; color: #666;}
#header-2-2-2 { width: 585px; height: 42px; clear: both; }
#body-1 { width: 950px; clear: both; background-color: #fff; padding: 20px 0px 20px 0px; }
#body-1-1 { float: left; margin-left: 30px; width: 155px; display: inline; }
#body-1-2 { float: left; margin-left: 20px; width: 480px; }
#body-1-3 { float: left; margin-left: 20px; width: 215px; }
#footer-1 { width: 950px; height: 30px; clear: both; }
#footer-1-1 { width: 700px; height: 30px; float: left; }
#footer-1-2 { width: 250px; height: 30px; float: left; text-align: right; }
#footer-2 { width: 950px; height: 30px; clear: both; text-align: right; background-color: #B6C4DA; }
.text-footer-1 { font-size: 0.6em; padding: 8px 30px 0px 30px; } .text-footer-1 a { text-decoration: none; }

.nav-top-1 { float: left; height: 42px; padding-right: 30px; text-align: center; } 
.nav-top-2 { float: left; height: 42px; padding-right: 30px; text-align: center; } 
.text-nav-top-1 { padding-top: 8px; padding-bottom: 7px; } 
.text-nav-top-1 a { text-decoration: none; color: #000; font-weight: bold; }
.text-nav-top-1 a:hover { text-decoration: underline; }
.text-nav-top-2 { padding-top: 8px; padding-bottom: 7px; } 
.text-nav-top-2 a { text-decoration: none; color: #666;  }
.text-nav-top-2 a:hover { text-decoration: underline; }

.nav-left-1 { padding: 0px; margin: 0px; background-color: #9ACFEF; } 
.nav-left-2 { padding: 0px; margin: 0px; background-color: #E5F0F7; } 
.text-nav-left-1 { padding: 2px 12px 2px 12px; font-size: 0.8em; } 
.text-nav-left-1 a { text-decoration: none; color: #333333; }
.text-nav-left-1 a:hover { text-decoration: underline; }
.text-nav-left-2 { padding: 8px 12px 8px 12px; font-size: 0.8em; } 
.text-nav-left-2 a { text-decoration: none; color: #333333; }
.text-nav-left-2 a:hover { text-decoration: underline; }

.nav-right-item-1 { float: left; padding: 7px 16px 0px 16px; font-size: 0.8em; line-height: 1.6em; color: #000; } .nav-right-item-1 a { text-decoration: none; line-height: 1.5em; color: #000; }
.nav-right-item-1-1 { float: left; width: 12px; }
.nav-right-item-1-2 { float: left; width: 130px; }
.text-nav-right-item-1-1 { font-weight: bold; padding-bottom: 3px; color: #000; }
.text-nav-right-item-1-2 { font-weight: bold; padding-bottom: 3px; color: #000; }

/* ~~~~~~~~~~~~~~~~~~~~ generic objects ~~~~~~~~~~~---------  */
.img-preview { float: left; margin: 0px 10px 10px 0px; clear: both; display: block; }
.img-body { float: left; margin: 0px; clear: both; display: block; display: inline; }
.tbl-wrapper-1 { margin-top: 0px; }
.text-normal { font-weight: normal; }
.textfield-1 { width: 220px; border: 1px solid #333333; font-family: arial; font-size: 0.8em; }
.text-form-1 { font-size: 0.8em; color: #333333; }
.text-form-2 { font-size: 0.8em; color: #333333; }
.button-1 { color: #333333; background-color: transparent; border: 0px; text-decoration: none; font-family: arial; width: auto; overflow: visible; }

/* ~~~~~~~~~~~~~~~~~~~~ related links ~~~~~~~~~~~---------  */
#rel-1 { padding: 12px 12px 0px 12px; }
.text-rel-1 { padding: 0px 0px 12px 0px; color: #333333; } .text-rel-1 a { color: #333333; }

/* ~~~~~~~~~~~~~~~~~~~~ homepage (1) ~~~~~~~~~~~---------  */
#home-1 { float: left; margin-left: 30px; width: 320px; display: inline; }
#home-2 { float: left; margin-left: 15px; width: 325px; }
#home-3 { float: left; margin-left: 15px; width: 215px; }

.home-banner-1 { background-color: #9ACFEF; width: 215px; height: 20px; clear: both; }
.home-banner-1-1 { background-color: #9ACFEF; height: 20px; float: left; }
.text-home-banner-1 { font-size: 0.75em; color: #000; padding: 2px 12px 2px 12px; font-weight: bold; } 
.text-home-banner-1 a { text-decoration: none; }
.text-home-banner-1 a:hover { text-decoration: underline; }
.home-banner-2 { background-color: #E5F0F7; width: 215px; clear: both; }
.text-home-banner-2 { font-size: 0.75em; color: #000; padding: 12px 12px 12px 12px; }
.home-banner-wrapper-1 { clear: both; width: 320px; height: 30px; }

.img-banner-1 { float: left; margin: 0px 10px 10px 0px; border: 1px solid #D8DFDA; }

/* ~~~~~~~~~~~~~~~~~~~~ standard (2) ~~~~~~~~~~~---------  */
.container-2-2 { margin: 0px 0px 12px 0px; padding: 12px 0px 0px 0px; clear: both; } /* preview */
.container-2-1 { margin: 0px 0px 12px 0px; padding: 0px; clear: both;  } /* body */

#caption-1 { background-color: #E5F0F7; width: 480px; }
.text-caption-1 { font-size: 0.7em; margin: 0px; padding: 12px 12px 12px 12px; }

/* ~~~~~~~~~~~~~~~~~~~~ error msg~~~~~~~~~~~---------  */
#err-1 				{ margin: 5px 0px 0px 0px; padding: 10px; border: 1px solid #ED3927; }
.text-err-1 		{ font-size: 0.8em; color: #ED3927; 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; float: left; }
#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.8em; }
.ad-bar-text-1-link 	{ text-decoration: none; color: #fff; }
.logo-eddie-grey 	{ margin: 20px 0px 0px 40px; }



