body {
font-family : "Franklin Gothic Book", Arial;
color : rgb(59, 69, 41);
font-size : 100%;
line-height : normal;
}
h1 {
font-family : "Franklin Gothic Demi", "Arial Bold";
color : rgb(255, 255, 255);
font-size : 2em;
font-weight : normal;
line-height : 110%;
}
h2 {
font-weight : bold;
color : rgb(65, 74, 112);
}
.header {
font-family : "Franklin Gothic Demi", "Arial Bold";
color : rgb(255, 255, 255);
font-size : 2em;
font-weight : normal;
line-height : 110%;
}
a:active {
color : rgb(0, 0, 0);
text-decoration : none;
}
a:hover {
color : rgb(255, 255, 255);
font-weight : bold;
text-decoration : none;
}
a {
font-family : "Franklin Gothic Book", Arial;
color : rgb(0, 0, 0);
font-weight : normal;
text-decoration : none;
}
div.navagation {
position : fixed;
left : 0;
top : 0;
width : 150px;
padding : 1.5px;
}
p.navagation {
background-color : rgb(141, 139, 174);
margin : 2px;
border : 0 solid white;
padding : 1px;
text-align : left;
}
p.navagation_active {
background-color : rgb(141, 139, 174);
color : rgb(255, 255, 255);
margin : 2px;
border : 0 solid white;
padding : 1px;
text-align : left;
}
p.sub_navagation {
background-color : rgb(141, 139, 174);
margin : 2px;
border : 0 solid white;
padding : 1px;
text-align : right;
}
body.index {
background-image : url("images/stc_background1.jpg");
background-color : rgb(255, 255, 255);
background-repeat : no-repeat;
}
body.people {
background-image : url('images/stc background.jpg');
background-color : rgb(90, 90, 90);
}
div.thumbnail {
width : 150px;
background-color : rgb(10, 10, 45);
float : left;
}
div.figure {
float : left;
width : 155px;
border : black;
margin : 5px;
padding : 5px;
}
div.header {
position : absolute;
left : 150px;
top : 0;
width : 685px;
height : 146px;
padding : 10px;
margin : 1px;
overflow : hidden;
background-image : url("images/header blue.jpg");
background-repeat : no-repeat;
}
div.second_col {
position : absolute;
left : 150px;
top : 150px;
width : 685px;
height : auto;
padding : 10px;
margin : 1px;
overflow : auto;
}
div.figure p {
text-align : left;
font-style : normal;
font-size : smaller;
text-indent : 0;
}
div.projects {
float : left;
width : 100px;
height : 200px;
border : black;
margin : 1px;
padding : 1.5px;
overflow : hidden;
}
p.projects {
font-family : Arial Narrow;
text-align : left;
font-style : normal;
font-size : 10pt;
text-indent : 0;
overflow : hidden;
}
p.initials {
font-family : Arial Narrow;
text-align : left;
font-style : normal;
font-size : 8pt;
text-indent : 0;
}
div.skills {
float : left;
width : 300px;
height : 450px;
margin : 8px;
padding : 4px;
overflow : hidden;
background-color : rgb(229, 229, 229);
}
p.skills {
font-family : Arial Narrow;
text-align : left;
font-style : normal;
font-size : 12pt;
text-indent : 0;
overflow : hidden;
}
p.initials {
font-family : Arial Narrow;
text-align : left;
font-style : normal;
font-size : 8pt;
text-indent : 0;
}
.clear_float {
clear : both;
margin-bottom : 2px;
}
body.c3 {
background-color : rgb(255, 255, 255);
background-repeat : no-repeat;
}
div.c2 {
position : absolute;
left : 150px;
top : 0;
width : 785px;
padding : 10px;
margin : 1px;
overflow : auto;
}
p.c1 {
color : #ffffff;
}