body {
background-color:#F5F5DC /*BEIGE*/
}

* {
padding: 0 0 0 0;
margin: 0 0 0 0;
font-family: helvetica, arial sans-serif;
}

table, th, td {
padding: 10px;
}

#container {
width: 1000px;
margin: 20 auto 5 auto;
}

/*HEADER*/
#div1 {
background-color: #F5F5DC;
width: 100%;
height: 100px;
}

#div1-left {
background-color: #F5F5DC;
width: 39%;
height: 95%;
padding: 5 0 0 10;
float: left;
}

#div1-right {
background-color: #F5F5DC;
width: 57%;
height: 95%;
padding: 5 10 0 20;
float: right;
}

.searchbar {
color: #696969;
}

/*MENU AND CONTENT*/
#div2 {
background-color: #F5F5DC;
width: 100%; 
height: 1600px;
margin-left: auto;
margin-right: auto;
}

#div2-left {
background-color: #5A005A; /*PURPLE*/
width: 20%;
height: 100%;
float: left;
}

#div2-right {
background-color: #FFFFFF; /*WHITE*/
width: 70%;
height: 93.75%;
padding: 50px;
float: right;
}

/*SUGGESTED INFO*/
#div3 {
background-color: #F6F6F6; /*GRAY*/
border-color: #5A005A;
border-width: 1px;
border-style: solid;
width: 100%; 
height: 300px;
}

#div3-left {
background-color: #F5F5DC
border-color: #5A005A;
border-width: 1px;
border-style: none dotted none none;
width: auto;
height: 85%;
padding: 20 20 20 15;
float: left;
}

#div3-middle {
background-color: #F5F5DC
border-color: #5A005A;
border-width: 1px;
border-style: none none none none;
width: 33%;
height: auto;
float: left;
}

#div3-right {
background-color: #F5F5DC
border-color: #5A005A;
border-width: 1px;
border-style: none none none dotted;
width: auto;
height: 90%;
padding: 20 5 5 10;
float: left;
}

/*FOOTER*/
#div4 {
background-color: #F5F5DC
width: 100%;
height: 125px;
padding: 10 0 0 0;
margin-left: auto;
margin-right: auto;
}

ul {
margin:0px;
padding: 0px;
}

li {
list-style-position: inside;
li {list-style-position: inside; margin-bottom:5px}
margin: 0px;
padding: 0px;
text-indent: -1em;
margin-left: 1.5em;
}

/*SITE MENU*/
     table.seen2{border-style:solid; border-width:1px; border-collapse:collapse;}
     td.seen2{border-style:solid; border-width:1px; padding:12px; font-weight:bold}
     table.tpx{border-style:solid; border-width:1px; background-color:ffffff}
     td.tpx{border-style:solid; border-width:0px; padding:12px; font-weight:bold; background-color:ffffff; color:5A005A}
/*Topics*/
     table.tpx2{border-style:solid; border-width:1px; background-color:ffffff}
     td.tpx2{border-style:solid; border-width:0px; padding:12px; font-weight:bold; background-color:ffffff; color:000000}
     td.tpx2:hover{background-color:C4E5A3; color:000000; cursor:pointer}
/*Current topic*/
     table.tpx3{border-style:solid; border-width:1px; background-color:ffffff}
     td.tpx3{border-style:solid; border-width:0px; padding:12px; font-weight:bold; background-color:ffffff; color:000000}
     td.tpx3:hover{background-color:98FB98; color:8C489F; cursor:pointer}

/*LINKS*/
A:link {text-decoration: none; color: #5A005A}
A:visited {text-decoration: none; color: #5A005A}
A:active {text-decoration: none; color: #5A005A}
A:hover {text-decoration: underline; color: #5A005A}

.div1-right-a A:link {text-decoration: none; color: #5A005A; font-weight: bold}
.div1-right-a A:visited {text-decoration: none; color: #5A005A; font-weight: bold}
.div1-right-a A:active {text-decoration: none; color: #5A005A; font-weight: bold}
.div1-right-a A:hover {text-decoration: underline; color: #5A005A; font-weight: bold}

.div2-right-a {font-size: small}
.div2-right-a A:link {text-decoration: none; color:#5A005A}
.div2-right-a A:visited {text-decoration: none; color:#5A005A}
.div2-right-a A:active {text-decoration: none; color:#5A005A}
.div2-right-a A:hover {text-decoration: underline; color:#5A005A}

.div3-right-a A:link {text-decoration: none; color: #5A005A}
.div3-right-a A:visited {text-decoration: none; color: #5A005A}
.div3-right-a A:active {text-decoration: none; color: #5A005A}
.div3-right-a A:hover {text-decoration: underline; color: #5A005A;}

/*REFERENCES*/
.ref{font-size: small}

/*AD CAPTIONS*/
.textpicture {font-size:small; margin:0px 10px 15px 10px; text-align:center}

/*PICTURE CAPTIONS*/
.textpicture2 {font-size:x-small; margin:0px 10px 15px 10px; color:gray}

/*BREADCRUMBS*/
.crumbs {font-size: small}
.crumbs A:link {text-decoration: none; color: #5A005A}
.crumbs A:visited {text-decoration: none; color: #5A005A}
.crumbs A:active {text-decoration: none; color: #5A005A}
.crumbs A:hover {text-decoration: underline; color: #5A005A}