body {behavior: url("/css/hover.htc");}
html, body{ margin:0; padding:0; background-color:#7897C6; font-size: 13px; color:#000033; font-family: Arial, Verdana, Geneva, sans-serif; line-height: 15px; }
/* global styles */
body {margin:0; padding:0; background:#7897C6; font-size: 13px; color:#000033; font-family: Arial, Verdana, Geneva, sans-serif; line-height: 15px; left: auto; right: auto; margin-left: auto; margin-right: auto; }
p, blockquote, li { font-size: 13px; color:#000033; font-family: Arial, Verdana, Geneva, sans-serif; line-height: 15px;}
td { font-size: 13px; color:#000033; font-family: Arial, Verdana, Geneva, sans-serif; line-height: 15px; vertical-align:top;}
/* for header file */
#page {width:800px; left: auto; right: auto; margin-left: auto; margin-right: auto;}
#container {width:800px; background:#ffffff; border-left:1px solid #363636; border-right:1px solid #363636; border-bottom:1px solid #363636; right:auto; margin-left:auto; margin-right:auto; position:relative;}
#banner {position:relative; width:800px; padding-bottom:0px; margin-bottom:0px; }
#navigation {width:100%; height:32px; background: #ffffff url(http://www.habermediation.com/img/global/nav_back2.jpg) repeat-x; padding-top:0px; margin-top:0px; position:relative; top:-3px; z-index:1000; }
#content {clear:both; width:700px; background-color:#ffffff; padding:0 50px 0 50px;
font-size: 13px; color:#000033; font-family: Arial, Verdana, Geneva, sans-serif; line-height: 15px;}
#main_content { }
#footer {clear:both; background-color:#ffffff; width:800px; margin-top:40px; padding-bottom: 10px; font-size:10px; color:#6F6F6F; text-align:center; font-family: Arial, Verdana, Geneva, sans-serif; }
/* link styles */
a:link, a:visited, a:active {color:#6B54AB; text-decoration: none; }
a:hover {color: #1000A9; text-decoration: underline; }
a.bottom_nav:link, a.bottom_nav:visited, a.bottom_nav:active {color:#0088D6; text-decoration: none; }
a.bottom_nav:hover {color: #0088D6; text-decoration: underline; }
/* page styles */
#pagetitle {color:#013074; font-size:20px; line-height:24px; padding-bottom:15px; font-family:Times, serif; }
.bold-blue {color:#013074; font-weight:bold;}
.padded {padding-bottom:20px;}
.copyright {font-size:10px; color:#6F6F6F; }
.sectiontitle {color:#013074; font-weight:bold; font-size:14px; line-height:16px; padding-bottom:3px; }
.bulk_text {font-family: Book Antigua, Times New Roman, serif; font-size:16px; line-height:18px;}
.sidebar {width:225px; background-color:#F2F2FE; border: 1px solid #000000; padding:15px; position:relative; float:right; margin: 0 20px 20px 20px; }
.byline {font-size:10px; font-style:italic; line-height:12px; text-align:right}
.more_excerpts {width:100%; text-align:right; padding-top:30px;}
/* CSS VERTICLE POPUP MENU :: Thanks to TANFA http://www.tanfa.co.uk/ */
/* Remove Padding, Margins, Bullets, set menu width, and styles, and heading to suit */
#menu {
width: 750px; /* horizontal set size 12em; set width of menu */
color: inherit;
/* background-color: #325C99 ;*/
float: left; /* remove float for vertical */
padding-left:10px;
padding-top:9px;
}
#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
/* width: 10em; */
float: left; /* remove float and width for vertical */
}
/* style, color and size links and headings to suit */
#menu a, #menu h2, #menu h2 a {
/* font: bold 11px/16px arial, helvetica, sans-serif; */
display: block;
margin: 0px; /* add margin-right to put spacing between them */
/* padding: 2px 3px; */
text-decoration: none;
color:#ffffff;
background-color:inherit;
/* text-transform: uppercase; */
}
.top_nav {
font-family: Arial, Verdana, Geneva, sans-serif;
font-weight:normal;
font-size:15px;
display: block;
margin: 0px; /* add margin-right to put spacing between them */
color:#E0E0E0;
padding:0px 25px 2px 2px;
}
#menu a, #menu h2 a { border-width: 0px; }
#menu a:hover, #menu h2 a:hover, #menu a:hover h2 { color: #ffffff; text-decoration:underline; }
#menu ul ul {border-bottom:1px solid #000000; border-right:1px solid #000000;}
#menu ul ul a, #menu ul ul a:visited { color: #ffffff; background-color: #284D84; text-decoration: none; padding: 2px 10px 2px 3px; }
#menu ul ul a:hover { color: #ffffff; background-color: #284D84; padding: 2px 10px 2px 3px; text-decoration:underline;}
#menu ul ul a:active { color: #ffffff; background-color: #284D84; padding: 2px 10px 2px 3px; }
/* End padding, margins, bullets, menu width, styles, headings */
/* STYLING FOR EXPAND */
a.x, a.x:visited {
font-weight: inherit;
border: inherit;
color: inherit;
background-color: inherit;
background-image: url("images/expand3.gif");
background-repeat: no-repeat;
background-position: 100% 100%;
}
a.x:hover {
font-weight: bold;
border: none;
color: #a00;
background-color: inherit;
}
a.x:active {
color: #060;
border: none;
background-color: #ccc;
}
/* END STYLING FOR EXPAND */
/* POSITIONING */
#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
}
#menu ul ul { position: absolute; z-index: 500; top: auto; display: none; }
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
display: none;
}
/* END POSITIONING */
/* HIDING AND REVEALING USING HOVER */
div#menu h2:hover { color: inherit; background: #ffffff no-repeat -999px -9999px; }
div#menu li:hover { cursor: pointer; z-index: 100; }
div#menu ul ul, div#menu li:hover ul ul, div#menu ul ul ul, div#menu li:hover ul ul ul { display: none; }
div#menu ul ul ul { background-position: 0 0; }
div#menu li:hover ul, div#menu li li:hover ul { display: block; }
/* END HIDING AND REVEALING */
/* END POPUP MENU */
/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*printer styles*/
@media print{
/*hide the left column when printing*/
#leftcol{display:none;}
/*hide the right column when printing*/
#rightcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}