/*
COLORS

dark green:     4a6921
// light green:    ceefa0
light green:    ddefc4
dark blue:      212369
light blue:     898ef5

*/

/* layout */

#header {
    width: 860px;
    height: 130px;
    margin: 0px auto 20px auto;
/*    padding-top: 20px;*/
    text-align: center;
    background-image: url('../images/layout/header_background.jpg');
    background-repeat: no-repeat;
}

#menu {
    width: 860px;
    height: 30px;
    margin: 0px auto 20px auto;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
/*    background-image: url('../images/layout/menu_background.png');*/
}

/*
#menu a:link, #menu a:visited {
    display: block;
    float: left;
    width: 172px;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    font-family: Georgia, 'Times New Roman', serif;
    white-space: nowrap;
    color: #555;
}

#menu a:hover, #menu a:active, #menu a.selected {
    color: #000;
    text-transform: uppercase;
}*/

#content-box {
    width: 860px;
    min-height: 350px;
    margin: 0px auto 20px auto;
/*    padding: 6px 10px;*/
}

#content-left {
    float: left;
    width: 415px;
    min-height: 350px;
}

#content-right {
    width: 415px;
    min-height: 350px;
    margin-left: 445px !important;
    margin-left: 440px; /* this is only for IE 6 and lower */
    position: relative;
}

#content-right.scroll {
     height: 350px;
     width: 395px;
     overflow: auto;
     padding-right: 20px;
}

#title-box {
    width: 375px;
    height: 100px;
    margin-bottom: 20px;
    padding: 20px 20px;
    background-image: url('../images/layout/title_background_green.png');
    background-repeat: no-repeat;
}

#title-box h1 {
    font-family: Georgia, 'Times New Roman', serif;
    margin: 0px 0px 14px 0px;
    font-size: 24px;
    color: #4a6921;
}

#title-box p {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    font-style: oblique;
    color: #ddefc4;
}

#title-box p.small {
    font-size: 14px;
    line-height: 18px;
}

#graph {
    position: absolute;
    bottom: 0px !important;
    bottom: auto; /* this is only for IE 6 and lower */
    width: 393px;
    height: 125px;
    padding: 10px;
    border: 1px solid #4a6921;
    text-align: left;
}

#graph p {
    text-align: left;
    margin: 0px;
    padding: 0px;
}

#graph-text {
/*    graph box width is 393px, padding should be 20px. e.g. if image is 160px wide, width of graph-text should be 393 - 20 - 160 = 213px */
    float: right;
    width: 213px;
}

#graph-image {
    
}

.team-picture {
    float: left;
    padding: 0px 15px 10px 0px;
}

#footer {
    clear: both;
    width: 860px;
    margin: 0px auto 20px auto;
    padding-top: 2px;
    border-top: 1px solid #ccc;
    color: #666;
    font-size: 10px;
    text-align: center;
}


/* main styles */

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

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

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

p.last {
    padding-bottom: 0px;
}

form {
    margin: 0;
}

img {
    border: 0;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.small {
    font-size: .8em;
    line-height: 1.4em;
}

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

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

.hidden {
    display: none;
}


/* tables */

table {
    border-collapse: collapse;
    width: 100%;
    margin: 0 0 9px 0;
}

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

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

th {
    font-weight: bold;
}

td.padded {
    padding-right: 30px;
}


/* lists */

ul {
    list-style: square;
    padding: 0 0 0 16px;
    margin: 0 0 9px 0;
}

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

li {
    text-align: left;
    padding-bottom: 9px;
}


/* headings */

h1, h2, h3 {
    color: #4a6921;
    padding: 0px;
}

h1.first, h2.first, h3.first {
    margin-top: 0px;
}

h1 {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 18px;
    font-weight: normal;
    margin-top: 14px;
    margin-bottom: 14px;
}

h2 {
/*    font-family: Georgia, 'Times New Roman', serif;*/
    font-size: 14px;
    font-weight: normal;
    margin-top: 14px;
    margin-bottom: 10px;
}

h3 {
/*    font-family: Georgia, 'Times New Roman', serif;*/
    font-size: 12px;
/*    font-weight: normal;*/
    margin-top: 14px;
    margin-bottom: 6px;
}

.green {
    color: #4a6921;
}



/* links */

#content-box a:link, #content-box a:visited {
    color: #666;
}

#content-box a:hover, #content-box a:active {
    color: #333;
}

#footer a:link, #footer a:visited {
    color: #666;
}

#footer a:hover, #footer a:active {
    color: #333;
}

a.nostyle:link, a.nostyle:visited, a.nostyle:hover, a.nostyle:active {
    text-decoration: none !important;
    color: #000 !important;
}