body {
width: 100% ;
margin: 0px;
padding: 0px;
background: #7b68ee ;
color:#000000;
font-size: 11px;
text-align: center;
}

#quotepop {
margin: 20px;
padding: 20px;
text-align: left;
color: #b0c4de;
font-family: garamond, georgia, serif;
font-size: 20px;
text-decoration: none;
letter-spacing: 3px;
font-weight: lighter;
}

#head {
margin-right: 0;
margin-left: 40%;
margin-top: 20px;
margin-bottom: 20px;
padding: 0;
font-family: "Courier New", courier, monospace;
text-decoration: none;
color: #ffffff;
font-size: 36px;
font-weight: bold;
text-align: left;
font-variant: small-caps;
}

#nav {
margin-right: 30%;
margin-left: 0;
margin-top: 20px;
margin-bottom: 20px;
padding: 0 20px 0 0;
background: #ffffff;
text-align: right;
}

#homecontainer {
background: #7b68ee ;
margin: 75px auto 75px auto;
width: 600px;
text-align: center;
position: relative;
height: 250px;
}

#bluesquare {
position: absolute;
right: 220px;
top: 50px;
width: 50px;
height: 50px;
z-index: 1;
}

#homemain {
margin: 0;
width:600px;
text-align: left;
position: absolute;
top: 0px;
left: 0px;
color: #b0c4de;
font-family: garamond, georgia, serif;
font-size: 40px;
text-decoration: none;
letter-spacing: 8px;
font-weight: lighter;
z-index: 3;
}

#photo-front {
padding: 10px 10px 10px 0;
margin: 0 0 10px 0px;
float: left;
width: 120px;
font-family: garamond, georgia, serif;
text-decoration: none;
font-size: 14px;
letter-spacing: 0;
text-align: center;
}

#homeralph {
color: #b0c4de;
font-family: garamond, georgia, serif;
font-size: 14px;
text-decoration: none;
letter-spacing: 2px;
font-weight: lighter;
}

#blanksquare {
position: absolute;
right: 220px;
top: 50px;
width: 50px;
height: 50px;
z-index: 6 ;
}

#pagecontainer {
position: relative;
background: #ffffff ;
margin: 50px auto 50px auto;
padding: 20px;
width: 700px;
text-align: left;
padding-top: 20px;
padding-bottom: 20px;
}

#infobox {
position: relative;
float: right ;
background: #b0c4de;
margin: 5px 20px 10px 20px ;
width: 200px;
padding: 0px;
border: 1px solid #483d8b;
}

#otherbox {
position: relative;
float: right ;
margin: 5px 20px 10px 20px ;
padding: 0px;
}

#foot {
position: relative;
margin-right: 0;
margin-left: 30%;
margin-bottom: 20px;
margin-top: 20px;
padding: 0 0 0 20px;
background: #ffffff;
text-align: left;
font-family: "Courier New", courier, monospace;
text-decoration: none;
font-size: 11px;
color: #7b68ee;
}

h1 {
font-family: garamond, georgia, serif;
font-size: 30px;
color: #483d8b;
text-decoration: none;
font-weight: lighter;
}

h2 {
font-family: garamond, georgia, serif;
font-size: 20px;
color: #483d8b;
margin-right: 20px;
margin-left: 20px;
text-decoration: none;
font-weight: lighter;
}

h3 {
font-family: garamond, georgia, serif;
font-size: 18px;
color: #483d8b;
text-decoration: none;
font-weight: lighter;
}

h4 {
font-family: garamond, georgia, serif;
font-size: 16px;
color: #483d8b;
text-decoration: none;
font-weight: lighter;
}

h5 {
font-family: garamond, georgia, serif;
font-size: 14px;
color: #483d8b;
text-decoration: none;
font-weight: lighter;
}

p {
font-family: Verdana, sans-serif;
color: #000000;
line-height: 18px;
font-size: 12px;
margin-right: 20px;
margin-left: 20px;
}

.smallp {
line-height: 15px;
font-size: 10px;
}

ol {
font-family: Verdana, sans-serif;
color: #000000;
padding: 0px 0px 3px 0px;
margin-left: 20px;
margin-right: 20px;
}

li {
font-family: Verdana, sans-serif;
color: #000000;
padding: 0px 0px 3px 0px;
margin-left: 20px;
margin-right: 20px;
}

li.ibox {
font-family: Verdana, sans-serif;
color: #000000;
padding: 0px 0px 3px 0px;
margin-left: 0px;
margin-right: 10px;
line-height: 15px;
font-size: 10px;
}

table {
font-family: Verdana, sans-serif;
color: #000000;
line-height: 18px;
font-size: 12px;
margin-left: 20px;
margin-right: 20px;
}

a:link {
font-family: Verdana, sans-serif;
color: blue ;
text-decoration: underline;
font-size: 12px;
}

a:visited {
font-family: Verdana, sans-serif;
color: purple ;
text-decoration: underline;
font-size: 12px;
}

a:hover {
font-family: Verdana, sans-serif;
color: red ;
text-decoration: underline;
font-size: 12px;
}

a.nav:link {
font-family: "Courier New", courier, monospace;
text-decoration: none;
background: #ffffff;
color: #7b68ee;
padding: 0 10px 0 10px;
margin: 0px;
font-size: 14px;
text-decoration: none;
}

a.nav:visited {
font-family: "Courier New", courier, monospace;
text-decoration: none;
background: #ffffff;
color: #7b68ee;
padding: 0 10px 0 10px;
margin: 0px;
font-size: 14px;
text-decoration: none;
}

a.nav:hover {
font-family: "Courier New", courier, monospace;
text-decoration: none;
background: #483d8b;
color: #ffffff;
padding: 0 10px 0 10px;
margin: 0px;
font-size: 14px;
text-decoration: none;
}

a.nav-hot:link {
font-family: "Courier New", courier, monospace;
text-decoration: none;
background: #7b68ee;
color: #ffffff;
padding: 0 10px 0 10px;
margin: 0px;
font-size: 14px;
text-decoration: none;
}

a.nav-hot:visited {
font-family: "Courier New", courier, monospace;
text-decoration: none;
background: #7b68ee;
color: #ffffff;
padding: 0 10px 0 10px;
margin: 0px;
font-size: 14px;
text-decoration: none;
}

a.nav-hot:hover {
font-family: "Courier New", courier, monospace;
text-decoration: none;
background: #483d8b;
color: #ffffff;
padding: 0 10px 0 10px;
margin: 0px;
font-size: 14px;
text-decoration: none;
}

a.foot:link {
font-family: "Courier New", courier, monospace;
text-decoration: none;
background: #ffffff;
font-size: 11px;
color: #7b68ee;
padding-left: 5px;
padding-right: 5px;
margin: 0px;
}

a.foot:visited {
font-family: "Courier New", courier, monospace;
text-decoration: none;
background: #ffffff;
font-size: 11px;
color: #7b68ee;
padding-left: 5px;
padding-right: 5px;
margin: 0px;
}

a.foot:hover {
font-family: "Courier New", courier, monospace;
text-decoration: none;
background: #ffffff;
font-size: 11px;
color: #483d8b;
padding-left: 5px;
padding-right: 5px;
margin: 0px;
}

a.fronte:link {
font-family: garamond, georgia, serif;
text-decoration: none;
font-size: 14px;
color: #b0c4de;
padding: 0;
margin: 0px;
}

a.fronte:visited {
font-family: garamond, georgia, serif;
text-decoration: none;
font-size: 14px;
color: #b0c4de;
padding: 0;
margin: 0px;
}

a.fronte:hover {
font-family: garamond, georgia, serif;
text-decoration: underline;
font-size: 14px;
color: #b0c4de;
padding: 0;
margin: 0px;
}

a img {
border: none ;
}

a.small:link {
font-family: Verdana, sans-serif;
color: blue ;
text-decoration: underline;
font-size: 10px;
}

a.small:visited {
font-family: Verdana, sans-serif;
color: purple ;
text-decoration: underline;
font-size: 10px;
}

a.small:hover {
font-family: Verdana, sans-serif;
color: red ;
text-decoration: underline;
font-size: 10px;
}