body {
background-image: url(img/bg.jpg);
background-position: top left;
background-repeat:no-repeat;
background-color:#000000;
margin:0px;
padding:0;
font:14px normal arial;
color:white;
}


#mainwrap {
border: 0px solid white;
width:800px;
height:100%;
margin-top: 200px;
margin-right:auto;
margin-left:auto;
}
#nav {
border: 0px solid red;
width: 250px;
height: 350px;
margin:0;
padding:0;
float:left;
}
#nav ul {
border:0px solid white;
border-left:1px solid white;
border-top:1px solid white;
list-style-type:none;
margin:0;
padding:0 0 0 10px;

}
#nav li {
border: 0px solid red;
line-height:27px;
width:150px;
display:block;
}
#nav ul li {
text-decoration:none;
color:#FFFFFF;
font:16px normal arial;
letter-spacing:3px;
}
#nav  a:link{
text-decoration:none;
color:#FFFFFF;
font:16px normal arial;
letter-spacing:3px;
}
#nav  a:visited {
text-decoration:none;
color:#FFFFFF;
font:16px normal arial;
letter-spacing:3px;
}
#nav li a:hover {
text-decoration:none;
color:#d1d1d1;
font:16px normal arial;
}

#content{
border: 0px solid yellow;
width: 550px;
height: 100%;
margin:0;
padding:0;
float:right;
}
#questionwrap{
border: 1px solid white;
padding: 10px 10px 10px 10px;
}

.img {
border:1px solid white;
margin:0 20px 20px 0;
width:150px;
height:270px;
padding:5px 5px 5px 5px;
clear: none;
float: left;
}

.img  a:link, a:visited{
font: 14px bold arial;
color:white;
text-decoration:none;
}
.img  a:hover{
font: 14px bold arial;
color:#d1d1d1;
text-decoration:none;
}
#maintitle {
border:0px solid red;
padding:5px 0 0 70px;
font: 20px normal arial;
letter-spacing:2px;
}
.title {
border:0px solid yellow;
background-image: url(img/.gif);
background-position:left;
background-repeat:no-repeat;
margin:0;
width:120px;
height:20px;
text-align:center;
padding:0;
float:left;
}
.infopic {
border:0px solid yellow;
background-image: url(img/.gif);
background-position:left;
background-repeat:no-repeat;
margin:0;
width:20px;
height:20px;
text-align:;
padding:0;
float:right;
}
.racetitle {
border:0px solid red;
border-right:1px solid white;
border-top:1px solid white;
width:150px;
height:20px;
margin:0 0 20px 0;
padding:10px 10px 0 0;
text-align:right;
font: 16px normal arial;
letter-spacing:2px;
}
#linkstitle {
border:0px solid red;
border-right:1px solid white;
border-top:1px solid white;
width:150px;
height:20px;
margin:0 0 0px 0;
padding:10px 10px 0 0;
text-align:right;
font: 16px normal arial;
letter-spacing:2px;
}
.othertitle {
border:0px solid red;
border-right:1px solid white;
border-top:1px solid white;
width:330px;
height:20px;
margin:0 0 20px 0;
padding:10px 10px 0 0;
text-align:right;
font: 16px normal arial;
letter-spacing:2px;
}
.question {
border: 0px solid white;
margin:0 0 10px 0;
padding:0;
min-height:22px;
}
.question  a:link{
font:20px bold arial;
color:white;
text-decoration:none;
letter-spacing:2px;
}
.question  a:visited{
font:20px bold arial;
color:white;
text-decoration:none;
letter-spacing:2px;
}
.question  a:hover{
font:20px bold arial;
color:#d1d1d1;
text-decoration:none;
letter-spacing:2px;
}

.answer {
border: 0px solid red;
font: 16px normal arial;
color:#d1d1d1;
display: none;
margin: 0 0 5px 0;

}

#linkswrap {
border:0px solid red;
width: 600px;
min-height: 200px;
}
#linkname {
border-right:1px solid white;
width: 150px;
min-height: 200px;
float: left;
text-align: right;
margin:0;
padding:10px 10px 0 0;
font:13px normal arial;
letter-spacing:3px;
}
#links {
border:0px solid yellow;
width: 400px;
min-height: 270px;
float: left;
margin:0;
padding: 10px 0 0 10px;
}

#links a:link{
text-decoration:none;
color:#FFFFFF;
font: 13px normal arial;
letter-spacing:3px;
}
#links a:visited {
text-decoration:none;
color:#FFFFFF;
font:13px normal arial;
letter-spacing:3px;
}
#links a:hover {
text-decoration:none;
color:#d1d1d1;
font:13px normal arial;
}

#skillwrap {
border: 0px solid red;
width: 550px;
min-height: 500px;
margin-top: 50px;
}
.skill1 {
border: 1px solid white;
background-color:green;
width: 250px;
height: 25px;
margin:0;
float: left;
padding:5px 0 0 0;
text-align:center;
font:14px normal arial;
letter-spacing: 2px;
}
.skill2 {
border: 1px solid white;
background-color:green;
width: 250px;
height: 25px;
margin:0px 0 0 50px;
padding:0;
float: left;
padding:5px 0 0 0;
text-align:center;
font:14px normal arial;
letter-spacing: 2px;
}
.skill3 {
border: 1px solid white;
background-color:green;
width: 250px;
height: 25px;
margin:0px 0 0 100px;
padding:0;
float: left;
padding:5px 0 0 0;
text-align:center;
font:14px normal arial;
letter-spacing: 2px;
}
.skill4 {
border: 1px solid white;
background-color:green;
width: 250px;
height: 25px;
margin:0px 0 0 150px;
padding:0;
float: left;
padding:5px 0 0 0;
text-align:center;
font:14px normal arial;
letter-spacing: 2px;
}
.skill5 {
border: 1px solid white;
background-color:green;
width: 250px;
height: 25px;
margin:0px 0 0 200px;
padding:0;
float: left;
padding:5px 0 0 0;
text-align:center;
font:14px normal arial;
letter-spacing: 2px;
}
.skill6 {
border: 1px solid white;
background-color:green;
width: 250px;
height: 25px;
margin:0px 0 0 250px;
padding:0;
float: left;
padding:5px 0 0 0;
text-align:center;
font:14px normal arial;
letter-spacing: 2px;
}
.wrap {
border: 0px solid red;
height:30px;
width:600px;
margin-bottom:10px;
padding:0;
}
.level {
border: 0px solid red;
padding: 5px 0 0 10px;
margin-left:0px;
float: left;
}