p {
    color:#000000;
    font:12pt "Trebuchet MS", Helvetica, sans-serif;
    padding: 10px;
}
p.over {font-weight:bold;text-decoration:underline}
p.green {color:#108010;font:12pt "Trebuchet MS", Helvetica, sans-serif}

br {color:#000000;font:12pt "Trebuchet MS", Helvetica, sans-serif}
br.green {color:#00ff00;font:12pt "Trebuchet MS", Helvetica, sans-serif}

body {
    color:#000000;font:12pt "Trebuchet MS", Helvetica, sans-serif;
    background-color: #fff0c0;
}

body.white {
    color:#000000;font:12pt "Trebuchet MS", Helvetica, sans-serif;
    background-color: #ffffff;
}

body.green {
    color:#00ff00;font:12pt "Trebuchet MS", Helvetica, sans-serif;
    background-color: #ffffff;
}

body.autumn {
    color:#000000;font:12pt "Trebuchet MS", Helvetica, sans-serif;
    background-color: #c0c0c0;
    background-image: url("../ref/autumn-bg.jpg");
    background-size: 100%;
}

body.cobweb {
    color:#000000;font:12pt "Trebuchet MS", Helvetica, sans-serif;
    background-color: #c0c0c0;
    background-image: url("../ref/cobweb-bg.jpg");
    background-size: 100%;
}

body.snail {
    color:#000000;font:12pt "Trebuchet MS", Helvetica, sans-serif;
    background-color: #c0c0c0;
    background-image: url("../ref/snail-bg.jpg");
    background-size: 100%;
}

body.bpsign {
    color:#000000;font:12pt "Trebuchet MS", Helvetica, sans-serif;
    background-color: #c0c0c0;
    background-image: url("../ref/burleighparksign-bg.jpg");
    background-size: 100%;
}

body.wall {
    color:#000000;font:12pt "Trebuchet MS", Helvetica, sans-serif;
    background-color: #c0c0c0;
    background-image: url("../ref/wall.jpg");
    background-size: 100%;
}

body.mallow {
    color:#000000;font:12pt "Trebuchet MS", Helvetica, sans-serif;
    background-color: #c0c0c0;
    background-image: url("../ref/mallow-bg.jpg");
    background-size: 100%;
}

body.transparent {
    color:#000000;font:12pt "Trebuchet MS", Helvetica, sans-serif;
    background-color:transparent;
    background-size: 100%;
}

h1 {color:#000000;font:18pt "Trebuchet MS", Helvetica, sans-serif;font-weight:bold}
h2 {color:#008000;font:14pt "Trebuchet MS", Helvetica, sans-serif;font-weight:bold}
h2.testsystem {color:#c0c000;}
h3 {color:#008000;font:12pt "Trebuchet MS", Helvetica, sans-serif;font-weight:bold}
h3.creating {color:#c0c000;}
h3.creating:hover {color:#c0c000;cursor:pointer}
h3.published {color:#008000;cursor:pointer;}
h3.published:hover {color:#808000;cursor: pointer}
h3.error {color:#ff8020;}
h4 {color:#ffffff;font:12pt "Trebuchet MS", Helvetica, sans-serif;font-weight:normal}
h5 {margin-top: 0.33em;margin-bottom: 0.33em;color:#ffffff;font:10pt "Trebuchet MS", Helvetica, sans-serif;font-weight:normal}
h6 {margin-top: 0.33em;margin-bottom: 0.33em;color:#ff8020;font:10pt "Trebuchet MS", Helvetica, sans-serif;font-weight:normal}

button {
    color:#ffff40;
    background-color:#108010;
    border-color: #ffff40;
    font-size: 12pt;
    padding: 3pt;
    border-radius: 2pt 10pt 2pt 10pt;
}

button:hover {
    color:#108010;
    background-color:#ffff40;
    border-color: #108010;
    border-bottom-color: #00ff00;
    border-right-color: #00ff00;
    font-size: 12pt;
    padding: 3pt;
    border-radius: 2pt 10pt 2pt 10pt;
}

button.small {
    color:#ffff80;
    background-color:#108010;
    border-color: #ffff40;
    font-size: 10pt;
    padding: 2pt;
    border-radius: 2pt 10pt 2pt 10pt;
}

button.small:hover {
    color:#108010;
    background-color:#ffff40;
    border-color: #108010;
    border-bottom-color: #00ff00;
    border-right-color: #00ff00;
    font-size: 10pt;
    padding: 2pt;
    border-radius: 2pt 10pt 2pt 10pt;
}

button.admin {
    color:#ffff80;
    background-color:#20c020;
    border-color: #ffff00;
    font-size: 12pt;
    padding: 3pt;
    border-radius: 2pt 10pt 2pt 10pt;
}

button.admin:hover {
    color:#20c020;
    background-color:#ffff80;
    border-color: #20c020;
    border-bottom-color: #20ff20;
    border-right-color: #20ff20;
    font-size: 12pt;
    padding: 3pt;
    border-radius: 2pt 10pt 2pt 10pt;
}

button.smalladmin {
    color:#ffff80;
    background-color:#20c020;
    border-color: #ffff00;
    font-size: 10pt;
    padding: 2pt;
    border-radius: 2pt 10pt 2pt 10pt;
}

button.smalladmin:hover {
    color:#20c020;
    background-color:#ffff80;
    border-color: #20c020;
    border-bottom-color: #20ff20;
    border-right-color: #20ff20;
    font-size: 10pt;
    padding: 2pt;
    border-radius: 2pt 10pt 2pt 10pt;
}

input[type=submit] {
    color:#ffff80;
    background-color:#108010;
    border-color: #ffff40;
    font-size: 10pt;
    padding: 2pt;
    border-radius: 2pt 10pt 2pt 10pt;
}

input[type=submit]:hover {
    color:#108010;
    background-color:#ffff40;
    border-color:#45a049;
}

input[type=reset] {
    color:#ffff80;
    background-color:#108010;
    border-color: #ffff40;
    font-size: 10pt;
    padding: 2pt;
    border-radius: 2pt 10pt 2pt 10pt;
}

input[type=reset]:hover {
    color:#108010;
    background-color:#ffff40;
    border-color:#45a049;
}

input[type=button] {
    color:#ffff80;
    background-color:#108010;
    border-color: #ffff40;
    font-size: 10pt;
    padding: 2pt;
    border-radius: 2pt 10pt 2pt 10pt;
}

input[type=button]:hover {
    background-color: #45a049;
}

input[type=file] {
    color:#ffff80;
    background-color:#108010;
    border-color: #ffff40;
    font-size: 10pt;
    padding: 2pt;
    border-radius: 2pt 10pt 2pt 10pt;
}

input[type=file]:hover {
    background-color: #45a049;
}

input[type=number] {
    text-align: left;
    font:12pt "Trebuchet MS", Helvetica, sans-serif;
    font-weight:normal;
    color:#008000;
    background-color: #ffffff;
}

input.event[type=number] {
    text-align: left;
    font:12pt "Trebuchet MS", Helvetica, sans-serif;
    font-weight:normal;
    overflow: visible;
    color:#008000;
    background-color: #ffffff;
    margin: 2px;
    border: 2px solid;
    border-color: #ffff80;
    border-radius: 2pt 2pt 2pt 2pt;
}

input[type=text] {
    text-align: left;
    font:12pt "Trebuchet MS", Helvetica, sans-serif;
    font-weight:normal;
    overflow: visible;
    height: auto;
    color:#008000;
    background-color: #ffffff;
}

div {color:#000000}
div#chkquestion {color:#c0c000}
div#securityanswer {color:#108010}
div.news {display: inline-block;
    width: 80%;
    text-align: left;
    margin: 2px;
    padding: 10px;
    background-color:#ffc080;
    border: 2px solid;
    border-color: #ffffff}
div.published {display: inline-block;
    width: auto;
    text-align: left;
    margin: 2px;
    padding: 10px;
    background-color:#ffc080;
    border: 2px solid;
    border-color: #ffffff}
div.creating {display: inline-block;
    width: auto;
    text-align: left;
    margin: 2px;
    padding: 10px;
    background-color: #ff8080;
    border: 2px solid;
    border-color: #ffffff}
div.comment {display: inline-block;
    width: auto;
    text-align: left;
    font:10pt "Trebuchet MS", Helvetica, sans-serif;
    font-weight:normal;
    margin: 2px;
    padding: 10px;
    background-color:#c0c0c0;
    border: 2px solid;
    border-color: #ffffff;
    border-radius: 10pt 10pt 10pt 10pt;}

div.container {
    width: 100%;
    border: none;
    color:#000000;
}

/* styles for html 5 layout */
header {
/*    background-image: url("../graphics/harlequinmask.png"); */
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 50px;
    background-clip: padding-box;
    background-origin: content-box;

    padding: 5px;
    color: #c0c000;
/*    border-bottom: solid;
    border-bottom-color: #ffc040;
*/
    clear: left;
    text-align: left;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 12pt;
}

nav {
    float: left;
    /* border-color: #ffffff; /* temp so we can see */
    /* border-width: thick; */
    /* border-style: solid; */
    /* color: #ffc040; */
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 14pt;
    width: 15%;
    height: 100%;
/*    margin-left: 10px; */
    padding: 10px;
    overflow: scroll;
}


article {
    border-color: #ffffff; /* temp so we can see */
    color: #ffff40;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 14pt;
    float: left;
    margin-left: 0px;
    height: 100%;
    width: 80%;
    padding: 5px;
    overflow: scroll;
}

.pointer {cursor: pointer;}

table {background-color: #ffffff}

th {color:#000000;font:12pt "Trebuchet MS", Helvetica, sans-serif;font-weight: bold;text-align:left}
th.admin {color:#004000;font:12pt "Trebuchet MS", Helvetica, sans-serif;font-weight: bold;text-align:left}
th.survey {color:#004000;font:12pt "Trebuchet MS", Helvetica, sans-serif;font-weight: bold;text-align:left}
td {color:#108010;font:12pt "Trebuchet MS", Helvetica, sans-serif}
td.error {color:#ff0000;font:12pt "Trebuchet MS", Helvetica, sans-serif}
td.admin {color:#004000;font:12pt "Trebuchet MS", Helvetica, sans-serif}
td.adminlink {color:#c0c000;font:12pt "Trebuchet MS", Helvetica, sans-serif;cursor: pointer}
td.greyed {background-color: #ffc080;}

tr:nth-child(even) {background-color: #fffff2;}

table.survey {background-color: #ffff80;}

a {color:#108010;font:12pt "Trebuchet MS", Helvetica, sans-serif;text-decoration:none}
a:link {color:#108010;font:12pt "Trebuchet MS", Helvetica, sans-serif;text-decoration:none}
a:hover {color:#c0c000}
a.admin {color:#ffffff;font:10pt "Trebuchet MS", Helvetica, sans-serif;text-decoration:non}
a.creating {color:#c0c000}
a.creating:hover {color:#e0e000}
a.public {color:#008000}
a.public:hover {color:#808000}

textarea {color:#108010;font:12pt "Trebuchet MS", Helvetica, sans-serif}

textarea.event {
    color:#000000;
    font:10pt "Trebuchet MS", Helvetica, sans-serif;
    overflow-style: auto;
    overflow: visible;
    height: auto;
}

select {text-align: left;
    font:12pt "Trebuchet MS", Helvetica, sans-serif;
    font-weight:normal;
    color:#004000;
    margin: 2px;
    padding: 10px;
    background-color:#ffffff;
    border: 2px solid;
    border-color: #ffff80;
    border-radius: 2pt 2pt 2pt 2pt;}
    
select.event {text-align: left;
    font:12pt "Trebuchet MS", Helvetica, sans-serif;
    font-weight:normal;
    color:#004000;
    margin: 2px;
    padding: 10px;
    background-color:#ffffff;
    border: 2px solid;
    border-color: #ffff80;
    border-radius: 2pt 2pt 2pt 2pt;}

option {text-align: left;
    font:12pt "Trebuchet MS", Helvetica, sans-serif;
    font-weight:normal;
    color:#004000;
    background-color:#ffffff;}

li {color:#000000;font:10pt "Trebuchet MS", Helvetica, sans-serif}

hr {border-color: #108010}

span.splash {}