/* Style sheet for the CBDC Web Site
 * Created 5 March, 2001 by Christopher Ross-Gill <chris@arranfolkfestival.org>
 * Last Modified: 8 July, 2002 */

body {
    background: #eee url(back-grey.gif) repeat-x fixed top left;
    color: #000;
    font: small/150% "verdana","arial",helvetica,serif;
    margin: 0;
    padding: 0;
    }

div, img {
    border: 0;
    margin: 0;
    padding: 0;
    }
a {
    background: transparent;
    color: #090;
    text-decoration: underline;
    }
h1 {
    background: transparent;
    color: #369;
    font: bold 2.1em "times new roman",times,serif;
    margin: 0;
    padding: 0 0 0.3em;
    }
h2 {
    font: bold 1.3em "verdana","arial",helvetica,serif;
    margin: 0;
    padding: 0 0 0.5em;
    }
h3 {
    font: bold 1.2em "verdana","arial",helvetica,serif;
    margin: 0;
    padding: 0 0 0.5em;
    }
p {
    font: inherit;
    margin: 0;
    padding: 0 0 0.7em;
    }
ul {
    margin: 0 1em 1em;
    padding: 0;
    width: 100%;
    }
li {
    font-style: italic;
    list-style-position: inside;
    list-style-type: square;
    margin: 0 0 0.3em;
    }

a:link {
    background: transparent;
    color: #090;
    }
a:visited {
    background: transparent;
    color: #070;
    }
a:active, a:hover {
    background: transparent;
    color: #339;
    }
strong, b {
    font-style: normal;
    font-weight: bold;
    }
em, i {
    font-style: italic;
    font-weight: normal;
    }

/* Structure */

div#first-menu {
    display: none;
    }

div#header {
    float: left;
    height: 120px;
    width: 300px;
    }
div#home {
    background: #369;
    height: 70px;
    padding: 0 20px 0 0;
    text-align: right;
    }
div#home img {
    border: 0;
    }
div#title {
    background: #69c;
    border: solid #369;
    border-width: 0 1px 1px 0;
    height: 50px;
    text-align: right;
    }

div#links {
    border-bottom: 1px solid #bbb;
    margin: 0 10px 0 310px;
    padding: 30px 10px 10px;
    max-width: 24em;
    }
div#links p {
    line-height: 110%;
    margin: 0;
    padding: 1px 0;
    }

div#page {
    clear: both;
    padding: 10px 60px 10px 200px;
    }

div#menu {
    float: left;
    margin-right: -185px;
    padding: 10px 0 0;
    position: relative;
    left: -185px;
    width: 160px;
    }
div#menu p {
    border-bottom: 1px solid #bbb;
    font-style: normal;
    font-weight: bold;
    line-height: 120%;
    margin: 0 0 2px;
    padding: 2px;
    }
div#menu a {
    text-decoration: none;
    }

div#submenu {
    padding: 0 10px;
    }
div#submenu p {
    border: 0;
    font-weight: normal;
    margin: 0 0 2px;
    padding: 1px 2px;
    }

div#ml {
    background: #ddd;
    padding: 0.5em;
    margin: 40px 0 0;
    }
div#ml p {
    border: 0;
    font-style: italic;
    font-weight: normal;
    margin: 0;
    padding: 0 0 3px;
    }
div#ml input.field {
    width: 100px;
    }

div#address {
    font-weight: normal;
    padding: 0 0 15px;
    }
div#address p {
    line-height: 110%;
    margin: 0;
    padding: 1px 0;
    }

div.article {
    border-bottom: 1px dashed #bbb;
    margin: 0 0 30px;
    padding: 0;
    }
div.article img {
    float: right;
    margin: 0 0 5px -25px;
    position: relative;
    left: 35px;
    }

div#footer {
    clear: both;
    padding: 0 0 10px;
    }
div#footer p {
    line-height: 110%;
    margin: 0;
    padding: 1px 0;
    }

/* Form */

form {
    margin: 0;
    padding: 0;
    }
div.form {
    border-left: 1px solid #ccc;
    font-family: "verdana", "arial", helvetica, serif;
    font-size: 1em;
    margin: 10px 5% 20px;
    padding: 0 10px;
    }
div.form p {
    line-height: 140%;
    margin: 0;
    padding: 0 0 0.4em;
    }
input {
    font-family: "verdana", "arial", helvetica, serif;
    font-size: 1em;
    font-style: normal;
    font-weight: bold;
    height: 1.9em;
    margin: 0;
    }
textarea {
    display: inline;
    font-family: "verdana", "arial", helvetica, serif;
    font-size: 1em;
    margin: 0;
    }
select {
    font-family: "verdana", "arial", helvetica, serif;
    font-size: 1em;
    }
input.field {
    font-weight: normal;
    width: 300px;
    }

.hidden {
    display: none;
    }