﻿a:link     { color: #6633CC }
a:visited  { color: #6633cc }
a:active   { color:red }
a:hover    { color:red }

body
{
background-color: #FFFFCC;
background-image: url('default_files/bg02.jpg');
margin:0px auto;
padding:0px;
width:850px;
background-repeat: repeat;
}

/*ID's are listed here, they correspond to specific items on the page*/

#contact /*the contact box in the rightbar of the page*/
{
position:absolute;
background-color: #eeeeee;
z-index:11;
left:637px;
top:412px;
width:200px;
text-align:center;
font-size:10.0pt;
line-height:110%;
font-family:Arial;
border: 1px solid black;
}

#news /*the news box in the rightbar of the page with additional links*/
{
position:absolute;
background-color: #eeeeee;
z-index:11;
width:200px;
left: 637px;
top:237px; /*262px;*/
height: 160px;
text-align:center;
font-size:13.5pt;
font-family:Arial;
color: red;
line-height:110%;
border: 1px solid black;
}

#content /*body of page, includes all content below logo and main links */
{
position:absolute;
z-index:10;
left:0px;
top:225px;/*was 250*/
width: 850px;
border-style: none;
margin:0 0 0 0;
font-size:14.0pt;
line-height:150%;
font-family:Arial;
background-color: white;
background-image: none;
border-top: 1px solid black;
}

#contentcell /*left cell of the content table, contains the content div textbox*/
{
width: 625px;
}

#contentdiv /*paragraphs and text box for all unique content on page, main space*/
{
position: relative;
left: 25px;
top: 25px;
width: 575px;
}

#mainlinks /*navigation links on every page at the top*/
{
background-color: #dddddd;
/* background-image: url('default_files/bgtest.gif'); */
position:absolute;
z-index:4;
left:10px;
top:180px;
width:605px;
font-size:13.5pt;
font-family:Arial;
color: white;
text-align: center;
border: 1px dashed red;
padding: 3px;
height: 25px;
}

#page /*all encompassing wrapper for code: allows centering*/
{
position:absolute;
width:850px;
background-color: white;
}

#resumecontent /*resume iframe pages */
{
border-style: none;
margin:0 0 0 0;
font-size:14.0pt;
line-height:150%;
font-family:Arial;
background-color: white;
background-image: none;
width: 575px
}

#resume_name /*resume iframe pages */
{
border-style: none;
margin:0 0 0 0;
font-size:14.0pt;
line-height:150%;
font-family:Arial;
background-color: white;
}

#resume_title /*resume iframe pages */
{
border-style: none;
margin-bottom: 10px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
font-size:12.0pt;
line-height:150%;
font-family:Arial;
font-style: italic;
background-color: white;
}

#resume_subhead 
{
font-size: 10.0pt;
font-weight: bold;
}

#rightbar /*the entire right table cell within the content section of the page*/
{
width: 225px;
background-color: #dddddd;
text-align: center;
vertical-align: bottom; 
font-size:10.0pt;
line-height:125%;
font-family:Arial;
font-style: italic;
border-left: 1px solid black
}

#top /*the top section of every page for the logo, links, and picture*/
{
background-color: white;
background-image: url('default_files/image009.jpg');
width: 100%; 
height: 250px;
padding: 0;
z-index: 5;
}

#toplogo /*the top AKEA logo placement*/
{
position:absolute;
z-index:8;
left:113px;
top:12px;
width:400px;
height:114px;
}

#toppic /*the placement for the picture on each page: top right*/
{
position:absolute;
z-index:9;
left:637px;
top:12px;
width:200px;
height:200px;
border: 1px solid black;
}

/*Classes are listed below*/

.currentpage /*formatting for the link at the top when on the same page: turns red and bold*/
{
font-weight: bold;
color: red; /*#CC6633*/
}

.contenttitle /*formatting for titles in the content area of page*/
{
font-size:14.0pt;
line-height:150%;
font-family:Arial;
}

.clear /*corrects formatting after floated elements*/
{
clear: both;
}

.pic /*formatting for the pictures within the contentdiv section*/
{
border: 1px solid black;
}

.pic1 /*formatting for the pictures within text, no border*/
{
border: none;
}

.projectbody /*formatting for project description body*/
{
background-color: white;
background-image: none;
width:400px;
}

.text
{
font-size:11.0pt;
line-height: 140%;
}

.textcredit /*text formatting for article credit at bottom of Office page*/
{
font-size:11.0pt;
}

.textclientquotes /*quotes from clients: text formatting*/
{
font-size:10.0pt;
line-height:125%;
font-style: italic;
}

.textprojects, .textclients, .textstaff, .textservices, .textresume, .textresume2, .text8a, .textprojectdescript /*general text formatting*/
{
font-size:10.0pt;
line-height:140%;
}

.textresume, .textresume2
{
margin-top: 0px;
}

.textresume2
{
list-style-type: none;

}

.kwanpic /*formatting for the pictures within the resume section*/
{
float: left;
border: 1px solid black;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 30px;
margin-left: 0px;
}

.kwanpic2
{
float: right;
border: 1px solid black;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 0px;
margin-left: 30px;
}

.resumepic /*formatting for the pictures within the resume section*/
{
float: right;
border: 1px solid black;
margin-top: 10px;
margin-bottom: 500px;
margin-right: 0px;
margin-left: 30px;
height:160;
width:128;
}
