body{
    margin: 0;
    padding: 0;
    background-color: #336A8F;
}

*{
    margin: 0;
}

p{
    margin: 4px;
    padding: 8px 8px 8px 8px;
}

.stroke{
  border-style:solid;
border-width:3px;

}
#wrapper {
    width: 80%;
    max-width: 800px;
    min-width: 6.7in;
    position: relative;
    top: .5in;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    border: 6px solid;
    overflow: hidden;
    background-color: black;
}

#header{
    height: .9in;
    width: 100%;
    background: #B8272C;
    margin: 0;
    padding: 0;
}

#banner{
  width: 4.5in;
  height: .7in;
  margin-left: 5px;
  left: 5px;  
}

#dragonlogo{
  height: .7in;
  float: left;
  margin-top: 5px;
  margin-right: 2px;
}

#title{
    font-size: .5in;
    float: left;
    margin-top: 17px;
}

#tools{
  width: 2.5in;
  height: .5in;
  margin: 0;
  padding: 0;
  margin-top: 3px;
  margin-right: 6px;
  float: right;
  text-align: right;
  position: relative;
  top: -.7in;
}

.tools.txt{
  color: black;
  text-decoration: none;
}

.toolslink{
  color: black;
  text-decoration: none;
}

a.toolslink:hover{
  text-decoration: underline;
}

#topnav{
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    background: #8F8F8F;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    border-top: solid;
    border-top-width: 3px;
    border-bottom: solid;
    border-bottom-width: 3px;
}

a.navbutton{
    font-size: .25in;
    text-decoration: none;
    color: black;
}

a.navbutton:hover{
    color: #336A8F;
}

#topnav ul{
    margin-top: 10px;
}

#topnav li {
    display: inline;
}

#centerbox{
    width: 100%;
    height: auto;
    position: relative;
    background-color: white;
    padding: 0;
    margin: 0;
}

#innerarticle{
    position: relative;
    right: 0;
    width: 95%;
    padding: 10px;
    margin: 0;
}

innerarticle div{
    padding: 5px;
}

#pdf{
    position: relative;
    margin-left: auto;
    margin-right: auto;
}


#footer{
    height: .50in;
    width: 100%;
    background-color: #8F8F8F;
    position: relative;
    padding: 0;
    margin: 0;
    border-top: solid;
    border-top-width: 3px;
    float: left;
}

#footer div{
      margin-left: 10px;
}

.footerlink{
  font-size: 18px;
  text-decoration: none;
  color: black;

}

.copyright{
  font-size: 12px;
}

.nomargin{
    margin-bottom: 0;
    margin-top: 0;
}

#dotted{
    border-style: dotted;
}

#dashed{
    border-style:dashed;
}
#solid{
    border-style:solid;
}

#double{
    border-style: double;
}

#groove{
    border-style: groove;
}

#ridge{
    border-style: ridge;
}

#inset{
    border-style: inset;
}

#outset{
    border-style: outset;
    
}

#borderex{
   
}

.error{
  background: #FF9F9F;
  min-width: 30px;
  min-height: 10px;
}

.processing{
  background: blue;
  min-height: 10px;
  min-width: 30px;
}

.success{
  background: green;
  max-width: 10px;
  min-width: 30px;
}

.response{
  background: #FF9F9F;
  min-width: 30px;
  min-height: 10px;
  border-style: solid;
  border-width: 3px;
}

.ssresponse{
  background: #FF9F9F;
  min-width: 30px;
  min-height: 10px;
  border-style: solid;
  border-width: 3px;
}

#redback{
  background: #B8272C;
}

#grayback{
  background: #8F8F8F;
}

.PortfolioTitle {
  text-decoration: none;
  font-size: 18px;
  color: #336A8F;
  font-weight: bold;
}

.PortfolioList{
  width: 100%;
  height: 1.3in;
  list-style: none;
}

.PortfolioImage{
  position: relative;
  border-style: ridge;
  width: 27%;
  float: left;
  text-align: center;
  background-image:url('woodtexture.jpg');
}

.PortfolioImageThumb{
  max-height: 1in;
  max-width: 98%;
  padding-top: 2%;
  border: none;
  
  
}

.PortfolioDescription{
  position: relative;
  width: 70%;
  float: left;
  margin-left: 10px;
}

.credit{
  text-decoration: none;
  color: black;
  font-size: 10px;
}

.blogtitle{
  font-size: 20px;
  font-family: sans-serif;
  font-weight: bold;
  margin-left: 25px;
}

.blogcontent{
  
}
.commentwrapper{
  width: 100%;
}
.blogdetails{
  text-decoration: none;
  color: black;
  font-size: 10px;
  float:right;
}
.blogcommentdetails{
  text-decoration: none;
  color: #336A8F;
  font-size: 10px;
  float: left;
}
.blogcommentdetailsbox{
  text-decoration: none;
  color: #336A8F;
  font-size: 20px;
  float: left;
  width: 25%;
  margin-bottom: 10px;
}
.blogbuttonsbox{
  text-decoration: none;
  color: black;
  font-size: 10px;
  float:right;
  width: 50%;
}
.commentarea{
  margin-left: 20%;
}

.commentsbox{
  float: right;
  width: 30%;
}
.encroachmentstopper{
  width: 100%;
}

.showHideButton{
  font-size: 10px;
  color: gray;
  background-color: transparent;
  border: 0;
  padding: 0;
}

.webDesignExpansionDiv{
margin-left: 5%;
display: none;
}

.codeQuote{
  margin: 5%;
  background-color: silver;
  padding: 2%;
  border: black;
}