body {
font-family: Georgia, Times, serif;
text-decoration: none;
color: #000000;
font-size: 18px;
text-align: justify;
letter-spacing: 2px;
background-color: #7a598a;
top: 0px;
left: 0px;
margin: 0px;
}

img { border: none; }

hr { 
height: 1px;
color: #000000;
background-color: #000000;
width: 50%;
border: none;
}

a:link { color: #AA7CC1; text-decoration: none; font-weight: normal;}
a:visited { color: #AA7CC1; text-decoration: none; font-weight: normal;}
a:hover { color: #E1A5FF; text-decoration: none;}

h1 {
font-size: 24px;
font-weight: bold;
letter-spacing: 3px;
font-family: Georgia, Times, serif;
font-variant: small-caps;
}

h2 {
font-size: 20px;
letter-spacing: 2px;
font-family: Georgia, Times, serif;
border-bottom: 1px solid #000000;
font-weight: normal;
}

h3 {
font-size: 18px;
letter-spacing: 2px;
font-family: Georgia, Times, serif;
font-weight: normal;
text-decoration: underline;
}

table, tr, td { 
border: 1px solid #000000;
}

table {
font-family: Georgia, Times, serif;
text-decoration: none;
color: #000000;
font-size: 18px;
text-align: center;
font-weight: normal;
border-collapse:collapse;
margin-top: 20px;
margin-bottom: 20px;
}

td { padding: 5px;}


.centre {
text-align: center;
}
.right {
text-align: right;
}

.warning {
border: 2px dotted #760101;
background-color: #BD0202;
padding: 5px;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}

.warning a:link { color: #000000; text-decoration: none; font-weight: bold;}
.warning a:visited { color: #000000; text-decoration: none; font-weight: bold;}
.warning a:hover { color: #000000; text-decoration: underline; font-weight: bold;}

.okay {
border: 2px dotted #005100;
background-color: #009900;
padding: 5px;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}

.okay a:link { color: #000000; text-decoration: none; font-weight: bold;}
.okay a:visited { color: #000000; text-decoration: none; font-weight: bold;}
.okay a:hover { color: #000000; text-decoration: underline; font-weight: bold;}

.form, .form tr, .form td {
border: none;
text-align: left;
}
.form td {
vertical-align: top;
}
.title {
height: 40px;
width: 600px;
font-size: 28px;
font-family: Georgia, Times, serif;
}
.category {
height: 30px;
width: 200px;
font-size: 20px;
font-family: Georgia, Times, serif;
}
.content {
height: 700px;
width: 600px;
font-size: 12px;
font-family: Verdana, sans-serif;
}
.shortcontent {
height: 300px;
width: 600px;
font-size: 12px;
font-family: Verdana, sans-serif;
}
.button{
height: 30px;
font-size: 20px;
font-family: Georgia, Times, serif;
}


blockquote {
margin: 0px 0px 0px 100px;
padding-left: 10px;
border-left: 1px double #AA7CC1;
width: 600px;
}

.author {
font-size: 14px;
text-align: right;
margin: 0px 0px 0px 100px;
width: 600px;
}

.topleftarrow {
position: absolute;
top: 0px;
left: -124px;
}
.toprightarrow {
position: absolute;
top: 0px;
left: 836px;
}
.bottomleftarrow {
position: absolute;
bottom: 0px;
left: -124px;
}
.bottomrightarrow {
position: absolute;
bottom: 0px;
left: 836px;
}

.pages {
width: 100%;
text-align: center;
}

.quotestar {
position: relative;
left: 75px;
float: left;
}

.openquotemark {
position: relative;
left: -20px;
float: left;
}
.closequotemark {
position: relative;
top: -20px;
left: 30px;
float: right;
}

.categorylink {
font-size: 12px;
margin: 0px;
padding: 0px;
position: relative;
top: -10px;
}

.summary {
font-size: 12px;
}


















/**************************************** SECTIONS ****************************************/

#header {
position: relative;
float: left;
clear: both;
left: 50%;
margin-left: -257px;
height: 110px;
width: 514px;
}

#icons {
position: relative;
float: left;
clear: both;
width: 800px;
left: 50%;
margin-left:-400px;
}

#content {
position: relative;
float: left;
clear: both;
width: 800px;
left: 50%;
margin-left:-400px;
padding-top: 20px;
}

#footer {
position: relative;
float: left;
clear: both;
width: 800px;
left: 50%;
margin-left:-400px;
font-size: 14px;
padding-top: 20px;
text-align: center;
padding-bottom: 20px;
}