@charset "ISO-8859-1";

body {
background-color: #220022;
background-repeat: no-repeat;
background-attachment: fixed;
}

/* Remove margins from the 'html' and 'body' tags, and ensure the page takes up full screen height */
html, body {height:100%; margin:0; padding:0;}
/* Set the position and dimensions of the background image. */
#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}
/* Specify the position and layering for the content that needs to appear in front of the background image. Must have a higher z-index value than the background image. Also add some padding to compensate for removing the margin from the 'html' and 'body' tags. */
#content {position:relative; z-index:1; padding:10px;}

A:link { color: #770099; font-weight: bold;}  /* for unvisited links */
A:visited { color: #770099; font-weight: bold;} /* for visited links */
A:active { color: #770099; font-weight: bold;} /* when link is clicked */
A:hover { color: #770099; font-weight: bold;} /* when mouse is over link */

div.boxscreen {
background-color: #220022;
width: 100%;
text-align: center;
margin: auto;
}

div.boxmain {
background-color: transparent;
width: 740px;
text-align: center;
margin: auto;
margin-top: 0em;
margin-bottom: 3em;
border: none;
border-width: thin;
padding: 20px;
}

div.boxheader {
float: left;
text-align: center;
background-color: #DDAAFF;
border: 1px;
width: 704px;
margin: auto;
margin-top: 20px;
margin-bottom: 10px;
border: solid;
border-width: thin;
padding: 1em;
}

div.boxnarrowtop {
float: right;
text-align: left;
background-color: #770099;
border: 1px;
width: 150px;
height: 20px;
margin: 0px;
margin-top: 10px;
border: solid;
border-width: thin;
border-bottom: none;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 1em;
}

div.boxnarrow {
float: right;
text-align: left;
background-color: #DDAAFF;
border: 1px;
width: 150px;
margin: 0px;
border: solid;
border-top: none;
border-width: thin;
padding: 1em;
}

div.boxblogstotal {
float: left;
background-color: #770099;
border: 1px;
width: 527px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
border: solid;
border-width: thin;
padding: 0em;
padding-bottom: 2em;
}

div.boxblogtopleft {
float: left;
text-align: left;
background-color: #770099;
width: 362px;
height: 20px;
margin: 0px;
padding: 1em;
padding-top: 0.5em;
padding-bottom: 0.5em;
}

div.boxblogtopright {
float: right;
text-align: right;
background-color: #770099;
width: 100px;
height: 20px;
margin: 0px;
border: none;
border-width: thin;
padding: 1em;
padding-top: 0.5em;
padding-bottom: 0.5em;
}

div.boxblogwide {
float: left;
text-align: left;
background-color: #DDAAFF;
width: 94%;
margin: 0px;
border: none;
border-width: thin;
padding: 1em;
padding-top: 0.5em;
}

p {
font-family: arial, sans-serif;
font-size: 90%;
color: #220022;
}

h1 {
font-family: arial, sans-serif;
font-size: 190%;
color: #220022;
text-align: center
}

h2 {
font-family: arial, sans-serif;
font-size: 150%;
color: #220022;
}

h3 {
font-family: arial, sans-serif;
font-size: 100%;
color: #220022;
}

span.h4 {
font-family: arial, sans-serif;
font-size: 100%;
color: #DDAAFF;
font-weight: bold;
}

span.h5 {
font-family: arial, sans-serif;
font-size: 80%;
color: #220022;
}

li {
font-family: arial, sans-serif;
font-size: 90%;
color: #220022;
}