body {
    background-color:#fff;
    background-image:url(images/bg_page.jpg);
    background-repeat:repeat-y;
    color:#000;
    padding:0;
    font-family: Arial, sans-serif;
    font-size:medium;
    margin-left:0;
    margin-right:0;
    margin-top:0;

}

a {color:#993300;text-decoration:none;}
a:hover {color:#A68766;}

h1 {
    font-size:large;
    color:#000;
    font-weight:bold;
}
h2 {
    font-size:medium;
    font-weight:bold;
    color: #000;
}
h3 {
    font-size:medium;
    font-weight:bold;
    font-style:italic;
    color: #000;
}

h4 {
    font-size:small;
    font-weight:bold;
    color: #000;
}


#header
{
    background-color:#fff;
    text-align:center;
}

#header img {
    border:0;
     
}

#nav {
    background-color:#fff;
    clear:both;
    height:20px;
    border-top:2px solid #ccc;
    border-bottom:2px solid #ccc;
    text-align:center;
    font-weight:800;
    padding-top:3px;
}
#nav span {
    margin-left:20px;
    margin-right:20px;
}

#content {
    padding:10px;
    margin-left:5%;
    margin-right:5%;
}

#display {
    font-size:small;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    clear:both;
}

.material {
    float:left;
   
}

#display img {
    height:100px;
    width:100px;
}
#display p {
    margin-top:3px;
    margin-bottom:3px;
}
#display h1 {
    margin-top:0;
}

.graphic {
    float:left;
    text-align:center;
}

.graphic img {
    border:0;
}

.selection {
    float:left;
    padding:5px;
    margin-right:60px;
}

.errors {
    color:red;
    margin:5px;
}

.top {
    margin-top:10px;
    margin-bottom:10px;
    padding-left:3px;
}
.pagenav {
    text-align:right;
    float:right;
}
.bottompagenav {
    clear:both;
    text-align:right;
    float:right;
}
.infopop {
    background-image:none;
    text-align:center;
}
.infopop table {
    border: 1px solid #000;
    border-collapse:collapse;
    margin-top:10px;
    width:99%;
    margin-left:auto;
    margin-right:auto;
}

td {
    text-align:left;
    padding:3px;
    font-size:small;
    vertical-align:top;
    border: 1px solid #000;
}
th {
    text-align:center;
    vertical-align:top;
    font-size:small;
    white-space:nowrap;
    border: 1px solid #000;
}

.infopop div{
    padding:10px;
    margin:0;
}

.infopop div p {
    text-align:left;
}

.infopop ul {
    margin:0 0 0 5px;
    padding:0 0 0 5px;
    list-style-type:square;
}

.infopop li {
    margin-left:5px;
}

#footer {
	font-size:x-small;
	margin:0;
	padding:15px;
	clear:both;
        text-align:center;
}