/*       CSS-Style       */



/*    Layout Template - General    */



body {
 background-image:url(images/bg_body_ok.jpg);
 background-repeat:repeat-x;
 background-color:#F5F5F5;
 padding:0;
 margin-top:12px;
 margin-bottom:12px;
 color:#666666;
 }

h1 {
 margin:0;
 padding:8px 0 8px 0;
 font-size:20px;
 }

h2 {
 margin:0;
 padding:8px 0 8px 0;
 font-size:12px;
 }

h3 {
 margin:0;
 padding:8px 0 8px 0;
 font-size:15px;
 }

h4 {
 margin:0;
 padding:8px 0 8px 0;
 font-size:10px;
 }
 #linkmini {
 text-decoration:underline;
 color:#003399;
 font-weight:normal;
 }

p {
 margin:0;
 padding:8px 0 8px 0;
 }

#top {
 background-image:url("images/rounded_ok.gif");
 height:24px;
 font-size:2px:
 }

#megabox {
 padding:0;
 margin:0 auto;
 font-family:Verdana, sans-serif;
 width:977px;
 font-size:14px;
 }

#megabox a {
 text-decoration:underline;
 color:#003399;
 font-weight:bold;
 }

#megabox a:hover {
 text-decoration:underline;
 color:#D7722E;
 font-weight:bold;
 }

#bg {
 background-image:url(images/bg_ok.gif);
 background-repeat:repeat-y;
 padding:0;
 margin:0 auto;
 }



/*    Layout Template - Header    */




#header {
 height:150px;
 margin:0 auto;
 width:977px;
 background-image:url(head.jpg);
 background-repeat:no-repeat;
 }

#logo {
 float:left;
 margin-left:30px;
 height:105px;
 width:205px;
 background-image:url(images/logotp.jpg);
 background-repeat:no-repeat;
 }

#banner_top {
 float:left;
 margin-left:10px;
 height:90px;
 width:720px;
 border:0px;
 border-width:1px;
 }

#navbar_up {
 clear:both;
 margin:0 auto;
 height:30px;
 width:915px;
 border:0px;
 border-width:1px;
 }


/*    Layout Template - Content    */


#menu_left {
 float:left;
 width:200px;
 margin-right:11px;
 border:1px solid #606573;
 border-width:1px;
 }

#content_right {
 float:left;
 width:700px;
 border:1px solid #606573;
 border-width:0px;
 }

#content_2col {
 float:left;
 margin:0 30px 13px 31px;
 width:915px;
 }

#content {
 float:left;
 margin:0 30px 13px 30px;
 width:915px;
 border:0px;
 border-width:1px;
 }



/*    Layout Template - Footer    */



#footer {
 clear:both;
 margin:0 auto;
 height:30px;
 width:915px;
 border:1px solid #606573;
 border-width:1px;
 }

#bottom {
 clear:both;
 background-image: url("images/rounded_ok.gif");
 height:24px;
 font-size:2px:
 margin-top:-24px;
 background-position:100% -24px;
 }
 /*    Layout Template - menu    */
    #tabsJ {
      float:left;
      width:100%;
      background:#F4F4F4;
      font-size:93%;
      line-height:normal;
          border-bottom:1px solid #24618E;
      }
    #tabsJ ul {
        margin:0;
        padding:1px 10px 0 1px;
        list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("images/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("images/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }

        #tabsJ #current a {
                background-position:0% -42px;
        }
        #tabsJ #current a span {
                background-position:100% -42px;
                color:#FFF;
        }