/* Link styles
------------------------------------------------ */

a:link    {color: #009DDC; text-decoration: none;}
a:visited {color: #009DDC; text-decoration: none;}
a:hover   {color: #0000FF; text-decoration: underline;}
a:active  {color: #009DDC; text-decoration: none;}

a.foot  {color: #FFFFFF; text-decoration: none;}
a.foot:link  {color: #FFFFFF; text-decoration: none;}
a.foot:visited  {color: #FFFFFF; text-decoration: none;}
a.foot:hover  {color: #D8E3E9; text-decoration: underline;}
a.foot:active  {color: #FFFFFF; text-decoration: none;}


/* Container
------------------------------------------------ */

 body {
 	margin: 0px;
	padding: 0px;
      background: #FFFFFF;
    text-align: center;
}

#all
{
	position: relative;
	margin: 10px auto;
	width: 950px;
	padding:0px;
}

#main
{
    float:left;
    height: auto;
    width: 950px;
    position: relative;
    text-align: left;
    background-image: url('../images/562.gif');
    background-repeat: repeat-y;
    margin: 0px 0px 10px 0px;
}



/* Header
------------------------------------------------ */


#masthead
{
    height: 82px;
    width: 950px;
    margin: 0px;
    padding: 0px;
    position: relative;
    text-align: left;
    background:#009DDC;
    float: left;

}


#navigation
{
    height: 20px;
    width:698px;

    margin:0px;
    padding: 0px;

}

.search
{
        float: left;
	width: 688px;
        height: 48px;
	margin: 12px 12px 0px 0;
	padding: 0px;
    text-align: right;
}

/* Footer
------------------------------------------------ */
#footer {

        float: left;
	clear: both;
	width: 950px;
        height: 22px;
	margin: 0px;
	padding: 0px;
        background:#009DDC;
        text-decoration: none;
}

#copyright{

        float: left;
	width: 950px;
        height: 36px;
	margin: 12px 0 0 0;
	padding: 0px;
        font: bold 100% Verdana, Arial, Helvetica, sans-serif;
        color: #009DDC;
        text-align: center;
}

/* Layout
------------------------------------------------ */

.content-float-rigid
{
	height: auto;
	float: right;
	width: 770px;
	padding: 0px;
   	margin: 0px;
}

.first-float-rigid
{
        height: auto;
        float: left;
	width: 180px;
	padding: 0px;
        margin: 0px;	
}

.second-float-rigid
{
        height: auto;
        float: left;
	width: 509px;
	padding: 0px;
   	margin: 0px;
}

.third-float-rigid
{
        height: auto;
        float: right;
	width: 250px;
	padding: 0px;
	margin: 0px;
}


#lhscontainer
{
	width: auto;
	position: relative;
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 12px 0 0 0;
	text-align: left;
  	color: #000000;
}

#maincontainer
{
	height: auto;
	font: normal 110% Verdana, Arial, Helvetica, sans-serif;
  	color: #007f93;
	position: relative;
	margin: 0px;
	padding: 32px 0 0 0;
  	color: #000000;
}

#rhscontainer
{
	width: auto;
	position: relative;
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 12px 0 0 0;
	text-align: left;
  	color: #000000;
}



/* Panels & Callouts
------------------------------------------------ */

/* Panels & Callouts
------------------------------------------------ */

.panel-people {width:500px;float:left;padding-bottom:18px;margin-right:5px;}

.panel-people-img {width:70px;float:left;margin: 0px 4px 0px 0px;}

.panel-people-img img { float:left;padding:4px;margin: 0px;border:1px solid #DFDFDF;}

.panel-people-img img:hover { border:1px solid #B60050; } 

.panel-people-info {width:380px;float:left;padding:0px;margin-left:16px}




.panel-people-contact{line-height:1.4em;width:240px;height:90px;float:left;padding-bottom:7px;margin-right:5px;overflow:hidden;}



#panel-feature-news
{
    width:240px;
    height: auto;
    padding:5px;
    margin-bottom:8px;
    background:#009DDC;
}

.panel-feature-title
{
    width:auto;
    height: auto;
    padding:0px;
    margin:0px 0px 6px 0px;
    color: #FFF;
    text-align:center;
    font: bold 120%  Verdana, Helvetica, Arial, sans-serif;
}

.panel-feature-content
{
    width:auto;
    height: auto;
    padding:5px;
    margin:0px;
    background: #FFF;
}


/* Navigation & Lists
------------------------------------------------ */



#navMain
{
    height: auto;
    width: 700px;
    position: relative;
    margin:0px;
padding: 0px;

}


#navMain ul
{
padding: 0px;
margin: 0px 0px 0px 18px;
display: block;
float: left;
}

#navMain ul li
{
width: auto;
height: 12px;
list-style-type: none;
padding: 0px;
margin: 0px 8px 0px 0px;
display: block;
float: left;
font: 90%  Arial, Helvetica, Verdana, sans-serif;
line-height:1.2em;
text-align: left;
border-right:1px solid #fff;
font-weight:bold;
}

#navMain a
{
color: #F0F0F0;
text-decoration: none;
display: block;
width: auto;
height: auto;
margin: 0px;
padding: 0px 8px 0px 0px;
outline: none;
}

#navMain a:hover {color: #ffffff;}
#navMain li a.active, #navMain a:active  {color: #ffffff; }

#navMain li.last {border: none; }



#contactlist
{
    height: auto;
    width: 528px;
    position: relative;
    margin-top:-16px;
    padding: 0;

}


#contactlist ul
{
padding: 0;
margin: 0px;
display: block;
float: left;
}

#contactlist ul li
{
width: auto;
height: auto;
list-style-type: none;
padding: 0px;
margin: 0px 18px 0px 0px;
display: block;
float: left;
font: 130%  Arial, Helvetica, Verdana, sans-serif;
line-height:1.4em;
text-align: left;
}

#contactlist a
{
color: #A5A7A9;
text-decoration: none;
display: block;
width: auto;
height: auto;
margin: 0px;
padding: 0px 18px 4px 0px;
outline: none;
}

#contactlist a:hover {color: #009DDC;}
#contactlist li a.active, #contactlist a:active{color: #009DDC; }


.category_list { margin: 0px 0px 0px 0px;width:auto;padding: 0;}

.category_list ul
{
     margin: 0px 0px 0px 0px;
     padding: 0;
     list-style-type: none;
     text-decoration: none; 
}

.category_list li
{
     margin: 0px 8px 0px 2px;
     padding-left: 0px;
     list-style-type: none;
     text-align:right;
}

.category_list a
{
     display: block;
     padding: 6px 18px 7px 4px;
     font: bold 110%  Arial, Helvetica, Verdana, sans-serif;
     width: auto;
     text-decoration: none; 
     outline: none;
}

.category_list a:link, .category_list a:visited { color: #444444; text-decoration: none; }

li.download a:link, li.download a:visited { color: red; text-decoration: none; }

.category_list a:hover { color: #009DDC; text-decoration: none;}

.category_list a:active, .category_list li a.active
{ color: #009DDC; text-decoration: none;}

.articlelist
{ 	
    width: auto;
    height: auto;
    padding: 0px; 
    margin: 0px 0px 6px 0px;
    font: bold 110%  Arial, Helvetica, Verdana, sans-serif;
    line-height: 1.3em;
}

.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  4px  0px;
     list-style-type: none;

}

.articlelist a
{
     padding: 0px;
     width: auto;
     text-decoration: none;
     background-color:#FFFFFF;
     outline: none;
}


.articlelist a:link, .articlelist a:visited { color: #444444; text-decoration: none;  }
.articlelist a:hover { color: #0000FF; text-decoration: underline;      }
.articlelist a:active, .articlelist li a.active { color: #000000; text-decoration: none;      border:none;}



.downloadlist 
{ 	
    width: auto;
    height: auto;
    padding: 0px; 
    margin: 0px 0px 6px 0px;
    font: normal 100%  Arial, Helvetica, Verdana, sans-serif;
    line-height: 1.2em;
}

.downloadlist ul
{
     margin: 0px;
     padding: 0px;
     list-style-type: none;
     text-decoration: none; 
}

.downloadlist li
{
     background:#F0F0F0;
     height: 12px;
     margin: 0px  0px  1px  0px;
     padding: 4px;
     list-style-type: none;

}

.downloadlist a
{
     width: auto;
     text-decoration: none;
     outline: none;
     font-weight:bold;
}


.downloadlist a:link, .downloadlist a:visited { color: #444444; text-decoration: none;  }
.downloadlist a:hover { color: #0000FF; text-decoration: underline;      }
.downloadlist a:active, .downloadlist li a.active { color: #000000; text-decoration: none;      border:none;}


/* Headers and Paragraphs:
---------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6
{ 
     font-family: Verdana, Helvetica, Arial, sans-serif;
     line-height: 1em;
     padding-bottom: 0px;
}

h1 { font-family: Arial, sans-serif;font-size: 200%; font-weight: normal; color: #878889; }
h2 { font-size: 170%; font-weight: normal; color: #444444;line-height:1.3em;}
h3 { font-size: 120%; font-weight: bold; color: #009DDC; }
h4 { font-size: 130%; font-weight: normal; color: #000000; }
h5 { font-size: 170%; font-weight: normal; color: #878889; line-height:1.3em;}
h6 { font-size: 110%; font-weight: normal; color: #000000; }

h1, h2, h3, h4, h5, h6, pre,
blockquote, ul, ol, dl, address
{
     margin:  .2em 0;
     padding: 0;
}

p
{
     line-height: 1.4em;
     margin:  .5em 0;
     padding-bottom: 6px;
}

/* Apply Left Margin:
---------------------------------------------------------------- */
ul, li, dd, blockquote
{
     margin-left: 1.6em;
}

ul
{
     padding-bottom: 1em;
}

li
{
     padding-bottom: .2em;
}

blockquote
{
     background:#F0F0F0;
     color:#444444;
     font-size: 110%;
     padding: 4px 12px 4px 12px;
     margin-right:1.6em;
     margin-bottom:1em;
}



/* Neutralize styling:
   Elements we want to clean out entirely
   and we reset the base font-size to 10px
---------------------------------------------------------------- */
html, body, fieldset
{
     margin: 0;
     padding: 0;
     font: normal 100.01%/1.1em "Lucida Grande", Verdana, "Lucida Sans Unicode", sans-serif;
}

html { font-size: 65%; } /* 1em = 10px */
html { font-size: 70%; } /* override it ... go bigger */




/* Miscellaneous Conveniences
---------------------------------------------------------------- */
form label
{cursor: pointer;}

fieldset
{border: none;}

input, select, td
{font: normal 11px/12px Verdana, Arial, Helvetica, sans-serif;}

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
---------------------------------------------------------------- */
#fieldset-wrapper {
	width: auto;
	height: auto;
	padding: 18px 18px 24px 18px ;
	margin: 0px 0px 12px 0px;
	border: 1px solid #CCCCCC;
}



form fieldset
{width: auto;height:auto;padding: 0;margin: 0;border: 0;}

form input#textarea{width:auto;}

form label { font-weight: normal; font-size: 90%;}

.form-container { width: auto;float:right;height: auto; margin: 0; padding: 0;}

.form-row {clear:both; padding: 4px 0px 4px 0px; margin: 0; text-align:right;}
.form-row-contact {padding: 4px 0px 4px 0px; margin: 0; text-align:left;}

.field-widget {}

#contact
{
	height: auto;
        width: 400px;
  	color: #000000;
        position: relative;
        margin: 0px;
        padding: 0px;

}



#zemContactForm fieldset {border: 0;}


.zemError 
{
	font: normal 11px/12px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 12px;
	padding-bottom: 12px;
	margin-top: 0px;
	margin-left: 0px;
	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;
}

.zemError li a { color: #FF0000; text-decoration: none; }

/* Pagination
------------------------------------------------ */

#pagination
{
	width:auto;
	height:auto;
	margin: 0px ;
	padding: 0px;
	position: relative;
}


.pagination ul
{
	margin-left: 0px;
	padding: 0px;
	list-style-type: none;
	text-decoration: none;
}

.pagination li
{

	margin:  5px 5px 0px 0px;
	list-style-type: none;
	display: block;
	float: left;
        border: 1px solid #CECECE;
        padding:3px;
	width: 10px;
	height: 10px;
	color: #666666;
        font: normal 90%  Arial, Helvetica, Verdana, sans-serif;
        line-height:1em;
        text-align:center;
background-color:#FFFFFF;
}

.pagination a
{
	text-decoration: none; 
	width: 10px;
	height: 10px;
outline: none;
}

.pagination li a:link, .pagination a:visited { color: #666666; text-decoration: none;outline: none;border:none}

.pagination li:hover {color: #000000; text-decoration: none;border: 1px solid #666666;}

.pagination li:hover.inactive {color: #FFFFFF; text-decoration: none;border: 1px solid #CECECE;}

.pagination  li:active{ width: 10px; height: 10px; padding:3px;color: #FFFFFF; text-decoration: none;font-weight:bold;background:#CECECE;}
.pagination  li.active{	width: 10px; height: 10px; padding:3px;color: #FFFFFF; text-decoration: none;font-weight:bold;background:#CECECE;}


/* Images / Graphics
------------------------------------------------ */

.article-image img {border: 0px solid #DFDFDF;}
.article-image-home img {border: 0px solid #DFDFDF;}
img {border: none;}

.gallery-thumb { height: auto; width: auto; position: relative;  outline: none;}

.gallery-thumb img { padding:4px; margin: 4px 8px 4px 0px; border:1px solid #DFDFDF;}

.gallery-thumb img:hover { border:1px solid #666666; } 