.class1 A:link {color: #555555; text-decoration: none;}
.class1 A:visited {color: #555555; text-decoration: none;}
.class1 A:active {background: #666666; color: white; font-size: 17px; text-decoration: none;}
.class1 A:hover {background: #666666; color: white; text-decoration: none;}

.class2 A:link {color: #ff8c00;}
.class2 A:visited {color: #ff8c00}

.class3 A:link {color: #ff8c00; text-decoration: none; font-size: 24px;}
.class3 A:visited {color: #ff8c00; text-decoration: none; font-size: 24px;}
.class3 A:active {background: #ff8c00; color: white; text-decoration: none; font-size: 24px;}
.class3 A:hover {background: #ff8c00; color: white; text-decoration: none; font-size: 24px;}

#header {
height: 140px;
width: 800px;
background-image: url(topbar.jpg);
background-repeat: no-repeat;
position: absolute;
left: 0px;
top: 0px;
}

#sidebar {
height: 500px;
width: 215px;
background-image: url(leftbar.jpg);
background-repeat: no-repeat; 
position: absolute;
left: 10px;
top: 145px;
}

#menu {
position: absolute;
left: 215px;
top: 140px;
padding-top: 30px;
height: 31px;
overflow: hidden;
}

#home {
float: left;
width: 137px;
height: 100%;
text-align: center;
font-family: News Gothic MT, verdana, sans-serif;
font-size: large;
border-right-style: solid;
border-right-width: 2px;
border-right-color:  #666666; 
}

#resume {
float: left;
width: 137px;
height: 100%;
text-align: center;
font-family: News Gothic MT, verdana, sans-serif;
font-size: large;
border-right-style: solid;
border-right-width: 2px;
border-right-color:  #666666;
}

#portfolio {
float: left;
width: 170px;
height: 100%;
text-align: center;
font-family: News Gothic MT, verdana, sans-serif;
font-size: large;
border-right-style: solid;
border-right-width: 2px;
border-right-color:  #666666;
}

#about {
float: left;
width: 137px;
height: 100%;
text-align: center;
font-family: News Gothic MT, verdana, sans-serif;
font-size: large;
}

#box {
position: absolute;
left: 215px;
top: 200px;
width: 580px;
height: 480px;
border-style: solid; 
border-width: 2px; 
border-color: #666666;
}

#guide {
padding-right: 50px;
padding-top: 15px;
text-align: right;
color: #333333;
font-family: News Gothic MT, verdana, sans-serif;
font-size: 20px;
}

#content {
padding-top: 10px;
padding-bottom: 20px;
padding-left: 100px;
padding-right: 100px;
height: 500px;
font-family: News Gothic MT, verdana, sans-serif;
font-size: 12px;
text-align: justify;
color: #555555;
}


h1 {
color: #ff8c00;
font-family: News Gothic MT, verdana, sans-serif;
font-size: 30px;
}


h2 {
color: #444444; 
font-family: News Gothic MT, verdana, sans-serif; 
font-size: 14px;
}


#footer {
position: absolute;
top: 700px;
left: 270px;
}