html, body
{
   margin           : 0;
   padding          : 0;
   background       : #eade7c;
}

body
{
   text-align       : center;
}

div#pageContainer
{
   width            : 960px;
   margin           : 0 auto;
   text-align       : left;
}

div#pageTopNavi
{
   width            : 960px;
   height           : 35px;
   margin           : 0;
   padding-bottom   : 6px;
   color            : #646464;
   background       : #eade7c;
   text-align       : right;
}

div#pageTopNavi p
{
   height           : 35px;
   line-height      : 35px;
   margin           : 0;
   padding          : 0;
   padding-top      : 8px;
}

div#pageTopNavi a
{
   font-family      : verdana, arial, helvetica, sans-serif;
   font-size        : 11px;
   color            : #666644;
   text-decoration  : none;
}

div#pageTopNavi a:hover
{
   color            : #abab81;
   text-decoration  : underline;
}

div#pageHeaderSpacer
{
   width            : 960px;
   height           : 6px;
   background       : #f0f0f0;
   background-image : url(/Theme/Images/top.png);
   background-repeat: no-repeat;
}

div#pageHeader
{
   width            : 960px;
   height           : 230px;
   margin           : 0 auto;
   padding          : 0;
   background       : #454545;
   color            : #000000;
}

div#pageHeaderContent
{
   width            : 490px;
   height           : 230px;
   float            : left;
}

div#pageHeaderStatus
{
   width            : 470px;
   height           : 115px;
   background       : #454545;
   float            : right;
   text-align       : left;
}

div#pageHeaderStatus h1
{
   font-family      : arial, helvetica, sans-serif;
   font-size        : 13px;
   font-weight      : 600;
   color            : #fffac2;
   margin-left      : 40px;
   margin-top       : 16px;
   vertical-align   : middle;

}

div#pageHeaderStatus table, div#pageHeaderStatus tr, div#pageHeaderStatus td
{
   font-family      : arial, helvetica, sans-serif;
   font-size        : 11px;
   font-weight      : 600;
   color            : #ffffff;
   margin-left      : 40px;
   padding-top      : 4px;
}

div#pageHeaderStatus input
{
   font-family      : arial, helvetica, sans-serif;
   font-size        : 11px;
   color            : #202020;
   margin-left      : 20px;
   border           : solid 1px #7b7878;
}

div#pageHeaderLogo
{
   width            : 470px;
   height           : 115px;
   background       : #454545;
   float            : right;
   clear            : right;
   text-align       : center;
}

div#pageHeaderLogo img /* hack to center logo cross-browser */
{
   margin-top       : 15px;
}

div#pageMenu
{
   width            : 960px;
   height           : 41px;
   margin           : 0;
   padding          : 0;
   color            : #ffffff;
   background       : #454545;
}

div#pageMenu ul
{
   width            : 960px;
   height           : 41px;
   list-style-type  : none;
   margin           : 0;
   padding          : 0;
   border-left      : solid 1px #909090;
   border-right     : none;
}

div#pageMenu li
{
   display          : inline;
   margin           : 0;
   padding          : 0;
}

div#pageMenu a
{
   width            : 159px;
   height           : 41px;
   line-height      : 41px;
   margin           : 0;
   padding          : 0;
   color            : #ededed;
   display          : block;
   float            : left;
   font-family      : arial, helvetica, sans-serif;
   font-size        : 14px;
   font-weight      : 800;
   text-decoration  : none;
   text-align       : center;
   border-right     : solid 1px #909090;
   background-image : url(/Theme/Images/menubg.png);
   background-repeat: repeat;
}

div#pageMenu a:hover
{
   text-decoration  : underline;
}

div#content
{
   background       : #fffac2;
   margin           : 0;
   padding          : 0;
}

div#contentWrapper
{
   margin           : 0;
   padding          : 0;
}

div#contentLeft
{
   width            : 184px;
   background       : #fffac2;
   float            : left;
}

div#contentRightTitle
{
   float            : right;
   width            : 768px;
   padding-left     : 4px;
   padding-right    : 4px;
   margin           : 0;
}

div#contentRightDetail
{
   float            : right;
   width            : 768px;
   padding-left     : 4px;
   padding-right    : 4px;
   margin           : 0;
}

div#pageFooter
{
   width            : 960px;
   height           : 47px;
   margin           : 0;
   padding          : 0;
   padding-top      : 5px;
   background       : #454545;
   color            : #d0d0d0;
   clear            : both;
   display          : block;
   text-align       : center;
   font-family      : arial, helvetica, sans-serif;
}

div#pageFooter a
{
   font-family      : arial, helvetica, sans-serif;
   font-size        : 12px;
   font-weight      : bold;
   color            : #f0f0f0;
   text-decoration  : none;
}

div#pageFooter a:hover
{
   font-family      : arial, helvetica, sans-serif;
   font-size        : 12px;
   color            : #b0b0b0;
   font-weight      : bold;
   text-decoration  : underline;
}

div#pageFooterCopyright
{
   font-size        : 11px;
}

div#box1
{
}

div#box1Title h1
{
   font-family      : arial, helvetica, sans-serif;
   font-size        : 14px;
   font-weight      : bold;
   color            : #202020;
   text-decoration  : none;
   margin-left      : 20px;
   margin-right     : 20px;
   margin-bottom    : 10px;
   margin-top       : 10px;
   border-bottom    : solid 1px #101010;
}

div#box1Content
{
   font-family      : arial, helvetica, sans-serif;
   font-size        : 11px;
   color            : #202020;
   text-decoration  : none;
   margin-left      : 20px;
   margin-right     : 20px;
   margin-bottom    : 10px;
}

div#box1Content a
{
   font-weight      : bold;
   color            : #9b9e42;
   text-decoration  : none;
}

div#box1Content a:hover
{
   color            : #faa952;
   text-decoration  : underline;
}

div#box2
{
   background       : #f8f8f8;
   border           : solid 1px #f19f47;
   margin           : 2px;
}

div#box2Title
{
   height           : 30px;
   background       : #f19f47;
   border-bottom    : solid 1px #f19f47;
}

div#box2Title h1
{
   height           : 30px;
   margin-left      : 16px;
   line-height      : 30px;
   margin-top       : 0;
   font-family      : arial, helvetica, sans-serif;
   font-size        : 14px;
   font-weight      : bold;
   color            : #eeeeee;
   text-decoration  : none;
}

div#box2Content
{
   font-family      : arial, helvetica, sans-serif;
   font-size        : 11px;
   font-weight      : bold;
   color            : #000000;
   background       : #f8f8f8;
   text-decoration  : none;
   margin-left      : 16px;
   margin-right     : 16px;
   margin-bottom    : 8px;
   margin-top       : 8px;
}

div#box2Content a
{
   font-weight      : bold;
   color            : #ff8d4d;
   text-decoration  : none;
}

div#box2Content a:hover
{
   color            : #000000;
   text-decoration  : underline;
}

div#box3
{
   border           : solid 1px #b8bd57;
   background       : #e2e391;
   margin           : 4px;
}

div#box3Title h1
{
   font-family      : arial, helvetica, sans-serif;
   font-size        : 14px;
   font-weight      : bold;
   color            : #656727;
   text-decoration  : none;
   margin-left      : 24px;
   margin-right     : 24px;
   margin-top       : 16px;
}

div#box3Content
{
   font-family      : arial, helvetica, sans-serif;
   font-size        : 12px;
   color            : #464646;
   text-decoration  : none;
   margin-left      : 24px;
   margin-right     : 24px;
   margin-top       : 16px;
}

div#box3Content a
{
   font-weight      : bold;
   color            : #d15918;
   text-decoration  : none;
}

div#box3Content a:hover
{
   color            : #38576d;
   text-decoration  : underline;
}

div#box4
{
   background       : #ffffff;
   border           : solid 1px #e2e391;
   margin           : 4px;
}

div#box4Title
{
   height           : 30px;
   background       : #e2e391;
   border-bottom    : solid 1px #e2e391;
}

div#box4Title h1
{
   height           : 30px;
   margin-left      : 16px;
   line-height      : 30px;
   margin-top       : 0;
   font-family      : arial, helvetica, sans-serif;
   font-size        : 14px;
   font-weight      : bold;
   color            : #000000;
   text-decoration  : none;
}

div#box4Content
{
   font-family      : arial, helvetica, sans-serif;
   font-size        : 12px;
   color            : #000000;
   text-decoration  : none;
   margin-left      : 16px;
   margin-right     : 16px;
   margin-bottom    : 8px;
   margin-top       : 8px;
}

div#box4Content a
{
   font-weight      : bold;
   color            : #f18608;
   text-decoration  : none;
}

div#box4Content a:hover
{
   color            : #2277be;
   text-decoration  : underline;
}

/******************************************/
html, body, div#pageTopNavi
{
  background: url(/Theme/Images/background.png) repeat-x;
}