@charset "UTF-8";
/* CSS Document */

body {margin: 0 auto; background:url(../images/background.jpg); background-color: #eae5df;}
html {overflow-x: hidden;}

a {color: #c79c70; text-decoration: none;}
a:hover {color: #c8151b; text-decoration: none;}
p {font-family:"Century Gothic"; color: #998f85; font-size: 12px; padding-bottom: 20px; line-height: 16px;}
em {font-style: italic; font-size: 12px;}
.clear {line-height: 0; font-size: 0; height: 0; clear: both;}
.side {padding-bottom: 3px;}
h1 {font-family:"Century Gothic"; color: #998f85; font-size: 14px; padding-bottom: 5px; line-height: 18px;}
.links {font-family:"Century Gothic"; color: #998f85; font-size: 14px; padding-bottom: 1px;}
.justify {text-align: justify;}

.red {color: #c8151b; font-size: 21px;}
.red2 {color: #c8151b; font-size: 21px; padding-bottom: 5px;}

#container {margin: 0 auto; width: 700px; background-color: #302219;}
#banner {width: 700px;}
#menu {width: 700px;}
#content {width: 700px; background: url(../images/contentbackground.jpg) repeat-y top; padding: 30px 0 30px 0;}
#left {width: 395px; float: left; text-align: justify; padding: 0 40px 0 40px;}
#right {width: 185px; float: left; text-align: right; padding: 0 40px 0 0;}

#shadow {width: 100%; POSITION: fixed; top: 0px; LEFT: 0px; background: url(../images/topshadow.png) no-repeat top left; height: 14px;}
.ie6 #shadow {background: none; height: 0; width: 0;}

#indexcontainer {margin: 0 auto; width: 500px; padding-top: 50px; padding-bottom: 50px; text-align: center;}
#flowaphant {margin: 0 auto; width: 498px; border: 1px solid #302219;}
#indexbg {margin: 0 auto; width: 500px;  background: url(../../images/contentbackground.jpg) repeat-y top left #302219;}
#indexcontent {margin: 0 auto; width: 440px; padding: 10px 30px 10px 30px; text-align: center;}

.ShowAsLink {color:#c79c70; text-decoration:none;}

#a {}
#myvar1 {}