body {
background-image: url(images/contentbg.jpg);
background-position: top center;
background-repeat: repeat-y;
background-color: #24172B;
font-family: verdana, helvetica, sans-serif;
margin: 0px;
padding: 0px;
font-size: 9pt;
color: #18121C;
text-align: center;
}

#container {
position: relative;
width: 780px;
margin: 0px auto;
padding-right: 0px;
border: none;
z-index: 2;
}

#title {
position: absolute;
top: 0px;
left: 0px;
background-image: url(images/fantitle.jpg);
width: 780px;
height: 560px;
background-position: top center;
background-repeat: no-repeat;
padding: 0px;
z-index: 1;
}

#nav {
position: absolute;
width: 490px;
top: 390px;
left: 60px;
padding: 0px;
margin: 0px;
z-index: 3;
}

a.button:link {
font-weight: bold;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 4px 8px;
background-color: transparent; 
color: #d5c1d0;
text-transform: uppercase;
}
a.button:visited {
font-weight: bold;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 4px 8px;
background-color: transparent;
color: #DFD6C3;
text-transform: uppercase;
}
a.button:hover {
font-weight: bold;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 4px 8px; 
background-color: transparent;
color: #DFD6C3;
text-transform: uppercase;
}

#right {
position: absolute;
background-color: transparent;
top: 421px;
right: 70px;
width: 140px;
z-index: 1;
}

#menu {
width: 140px;
padding: 4px 1px 4px 1px;
margin: 6px 4px 5px 7px;
background-color: transparent;
border: 1px solid #8e748f;
z-index: 3;
}

a.nav:link, a.nav:visited {
color: #8e748f;
text-decoration: none;
font-size: 9pt;
font-weight: bold;
}

a.nav:hover {
color: #c4aeb9;
text-decoration: none;
font-size: 9pt;
font-weight: bold;
}

#content {
position: absolute;
background-color: transparent;
text-align:justify;
width: 470px;
top: 440px;
left: 65px;
z-index: 1;
}

div.left {
float: left;
width: 120px;
}
div.right {
margin-left: 10px;
}


p {
margin-left: 15px;
margin-right: 15px;
margin-top: 5px;
margin-bottom: 5px;
color: #18121C;
font-family : Verdana, Arial, sans-serif;
font-weight: normal;
font-size: 9pt;
}

.float {
float: left;
}

.nav {
text-align: center;
margin-top: 5px;
margin-bottom: 4px;
color: #8e748f;
font-size: 9pt;
font-weight: bold;
}

.small {
margin: 5px 10px 5px 15px;
font-family : Verdana, Arial, sans-serif;
font-weight: normal;
font-size: 8pt;
margin-left: 50px;
}

.clear {
clear: left;
margin: 1px;
padding: 0px;
}

.centre {
text-align: center;
margin: 1px 0px 0px 0px;
}

a.text:link, a.text:visited, a.text:hover {
color: #aa8e9c;
text-decoration: none;
font-weight: normal;
}

a:link, a:visited, a:hover {
color: #18121C;
text-decoration: none;
font-weight: bold;
}

table, tr, td {
background: #4c3b4d;
margin: 0px;
font-family : Verdana, Arial, sans-serif;
color: #b7a4b8;
font-size: 9pt;
font-weight: bold;
}

td.nowrap {
padding-top: 5px;
}

input, textarea, option, select {
background-color: #4c3b4d;
font: 9pt Verdana, Arial, sans-serif;
color: #b7a4b8;
border-style: solid;
border-width: 1px;
border-color: #b7a4b8;
padding: 1px;
}

h1 {
text-align: left;
margin-left: 15px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 7px;
color: #d17ec4;
font-family : Verdana, Arial, sans-serif;
font-size: 10pt;
font-weight: bold;
text-transform: uppercase;

}

h2 {
text-align: left;
margin-left: 15px;
margin-right: 10px;
margin-top: 15px;
margin-bottom: 7px;
color: #7e6b7f;
text-transform: uppercase;
font-family : Verdana, Arial, sans-serif;
font-size: 9pt;
font-weight: bold;
}

h3 {
text-align: left;
margin-left: 15px;
margin-right: 10px;
margin-top: 15px;
margin-bottom: 5px;
color: #18121C;
font-family : Verdana, Arial, sans-serif;
font-size: 9pt;
font-weight: bold;

}

img {
margin: 0px;
}

img.left {
float:left;
border: none;
margin: 8px 10px 10px 5px;
}

img.image {
float:left;
border: none;
margin: 7px 10px 5px 15px;
}

form {
margin: 10px 10px 10px 50px;
}

input, textarea { 
background: #4c3b4d;
color: #d17ec4;
font-size: 9pt; 
font-weight: normal; 
text-decoration: none; 
font-family: verdana;  
border: 1px solid #24172B;
padding: 1px;
overflow: auto;
width: 200px;
margin-left: 30px;
}

textarea.link {
margin: 10px 5px 0px 0px;
background: #4c3b4d;
color: #d17ec4;
font-size: 9pt; 
font-weight: normal; 
text-decoration: none; 
font-family: verdana;  
border: 1px solid #24172B;
width: 300px;
}
 
#button {
margin-left: 90px;
}

input.button {
text-align : center; 
width: 60px;
margin-left: 5px;
}

label {
float:left;
font-weight: bold;
width: 55px;
border: none;
}