body {
    background-color: lightgray;
    color: #0f0f0f;
    font-family: 'times new roman';
    font-size: 20px;
    letter-spacing: 0.7pt;
    line-height: 140%;
}

h2 {
    margin: 80px 0px 50px 0px;
    font-family: verdana;
    padding-bottom: 25px;
    text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
    font-size: 102px;
    text-align: center;
    letter-spacing: 5pt;
    color: black; /*#de1515;*/
}
        
h3 {
    margin: 35px 0px 15px 0px;
    font-family: verdana;
    font-weight: 900;
}

h4 {
    margin-bottom: 0px;
    margin-top: 0px;
}

a:link {color: #000; text-decoration: underline;}
a:visited {color: #000; text-decoration: underline;}
a:active {color: #000; text-decoration: underline;}
a:hover {color: #000; text-decoration: none;}
    
#navcontainer ul {
    padding-left: 0;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    float: left;
    font-family: verdana;
}

#navcontainer ul li {display: inline;}

#navcontainer ul li a {
    padding: 0.2em 1.4em;
    background-color: darkgrey;
    color: black;
    text-decoration: none;
    float: left;
    font-size: 20px;
    font-weight: 600;
}

#navcontainer ul li a.active {
    background-color: #f6f6f6;
}

#logo {
    margin: 35px 100px 0px 100px;
    height: 17px;
    text-align: right;
    font-size: 10px;
}
    
#OuterBox {
    margin: 2em 3em 0 3em;
    padding: 0px;
}
    
#InnerBox {
    padding: 0px;
}
    
.portfolioSiteBoxOuter {padding-left: 25px;}
.portfolioSiteBoxInner {margin-left: 320px;}

.portfolioSiteBoxInner p {font-size: 80%;}

.portfolioImg {
    border: 1px solid #000;
    float: left;
    margin-right: 19px;
    box-shadow: 3px 3px 2px 0px rgba(50, 50, 50, 0.75);
}   

ul.norm {
    margin-top: 0px;
    margin-bottom: 25px;
}  
        
ul.norm li {list-style-type: square;}

.clear {clear: both;}
.borderless {border: none;}
.fleft {float: left;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}

.margin1 {margin-bottom: -3px;}
.margin2 {margin-top: 5px;}
.margin3 {margin: 0px;}
.margin4 {padding-bottom: 45px;}
.margin5 {margin-bottom: 25px;}
.width1 {width: 33%;}
.font1 {font-size: 80%;}

.contents {
    padding: 10px 30px;
    text-align: justify;
    background-color: #f6f6f6;
}

.copyright {
    border: none;
    margin: 0;
    text-align: right;
    font-size: 16px;
}

p.separator {
    text-align: center;
    font-weight: 600;
    letter-spacing: 10px;
    font-size: 36px;
    text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);
    color: darkgray;
}

img.profile {
    float: right;
    border: 1px solid black;
    margin-top: 10px;
    margin-left: 10px;
    box-shadow: 3px 3px 2px 0px rgba(50, 50, 50, 0.75);
}

.tabular {
    width: 100%;
    overflow: auto;
}

.tabular pre {
    font-size: 16px;
    line-height: 1.2;
    margin: 0px 0px 0px 10px;
    padding: 6px;
}

.clear {clear: both}

.imgContainer {
	margin-left: 30px;
	float: right;
}
.imgContainer img {
	display: block;
	padding: 2px;
	border: 2px solid #525252;
}
.imgContainer p {
    text-align: center;
    margin-top: 0px;
    font-size: 14px;
}