/******************************************************************************/
/* HTML ELEMENTS */
* { margin: 0px; padding: 0px; }
body { font: normal 62.5% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
html { height: 100%; margin-bottom: 1px; }
a { text-decoration:none; }
a:hover { text-decoration:none; }
img { border: none; }
form { padding: 0px; margin: 0px; }
table { border-collapse: collapse; vertical-align: top; }

/******************************************************************************/
/* PAGE ELEMENTS */
#pageBG { height: auto; width: 100%; position: absolute; z-index: 1; }
#page { width: 922px; margin: auto; position:relative; margin-top: 7px; height: auto;   }
#flashContent { position:absolute; width: 922px; z-index: 10; padding-left: 4px; }
#htmlContent { position: absolute; width: 922px; z-index: 20; top: 480px; }

/******************************************************************************/
/* BOX1 ELEMENTS */
#box1 { width: 463px; margin: auto; background: #ffffff;  }
#box1 p  { color: #373737; padding: 0px 25px 10px; font-size: 1.4em; line-height: 1.4em; margin-top: 8px; }
#box1 h1 { color: #000000; padding: 5px 10px 0px 25px; font-size: 1.8em; text-transform:uppercase; }
#box1 h2 { color: #515151; padding: 0px 10px 0px 25px; font-size: 1.6em; font-weight: bold; }
#box1 h3 { color: #515151; padding: 0px 10px 0px 25px; font-size: 1.8em; font-weight: bold; }
#box1 ul { list-style: none; color: #515151; font-size: 1.2em; }
#box1 li { padding-left: 25px; }
#spacer { background: url("/penta_images/spacer.gif") no-repeat center center; margin: auto; padding: 0; width: 463px; height: 10px; display: block; clear: both; }

#box1 strong { color: #000;  }
/******************************************************************************/
/* BOX2 ELEMENTS */

#box2 { width: 463px; padding: 15px 50px 0px 50px; margin: auto; text-align: center; color: #98bfee; }
#box2 h1 { color: #fff; padding: 5px 10px 5px 15px; margin-bottom: 10px; font-size: 1.8em; text-transform:uppercase; }
#box2 p { color: #98bfee; padding: 0 15px 10px; font-size: 1.1em; }
#box2 p strong { color: #fff; }

/******************************************************************************/
/* BOX3 ELEMENTS */
#box3    { width: 190px; position: absolute; top: 480px; left: 40px; z-index: 40; background:  url("/penta_images/box3_bottom.gif") no-repeat center bottom; padding-bottom: 53px;}
#box3 p  { padding: 0px 15px 5px; }
#box3 h1 { color: #515151; padding: 5px 10px 0px 15px;  font-size: 1.8em; }
#box3 ul { list-style: none;   }
#box3 li a{ text-decoration: none; color: #ffffff; }
#box3 li { display: block; padding: 10px 10px 0; height: 28px; color: #4d84d0; font-size: 1.2em; line-height: 1.1em; text-transform: uppercase;   }
#box3 li:hover, #box3 li.on { color: #081e3b;  text-indent: 2px; background-position: 0px -50px; }

/******************************************************************************/
/* FOOTER ELEMENTS */


#footer { padding-top: 65px; margin: auto; text-align: center; color: #98bfee; font-size: 1.1em; font-weight: bold;background: url("/penta_images/footer_bg.gif") no-repeat center top; }
#box2 p { font-size: 1em;}
#box2 ul { list-style:none; }
#box2 li { display: inline; font-size: 1.2em; }
#box2 li a { color: #98bfee; }
#box2 li a:hover { color: #fff; }
.zTable { font-size: 1.1em; margin: auto; color: #1459c1; }
.zTable td { background: #f5f7fb; border-bottom: 1px solid #c7d3e6; padding: 2px; }
#box1 .zTable td p { margin: 0; font-size: 1.1em; padding: 0; }

#dhtmltooltip{ color: #23304d; position: absolute; left: -300px; width: 150px; border: 1px solid #138c8b; padding: 5px; background-color: #d6f7f3; visibility: hidden; z-index: 100; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); font-size: 1.2em; }
#dhtmlpointer{ position:absolute; left: -300px; z-index: 101; visibility: hidden; }

body { background: #0c2743; }
#pageBG { background: url("/penta_images/bg_top1.gif") repeat-x;  }
#box3 li { background: url("/penta_images/sub_nav_bg1.jpg") left top; }

.news { padding: 9px 15px; }
.news .date { font-size: 1.1em; letter-spacing: .01em; text-transform: uppercase; font-weight: bold; }
.news .date a { color: #06C; }
.news .title { font-size: 1.4em; }
.news .title a { color: #333; }