body {
margin:0;
padding:0;
background:#fff url(body_back.jpg) repeat-y top center;
font-family:'trebuchet ms', trebuchet, sans-serif;
color: #fff;
}

a {outline:none; color:#FEEF88;}

.wrapper {
width:980px;
height:1200px;
margin:0 auto;
background:#000 url(wrap_back.jpg) repeat-y top left;
}

.header {
height:240px;
background:url(pheader.jpg) no-repeat top left;
position:relative;
}

.header h1 {
position:absolute;
top:-100px;
}

img.button1, img.button2, img.button3, img.button4 {
position:absolute;
border:0;
}

.button1 {
top:330px;
left:840px;
display:none;
}

.button2 {
top:132px;
left:694px;
}

.button3 {
top:300px;
left:10px;
display:none;
}


.links {
width:200px;
position:absolute;
top:45px;
right:85px;
}

.links a {
text-decoration:none;
border:0;
}

.links a img {
border:0;
margin:0 0 5px 0;
}

#slider {
    width: 620px;
    margin: 40px auto 0 auto;
    position: relative;
    padding:20px 40px 120px 40px;
    background:url(frame.jpg) no-repeat top left;
z-index:1;
}

img.banner {
position:absolute;
bottom:-25px;
left:125px;
z-index:1;
}

.scroll {
    height: 392px;
    width: 620px;
    overflow: auto;
    
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    padding: 80px 20px 90px 20px;
    height: 500px;
    width: 580px;
}

div.panel h2 {
font-size:35px;
margin:0;
font-weight:normal;
}

div.panel p {
width:600px;
font-family:'trebuchet ms', trebuchet, sans-serif;
color:#FEEF88;
line-height:25px;
}


div.panel p b {
color:#fff;
border:1px dotted;
padding:0 3px;
}

.scrollButtons {
position: absolute;
top: 200px;
cursor: pointer;
display:block;
width:110px;
height:110px;
}

.scrollButtons.left {
left: -65px;
background:url(images/scroll_left_open.png) no-repeat top left;
}

.left:hover {
background:url(images/scroll_left.png) no-repeat top left;
}

.scrollButtons.right {
right: -75px;
background:url(images/scroll_right_open.png) no-repeat top left;
}

.right:hover {
background:url(images/scroll_right.png) no-repeat top left;
}

.hide {
display: none;
}

div.nav {
clear:both;
position:absolute;
top:-50px;
left:-20px;
width:800px;
z-index:1;
font-size:16px;
color:#FEEF88;
}

ul.navigation {
    list-style: none;
    padding: 0;
    font-family:'trebuchet ms', trebuchet, sans-serif;

}

ul.navigation li {
    display: inline;
}

ul.navigation a {
float:left;
margin:0 15px 0 0;
    padding:0;
    text-decoration: none;
    color:#FEEF88;
    font-weight:bold;
}

ul.navigation a:hover {
    color:#fff;
}

ul.navigation a.selected {
    color:#fff;
background:url(arrow.gif) no-repeat center right;
}

ul.navigation a:focus {
    outline: none;
}

.footer {
height:160px;
clear:both;
background:url(footer.jpg) no-repeat top left;
color:#666;
font-size:16px;
margin:40px 0 0 0;
}

.footer a {
text-decoration:none;
color:#b4b4b4;
}

.footer a:hover {
color:#fff;
}

.footercontent img {
float:right;
}

.footercontent {
margin:0 50px 0 50px;
border-top:1px dashed #666;
display:none;
}

.footerlinks {
margin-left:100px;
margin-bottom:20px;
padding-top:110px;
clear:both;
}

.footerlinks a{
margin-left:10px;
font-size: 16px;
text-decoration: underline;
color:#000;
}

a.facebook {
position:absolute;
width:110px;
height:110px;
background:url(facebook.png) no-repeat top left;
z-index:1;
top:110px;
left:192px;
}

a.dictum {
display:block;
position:absolute;
top:670px;
left:30px;
width:100px;
height:100px;
background:url(dictum.png) no-repeat top left;
}

a.myspace {
position:absolute;
width:110px;
height:110px;
background:url(myspace.png) no-repeat top left;
top:115px;
left:520px;
z-index:1;
}

a.bebo {
position:absolute;
width:110px;
height:110px;
top:50px;
left:440px;
background:url(bebo.png) no-repeat top left;
}
 
.toolbebo, .toolmyspace, .toolgoback, .toolfacebook {
display:none;
position:absolute;
width:266px;
height:79px;
z-index:200;
}

div.dictumtool {
display:none;
position:absolute;
top:765px;
left:-5px;
width:180px;
height:97px;
background:url(dictumtool.png) no-repeat top left;
z-index:200;
}

.toolfacebook {
background:url(toolfacebook.png) no-repeat top left;
top:63px;
left:257px;
}

.toolbebo {
background:url(toolbebo.png) no-repeat top left;
top:5px;
left:512px;
}

.toolmyspace {
background:url(toolmyspace.png) no-repeat top left;
top:72px;
left:593px;
}

.toolgoback {
background:url(toolgoback.png) no-repeat top left;
top:52px;
left:723px;
}

.toolbebo span, .toolmyspace span, .toolgoback span, div.dictumtool span, .toolfacebook span{
display:none;
}

#linking p {
font-size:18px;
}

#linking p span {
font-size:26px;
font-style:italic;
line-height:35px;
}

div.register {
background:#000 url(formback.jpg);
position:absolute;
padding:12px;
width:400px;
top:200px;
left:135px;
z-index:2;
} 

fieldset {
margin:0;
padding:0;
border:0;
}

#register_form, form {
width:340px;
margin:0;
padding:0;
}

form div {
margin:0 0 5px 0;
}

label {
width:200px;
color:#000;
}

textarea {
border:0;
width:339px;
height:52px;
border:1px solid #000;
margin:0;
}

input {
float:right;
border:1px solid #000;
width:180px;
}

.error {
color:red;
}

#submit {
float:left;
margin:0;
cursor:pointer;
background:#A32101;
color:#fff;
border:0;
font-size:1.1em;
font-variant:small-caps;
}

#validation_error {
color:red;
font-size:0.7em;
}

input, textarea, input:focus, textarea:focus {
background:#fff;
}

.bodytext {
margin:0 auto;
width:650px;
}