/**************/
/* TAG STYLES */
/**************/
html
{
   height: 100%;
}

body
{
   background: url(/img/desk.jpg) repeat top left;
   font-family: courier new, monospace;
   height: 100%;
   margin: 0px;
}

h1
{
   display: block;
   font-family: courier new, monospace;
   font-weight: bold;
   font-size: 40px;
   line-height: 40px;
   margin: 0px;
   text-align: center;
}


/*************/
/* ID STYLES */
/*************/
div#pageContainer
{
   background: url(/img/notebook.jpg) repeat-y;
   width: 770px;
}

div#pageContainer td#page
{
}

div#pageHeaderContainer
{
   background: url(/img/desk.jpg) top left repeat-x;
   padding-top: 30px;
}

div#pageHeaderContainer div#pageHeader
{
   background: url(/img/notebook-top.gif) top no-repeat;
   padding-left: 30px;
   padding-right: 55px;
   height: 130px;
}

div#pageNavigationContainer
{
   padding-left: 30px;
   padding-right: 55px;
}

div#pageNavigationContainer div#pageNavigation
{
   margin-left: auto;
   margin-right: auto;
   width: 660px;
}

div#pageContentContainer
{
}

div#pageContentContainer div#pageContent
{
   margin-bottom: 25px;
   margin-left: 30px;
   margin-right: 55px;
   margin-top: 25px;
}

div#pageFooterContainer
{
   margin-left: 30px;
   margin-right: 55px;
   padding-bottom: 15px;
}

div#pageFooterContainer div#pageFooter
{
   font-weight: bold;
   font-size: 12px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   width: 180px;
}


/****************/
/* CLASS STYLES */
/****************/
div.white-paper
{
   border: 1px dotted #D0D0D0;
   background-image: url(/img/white-paper-tile2.gif);
}


div.black-paper
{
   border: 1px dotted #808080;
   background-image: url(/img/black-paper-tile.gif);
}


div.clear
{
   clear: both;
   font-size: 1px;
   height: 1px;
   overflow: hidden;
   width: 100%;
}