


body{
font-size: 13px;
font-family: Verdana, Verdana, Times New Roman, Times;
background-color: #d6d6d6; color: #282828;

height: 100% ;margin-bottom: 1px; 
}

img {
border: 0; /* corrects auto border around logo, firefox */
}



body h1 { font-size: 1.8em; line-height: 1.2em; color: black; 
          font-family: Verdana; font-weight:bold !important}
body h2 { font-family: Verdana; font-size: 1.5em; color: #050505; font-weight:bold !important}
body h3 { font-family: Verdana; font-size: 1.3em; color: #111; font-weight:normal !important}
body h4 { font-family: Verdana; font-size: 1.1em; color: #111; font-weight:bold !important}

p{ margin-top:0.95em;margin-bottom:0.95em}
h1,h2,h3,h4 {margin-top:0.9em}

img { float: none; border: none}

img.img_left { float: left; margin: 11px 9px 7px 0; border: 1px solid #c8c8c8}
img.img_right { float: right; margin: 11px 3px 7px 11px;  border: 1px solid #c8c8c8; }

img.img_left_nospacetop { float: left; margin: 0px 11px 7px 0;  border: 1px solid #c8c8c8}
img.img_right_nospacetop { float: right; margin: 0px 3px 7px 11px;  border: 1px solid #c8c8c8}
.grid { float: left; margin: 6px 4px -2px 0px; width: 200px; height: 190px; text-align: center; }
                        }             
.grid img{-webkit-border-radius: 10px;} 

a, a:link, a:visited { color:#0052AD;}
a:link, a:visited { text-decoration: none; }
a:hover, a:active  { text-decoration: underline; }



.far_right {
    float: right;
    margin-top: 0.6em;
}

div#foreground {
max-width: 910px;
margin: auto;
background-color:#fdfdfd;
margin-top: -8px;

}

     div#top {
         background-color: #44fdfd; 
             }

        div#banner{
            position:relative;
            margin: auto;
            margin-bottom:0px !important;
            padding-bottom: 0px !important;
            max-width:910px;
            max-height:140px;
            background-color: #fdfdfd;  
        }
        
        div#banner img#banner_background_image { width:100%;  
                                                 margin-bottom: 0px !important;padding-bottom:0px; }
            
          div#banner div#logo {height:0}  
          div#banner div#logo img {position:relative; top:-136px;left:10px; height:78px; margin-bottom:0;padding:0;}
                         
            div#banner div.navigation {position:relative; top:-32px; left:210px;margin-bottom:0px;height:none;display:block;width:700px}
            
                div#banner ul {padding:0;margin:0; list-style:none;float:left;background-color:green;height:0px;line-height:0px}
            
                div#banner ul li {float:left;
                padding-right:10px;margin-right:10px; list-style:none;
                border-right:1px solid #ddd; line-height:1em;padding-bottom:0;margin-bottom:0;display:inline}
                div#banner ul li.last {border-right:none}   
                
                div#banner ul li a{color:#f3f3f3; font-size:1.1em}
                div#banner ul li#active a{color:#44e}
                div#banner ul li#active a:hover{text-decoration:none;cursor:default}
                div#banner ul li.homer#active a {color:#cc271c}
                                        
          div#sub_banner {width:100%}
          
          * html div#sub_banner {margin-top: -100px;}
            
          div#sub_banner_background {width:100%; height:38px; margin-top:0px;}
              div#sub_banner_background img {height:38px; width:910px}       
    
              div#sub_banner_text {position:relative; top:-39px;left:1.4em; margin-bottom:0px; padding: 0px; height:0}    
                 div#sub_banner_text span,div#sub_banner_text a {color:white; font-size:30px}
                 div#sub_banner_text a:hover {text-decoration:none}
            
              div#sub_banner div.navigation {position:relative; top:-24px; left:210px;
                                             margin-bottom:0px;height:none;display:block;width:700px;}
                 div#sub_banner ul {padding:0;margin:0; list-style-type:none;display:block;height:none}
              
                     div#sub_banner ul li {float:left;
                        padding-right:10px;margin-right:10px;
                        border-right:1px solid #777; line-height:1em;padding-bottom:0;margin-bottom:0;display:inline}
                     div#sub_banner ul li.last {border-right:none}   
                     
                     div#sub_banner ul li a{color:#bbb}
                     div#sub_banner ul li#active a{color:#fff}
                     div#sub_banner ul li#active a:hover{text-decoration:none;cursor:default}
                     
                     div#sub_banner ul.home_nav li span{color:#bba}
                     div#sub_banner ul.homer_nav li a{color:#a}
                             
          div#content {
            background-color:#FdFdFd;
            width: 100%;
            float:left;
            padding-bottom: 10px;
            margin-top:-10px;
            
            }

            #column1
            {
                display:block;
                max-width:590px;
                min-width:300px;
                width: 100%;
                margin:0px;
                float:left;
               
                
                margin-top: 12px;
               
                padding-right:6px;

                
                                                
                         
            }
                
                #column1 .inner
                {
                    margin-top:0;
                    margin-left:1.4em;
                    margin-right: 0.7em;   
                    
                }
                
                div.inner p {
                       
                        
                }

        
            
            #column2
            {
                
                max-width: 305px;
                display:block;
                width: 100%;
                margin-left:5px;
                margin-right:3px;
                margin-bottom:10px;
                margin-top: 15px;
                //margin-left:5px;
                float:right;
                                               
            }
            
            #column2 p {margin-top:1em;margin-bottom:1em}
            
            #column2 .inner {
                margin-top: 0 }
                
    
                #column2 div.box1 {
                    background-color: #fdfdfd;
                    max-width: 300px;
                    margin-bottom:10px;
                    padding-bottom:0px;   
                }
               
                #column2 div.box1 .first-False {
                    
                    
                }
                
                #column2 div.box1 .first-False {
                    border-top: 1px solid #f1f1f1; padding-top: 6px;margin-top:6px
                }
                
                #column2 div.box1 .first-True {
                                   }
                
                #column2 h4 { color:#3c3c3c;margin-top:normal;margin-bottom:1.2em} 
                
                #column2 div.box3 {
                    background-color: #fdfdfd;
                    margin-bottom:10px;
                    padding: 0;
                    
                    max-width: 300px;
                   
                   
                    
                }        
                
                    #column2 div.box1 p.title, #column2 div.box3 p.title {
                         
                         margin-top: 0px;
                         margin-bottom: 0px !important;
                         max-width: 300px;
                         text-align: center;
                         color: #118;
                         
                         margin-left:auto;
                         margin-right:auto;
                         font-size: 1.3em;
                         padding: 0px;
                       
                        
                    }
                    
                    

                    #column2 div.box1 div.text{
                        padding-left: 11px;
                        padding-right: 11px;
                    }

                    #column2 div#see_us_on  div{ margin-left:30px }
                    #column2 div#see_us_on img { width:100px;padding:6px}
                           
                    
       
                                  
     div#footer {       
          line-height: 160%;
          background-color: #f2f2f2;
          text-align: center;
          color: #111;
          clear: both;
          margin-top: 300px;
          padding-top: 5px;
          padding-bottom: 6px;
          margin-bottom:2px;
          border-top:1px solid #ccc;
     }
     
/* gallery */

div.floatbox {
    float: left; 
    margin-top: 4px;
    margin-right: 3px;
    margin-bottom: 6px;
    padding-bottom:0px;
    text-align:center;
    border: 1px solid #ccc;
    background-color: #f2f2f2;
}

div.floatbox div.img_outer_container {
               height: 90px;
               width: 128px; 
               text-align: center;   
               padding: 8px 4px 12px 3px;   
               }
               
     div.floatbox div.img_inner_container{
                
               display: inline;
               line-height: 100px;
               border: 1px solid #eee; //v-align trick ??
               
                   }
                               
    div.floatbox img {
               display: inline;
               vertical-align: middle;                   
                   }
                   
    div.floatbox div.info { text-align: left; margin-left: 3px; margin-right: 3px; border-top: 1px solid #ccc; padding-bottom:4px; }



/* normal */

div.image-box
{
    float: right;
    max-width: 600px;
    padding-top:3px;
    padding-left: 3px;
    padding-right: 3px;
    

    /* border:1px solid #B2CC99;
    background-color:#eef3e8; */

    /* clear:both; */
    margin:8px 8px 8px 8px;
    /*overflow:auto;*/

}


div.image-box p
{
    font-size:12px !important;
    padding-left:2px !important;
    padding-bottom: 0px;
    text-align: center;
    color: #333;
}

div.banner-text p {
    font-size: 0.85em;
    margin: 0px;
    color: #444;
    font-weight: bold;
}

div.banner-text p a { color: #444; } 
    
    
div#after_content div, h1{ 
 margin-top: 0; 
 padding-top: 0; 
} 


div.gallery-photo-thumbnail { float:left; }

html { height: 100%; margin-bottom: 1px; }





p.caption { border: 1px solid black }

blockquote p:before {
    content:'“';
    text-align: left;
    margin-top:-0.4em;
    margin-left: -0.5em;
    margin-bottom:-0.9em;
    font: 50px georgia;
    color: #226;
    display: block;
   
   
}

blockquote p:after {
    content:'”';
    margin-top: -0.5em;
    text-align: right;
    margin-right: -0.2em;
    margin-bottom: -0.6em;
    font: 50px georgia;
    color: #226;
    display: block;
}

blockquote p.source:before, blockquote p.source:after {
    display: none;
}


* html blockquote * {text-indent:-6px;} /* fix IE6 */

blockquote {
  font: 15px verdana;
  color:#445;
  text-align:center;
  margin: 0px 0px 0px 20px !important;
  overflow: hidden;
  text-indent: 0px;
  float: right;
  width: 42%;
  text-align: left;
  text-indent: 10px;
 }
   
blockquote.centerquote {
    float:none;
    max-width: 93%
    text-align: center;
    text-indent: 14px;
}
   
blockquote.rightquote {
    float: right;
    width: 38%;
    text-align: center;
    text-indent: 8px;
    
}
    
blockquote p {padding-left: 18px;padding-right:28px; margin-bottom:10px; margin-top:16px;        
}

html>body blockquote p {margin-bottom:0px;}

blockquote p.source { color: #444; margin-right: 12px;margin-top: 0em !important;text-align: right;font-size:70%; margin-bottom:0px}

html>body p.source {;padding-bottom: 14px; }

body.mceContentBody {
   background: #eee;
}
.mceContentBody a {
   color: red !important; /* FF requires a important here */
}

a.external {

white-space: nowrap;
padding-right: 13px;
margin-right: 2px;
background: url(/static/images/externallink.png) no-repeat 100% 50%;
zoom: 1;

}

.textbox {
    text-align: center;
    padding: 10px;
    float: center;
    margin:6px auto;

    display: block;
    width: 80%;
    background-color: #ddddee;
    border: 1px solid #ccc
}

div.product_box { float:right;width:200px;border: 1px solid #ccc; padding: 6px 6px 0px 6px;margin:0px 10px 4px 10p;
}
div.right_box {float:right;min-width:50px;margin-left:10px;padding-left:6px}
div.right_box img {border:1px solid #ccc}
div.right_box p{color:#555; text-align:center;font-style:italic;margin-top:4px !important;margin-bottom:8px}

p.blog_date {font-size:10px;margin-top:-12px; margin-bottom:4px;color:#454}

