/*
COLORS
maroon: rgb(144, 0, 40)
*/

/* layout */

div {
    margin: 0;
    padding: 0;
/*    border: 1px solid black;*/
}

#header {
    margin: 10px auto 0px auto;
    width: 860px;
    height: 150px;
/*    background-color: rgb(144, 0, 40);*/
    background: url(../images/header.png) no-repeat top right;
    border-left: 1px solid #ccc;
    border-right: 1px solid #aaa;
    border-top: 1px solid #ccc;
}

#header img {
    float: left;
}

#container {
    margin: 0px auto 10px auto;
    width: 860px;
/*    min-height: 400px;*/
    background-color: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

#menu {
    padding-top: 10px;  /* adds up to 20px with top padding from link */
    width: 150px;
    float: left;
/*    background-color: #eee;*/
}

#menu div.menu-item {
    margin: 10px 10px 0px 7px;
    cursor: pointer;
/*    background-color: #eee;*/
}

#menu div.menu-item img {
/*    vertical-align: 50%;*/
    vertical-align: middle;
}

#menu div.menu-item a {
    margin-left: 4px;  /* adds up to 15px with image width 4px and menu-item left margin 7px */
    text-decoration: none;
    font-weight: bold;
}

#menu div.menu-item a:link, #menu div.menu-item a:visited {
    color: #666;
}

#menu div.menu-item a:hover, #menu div.menu-item a:active, #menu div.menu-item:hover a, #menu div.menu-item a.selected {
    color: rgb(144, 0, 40) !important;
}

#menu p {
    color: #333;
    font-size: 10px;
    line-height: 14px;
    margin: 0px 0px 7px 15px;
}

#menu p.first {
    margin-top: 120px;
}

#menu a.nostyle:link, #menu a.nostyle:visited {
    text-decoration: none;
    color: #333;
}

#menu a.nostyle:hover, #menu a.nostyle:active {
    text-decoration: underline;
    color: rgb(144, 0, 40);
}

#content {
    margin-left: 150px;
    padding: 20px;
    min-height: 400px;
    border-left: 1px dotted #aaa;
/*    background-color: #ddd;*/
}


/* main styles */

body {
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #ddd;
    color: #000;
}

body, p, th, td, ul, ol, li, dl, dt, dd {
/*    font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif;*/
    font-family: Helvetica, Arial, Sans-Serif;
/*    font-family: Arial, Sans-Serif;*/
    font-size: 12px;
    line-height: 16px;
/*    text-align: justify;*/
}

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

p.divider {
    border-bottom: 1px dotted #aaa;
    margin-bottom: 8px;
    padding-bottom: 16px;
}

form {
    margin: 0;
}

img {
    border: 0;
}


/* headings */

h1, h2 {
    color: rgb(144, 0, 40);
    padding: 0px;
/*    margin-bottom: 20px;*/
    margin: 0px 0px 10px 0px;
    line-height: 16px;
    font-weight: bold;
}

h1 {
    font-size: 16px;
/*    margin-top: 0px;*/
/*    margin: 0px;*/
}

h2 {
    font-size: 14px;
    margin-top: 16px;
}


/* links */

#content a:link, #content a:visited {
    color: rgb(144, 0, 40);
/*    font-weight: bold;*/
}

#content a:hover, #content a:active {
    color: #000;
/*    font-weight: bold;*/
}

#content a.nostyle {
    color: #000;
    text-decoration: none;
}


/* lists */
ul {
    list-style: square;
    padding: 0 0 0 16px;
    margin: 0 0 8px 0;
}

ol {
    padding: 0 0 0 16px;
    margin: 0 0 8px 0;
}

li {
    text-align: left;
}

ul.articles {
    padding: 0px;
    list-style: none;
    border-top: 1px dotted #aaa;
}

ul.articles li {
    margin: 0px;
    padding: 8px 0px;
/*    padding: 8px 4px;*/
    border-bottom: 1px dotted #aaa;
    min-height: 32px;
}

ul.articles li:hover {
    background-color: #eee;
}

ul.articles li:hover span.disabled {
    color: #eee;
}

ul.articles li span.title {
    padding-right: 80px;
    display: block;
}

ul.articles li span.links {
    float: right;
}


/* tables */

table {
    border-collapse: collapse;
    width: 100%;
}

tr.highlight:hover {
    background: #eee;
}

td, th {
    padding: 0px;
    vertical-align: top;
    text-align: left;
}

th {
    font-weight: bold;
}


/* text formatting */

.justify {
    text-align: justify;
}

.bold {
    font-weight: bold;
}

.warning {
    font-weight: bold;
    color: #ff0000;
}

.success {
    font-weight: bold;
    color: #006600;
}

.disabled {
/*    color: #999;*/
    color: #fff;
}