/*=============================================================================
*
*============================================================================*/
html {
   padding: 0;
   margin: 0;
}

/*=============================================================================
*
*============================================================================*/
body {
   padding: 24px 0;
   margin: 0;
   background-color: #000000;
}

/*=============================================================================
*
*============================================================================*/
div#page {
   width: 768px;
   margin: auto;
   background-color: #000000;
}

/*=============================================================================
*
*============================================================================*/
div#header {
   background-image: url('../img/background/page-background.png');
   background-position: top left;
   padding: 8px;
}

/*=============================================================================
*
*============================================================================*/
div#top {
   margin: 0;
   padding: 8px 0 8px 8px;
   font-size: 4pt;
   font-family: arial;
   text-align: left;
   line-height: 1px;
}

div#top h1 {
   margin: 0;
   padding: 4px;
   color: #a63737;
   font-size: 8pt;
   font-family: arial;
   text-align: right;
}

div#top h1 a {
   color: #a63737;
}

/*=============================================================================
*
*============================================================================*/
div#presentation {
   height: 256px;
   background-color: black;
   border: 1px solid #414141;
}

/*=============================================================================
*
*============================================================================*/
div.navigation {
   height: 32px;
   background-color: #000000;
   padding: 4px 0 4px 0;
}

div.navigation ul {
   list-style-type: none;
   padding: 0;
   margin: 0 auto;
   width: 717px;
   height: 32px;
}

div.navigation ul li {
   padding: 0;
   margin: 0 1px;
   float: left;
   background-image: url('../img/background/navigation-background.png');
}

div.navigation ul li.separator {
   width: 1px;
   height: 32px;
   display: block;
}

div.navigation ul li a {
   color: #c4bab8;
   font-size: 11px;
   font-family: arial;
   font-weight: bold;
   text-transform: uppercase;
   text-decoration: none;
   border: 1px solid #000000;
   display: block;
   padding: 8px 0px;
   width: 112px;
   text-align: center;
   background-color: #000000;
}

div.navigation ul li a:hover {
   color: #e5dda7;
   border: 1px solid #312e2e;
   background-image: url('../img/background/page-background.png');
}

div.navigation ul li a.active {
   text-decoration: underline;
}

/*=============================================================================
*
*============================================================================*/
div#page-list {

}

div#page-list ul {

}

div#page-list ul li {

}

div#page-list ul li a {
   color: #c4bab8;
   text-decoration: none;
}

div#page-list ul li a:hover {
   text-decoration: underline;
}

div#page-list ul li a.active {
   color: #e5dda7;
}

/*=============================================================================
*
*============================================================================*/
div#content {
   background-image: url('../img/background/page-background.png');
   background-position: top left;
   padding: 0;
}

div#content h2 {
   color: #c4bab8;
   padding: 2px 4px 2px 4px;
   margin: 0;
   font-size: 12pt;
   font-family: arial;
   background-color: #1B1B1B;
}

div#content h3 {
   color: #a63737;
   padding: 2px 6px;
   margin: 8px 0 8px 0;
   font-size: 11pt;
   font-family: arial;
}

div#content p {
   color: #c4bab8;
   font-family: arial;
   font-size: 10pt;
   padding: 0;
   margin: 16px 12px;
   line-height: 150%;
}

div#content a {
   color: #1251AF;
}

div#content ul {
   color: #c4bab8;
   font-size: 10pt;
   font-family: arial;
   line-height: 150%;
   padding: 0;
   margin: 12px 12px 12px 36px;
   list-style-type: square;
}

div#content div.button {
   text-align: center;
   font-size: 1px;
   line-height: 1px;
   margin: 16px 12px;
}

div#content div.button img {
   border: none;
}

/*=============================================================================
*
*============================================================================*/
table.bipanel {
   width: 100%;
   border-spacing: 8px;
}

table.bipanel td {
   background-color: #000000;
   padding: 4px;
   margin: 0;
   vertical-align: top;
}

/*=============================================================================
*
*============================================================================*/
div.thumbnail {
   background-image: url('../img/background/thumbnail-background.png');
   padding: 4px 8px 8px 8px;
   width: 162px;
   height: 266px;
   float: left;
   margin: 24px 0px 24px 50px;
}

div.thumbnail h3 {
   padding: 3px 2px 3px 2px !important;
   margin: 0 !important;
   text-align: center;
}

div.thumbnail h3 a {
   text-decoration: none;
   color: #ffffff !important;
}

div.thumbnail img {
	/*border: 1px solid #414141;*/
	border: 1px solid #3F0F0F;
}

/*=============================================================================
*
*============================================================================*/
label {
   color: #c4bab8;
   font-size: 11px;
   font-family: arial;
   font-weight: bold;
   margin: 0;
   padding: 0;
}

input.textbox {
   border: 1px solid #414141;
   background-color: #1B1B1B;
   padding: 2px;
   margin: 0;
   color: #c4bab8;
   width: 209px;
   font-size: 11px;
   font-family: arial;
}

input.button {
   border: 1px solid #414141;
   background-color: #1B1B1B;
   padding: 2px;
   margin: 4px 0 0 0;
   color: #c4bab8;
   width: 215px;
   font-weight: bold;
   font-size: 11px;
   font-family: arial;
}

textarea.note {
   border: 1px solid #414141;
   background-color: #1B1B1B;
   padding: 2px;
   margin: 0;
   color: #c4bab8;
   width: 209px;
   font-size: 11px;
   font-family: arial;
}

/*=============================================================================
*
*============================================================================*/
div#footer {
   background-image: url('../img/background/page-background.png');
   background-position: top left;
   margin: 0 0 0 0;
   padding: 8px;
   text-align: center;
   font-family: arial;
   color: #c4bab8;
   font-size: 8pt;
}

div#footer p {
   margin: 2px;
   padding: 0;
   text-align: center;
   font-family: arial;
   color: #c4bab8;
   font-size: 8pt;
}

div#footer a {
   color: #c4bab8;
}

/*=============================================================================
*
*============================================================================*/
div#signature {
   padding: 2px;
   margin: 0;
   text-align: center;
   font-family: arial;
   color: #252525;
   font-size: 8pt;
   font-weight: bold;
}

div#signature a {
   color: #252525;
   text-decoration: none;
}