/* CSS, HTML and Web Design, Ben Wilks, http://ben.wilks.net/ */
body {
background-color: #999933;
}
#content {
margin-top: 140px;
margin-left: 22%;
margin-right: 30%;
padding: 1em;
}
#logo {
	position: absolute;
	right: 3em;
	top: 1em;
	background-image: url(./../images/tac-gr.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	height: 103px;
	width: 507px;
}
#left {
float: left;
position: absolute;
left: 2em;
top: 1em;
background-image: url(./../images/hentai-girl.jpg);
background-position: left top; 
background-repeat: no-repeat;
height: 200px;
width: 150px;
}
#right {
width: 22%;
float: right;
position: absolute;
right: 0.5em;
top: 140px;
padding: 1em;
}
#right h3 {
margin-top:0em;
}
#right a {
color: #360;
}
#navcontainer {
float: left;
position: absolute;
left: 2em;
top: 250px;
width: 140px;
}
 #navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#navcontainer li { 
margin: 0 0 .2em 0; 
}
#navcontainer a {
display: block;
font: bold 100% Helvetica, Arial;
color: #360;
background-color: #993;
width: 115px;
padding: .2em .8em;
text-decoration: none;
}
#navcontainer a:hover
{
background-color: #369;
color: #FFF;
}
#footer {
font: normal 90% Helvetica, Arial;
text-align: center;
}
.small {
font: bold 90% Helvetica, Arial;
color: #360;
text-decoration: underline;
}
.medium {
font: bold 100% Helvetica, Arial;
color: #360;
text-decoration: underline;
}
.large {
font: bold 120% Helvetica, Arial;
color: #360;
text-decoration: underline;
}
.right {
padding: 20px;
float: right;
}
.left {
padding: 20px;
float: left;
}
.caption {
font: bold 90% Helvetica, Arial;
}
h1 {
font: bold 160% Helvetica, Arial;
}
h2 {
font: bold 140% Helvetica, Arial;
text-align: center;
}
h3, h4 {
font: bold 120% Helvetica, Arial;
}
p {
font: normal 95% Helvetica, Arial;
text-align: justify;
}
em {
font: italic 90% Helvetica, Arial;
}
a {
font: bold 95% Helvetica, Arial;
color: #360;
background-color: #993;
text-decoration: none;
}
a:hover
{
background-color: #369;
color: #FFF;
}