/* Link styles
------------------------------------------------ */

a:link    {color: #666; text-decoration: none;outline: none;}
a:visited {color: #666; text-decoration: none;}
a:hover   {color: #3292CF; text-decoration: none;}
a:active  {color: #666; text-decoration: none;}

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

body {
 	margin: 0px;
	padding: 0px;
 	text-align: center;
	 background-image: url('../images/511.gif');
	 background-repeat: repeat-x;
}

#all
{
	position: relative;
	margin: 0px auto 16px auto;
	width: 800px;
	padding:0px;
	background-color: #fff;


}

#main
{
	position: relative;
 	height: auto;
 	width: 768px;
 	text-align: left;
 	margin:10px 16px 0px 16px;
	padding:0;
}


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

#masthead
{
    height: 80px;
    width: 768px;
    margin: 16px 16px 0 16px ;
    padding:0;
    position: relative;
    text-align: left;
}


.masthead-left
{
        float: left;
	width: 420px;
        height: auto;
	margin: 0px;
	padding: 0px;
        text-align:left;
}

.masthead-right
{
        float: right;
	width: 324px;
        height: auto;
	padding: 0px;
	margin: 36px 0 0 0;
        text-align:right;
}


#section-headers
{
    position: relative;
    height:168px;
    width: 768px;
    margin: 0 16px 0 16px;
    padding: 0;
    clear:both;
}

.section-header-left
{
        float: left;
	width: 475px;
        height: 160px;
	margin: 0px;
	padding: 0px;
        text-align:right;
}

.section-header-right
{
        float: right;
	width: 280px;
        height: 160px;
	margin: 0px;
	padding: 0px;
        text-align:right;
}

.home-lhs
{
	 background-image: url('../images/421.jpg');
	 background-repeat: no-repeat;
}
.home-rhs
{
	 background-image: url('../images/431.gif');
	 background-repeat: no-repeat;
}

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

#prefooter
{   
    font: normal 130% Arial, Helvetica, Verdana, sans-serif;
    line-height: 1.4em;
    text-align: left;
    color: #333333;
    position: relative;
    margin: 16px  16px  4px  16px;
    width: 748px;
    height:1.5em;
    padding: 6px;
    border-top:1px solid #ABB1C2;
    border-bottom:4px solid #ABB1C2;
}

#footer
{   clear:both;
    font: normal 90% Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.5em;
    text-align: left;
    color: #000000;
    position: relative;
    margin: 16px;
    margin-top: 2px;
    width: 756px;
    height:3.4em;
    padding: 6px;

}


.footer-left
{
        float: left;
	width: 530px;
        height: auto;
	margin: 0px;
	padding: 0px;
        text-align:left;
        color: #444444;
}


.footer-left a:link{font-weight:normal;color: #666666; text-decoration: none;border:none;}

.footer-left a:visited{font-weight:normal;color: #666666; text-decoration: none;border:none;}

.footer-left a:hover{font-weight:normal;color: #444444; text-decoration: none;border:none;}

.footer-left a:active{font-weight:normal;color: #666666; text-decoration: none;border:none;}


.footer-right
{
        float: right;
	width: 200px;
        height: auto;
	padding: 6px 0 0 0;
        text-align:right;
}



/* Navigation & Lists
------------------------------------------------ */

#navtop
{
    height: auto;
    width: 768px;
    margin: 0 16px 0 16px ;
    padding: 0px;
    position: relative;
}

#nav ul
{
margin:0; padding:0; list-style:none; display:inline; white-space:nowrap;
}

#nav ul li
{
   margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
font: normal 90% Arial, Helvetica, Verdana, sans-serif;
}

#nav a {float:right; color:#999999; background: #F0F0F0 url(../images/391.gif) no-repeat left bottom; margin:0 0 0 1px; padding:0 0 0 2px; text-decoration:none;border:none;outline: none;}

#nav a span { display:block; background:transparent url(../images/401.gif) no-repeat right bottom; padding:4px 11px 4px 8px;border:none}

#nav a:hover {background-color:#DEE3E6; cursor:pointer;color:#000000;} 
#nav a.active {background-color:#DEE3E6;color:#000000;} 
#nav a:active {background-color:#DEE3E6;color:#000000;} 


#navigation
{
    height: auto;
    width: 768px;
    margin:  0px 16px 0 16px;
    margin-bottom:10px;
    padding: 0px;
    position: relative;
    text-align: left;
}

ul#listMenuRoot
{
	margin-left: 0;
	padding: 0;
	width: 768px;
	height: 3em;
	background:#F0F0F0;
        clear:both;
}

/* MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul
{
	 margin-left: 0;
	 padding:0;
	 list-style: none;
	 font-family:Arial, Helvetica, Verdana, sans-serif;
}

/* Submenus */
.menulist ul
{
	 display: none;
	 position: absolute;
	 margin-left: 0;
	 padding: 0;
	 top: 25px;
	 left: 0px;
	 width: 150px;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul
{
	 top: 5px;
	 margin-top: 0;
	 padding: 0;
	 left: 140px;

}

/* All menu items have overlapping borders. */
.menulist li
{
	 float: left;
	 display: block;
	 margin: 0;
	 padding: 0;
	 position: relative;
	 text-align: center;
	 font-size:90%;
}

.menulist li#m1 {
    background:none;
    }

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
	 float: none;
	 margin-right: 0;
	 margin-left: 0;
	 margin-bottom: -1px;
	 padding: 0;
	 background:#F0F0F0;
	 border: 1px solid #FFFFFF;
	 margin-right: -1px;
	 text-align: left;
	 filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
	 font-size:90%;
}

.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
ul.menulist a {
    display: block;
    color: #999999;
    text-decoration:  none;
    line-height: 30px;
    margin: 0;
    padding: 4px 12px 2px 12px;
    border:none;
    font-size:110%;
    }

ul.menulist a:hover{
    color: #000000;
    background: #DEE3E6; text-decoration: none;
}

.menulist a.active{
    color: #000000;
    background: #DFE4E6; text-decoration: none;
}


ul.menulist a:link, ul.menulist a:visited {
    color: #999999; text-decoration: none;
}


ul.menulist li ul li a {
	line-height: 12px;
	padding: 3px 5px 4px 5px;
    margin: 0;
	width:auto;
	}


.menulist a:visited  {color: #000000; text-decoration: none;}


/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
/*


.menulist a:hover, .menulist a.active{
    color: #000000;
    background: #DEE3E6; text-decoration: none;
}


.menulist li ul li a:hover, .menulist li ul li a.highlighted {
    background-image:none; text-decoration: none;
    }
*/

.menulist li a:active, .menulist li a:hover, .menulist li a.highlighted, .menulist li a.active
{
    color:#000000;
    }


ul.menulist li ul li a:link, ul.menulist li ul li a:visited {
    color: #555555; text-decoration: none;
}

ul.menulist li ul li a:hover, ul.menulist li ul li a.active
{background-image:none;
	background:#DEE3E6; color: #000000; text-decoration: none;}


.menulist ul ul a {
 background:#837468;
 /*background:#b50010
    background:#a51140;*/
}

.menulist ul ul a:hover {
    /*background:#F2F1F0;*/
}

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *+html affects IE7.
*/
*:first-child+html .menulist ul li { /* ie 7 RC1 hack */
 float: left;
 width: 100%;
}
*+html .menulist ul li {
 float: left;
 height: 1%;
}
*+html .menulist ul a {
 height: 1%;
}
* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
*+html  h2#strap {margin:12px 0 0 240px;}
/* End Hacks */


.articlelist
{ 	
    width: auto;
    height: auto;
    padding: 4px 0 0 0; 
    margin: 0; 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 120%;
    line-height: 1.2em;
}

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

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

}

.articlelist a
{
     padding: 0;
     width: auto;
     text-decoration: none;
     border:none;
     outline: none;
}


.articlelist a:link, .articlelist a:visited { color: #000000; text-decoration: none;  border:none;}
.articlelist a:hover { color:  #3292CF; text-decoration: none;      border:none;}
.articlelist a:active { color: #000000; text-decoration: none;      border:none;}
.articlelist li a.active { color: #000000; text-decoration: none;     border:none;}


.sitemaplist 
{ 	
    width: auto;
    height: auto;
    padding: 0; 
    margin: 0; 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 90%;
    line-height: 1.2em;
}

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

.sitemaplist li
{
     height: auto;
     margin: 0px 0px 2px 12px;
     padding: 0px 0px 2px 0px;
     list-style-type: none;

}

.sitemaplist a
{
     padding: 0;
     width: auto;
     text-decoration: none;
     border:none;
     outline: none;
}


.sitemaplist a:link, .sitemaplist a:visited { color: #666666; text-decoration: none;  border:none;}
.sitemaplist a:hover { color:  #000; text-decoration: none;      border:none;}
.sitemaplist a:active { color: #000000; text-decoration: none;      border:none;}
.sitemaplist li a.active { color: #000000; text-decoration: none;     border:none;}




#featurelist-1, #featurelist-2, #featurelist-3 { margin: 12px 12px 0px 12px;width:auto;     text-align:left;}

#featurelist-1 ul, #featurelist-2 ul, #featurelist-3 ul
{
     margin: 0px;
     padding: 0;
     list-style-type: none;
     text-decoration: none; 

}

#featurelist-1 ul li, #featurelist-2 ul li, #featurelist-3 ul li
{
     margin: 0px 2px 4px 2px;
     padding: 0px;
     list-style-type: none;

}

#featurelist-1 ul li strong, #featurelist-2 ul li strong, #featurelist-3 ul li strong
{
     display: block;
     padding: 2px 0px 3px 24px;
     margin: 0px;
     font: normal 120%"Lucida Grande", Verdana, "Lucida Sans Unicode", sans-serif;
     width: auto;
     color:#fff;
     text-decoration: none; 
     background-image:  url(../images/491.gif);
     background-repeat: no-repeat;
     background-position: 0px 2px;
}



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

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


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

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


.third-float-rigid
{
    height: 400px;
    float: right;
    width: 1px;
    padding: 0;
    margin: 0 ;
}

#lhscontainer
{
    position: relative;
    height: auto;
    font: normal 100% "Lucida Grande", Verdana, "Lucida Sans Unicode", sans-serif;
    margin: 0;
    padding: 0px 16px 18px 16px;
    color: #444444;
    z-index: 0;
}


#maincontainer
{
    position: relative;
    height: auto;
    font: normal 100% "Lucida Grande", Verdana, "Lucida Sans Unicode", sans-serif;
    color: #444444;
    margin: 0px;
    padding: 0px;
    z-index: 0;
}


#rhscontainer
{
    position: relative;
    height: auto;
    width: auto;
    font: normal 100% "Lucida Grande", Verdana, "Lucida Sans Unicode", sans-serif;
    margin: 0;
    padding: 0;
    color: #444444;
    z-index: 0;
}


/* Panels & Callouts
------------------------------------------------ */

.panel-title {float:left;}
.panel-title h2 {display:inline;}
.panel-title a img {margin-left:4px;margin-bottom:-3px;}

a.panel-link {padding:4px 6px 4px 6px;float:right;background:#F0F0F0;color:#666;}
a.panel-link:visited {color: #666; text-decoration: none;}
a.panel-link:hover   {background-color:#DEE3E6;color: #000; text-decoration: none;}
a.panel-link:active  {color: #666; text-decoration: none;}

.panel-hr {clear: both; line-height: 1px; font-size: 1px; height: 1px; background-image: url('../images/411.gif'); background-repeat: repeat-x;background-position:bottom left;}

.panel-content {width:auto;height:auto;margin:0 0 18px 0;padding:8px;background:#F0F0F0;}


/* Headers / Paragraphs / Lists
---------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6
{
     font-family: Helvetica, Arial, Verdana, sans-serif; 
     line-height: 1.1em;
     padding-bottom: 2px;
     margin:  .1em 0;
}

h1 {  font-size: 150%; font-weight: bold; color: #161616; }
h2 {  font-size: 150%; font-weight: bold; color:#161616; }
h3 { font-size: 140%; font-weight: bold; color:#000000; }
h4 { font-size: 130%; font-weight: normal; color: #161616; }
h5 {  font-size: 120%; font-weight: normal; color: #161616; }
h6 { font-size: 110%; font-weight: bold; color: #161616; }

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

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

ul
{
	padding:0px 0px 1em 0px;
	margin: 1em 0 0 0;
}

li
{
     height: auto;
     margin: 0px 3em 2px 3em;
     padding: 0px 0px 2px 0px;
}


blockquote
{
    width: 210px;
    height: auto;
    float: right;
    margin: 0px 0px 0px 12px;
    padding: 0px 0 0 12px;
    line-height:1em;
    font: bold 140% Arial, Verdana, Helvetica, sans-serif;
    color: #52BB43;
    border-left: 1px solid #CCCCCC;
	 
}

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

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


/* Miscellaneous Conveniences
---------------------------------------------------------------- */

form label
{cursor: pointer;}

fieldset
{border: none;}

input, select, td
{font-size: 90%;font-family:Arial, Verdana, Helvetica, sans-serif;}

textarea
{ font: normal 90% Arial, Verdana, Helvetica, sans-serif;}

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

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

form.zemContactForm
{
	width: auto;
	height: auto;
	padding: 12px ;
	margin: 0px 12px 12px 0px;
	border: 1px solid #EFEFEF;
}

.form-container { width: auto;float:left;height: auto; margin: 0; padding: 0;}

.form-row {clear:both; margin:0px; padding: 4px 0px 4px 0px; ; text-align:left;}

input, input.zemRequired, input.zemRequirederrorElement  {float:left;margin: 0;padding:2px;}

label, label.zemRequired, label.zemRequirederrorElement  {font-weight:bold;width:150px;float:left;font-size: 90%;}

label.zemRequired, label.zemRequirederrorElement  
{font-weight:bold;}
label 
{font-weight:normal;}

label.Address2{color:#fff;}

label.zemCheckbox
{margin-left:8px;width:200px;margin-top:-2px;}

input.zemCheckbox
{margin-bottom:-2px;}

textarea.zemRequired {font-size: 100%;padding:2px;}

#zemContactForm fieldset {border: 0;}

.zemError 
{
	font: normal 90% Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 12px 0;
	margin: 0px;
	width: auto;
}


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


/* Pagination
------------------------------------------------ */
#pagination, #pagination-top
{       
	width:auto;
	height:24px;
	margin:0px;
	padding: 0;
}


#pagination-panel, #pagination-panel-top
{       
	width:auto;
	height:24px;
	margin:0px 0px 24px 0;
	padding: 24px 0 0 0;
	position: relative;
        border-bottom: 1px solid #CECECE;
        clear:both;
}


#page-numbers, #page-numbers-top
{
	float: right;
        border: 1px solid #CECECE;
        padding:3px;
	margin:0 5px 0 0;
	width: auto;
	height: 10px;
	color: #666666;
	background-color:#FFFFFF;
        text-align:center;
        font: normal 90%/10px  Arial, Helvetica, Verdana,sans-serif;}

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

.pagination li
{

	margin:  0px 5px 0px 0px;
	list-style-type: none;
	display: inline;
	float: left;
        border: 1px solid #CECECE;
        padding: 3px 5px 3px 5px;
	width: auto;
	height: 10px;
	color: #666666;
        font: normal 90%/10px  Arial, Helvetica, Verdana, sans-serif;
        text-align:center;
}

.pagination li a 
{text-decoration: none; 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: #666666; text-decoration: none;border: 1px solid #CECECE;padding:3px 5px 3px 5px;}

.pagination  li:active
{ width: auto; height: 10px; padding:3px 5px 3px 5px;color: #FFFFFF; text-decoration: none;background:#7FB41E;}

.pagination  li.active
{width: auto; height: 10px; padding:3px 5px 3px 5px;color: #FFFFFF; text-decoration: none;background:#7FB41E;}


/* Tables
------------------------------------------------ */
.minical
{
	clear: both;
	width:100%;
font-size: 100%;
}

.minical td
{
padding: 3px 3px 3px 4px;
text-align: center;
}
.minical td a {font-weight: bold;}

.minical .full
{
background: #FFC;
}

.minical caption {
font-size: 110%;display:none;
}
.minical_nav {text-align: center;}

.minical_nav a.next, .minical_nav h3, .minical_nav a.prev
{
font-size: 140%;
display: inline;
}
#sidebar .minical_nav h3 {font-size: 110%;margin: 0;}

#sidebar .minical_nav a.next, #sidebar .minical_nav a.prev {font-size: 130%;}

table.minical {margin:0 auto 0 auto;width:80%;}

table.minical td {border:1px solid #fff;}

td.full a {font-weight:bold;}



.dateblock {
text-align: center;
width: 48px;
font-family: Arial;
padding:7px 0 0 0;
background:#FFC;
}
.dateblock-day {
font-size: 26px;
position: relative;
top: -5px;
color:#000;
}
.dateblock-month {
font-size: 12px;text-transform:uppercase;
}
.dateblock-year {
font-size: 12px;
position: relative;
top: -10px;
}

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

.hr {height: 1px; width: auto;background-image: url('../images/411.gif'); background-repeat: repeat-x;}

.image-right
{
    float: right;       
    height: auto;
    width: auto;
    position: relative;
    margin: 12px 8px 6px 12px;
     border:none;
}

.image-left
{
    float: left;       
    height: auto;
    width: auto;
    position: relative;
    margin: 12px 12px 6px 0;
     border:none;
}

.member-logo
{   
    height: auto;
    width: auto;
    position: relative;
    margin: 6px 0px 12px 0;
    padding-top:12px;
    border:none;
    text-align:center;
    border-top:4px solid #F5F4F3;
}


img { border: none;}
a {outline:none;}

div.member-email p {margin:0;padding:0;}