/* ----- preface.css ----- */

a
{
   color: #666;
}

p
{
   margin-top: 10px;
}

body
{
   background: #666;
   color: #666;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
}

#header
{
   margin: 30px auto auto auto;
}

#background
{
   width: 100%;
   background: #CCC9C9 url(../images/background.gif) repeat-x;
}

#background h1
{
   float: left;
   text-align: left;
   display: inline;
   font-size: 18px;
   font-weight: bold;
   width: 100%;
   padding: 8px 0 0 20px;
   color: #999;
}

#footer
{
   width: 100%;
}

.footer
{
   padding: 30px;
}

#content
{
   margin-left: 260px;
}

.content
{
   padding: 0px;
   padding-top: 30px;
}

#sidebar
{
   float: left;
   width: 260px;
   height: 100%;
}

#menu
{
   margin-top: 30px;
   width: 100%;
   text-align: center;
}

ul.menu li
{
   display: inline;
   font-size: 11px;
   white-space: nowrap;
}

ul.menu li:before
{
   content: '| ';
}

ul.menu li:first-child:before
{
   content: '';
}

#error
{
   width: 100%;
}

.error
{
   color: #FD2B32;
   margin: 30px 10px;
}

.error ul
{
   list-style: square;
   list-style-position: outside;
   padding-left: 30px;
}

.error li
{
   list-style: square;
   list-style-position: inside;
   padding-left: 30px;
}

#message
{
   width: 100%;
}

.message
{
   color: #000000;
   margin: 30px 10px;
}

.message ul
{
   list-style: square;
   list-style-position: outside;
   padding-left: 30px;
}

.label
{
   color: #333;
   padding-top: 2px;
   text-align: left;
   font-size: .9em;
}

.input
{
   width: 260px;
   height: 18px;
   font-size: 15px;
   border: 1px solid #666;
}