﻿html{
    margin:0;
    padding:0;
    height:100%; margin-bottom:1px; /* Forces scrollbar on all pages */
}

body{
	text-align: center;
	background-color: #000;
	line-height: 1.5em;
	font-size: 0.8em;
}

#container{
    background-color: #000;
    color: #FFF;
    margin: 0 auto;
    width: 820px;
    text-align: left;
    border: 1px solid #99CCFF;
   	overflow: hidden;
}

#body{
    color: #B3B3B3;
    border-right: 1px solid #99CCFF;
    float: left;
    width: 591px;
	font-size: 105%;
}

#body a{
    color: #55FFFF;
    text-decoration: none;
    border-bottom: 1px dashed #55FFFF;
}

#body a:hover{
    color: #99CCFF;
    text-decoration: none;
    border-bottom: 1px dashed #99CCFF;
}
#article{
    padding: 20px;
}



#rightnavigator{
    float: right; 
    width: 228px;
    border-top: 1px solid #99CCFF;
}

#rightnavigator ul{
    margin-top: 35px;
    list-style-type: none; 
    font-family: Arial; 
    font-size: 130%; 
    font-weight: bold;
}
#rightnavigator ul li{
    margin-top: 10px;
    margin-bottom: 5px;
    color: #C0C0C0;
}
#rightnavigator a{
    text-decoration: none;
    color: #C0C0C0;
}
#rightnavigator a:hover{
    text-decoration: underline;
}


#footer{
    margin: 0 auto;
    width: 820px;
    text-align: left;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    font-size: 120%;
    color: #C0C0C0;
    padding-top: 15px;
    overflow: hidden;
}

#footer a{
    color: #C0C0C0; 
    text-decoration: none; 
    float:right; 
    border-bottom: 2px solid #333;
}

#footer a:hover{
   border-bottom: 2px solid #99CCFF;
}


h1{
    font-size: 120%;
}

#pageinfo{
    background-image: url('../theme/info-bar.jpg');
    background-repeat: no-repeat;
    background-color: #003366; 
    height: 50px; 
    border-top: 1px solid #99CCFF;
}


#relatedlinks{
    border-top: 1px dashed #c0c0c0; 
    margin: 30px 0px 0px 0px;
}

#relatedlinks h3{
    font-size: 100%;
    margin-top: 4px;
}

/* portfolio page */
.website-portfolio{
    clear: left;
    overflow: hidden;
    margin-bottom: 30px;
}

.website-portfolio h2{
    margin-top: 5px;
}

.website-portfolio-image{
    float: left; 
    padding: 15px; 
    border: 1px solid #9FBEF7; 
    margin-right: 20px;
}
