html, body { height:100%; }
* { margin: 0; padding: 0; }
body { font-family: Arial, Helvetica, sans-serif; text-align: center; border: 0; background: url(pics/bg.gif) #b11f17;}

/* holder */
#holder { position: relative; margin: 24px auto; width: 943px; overflow: hidden; text-align: left; }

/* holder - head */
#holder #hhead { position: relative; float: left; width: 9434px; height: 194px; background: url(pics/bgHHead.jpg); z-index:1; }
#holder #hhead .hhead { position: relative; float: left; width: 9434px; height: 194px; background: url(pics/bgHHead.gif) top right no-repeat; }
#holder #hhead .hhead h1.logo { position: absolute; display: block; top: 30px; left: 498px; width: 276px; height: 87px; background: none; }
#holder #hhead .hhead h1.logo a {  }
#holder #hhead .hhead h1.logo a span { display: none; }

/* holder - body */
#holder #hbody { position: relative; float: left; width: 943px; background: url(pics/bgHBody.jpg) no-repeat #FFFFFF; z-index: 2; }
#holder #hbody .hbody { min-height: 470px; padding-bottom: 40px; overflow: hidden; z-index: 3; }

#holder #hbody .hbody .tpl { position: relative; float: left; display: inline; padding-left: 18px; margin: 28px 0px 0px 210px; width: 631px; overflow: hidden; color: #000; background: url(pics/verticalDot.gif) left repeat-y; }
#holder #hbody .hbody .tpl .content { position: relative; float: left; padding: 0; }
#holder #hbody .hbody .tpl .content h1.title { display: block; width: 612px; height: 35px; font-size: 200%; margin: 0 0 .4em 0; line-height: 1em; color: #f57d33; text-align: right; background: url(pics/horizontalDot.gif) bottom repeat-x; }
#holder #hbody .hbody .tpl .content .intro { font-weight: bold; }

/* holder - footer */
#holder #footer { position: relative; float: left; padding: 0px 10px 0px 10px; width: 923px; height: 36px; background: url(pics/bgFooter.gif) no-repeat; z-index: 10; }
#holder #footer h1 { display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: 36px; color: #b11f17; }
#holder #footer address { position: absolute; left: 28px; top: -198px; width: 154px; height: 144px; font-size: 12px; line-height: normal; font-style: normal; z-index: 100; }
#holder #footer address a,
#holder #footer address a:visited { color: #000000; text-decoration: none; }
#holder #footer address a:hover { color: #000000; text-decoration: underline; }
#holder #footer address span.line { display: block; width: 100%; height: 31px; background: url(pics/horizontalDot.gif) 0px 50% repeat-x; }

/* main menu */
#mainMenu { position: absolute; width: auto; height: 36px; top: 141px; left: 207px; margin:0; padding: 0; height: 23px; z-index: 4; }
#mainMenu ul { list-style: none; width: auto; height: 36px; }
#mainMenu ul li { float: left; display: inline; height: 36px; background: url(pics/divMainMenu.gif) 0px 50% no-repeat; }
#mainMenu ul li.firstNode { background: none; }
#mainMenu ul li a, 
#mainMenu ul li a:link, 
#mainMenu ul li a:active, 
#mainMenu ul li a:visited { display: block; margin: 0px 3px 0px 3px; height: 36px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 36px; color: #b11f17; text-decoration: none; }
#mainMenu ul li a:hover, 
#mainMenu ul li a.active, 
#mainMenu ul li a.active:link, 
#mainMenu ul li a.active:visited, 
#mainMenu ul li a.active:hover, 
#mainMenu ul li a.active:active { display: block; margin: 0px 3px 0px 3px; height: 36px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 36px; color: #000000; text-decoration: none; background: url(pics/bgMainMenu.gif) left; }
#mainMenu ul li a span { padding: 0px 10px 0px 10px; display: block; }
#mainMenu ul li a:hover span,
#mainMenu ul li a.active span { background: url(pics/bgMainMenuBorder.gif) right no-repeat; }
* html #mainMenu ul li { width: 1px; white-space: nowrap; }

/* main menu - Sub 1 */
#mainMenu ul li ul { position: absolute; top: 36px; left: 0px; list-style: none; width: 120px; height: auto; border-top: 1px solid #FFFFFF; background: url(pics/verticalDot.gif) left repeat-y #FFFFFF;  }
#mainMenu ul li ul li { display: block; padding: 0; width: 120px; height: 30px; background: none; }
#mainMenu ul li ul li.lastNode { background: url(pics/horizontalDot.gif) bottom repeat-x; }
#mainMenu ul li ul li a, 
#mainMenu ul li ul li a:link, 
#mainMenu ul li ul li a:active, 
#mainMenu ul li ul li a:visited { display: block; margin: 0; padding: 0px 4px 0px 4px; width: 112px; height: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: 30px; color: #000000; text-decoration: none; cursor: hand; background: url(pics/verticalDot.gif) right repeat-y; }
#mainMenu ul li ul li a:hover, 
#mainMenu ul li ul li a.active, 
#mainMenu ul li ul li a.active:link, 
#mainMenu ul li ul li a.active:visited, 
#mainMenu ul li ul li a.active:hover, 
#mainMenu ul li ul li a.active:active { display: block; margin: 0; padding: 0px 4px 0px 4px; width: 112px; height: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 30px; color: #000000; text-decoration: none; cursor: hand; background: url(pics/verticalDot.gif) right repeat-y; }
#mainMenu ul li ul li a span,
#mainMenu ul li ul li a:hover span,
#mainMenu ul li ul li a.active span { display: block; padding: 0px 6px 0px 6px; width: 100px; background: url(pics/horizontalDot.gif) bottom repeat-x; }