/* There's a lot of z-index tomfoolery in here to get the dropdown menus to work around IE bugs */

body {
    background: #b6cce7;
    font: 10pt Calibri, Verdana, Arial, sans-serif;
}

pre {
    font: 9pt Consolas, monospace;
}

a {
    color: #2a2c79;
}

a img {
    border: none;
}

ul {
    padding: 0;
    margin-left: 1em;
}

li {
    list-style-position: outside;
    margin-left: 1em;
}

h1 {
    font-size: 16pt;
    border-bottom: 4px #b6cce7 solid;
}

h2 {
    color: #2a2c79;
    font-size: 12pt;
    margin-bottom: 0.5em;
    margin-top: 1em;
    border-bottom: 1px #ccc solid;
}

h3 {
    font-size: 10pt;
    margin-bottom: 0.5em;
    margin-top: 1em;
    border-bottom: 1px #ccc solid;
}

.error {
    text-align: center;
    border: 4px red solid;
    padding: 2em;
    color: red;
    font-weight: bold;
    background: #ffeeee;
}

ol ol {
    list-style-type: upper-alpha;
}

div#maincontent {
    background: white;
    width: 900px;
    min-height: 600px;
    _height: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    position: relative;
    z-index: 0;
}

img#headerbuilding {
    width: 900px;
    height: 265px;
    position: absolute;
    z-index: -10;
    left: 0;
    right: 0;
}

img#photocredit {
    width: 183px;
    height: 16px;
    position: absolute;
    top: 247px;
    left: 8px;
}

img#headerphone {
    width: 121px;
    height: 35px;
    position: absolute;
    right: 7px;
    top: 50px;
}

img#headerlogo {
    width: 737px;
    height: 178px;
    position: absolute;
    left: -30px;
    top: -25px;
}

input#headersearch {
    position: absolute;
    right: 11px;
    top: 23px;
    height: 18px;
    padding: 2px;
    width: 175px;
    color: #999999;
    font-size: 8pt;
    text-align: right;
    display: block;
    font: 10pt Calibri, Verdana, Arial, sans-serif;
    font-weight: bold;
    border: 1px black solid;
}

div#headermenubg {
    width: 900px;
    height: 32px;
    position: absolute;
    top: 86px;
    left: 0;
    background-color: #73a6d5;
}

div#headermenu {
    width: 750px;
    height: 32px;
    position: absolute;
    top: 86px;
    left: 150px;
    line-height: 32px;
    text-align: center;
    z-index: 5;
}

div#headermenu a.topmenu {
    color: black;
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
    margin-left: 18px;
    margin-right: 18px;
}

div.headerdropdown {
    position: absolute;
    display: none;
    top: 32px;
    left: 0;
    width: 200px;
    font-size: 10pt;
    text-align: left;
    background: #73a6d5;
    opacity: 0.90;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.5em;
    z-index: 100;
}

div.headerdropdown a {
    display: block;
    color: black;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 5px;
    padding-right: 5px;
}

div.headerdropdown a:hover {
    background-color: #ebc519;
}

div.headerdropright {
    position: absolute;
    display: none;
    top: 32px;
    left: 0;
    width: 200px;
    font-size: 10pt;
    text-align: left;
    background: #73a6d5;
    opacity: 0.90;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.5em;
    z-index: 100;
}

div.headerdropright a {
    display: block;
    color: black;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 5px;
    padding-right: 5px;
}

div.headerdropright a:hover {
    background-color: #ebc519;
}

div#pageleftcontent {
    position: relative;
    top: 278px;
    margin-bottom: 278px;
    width: 660px;
    margin-left: 10px;
}

div#printheader {
    display: none;
}

div#pagerightcontent {
    position: relative;
    top: 140px;
    float: right;
    width: 215px;
    margin-bottom: 140px;
    z-index: -1;
}

div.panelbox {
    background: #73a6d5;
    padding: 4px;
    margin-top: 1em;
}

div.panelbox h1 {
    color: #2a2c79;
    margin: 0;
    margin-bottom: 4px;
    font: 12pt sans-serif;
    font-style: italic;
    font-weight: bold;
    border-bottom: none;
}

div.panelboxbody {
    background-color: #b6cce7;
    padding: 4px;
    position: relative; /* for IE6 benefit; won't show background color otherwise */
}

div.panelboxbody h2 {
    color: #313258;
    margin: 0;
    margin-top: 0.75em;
    margin-bottom: 0.5em;
    font: 10pt sans-serif;
    font-style: italic;
    font-weight: bold;
}

div.panelboxbody h2:first-child {
    margin-top: 0;
}

div.panelboxbody p {
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

div.panelboxbody li {
    margin-bottom: 0.5em;
}

div.dynamicroundtab {
    width: 195px;
    height: 58px;
    background-image: url(/img/roundtab-trans.png);
    color: #2a2c79;
    font: 14pt sans-serif;
    font-weight: bold;
    padding-left: 20px;
    margin-bottom: 22px;
}

div.dynamicroundtab a {
    text-decoration: none;
}

p.faq_question {
    font-style: italic;
    font-weight: bold;
    font-size: 11pt;
    margin-bottom: 0.5em;
}

p.faq_answer {
    padding-left: 2em;
    border-left: 2px #ccc solid;
    background: #f4f4f4;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-top: 0.5em;
}

/* News Bulletins */
.newsbulletins h2 {
    padding-top: 1em;
    border-top: 1px #73a6d5 dashed;
}

.newsbulletins h2.first {
    padding-top: 0.5em;
    border-top: none;
}

.newsbulletins ul {
    padding-left: 1em;
    margin-left: 0;
}

.newsbulletins p {
    padding-left: 1em;
    padding-right: 1em;
}

p.urgent {
    color: red;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 110%;
}

p.important {
    font-weight: bold;
    font-style: italic;
    font-size: 110%;
}

.instructions {
    padding: 10px;
    margin-top: 20px;
    border: 2px solid #eeeeee;
}

.instructions img {
    border: 1px solid black;
    margin-left:2em;
}

.instructions h2 {
    margin-top: 0;
}

.minute_header {
    text-align: center;
    font-weight: bold;
    font-size: 12pt;
}

ol li {
    margin-bottom: 0.5em;
}

ol ol {
    margin-top: 0.5em;
}

div#footerfineprint {
    width: 900px;
    text-align: center;
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
}

/* table.adminpage used for grouping administration menu choices */

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

table.adminpage th {
    text-align: left;
    padding: 10px;
    background: #73a6d5;
    border: 1px black solid;
}

table.adminpage td {
    vertical-align: top;
    padding: 10px;
    border: 1px black solid;
}

table.adminpage td a {
    display: block;
    margin-bottom: 0.25em;
}

/* table.adminlist used for lists of items in administration pages */

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

table.adminlist th {
    text-align: left;
    padding: 4px;
    background: #73a6d5;
    border: 1px black solid;
}

table.adminlist td {
    vertical-align: top;
    padding: 4px;
    border: 1px black solid;
}

form table th {
    text-align: right;
}

input.longfield {
    width: 300px;
}

div.adminsubmenu {
    margin-left: 1em;
}


/* .toc used on master plan page */
.toc {
    padding: 1em;
    background-color: #f8f8ff;
    border: 1px #f0f0f8 solid;
}

.toc .dl {
    font-weight: bold;
    margin-top: 0;
    display: block;
    font-size: 12pt;
    margin-bottom: 0.0em;
    position:absolute;
    right:0px;
    text-align: right;
    text-decoration: none;
}

.toc h2 .dl {
    font-size: 14pt;
}

.toc h2 {
    border-bottom: 2px #888888 solid;
    margin-bottom: 1.25em;
    position: relative;
}

.toc h3 {
    border-bottom: 1px #aaaaaa solid;
    position:relative;
}