body { margin: 0; background: #DDE1E7 url(/images/bg_body.gif) repeat-x top left; color: #111; text-align: center; }
// body { margin: 0; background: #DDE1E7 url(/images/bg_body.gif) repeat-x top left; color: #111; text-align: center; }
body, div, th, td { font: 12px/16px Arial, Verdana, sans-serif; }

#toplogo { height: 100px; width: 1000px; padding: 0px; margin: 0px; position: absolute; overflow: hidden; top:-100px; left: 0px; background: url(/images/Zse3.png) no-repeat top left; float: left; }
#login { height: 100px; width: 200px; padding: 0px; margin: 5px; position: absolute; overflow: hidden; top:-100px; left: 800px; text-align: left; background: transparent; }

/* TYPOGRAPHY */
h1, h2, h3 { font-weight: bold; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; color: #002667; }
h6 { height: 128px; width: 207px; padding: 0; margin: 0; z-index: 2; position: absolute; overflow: hidden; top:-95px; left: 14px; background: url(/images/logo.gif) no-repeat top left; }
h6 a { display: block; height: 128px; width: 207px; color: transparent; background: transparent; }
h6 a:hover { background: transparent;  }
h6 span { display: block; width: 0; height: 0; overflow: hidden; }
h1, #home h2 { margin: 0 12px 3px; padding: 0 0 12px; font-size: 16px; background-position: bottom center; background-repeat: no-repeat; }
h1 { background-image: url(/images/bg_h1.gif); }
// .wide h1 { background-image: url(/images/bg_h1_wide.gif); }
h2, #home h3 { margin: 8px 12px 3px; padding: 0; font-size: 14px; }
h3, #home h4 { margin: 0 12px 0; padding: 0 0 2px; font-size: 12px; }
h4 {  margin: 0 12px 0; padding: 0; font-size: 12px; color: #444; }
p, ul, ol, table { margin: 0 12px 8px; padding: 0;}
ul { list-style-type: none; }
ul ul, ol ol, ol ul, ul ol { margin-bottom: 0; }
ol { margin-left: 3em; }
li { margin: .2em 0 .4em; padding: 0; }
blockquote { margin: 0 12px 8px 30px; padding: 1px 0 1px 18px; /*font-weight: bold;*/ color: #444; /*border: 1px solid #EEF0F3; border: 1px solid #C0C8D5;*/ background: transparent url(/images/bg_blockquote.gif) no-repeat 0 6px; }
blockquote p { margin: 5px 0; padding: 0; }
table { border-top: 1px solid #63799F; border-right: 1px solid #63799F; }
th, td { text-align: left; vertical-align: top; padding: 4px 6px; border-bottom: 1px solid #63799F; border-left: 1px solid #63799F;  }
th { border-bottom: 2px solid #63799F; font-weight: bold; background: #EEF0F3; }

div.red { color: #FF0000; margin: 0 12px 8px; font-size: 14px;}

a:link { color: #0E4099; }
a:visited { color: #555; }
a:hover { color: white; background: #0E4099; text-decoration: none; }
a:active { color: #0E4099; text-decoration: underline; }

/* graphical treatments */
ul.links { list-style-type: none; }
ul.links li, li.more { margin-bottom: 2px; padding-left: 16px; background: url(/images/bg_bullet_links.gif) no-repeat 0 .25em; }
li.more { margin-top: 8px; }
#column-middle ul li, #column-right ul li, ul.bullets li { padding-left: 15px; background: url(/images/bg_bullet.gif) no-repeat 3px .4em; }
#column-middle ul ul li, #column-right ul ul li, ul.bullets ul li { padding-left: 15px; background-image: url(/images/bg_bullet2.gif); }
#column-right ul li { background-image: url(/images/bg_bullet_green.gif); }

/* LAYOUT */
#container { width: 1000px; margin: 110px auto 20px; background: #ffffff; border: 1px solid #C7CEDA; text-align: left; position: relative; }
/* container { width: 770px; margin: 117px auto 20px; background: white url(/images/bg_normal.gif); border: 1px solid #C7CEDA; text-align: left; position: relative; } */
#widecontainer { width: 1000px; margin: 110px auto 20px; background: #000000; border: 1px solid #C7CEDA; text-align: left; position: relative; }

/* top nav */
/*
*/

/* left nav */
#column-left h2 { margin: 0; padding: 10px 12px; border-bottom: 1px dashed #CCC; }
#column-left ul.leftnav, #column-left ul.leftnav li { margin: 0; padding: 0; }
#column-left ul.leftnav a { display: block; width: 136px; padding: 3px 12px; margin: 0; border-bottom: 1px dashed #CCC; text-decoration: none; }
#column-left ul.leftnav ul a { padding-left: 24px; width: 124px; }
#column-left ul.leftnav a:hover { background: #CCC; color: black; }

/* column structure */
#column-left, #column-middle, #column-right { padding-bottom: 20px; }
#column-left { width: 160px; float: left; background: transparent url(/images/bg_left.gif) repeat-x top left; }
#column-middle { width: 421px; float: left; margin: 12px 0 0; }
#column-right { width: 180px; float: right; margin: 12px 0 0; }

//#wide #container { background: white url(/images/bg_home.gif) repeat-y top left; }
//#wide #toplogo { height: 100px; width: 1000px; padding: 0px; margin: 0px; position: absolute; overflow: hidden; top:-100px; left: 0px; background: url(/images/Zse3.png) no-repeat top left; float: left; }
#wide #column-left { width: 300px; float: left; background: transparent; }
#wide #column-middle { width: 1000px; float: left; margin: 0; }
// #wide #column-middle h2 { background-image: url(/images/bg_h1_wide_new.gif); }
#wide h2 { margin: 5px 12px 3px; padding: 0 0 2px; font-size: 16px; background-position: bottom left; background-repeat: no-repeat; }
#wide h2, #wide #column-left h2 { margin: 28px 12px 3px; }
#wide #column-right { display: none; }
#wide #column-left { display: none; }

/* middle column */

/* middle column -- wide */

/* right column */
#column-right h3 { color: #547D2D; }
.box { margin: 0 12px 12px 0; padding: 8px 0; background: #F8FAF4; border: 1px solid #BDCDAA; }

/* footer */
#footer { clear: both; background: white; border-top: 2px solid #91A0B9; }
#footer p { margin: 0; padding: 12px 12px 16px; font-size: 10px; line-height: 12px; }

/* home page */
#home #container { background: white url(/images/bg_home.gif) repeat-y top left; }
// #home #column-left { width: 300px; float: left; background: transparent url(/images/bg_home_left.gif) repeat-x top left; }
#home #column-left { width: 300px; float: left; background: transparent; }
#home #column-left h2, #home #column-left h3 { color: #547D2D; }
#home #column-left h2 { background-image: url(/images/bg_home_left_h2.gif); padding: 0 0 12px; border: none; }
#home #column-left h2 { padding: 0 0 12px; border: none; }
#home #column-left ul.links li { background-image: url(/images/bg_home_left_link.gif); }
#home #column-middle { width: 700px; float: right; margin: 0;  } 
// #home #column-middle h2 { background-image: url(/images/bg_home_middle_h2.gif); }
#home #column-middle h2 { background-image: url(/images/bg_h1_wide_new.gif); }
#home .subcolumn-1-2 { width: 350px; }
// #home #column-middle .subcolumn-1-2 h2 { background-image: url(/images/bg_home_sub_h2.gif); }
#home h2, #home #column-left h2 { margin: 20px 12px 3px; }

/* random */
.news h4, #home .news h4 { padding-left: 12px; margin: 0; float: left; }
.news p { margin-left: 65px; padding-left: 8px; border-left: 2px solid #63799F; }
.authorized {background:#D2FF8D; }

/* LAYOUT TOOLS */
.fl { float: left; }
.fr { float: right; }

.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

.inline { margin-top: -8px; }

div.clearer {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}

/* testing
div { border: 1px solid black; } */

/* Mouseover ToolTip */
#dhtmltooltip{
        position: absolute;
        width: 150px;
        border: 2px solid black;
        padding: 2px;
        background-color: lightyellow;
        visibility: hidden;
	text-align: left;
        z-index: 100;
        /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
        filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}