/* [cms v4.3.2]

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 { margin: 0px; padding: 20px 0px 20px 0px; font-family: Trebuchet MS, arial, sans-serif; font-size: 100%; background-color: #F0F0F0; color: #000000; }
form { margin: 0px; padding: 0px; }

/* ----- TEXT ------ */
h1 { font-size: 1.8em; margin: 0px; padding: 0px 0px 16px 0px; font-family: Trebuchet MS, arial, sans-serif; font-weight: normal; color: #00559F; }  
h1 a { color: #00559F; text-decoration: none; }
h2 { font-size: 1.2em; margin: 0px; padding: 0px 0px 8px 0px; font-family: Trebuchet MS, arial, sans-serif; font-weight: normal; color: #00559F; }  
h2 a { color: #00559F; text-decoration: none; }
h3 { font-size: 1.3em; margin: 0px; padding: 0px 0px 16px 0px; font-family: Trebuchet MS, arial, sans-serif; font-weight: normal; color: #EAB600; line-height: 1.3em; }
h3 a { color: #EAB600; text-decoration: none; }
h4 { font-size: 1.1em; margin: 0px; padding: 0px 0px 16px 0px; font-family: Trebuchet MS, arial, sans-serif; font-weight: normal; color: #00559F;}  
h4 a { color: #00559F; text-decoration: none; }
p  { font-size: 0.8em; margin: 0px; padding: 0px 0px 16px 0px; color: #000000; line-height: 1.4em; }  
p a { color: #000000; text-decoration: underline; } 
p a:hover { text-decoration: underline; }

ul { margin: 0px 0px 0px 10px; padding: 0px 0px 0px 18px; }
li { font-size: 0.8em; padding-right: 11px; }


/* ---- LAYOUT - STRUCTURE ---- */
#wrapper-1 { width: 849px; margin: 0px auto 0px auto; clear: both; }

#header-1 { width: 849px; height: 148px; clear: both; background: url(/images/header.jpg) no-repeat;}
#header-1-1 {width: 628px; padding: 113px 0px 0px 300px;}

#body-1 { width: 849px; margin-top: 20px; padding: 20px 0px 20px 0px; background: #FFFFFF url(/images/body_top.gif) top left no-repeat; clear: both;}

#body-1-1 { width: 170px; padding: 0px 39px 20px 0px; float: left;}
#body-1-2 { width: 620px; padding: 0px 20px 20px 0px; float: left;}

#footer-1 { width: 849px; padding-top: 20px; background: url(/images/footer_top.gif) top left no-repeat; clear: both; }
#footer-1-1 {}
#footer-1-2 {float: right; text-align: right;}

p.text-footer-1 { padding: 10px 10px 0px 0px; color: #00559F; } 
p.text-footer-1 a { color: #00559F; }

/* ---- nav - top ---- */
.nav-top-1 { height: 35px; display: inline;}
.img-nav-top-1 { padding: 0px 2px 0px 0px; margin: 0px 0px 0px 0px;} 


/* ---- nav - left ---- */
#nav-left { padding: 0px 0px 0px 20px; clear: both; }
.nav-left-1 { font-size: 0.8em; padding: 4px 0px 4px 8px; clear: both; }
.nav-left-1 a { color: #00559F; text-decoration: none;  }
.nav-left-keyline-1 { height: 1px; clear: both; width: 150px; }

/* ---- related links ---- */
#rel-1 { padding: 5px 15px 15px 15px; clear: both;}
.h2-rel-1 { font-size: 0.9em; padding-bottom: 7px; padding-top: 10px;}
.text-rel-1 { padding-bottom: 7px; }



/* ---- form ---- */
#search-1 { margin: 25px 25px 0px 0px; height: 14px; float: right; display: inline; }
#search-1-1 { float: left; }
#search-1-2 { float: left; margin: 0px 0px 0px 10px; }
.textfield-search-1  { width: 160px; height: 15px; font-family: Trebuchet MS, arial, sans-serif; font-size: 0.8em; line-height: 1.2em; }
.button-search-1 { margin-top: 1px; }
.pulldown-quickfind { margin-bottom: 12px; width: 180px; font-family: Trebuchet MS, arial, sans-serif; font-size: 0.8em; }

.tbl-wrapper-1 { margin-top: 20px; }
.tbl-1 { font-family: Trebuchet MS, arial, sans-serif; font-size: 0.8em; }
.textfield-1 { width: 260px; margin-bottom: 3px; font-family: Trebuchet MS, arial, sans-serif; }

/* ---- colors ---- */
.orange-1 { color: #CC9E00; } 
.orange-1 a { color: #CC9E00; }
.blue-1 { color: #00559F; } 
.blue-1 a { color: #00559F; }
.grey-1 { color: #666; } 
.white { color: #fff; }
.blue-bold {font-weight: bold;}


/* ~~~~~~~~~~~ 1 - home page ~~~~~~~~~~ */
#home-1 { padding: 0px 0px 0px 20px; } 

#home-2 { background-color: transparent; float: left; width: 339px; }

#home-2-1 { background-color: transparent; float: left; width: 319px; height: 343px; }
#home-2-2 { background-color: transparent; float: left; width: 319px; margin-top: 20px; }

#home-2-2-1 { background-color: transparent; float: left; width: 160px; }
#home-2-2-1-inner { margin-right: 15px; }

#home-2-2-2 { background-color: transparent; float: left; width: 159px; }
#home-2-2-2-inner { margin-left: 15px; }

#home-3 { float: left; width: 281px; }

#home-3-1 { border: 1px solid #FFD64E; background-color: #FFFBEA; float: left; width: 279px; margin-bottom: 20px; padding-bottom: 10px;}
#home-3-1-inner { padding: 7px 12px 0px 12px; }
#home-3-1-inner a {color: #000000;}
#home-3-1-inner img {margin: 0px 0px 10px 10px;}

#home-3-2 { border: 1px solid #00437B; float: left; width: 279px; margin-bottom: 20px; padding-bottom: 10px;}
#home-3-2-inner { padding: 7px 12px 10px 12px; }
#home-3-2-inner a {color: #000000;}

#home-3-3 { border: 1px solid #FFD457; background-color: #FFD457; float: left; width: 279px; margin-bottom: 20px; padding-bottom: 10px;}
#home-3-3-inner { padding: 7px 12px 0px 12px; }
#home-3-3-inner a {color: #000000;}
#home-3-3-inner img {margin: 0px 10px 10px 0px;}

#home-3-4 { border-left: 1px dotted #00559F; float: left; width: 280px; margin-bottom: 20px; padding-bottom: 10px;}
#home-3-4-inner { padding: 7px 12px 0px 12px; }
#home-3-4-inner a {color: #000000;}

.h1-home { }

/* ~~~~~~~~~~~ 2 - standard page ~~~~~~~~~~ */
.container-2-1 		{ clear: both; padding-bottom: 8px; }  /* body - standard page */ 
.container-2-2 		{ clear: both; padding-bottom: 8px; padding-top: 18px; }  /* preview - standard page */

.img-1 { background-color: transparent; clear: both; }
.img-1-1 { clear: both; }
.img-1-2 { clear: both; margin-top: 5px; }
.text-img-1-2 { color: #fff; padding: 10px; }
.img-preview-1 { display: block;}
.img-body-1 { display: block;}

/* ~~~~~~~~~~~ 3 - section page ~~~~~~~~~~ */
.section-1 { width: 620px; clear: both; }
.section-1-1 { background-color: transparent; width: 360px; float: left; }
.section-1-2 { background-color: transparent; width: 260px; float: left; margin-top: 3px; }
.section-1-1-1 {} 
.section-1-1-2 {} 

/* ~~~~~~~~~~~ 4 - search ~~~~~~~~~~ */
.container-4-1 		{ margin-top: 40px; clear: both; }  /* body - standard page */ 

.tbl-search { margin: 20px; }
.search-box { }
.text-search-1 { font-size: 0.8em; }
.text-search-2 { font-size: 0.8em; }
.text-search-3 { font-size: 0.7em; }
.hr-search-1  { border: 1px solid #ED8F03; height: 1px; width: 540px; margin-bottom: 10px; }
.text-form-1 { font-size: 0.8em; }

/* ~~~~~~~~~~~ slideshow ~~~~~~~~~~ */
#slideshow-1 { width: 500px; margin-left: 20px; }
#slideshow-box-1 { width: 100%; height: 500px; border-top: 1px solid #00788A; } 
#slideshow-box-2 { width: 100%; border-top: 1px solid #00788A; } 
#slideshow-box-3 { width: 100%; border-bottom: 1px solid #00788A; } 
#slideshow-box-3-1 { display: inline; margin-left: 0px; float: left; } 
#slideshow-box-3-2 { display: inline; margin-right: 0px; float: right; } 
.text-slideshow-1 { padding: 10px 10px 10px 0px; }
.text-slideshow-2 { padding: 10px 10px 10px 0px; }
.text-slideshow-3 { padding: 4px 0px 10px 0px; }
.text-slideshow-1-link { color: #444; }

/* ~~~~~~~~~~~ error msg~~~~~~~~~~~  */
#err-1 				{ margin: 10px 10px 10px 0px; padding: 10px; border: 1px solid #BF0000; }
.text-err-1 		{ font-size: 0.8em; color: #BF0000; 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; }