* { margin:0;padding:0; }
br.clear { clear:both; }

body{font-family:Verdana, georgia, Helvetica, sans-serif; background: black url(/images/zlayout-body.jpg) repeat-x;}

#page { width:1000px;background: url(/images/zlayout-page.jpg) repeat-y;margin:0px auto; }

#container {
  width:1000px;
  margin:0px auto;
  background:  url(/images/zlayout-container.jpg) no-repeat;
}
#controlbar /* width:auto is fickle in IE. use 100% */
  { width:100%;display:block;height:auto;text-align:right; }
#logobar {
  width:100%;
  height:100px;
  display:block; 
}

#navbar {  width:100%;  display:block; }

#menu_h { margin:0px;position:relative;left:320px;top:50px;letter-spacing:-1px;}
#menu_h ul { list-style:none; margin:0; padding:.5em; float:left; }
#menu_h ul ul { position: absolute;top:100%;left:30px;background:  url(/images/zlayout-menu-background.jpg) no-repeat;border:1px solid black;}
#menu_h ul ul img { }

#menu_h a { font: Verdana, georgia, Helvetica, sans-serif; display: block;margin: 0;padding: 2px 3px;text-decoration:none;}
#menu_h ul > li > a {color: #434c7a;font-size:1.4em;letter-spacing:0px;}
#menu_h ul > li > a:hover {color: #f9f9d6;}
#menu_h ul > li > ul > li > a {color: #434c7a;text-decoration: none;}
#menu_h ul > li > ul > li > a:hover {color: black;}
#menu_h li {position: relative;}
#menu_h ul ul ul {position: absolute;top: 0;left: 100%;}
#menu_h ul ul a, #menu_h ul ul h2 {font-size: 1em;}

div#menu_h ul ul {display: none;}
div#menu_h ul li:hover ul {display: block;}
div#menu_h ul ul, div#menu_h ul li:hover ul ul, div#menu_h ul ul li:hover ul ul {display: none;}
div#menu_h ul li:hover ul, div#menu_h ul ul li:hover ul, div#menu_h ul ul ul li:hover ul {display: block;background-image:url(/images/zlayout-menu.jpg) no-repeat;
  border-top:2px solid white;border-left:2px solid white;border-right:2px solid black;border-bottom:2px solid black;}

#subbar { width:100%; display:block; height:28px;text-align:right; }
#subbar a{font-size:1em;heigth:28px; line-height:28px; padding:0 8px; display:inline;text-decoration:none;color:#FFF}
#subbar a:hover {color:blue; }

#main { width:100%; display:block; overflow:hidden;}

#content, #menucontent, #contentmargin, #menucontentmargin, #margin { float:left;overflow:hidden;}
#menu {width:285px; float:left; padding:0 5px 0 10px;}
#menucontent {width:730px; padding:0 5px 0 10px;}
#content {width:490px;padding:0 5px 0 5px;}
#contentmargin {width:685px;padding:0 10px 0 5px;}
#menucontentmargin {width:980px;padding: 0 10px 0 10px;}
#margin { width:170px;margin:0 10px 0 5px; }

#menu { }
#menu ul { list-style: none; padding: 0; margin:0;padding:0;}
#menu a, #menu_v h2 { font-size:1em; font-family:arial, courier, verdana; display: block; text-align:center; color:#FFF; padding-left:10px; }
#menu h2 { font-size:14Pt ! important;font-weight:bold; width:100%; text-align:center; color: #990000; border-bottom:1px solid #000;margin:10px 10px 0 5px; }
#menu a { color: #333; text-decoration: none; margin-top:4px;margin-bottom:4px; =}
#menu a:hover { color: #000; }
#menu a:active { color: #333; }
#menu li {position: relative;}
#menu ul ul ul { background-color:#FFF; border:1px solid black; position: absolute; top: 0; left: 180px; width: 200px; }
#menu ul li li li a { }
div#menu ul ul ul, div#menu_v ul ul li:hover ul ul {display: none; }
div#menu ul ul li:hover ul, div#menu_v ul ul ul li:hover ul {display: block;}
#menu ul li li li li a { width:200px }
div#menu ul ul ul ul, div#menu_v ul ul ul li:hover ul ul {display: none;}
div#menu ul ul ul li:hover ul, div#menu_v ul ul ul ul li:hover ul {display: block;}
#menu ul li li li li li a { width:200px }
div#menu ul ul ul ul ul, div#menu_v ul ul ul ul li:hover ul ul {display: none;}
div#menu ul ul ul ul li:hover ul, div#menu_v ul ul ul ul ul li:hover ul {display: block;}

.content { }
.content div { padding:5px; }
.content li { font-size:.9em;} 
.content h1, .content h2, .content h3, .content h4, .content h5, .content p { padding:5px 0 5px 0;}
.content h1 { color:#f5f7d4;}
.content h6 { padding:1px;}
.content h2 { color:blue; }
.content img { margin:10px; }
.content ul,.content ol { margin-left:2em;color:#d5f5f8}
.content a,.content a:visited {color:#ffdbb8;text-decoration:none;font-size:.9em;}
.content a:hover { color:white;text-decoration:underline;}
.content p { color:white; text-align:justify; }
.content td {color:white;}

.content_float_summary {float:right;width:200px;border:1px solid gray;background-color:#FFE;padding:0;margin:0 0 1em 1em;}
.content_float_summary ul { list-style-type:none;padding:0;margin:0;}
.content_float_summary ul li { background-image:url(/images/check.png);background-repeat:no-repeat;padding:0 0 0 14px;margin:0;}

.row { width:778px;border:1px solid gray;overflow:hidden;margin-bottom:10px;}

.rowwrapper { width:7850px;overflow:hidden;margin:0;padding:0;}
.floatright { float:right;}

.col1of2,.col2of2 { width:370px;float:left;height:700px;margin-bottom:10px;overflow:hidden;}
.col2of2 { margin:0 0 10px 10px;}

.col1of3,.col2of3,.col3of3 { width:244px;float:left;height:300px;margin-bottom:10px;font-size:.9em}
.col2of3 { margin:0 11px 10px 11px; }

.col1of4,.col2of4,.col3of4,.col4of4,.col34of4 { width:178px;float:left;height:300px;margin-bottom:10px;}
.col2of4,.col3of4, .col4of4 { margin:0 0 10px 10px; }
.col34of4 { width:378px;margin:0 0 10px 10px; }

.col_design { height:250px;}
.col_support { height:250px;}
#col_support_conversation p {font-size:.8em;}
#col_hosting { height:100%;}


.feedback_caption { font-weight:bold;font:.9em;font-style:italic;}
.feedback_hint {font-style:italic;clear:none;color:#7b4301;}
.feedback_warning {font-style:italic;clear:none;color:red;font-size:larger;font-weight:bold;text-align:center}
.feedback_shortfield { width:50%; }
.feedback_longfield { width:95%; }
.feedback_shorttext { width:50%; }
.feedback_longtext { width:95%;height:100px; }
#feedback_radio_option  {float:left;}


#articles { width:100%; }
.articles_row_highlight { background-color: #FFE; }

#gallery { width:670px; padding:1em;}

.gallery_navigation a,.gallery_navigation a:visited { color:#434c7a;text-decoration:none; font-size:1.5em;}

.gallery_subgalleries { float:left; width:300px; height:350px;text-align:center;overflow:hidden;}
.gallery_subgalleries_img { height:300px; }
.gallery_subgalleries img { width:300px;margin:10px; cursor:hand;}
.gallery_subgalleries_highlight img { width:310px;}
a.gallery_subgalleries_links,a.gallery_subgalleries_links:visited {font-size:1.3em;color:#434c7a;text-decoration:none;}
a.gallery_subgalleries_links:hover { color:black;font-weight:bold }

.gallery_picture_scrollbox { overflow-x:scroll;overflow-y:hidden; height:80px;width:95%;}
.gallery_picture_images { height:80px;width:2500px;}
.gallery_picture_images img {height:50px;float:left;clear:none;margin-left:4px;}
.gallery_picture_main img { float:left;width:500px; }
#gallery_picture_caption { float:left;width:200px;margin:8px;color:black;}


#margin { color:#black;}
#margin h1 {} 
#margin a { color:brown;text-decoration:none; }
#margin a:hover {text-decoration:underline;}

div.spacer{clear:both; height:10px; display:block;}

#footerbar {background: url(/images/zlayout-footerbar.jpg) no-repeat;width:100%;text-align:center;display:block; height:30px; font-size:11px; color:#382918;}
#footerbar a { color:#333; text-decoration:none; }
#footerbar a:hover { color:#000; }



.admin { table-layout:auto;color:#000; width:100%; border-collapse:collapse;background-color:white;} /*  could set default bg color */
.admin h1 { width:100%; color:#000; border-bottom:1px solid black; }
.admin td { color:#000; }
#admin img {float:none;}
.admin a { color:#003; }
.admin a:visited { color:#000; }
.admin a:hover {color:black;}
.admin_background { background-color:#85b4e0; } /* background of admin screen headers */
.admin_row_highlight { background-color:#EEE; } /* lighter than site page background for row highlight */
#admin_tabs input {font-size:1em;}
.admin_tabs { width:100%;border:none; border-collapse:collapse; padding:0px; margin:0px; }
.admin_tab_enabled   { border: 1px solid black; margin:0px; padding:0px; width:1%;background-color:#AAA; }
.admin_tab_enabled input         { border:none; padding:0; margin:0; background-color: #EEE; } /* bk must be set or button draws border */
.admin_tab_enabled input:hover { background-color:#FFF;font-weight:bold }
                                                                     /* _selected bk and bottom border to main site bk */
.admin_tab_selected { margin:0px; padding:0px; border-top: 1px solid black; width:1%;
             border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid #C0dCF6; }
.admin_tab_selected input {color:#000; border:none; padding:0;margin:0; background-color:#C0dCF6;} /* bk must be set or button draws border */
.admin_tab_filler { width:99%; border-bottom:1px solid black; }


/* used for all admin screens to form columns */
.dark_heading td { color:#FFF;background-color:#000; border:1px solid black; }
.dark_line td { border-bottom:1px solid black; border-left:1px solid black; }
.dark_line_right { border-right:1px solid black; }