body {
 background-image: url("/images/concrete.jpg");
 background-color: #aaaaaa;
 color:            #000000;
 font-family:      sans-serif;
 padding:          0;
 margin:           0;
 font-size:        10; 
 width:            100%;
 height:           100%;
}

h1 {
    text-align:  center;
    color:       #000000; 
    font-family: sans-serif;
    font-weight: bold;
    padding-top: 0.5em;
    border-bottom: 1px solid #757c94;
}

h2, h3, h4, h5, h6 {
    text-align:  left;
    color:       #000000; 
    font-family: sans-serif;
    font-weight: bold;
}

table {
 font-family:      sans-serif;
 padding:          0;
 margin:           0;
 font-size:        10;
 width:            100%;
 text-align:  	   center;
}

table.tr {
 border-bottom: 1px solid #757c94;
}

a:link {
 text-decoration: none;
 color:           #000000;
 font-weight:     bold;
}

a:visited {
 text-decoration: none;
 color:           #000000;
 font-weight:     bold;
}

a:hover {
 text-decoration: none;
 color:           #000000;
 font-weight:     bold;
}
   
div.main {
 padding:             4;
 background-repeat:   no-repeat;
 background-position: right bottom;
 background-attachment: scroll;
 text-align:          center;
 vertical-align:      center;
 font-size:           10;
 font-family:         sans-serif;
 width:               95%;
}

div.title_section {
 border:                thin solid #000000;
 border-top-color:      transparent;
 border-top-style:      solid;
 border-top-width:      1px; 
 background-image:      url("/images/chalk.jpg");
 background-attachment: scroll;
 background-position:   0 0;
 padding:               8;
 text-align:            left;
 vertical-align:        center;
 font-size:             10;
 font-family:           sans-serif;
 width:                 75%;
}

div.content_box {
 border:                thin solid #000000;
 border-top-style:      solid;
 background-image:      url("/images/chalk.jpg");
 background-attachment: scroll;
 background-position:   0 0;
 padding:               8;
 text-align:            left;
 vertical-align:        center;
 font-size:             10;
 font-family:           sans-serif;
 width:                 75%;
}

div.main_header {
 border:                thin solid #000000;
 background-color:      #ffffff;
 background-attachment: scroll;
 background-position:   0 0;
 padding:               2;
 text-align:            center;
 vertical-align:        center;
 font-size:             10;
 font-family:           sans-serif;
 width:                 80%;
}

div.main_footer {
 border:                thin solid #000000;
 background-color:      #DEE7EC;
 background-attachment: scroll;
 background-position:   0 0;
 padding:               2;
 text-align:            center;
 vertical-align:        center;
 font-size:             10;
 font-family:           sans-serif;
 width:                 75%;
 position:              fixed;
 bottom:                4;
}

div.tabs {
    /* Navigational Plone Tabs(tm), implemented by customizing the a tag */
    background: transparent;
    border-collapse: collapse;
    border-bottom-color: #000000;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 0px 8px 0px 8px;
    white-space: nowrap;
    width: 75%;
}

div.tabs a {
    /* The normal, unselected tabs. They are all links */
    /* background-image : url("/images/chalk.jpg"); */
    /* background: transparent; */
    background-image: url("/images/chalk-dark.jpg");
    /* border-color: #000000; */
    border-width: 1px; 
    border-style: solid solid none solid;
    color: #000000;
    font-weight: bold;
    height: 1.2em;
    margin-right: 0.5em;
    padding: 0em 3em;
    text-transform: lowercase;
}

div.tabs a.selected {
    /* The selected tab. There's only one of this */
    background-image : url("/images/chalk.jpg");
    border: 1px solid #000000;
    border-bottom: 1px solid #edecf1;
    color: #000000;
    font-weight: bold;
}

div.tabs a:hover {
    background-image : url("/images/chalk.jpg");
    border-color: #000000;
    border-bottom-color: #edecf1;
    color: #000000;
    font-weight: bold;
}

div.documentActions {
    float: right;
    padding: 0;
    border: 0;
}

img {
    border: 0;
    margin: 5px;
    vertical-align: middle;
}

img.left {
    border: none;
    float: left;
    margin: 5px;
    vertical-align: middle;
}

img.right {
    border: none;
    float: right;
    margin: 5px;
    vertical-align: middle;
}

hr {
 border:           0;
 width:            75%;
 height:           1;
 background-color: #555555;
}
