body {
background:#333;
font:70%/1.5em Verdana, Tahoma, arial, sans-serif;
color:#333;
text-align:center;
}

h1,h2,h3 {
font-family:Tahoma, Verdana, 'Trebuchet MS', Sans-serif;
font-weight:Bold;
}

h1 {
font-size:16px;
color:#83E05E;
}

h2 {
font-size:110%;
color:#88ac0b;
}

h3 {
font-size:110%;
color:#666;
}

h1,h2,h3,p {
margin:0;
padding:10px;
}

ul,ol {
color:#FFF;
margin:5px 20px;
padding:0 20px;
}

#header {
width:825px;
position:relative;
height:240px;
background:#CCC url(images/header-bg.jpg) no-repeat center top;
font-size:14px;
color:#FFF;
padding:0;
}

#header-logo {
position:absolute;
width:700px;
height:175px;
background:url(images/header-pic.jpg) no-repeat center;
margin-top:60px;
background-position:center;
margin-left:60px;
margin-right:60px;
padding:0;
}

#logo-text {
position:absolute;
width:350px;
height:50px;
margin-top:25px;
margin-right:150px;
margin-left:310px;
font:bolder 2.5em 'Trebuchet MS', Arial, Sans-serif;
letter-spacing:-2px;
text-align:right;
color:#333;
padding:0;
}

#logo-slogan {
position:absolute;
width:250px;
height:25px;
margin-top:70px;
margin-right:90px;
margin-left:410px;
font:bolder 1em 'Trebuchet MS', Arial, Sans-serif;
/*letter-spacing:-2px; */
text-align:right;
color:#333;
padding:0;
}

#nav-bar {
position:relative;
width:760px;
height:26px;
/* background:url(images/nav-bg.jpg) repeat-y; */
font:bold 12px/26px Verdana, Arial, Tahoma, Sans-serif;
border-top-color:#83E05E;
margin:0;
padding:0;
}

#nav-bar ul {
float:right;
list-style:none;
margin:0;
padding:0;
}

#nav-bar ul li {
display:inline;
}

#nav-bar ul li a {
display:block;
float:left;
color:#83E05E;
text-decoration:none;
padding:0 10px;
}

#wrap {
width:825px;
background:#CCC url(images/body-bg.jpg) repeat-y center top;
text-align:left;
margin:0 auto;
}

#wrap-content {
width:720px;
position:relative;
padding:0;
}

#content-wrap {
position:relative;
width:725px;
margin-left:30px;
margin-right:70px;
}

#content {
clear:both;
width:800px;
padding:0;
}

#main-content {
width:69%; /* 71% */
float:left;
margin-top:25px;
margin-left:20px;
position:relative;
text-align:left;
padding:0;
}

#main-content h1 {
margin-top:10px;
font:Bold 125% Verdana, 'Trebuchet MS', Sans-serif;
color:#83E05E;
border-bottom:1px solid #333;
text-align:justify;
background:#000 url(images/nail.png) no-repeat 3px 50%;
padding:5px 0 5px 25px;
}

#sidebar {
background:url(images/sidebar-bg.jpg) repeat-y;
float:right;
width:26%; /* 22% */
position:relative;
margin:25px 0 0 5px;
padding:0;
}

#sidebar h1 {
margin-left:3px;
margin-top:10px;
font:bold 1.1em Verdana, 'Trebuchet MS', Sans-serif;
color:#FFF;
background-color:#333;
padding:5px 0 5px 5px;
}

#sidebar .left-box {
margin-left:5px;
}

#sidebar ul.sidemenu {
list-style:none;
text-align:left;
text-decoration:none;
margin:3px 0 8px;
padding:0;
}

#sidebar ul.sidemenu li {
border-bottom:1px solid #333;
background:url(images/bullet.png) no-repeat 5px 5px;
margin:0 2px;
padding:2px 0 2px 25px;
}

#sidebar ul.sidemenu a {
font-weight:bolder;
text-decoration:none;
background-image:none;
}

#footer {
background:url(images/footer.jpg) no-repeat top center;
width:825px;
height:103px;
}

#footer-text {
font-size:10px;
color:#83E05E;
width:600px;
margin-left:110px;
margin-top:30px;
position:absolute;
text-align:center;
padding:0;
}

#pacman {
border:1px solid #83E05E;
width:360px;
height:420px;
margin:8px auto;
padding:2px;
}

#frogger {
border:1px solid #83E05E;
width:448px;
height:484px;
margin:8px auto;
padding:2px;
}

#snake {
border:1px solid #83E05E;
width:400px;
height:356px;
margin:8px auto;
padding:2px;
}

#tetris {
border:1px solid #83E05E;
width:400px;
height:398px;
margin:8px auto;
padding:2px;
}

#space-invaders,#asteroids {
border:1px solid #83E05E;
width:450px;
height:337px;
margin:8px auto;
padding:2px;
}

body,td,th,ul span,ol span {
color:#FFF;
}

a:link,a:visited {
color:#83E05E;
}

#nav-bar ul li a:hover,#nav-bar ul li#selected a {
background-color:#333;
color:#FFF;
}