/* Link styles
------------------------------------------------ */
a:link, a:visited {color: #444444; text-decoration: none;border-bottom:1px dotted #444444;outline: none;}
a:hover   {color: #fcfc00; text-decoration: none;border-bottom:1px dotted #61931E;}
a:active  {color: #444444; text-decoration: none;border-bottom:1px dotted #444444;}


/* Container
------------------------------------------------ */

body { margin: 0px;  padding: 0px;text-align: center; background-color: #fafbff;}

#all
{
    position: relative;
    margin: 18px 0px 0px 0px;
    width: auto;
    text-align: center;  
    background-color: #fff;
    background-image:  url(../images/bkgd_body.gif);
    background-repeat: no-repeat; 
    background-position:50% 50px;
}

#main
{
    width: 782px;
    position: relative;
    margin: 0px auto;
    text-align: left; 
    background-color: #FFF;
    border:4px solid #3f7992;

/* background-color: #3f7992; */
}

#content
{
    height: auto;
    width: auto;
}

/* Header
------------------------------------------------ */

#header
{
    height: 176px;
    width: 778px;
    margin: 0px auto;
    padding: 6px;
    position: relative;
    text-align: left;
    background-color:#5B8BA1;
}

#header h1 {padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}

/* Footer
------------------------------------------------ */

#footer
{
    margin: 0px;
    width: 766px;
    margin: 0px auto 18px auto;
    padding: 6px 12px 18px 12px;
    text-align: left;  
    color: #fff;
    font-size: 0.8em;
    background-color: #3f7992;
}

.footer-right
{
    float: right;
    width:548px;
    padding: 0px;
    margin: 0px;
    border:none;
font-size: 0.8em;
}


.footer-left
{
    float: left;
    padding:32px 0 0 10px;
    margin: 0px;
    width:  170px;
    color: #fff;
    font-size: 0.8em;
    line-height:1.6em;
}

#footer .footer-right h3 {color: #fff;font-size: 1.8em;}

#footer .footer-right a:link, #footer .footer-right a:visited, 
#footer .footer-left a:link, #footer .footer-left a:visited {color: #fff; text-decoration: none;border-bottom:1px dotted #fff;}

#footer .footer-right a:hover, #footer .footer-left a:hover {color: #fbff00; text-decoration: none;border-bottom:1px dotted #f4ffe4;}

#footer .footer-right a.none:link , #footer .footer-right a.none:visited, #footer .footer-right a.none:hover      {color:#fff; text-decoration: none;border-bottom:none;}

/* Navigation & Lists
------------------------------------------------ */
#nav
{
    width: 790px;
    margin: 0px auto;
    height:3.2em;
    padding: 0px;
    position: relative;
    text-align: center;
    background-color: #3f7992;
}

#navlist
{
    margin:0;
    padding:3px 0 0 0;
    height:2.8em;
    background-color: #FFFF01;
}

#navlist ul
{
     padding: 0px;
     margin: 0;
     float: left;
     list-style-type: none;
}

#navlist li
{
    line-height: 16px;
     padding: 8px 0 0 0;
     margin: 0;
     display: inline;
     float: left;
     list-style-type: none;
     font-family: Arial,Helvetica,sans-serif; 
     font-size: 80%;
     font-weight: normal;
     text-transform:uppercase;
     letter-spacing:2px;
}

#navlist a
{
    height: 1.6em;
     padding: 8px 12px 6px 12px;
      margin: 0px;
     text-decoration: none;
     color: #5B8BA1;
     border:none;
    outline: none;
     display: block;
     float: left;
}

#navlist a:visited {color: #5B8BA1; text-decoration:none;}
#navlist li a:hover {background-color:#5B8BA1;color: #FFF; text-decoration:none;}
#navlist a:active {background-color: #3f7992;color: #FFF;text-decoration:none;}
#navlist li a.active  {background-color: #3f7992;color: #FFF; text-decoration:none;}


.articlelist
{ 	
    width: auto;
    height: auto;
    padding: 8px 0px 6px 10px; 
    margin: 0px 0px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 110%;
    line-height: 1em;
}

.articlelist ul
{
     margin: 0px;
     padding: 0px;
     list-style-type: none;
     text-decoration: none; 
}

.articlelist li
{
     height: auto;
     margin: 0px  0px  0px  0px;
     padding: 0px  0px  6px  0px;
     list-style-type: none;

}

.articlelist li div {font-size:80%;color:#666;}

.articlelist a
{
     padding: 0px;
     width: auto;
     text-decoration: none;
     border:none;
     background-color:#FFFFFF;
outline: none;
}


.articlelist a:link, .articlelist a:visited { color: #444444; text-decoration: none; }
.articlelist a:hover { color: #ffff01; text-decoration: none; }
.articlelist a:active { color: #161616; text-decoration: none; }
.articlelist li a.active { color: #161616; text-decoration: none; }


/* Layout
------------------------------------------------ */

.content-float
{
    height: auto;
    float: left;    
    width: 572px;
    padding: 0 ;
    margin: 0px;
}

.first-float
{
    height: auto;
    float: left;    
    width: 210px;
    padding: 0 ;
    margin: 0px;
}

.second-float
{
    height: auto;
    float: right;
    width: 572px;
    padding: 0px;
    margin: 0px;
}

.second-float-home
{
    height: auto;
    float: right;
    width: 572px;
    padding: 0px;
    margin: 0px;
}

.third-float
{
    height: auto;
    float: right;    
    width: 0px;
    padding: 0 ;
    margin: 0px;
}


#lhs-col
{
    width: auto;
    position: relative;
    font: normal 100% Arial,Helvetica,sans-serif; 
    margin: 0px;
    padding: 16px 0px 0px 16px;
    text-align: left;
    color: #666;
}

#lhs-col img {float:left; margin: 0px 0px 12px 0px;border:3px solid #fff}

#main-col
{
    height: auto;
    font: normal 100% Arial,Helvetica,sans-serif; 
    color: #444;
    position: relative;
    margin: 16px 16px 12px 0px;
    padding: 8px 16px 8px 16px;
    background-color: #fcf8ff;
  
}


#rhs-col
{
    font: normal 100% Arial,Helvetica,sans-serif; 
    width: auto;
    position: relative;
    margin: 16px 16px 0px 0px;
    padding: 8px 16px 8px 16px;
    text-align: left;
    color: #666;
    background-color: #ffff01;
    filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
}


#rhs-col h3{font-size:1.1em;margin:  .4em 0 .4em 0;}
#rhs-col h4{font-size:0.9em;margin:  .4em 0 .4em .4em ;}


#rhs-newsletter
{
    font: normal 100% Arial,Helvetica,sans-serif; 
    width: auto;
    position: relative;
    margin: 12px 16px 0px 0px;
    padding: 8px 16px 8px 16px;
    text-align: left;
    color: #666;
    background-color: #ffff01;
    filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
}

#rhs-newsletter p{line-height:1.2em;font-size:0.9em;margin:  .4em 
0 .4em 0;}

#zemContactForm {line-height:1.2em;font-size:0.9em;}



.news-listing
{
    height: auto;
    width: auto;
    margin: 8px 8px 0px 16px;
    padding: 0px 12px 0px 0px;
}

.news-listing span
{
    font-size:80%;color:#666;line-height:1em;
}


.news-listing p
{
    font-size:90%;
    border-top: 1px solid #99CC66;
    padding-top:4px;
    margin-top:4px
}

.links-listing
{width:auto;height:auto;float:left;margin-right:18px;margin-bottom:18px;}



/* Headers and Paragraphs:
---------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6
{
     margin:  .4em 0 .4em -2px;
     line-height: 1.2em;
     padding-bottom: 4px;
}

h1 { font-family: Arial,Helvetica,sans-serif; font-size: 180%; font-weight: normal; color: #99CC66; }
h2 { font-family: Arial,Helvetica,sans-serif; font-size: 150%; font-weight: normal; color:#161616; }
h3 { font-family: Arial,Helvetica,sans-serif; font-size: 120%; font-weight: normal; color:#444444; padding-bottom: 0px; line-height: 1em; margin:  .4em 0 0.2em 0em;}
h4 { font-size: 110%; font-weight: normal; color: #FF6600; }
h5 { font-size: 80%; font-weight: bold; color: #00555D; }
h6 { font-size: 80%; font-weight: normal; color: #FF6600; }



p
{
     line-height: 1.5em;
     margin:  .5em 0;
     padding-bottom: 6px;
}

ol
{
     margin: 0em;
     padding-bottom: 6px;
}

ul
{
     margin: 0em;
     padding-bottom: 6px;
}

li
{
     margin-left: 0em;
     font-size: 90%;
     line-height: 1.2em;
     padding-bottom: 6px;
}


/* Apply Left Margin:
---------------------------------------------------------------- */
li, dd {margin-left: 0.4em}

/* Neutralize styling:
   Elements we want to clean out entirely
   and we reset the base font-size to 10px
---------------------------------------------------------------- */
html, body, form, fieldset
{
     margin: 0;
     padding: 0;
     font: normal 100.01%/1.3em Verdana, Arial, Helvetica, sans-serif; 
}

html { font-size: 80%; } /* 1em = 10px */
html { font-size: 90%; } /* override it ... go bigger */


/* Miscellaneous Conveniences
---------------------------------------------------------------- */
form label
{cursor: pointer;}

fieldset
{border: none;}

input, select, td
{font-size: 90%;}

textarea
{font: normal 11px/12px Verdana, Arial, Helvetica, sans-serif;}

html[xmlns] pre { font-size: 1.3em;}

.clear { clear: both; line-height: 1px; font-size: 1px; height: 1px; visibility: hidden; }


/* Form Styles
---------------------------------------------------------------- */




form textarea,  form input 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: auto;
    margin-left: 0px; 
    font-size: 110%;
}

.form-row-contact {margin: 8px 0 0 0;}

.zemError { font: normal 100% Arial,Helvetica,sans-serif; padding-left: 19px; margin-top: 7px;width: auto; color: #FF0000;}

.zemError li { padding-left: 0px; list-style: none;margin-bottom: 3px; margin-left: 0px;margin-top: 3px;padding-bottom: 5px;color: #FF0000;}

/* Images / Graphics
------------------------------------------------ */

.hr {height: 1px; width: auto;background-image: url('../images/dash.gif'); background-repeat: repeat-x;}
.image-right { float: right;height: auto;width: auto;position: relative; margin: 0px 0 6px 8px; border:none;}
.image-left {float: left;height: auto;width: auto; position: relative;margin: 0px 12px 6px 0; border:none;}







img{border: none;}




/* Iframes
------------------------------------------------ */

iframe {width:530px;height:350px;border:none;}