/* CSS for MAAA site 

GENERAL LAYOUT SETTINGS ___________________________________ */
body {
font-family: sans-serif,  Verdana, Helevtica, Arial;
background-color: #ffffc7;    /* web site page background color */
line-height: 100%;
padding: 10px;
}

h1 {
font-family: Helvetica,  Arial,  sans-serif;
color: black;
font-size: x-large;
font-weight: bold;
}

h2 {
color: #bd002f;
font-size: large;
font-weight: bold;
}

li {
color: navy;
font-size: small;
}

p {
font-size: small;
color: navy;
}

caption {
font-size: medium;
color:  navy;
}

#logo {
float: left;
width: 65px;        /* this controls the horizontal space between logo and text */ 
padding-top: 25px;  /* this controls the vertical position of the logo */
}

#news_box {
font-style: italic;
font-family: Georgia, Times, serif;
width: 300px;
background-color: #B380FF;
border-top: 5px solid #bd002f;
border-bottom: 5px solid #bd002f;;
border-left: 5px solid #bd002f;;
border-right: 5px solid #bd002f;;
padding-top: .2em;
padding-bottom: .2em;
padding-left: .8em;
}

.page_title {
font-family: sans-serif,  Verdana, Helevtica, Arial;
color: black;
font-size: x-large;
font-weight: bold;
font-style: normal;
background-color: #ffff00;  /* web site title box color */
padding-top: 10px;
padding-bottom: 15px;  /* this controls the vertical length of the title color box */
padding-left: 3px;
width: 100%;
}
.tagline {
font-family: Georgia, sans-serif,  Verdana, Helevtica, Arial;
color: black;
font-size: small;
font-weight: bold;
font-style: italic;
position: relative;
top: 5px;
padding-left: 00px;
width: 100%;
}
.nav_buttons {
font-style: normal;
font-size: small;
background-color: #ffffc7;    /* web site nav button box color - same as web page background */
padding: 3px;
border-width: 3px;
border-style: inset;
border-color: silver; 
}
.eop_nav {
font-family: sans-serif,  Verdana, Helevtica, Arial;
color: black;
font-size: x-small;
font-weight: normal;
font-style: normal;
}
.trailer {
font-family: sans-serif,  Verdana, Helevtica, Arial;
color: black;
font-size: x-small;
font-weight: normal;
font-style: italic;
}
.indent {
font-family: sans-serif,  Verdana, Helevtica, Arial;
color: navy;
font-size: small;
font-weight: normal;
font-style: normal;
padding-left: 30px;
width: 90%;
}
.indent_1 {
font-family: sans-serif,  Verdana, Helevtica, Arial;
color: navy;
font-size: small;
font-weight: normal;
font-style: normal;
padding-left: 60px;
width: 90%;
}


/* LINK COLORS - need to preserve this order __________________________ */
a {
    font-weight: bold;
}
a:link {
    color: #800020;
}
a:visited {
     color: black;
}
a:hover {
     text-decoration: none;
     color: white;
     background-color: #bd002f;
}
a:active {
     color: aqua;
     background-color: navy;
}


/* TABLE FORMATTING _________________________________________ */
table {
     border-collapse: collapse;
     border: 1px solid black;
}
th {
     text-align: left;
     background: #ffff26;    /* table column title color */
     font-size: medium;
     color: black;
     padding: 0.2em;
}
td {
      border: 1px solid black;
      font-size: small;
      padding: 0.2em;
}

/* FORM FORMATING __________________________________________ */
form.workshops fieldset {
     border: 2px navy;
     padding: 10px;
}
form legend {
     color: #bd002f;
     font-size: large;
     font-weight: bold;
     line-height: 150%;
     padding: 5px;
}
form label.fixedwidth {
     display: block;
     float: left;
     width: 300px;    /* controls how far from left box will be */
}
.submit_button {
      text-align: center;
      padding: 4px;
      background-color: #bd002f;
}