html,
body{
 background-color:  #6f6f6f;
 color:             #ffffff;
 text-align:        justify;
 font-family:       Trebuchet MS, Helvetica, sans-serif;
 height:            100%;
}
#bodyWrapper{
 width:             920px;
 margin:            0 auto;
 padding:           0;
}
#bodyHeader,
#bodyFooter{
 margin:            5px 0;
}
#lightbox{
 color:             #000000;
}
.rounded {
 background-color:  #bb005e;
 padding:           10px;
}
#navLinks {
 position:          relative;
 width:             900px;
 padding:           3px 0 3px 0;
 overflow:          hidden;
}
#navLinks ul {
 list-style-type:   none;
}
#navLinks li {
 float:             left;
 text-align:        center;
 width:             300px; 
 font-weight:       bold;
 color:             #ffffff; 
 letter-spacing:    0;
 z-index:           10;
 position:          relative;
 overflow:          hidden;
}
#navLinks li.back {
 background-color:  #dd7fae;
 z-index:           8;
 position:          absolute;
 padding:           5px 0;
}
#navLinks li a {
 text-decoration:   none;
 color:             #ffffff; 
}
#bodyContent p{
 margin:            0.5em 0 0.5em 0;
 line-height:       110%;
}
acronym{
 border-bottom:     1px dotted;
 cursor:            help;
}
#bodyContent p.quote, #bodyContent p.emphasised{
 font-weight:       bold;
 text-align:        center;
}
#bodyContent p.quote{
 font-style:        italic;
}
#bodyContent p.author{
 text-align:        right;
 font-style:        normal;
}
#bodyContent p.small{
 font-size:         small;
}
#bodyContent ul{
 padding-left:      2em;
 list-style-type:   circle; 
}
#bodyContent ol{
 padding-left:      2em;
 list-style-type:   decimal; 
}
dl.borderAround{
 margin:            .5em 0;
 padding:           0;
 width:             900px;
}
.borderAround dt{
 background-color:  #131210;
 color:             #959289;
 padding:           .5em .5em;
 font-weight:       bold;
 text-align:        center;
 text-transform:    uppercase;
 border-left:       1px solid #131210;
 border-right:      1px solid #131210;
 border-top:        1px solid #131210;
}
.borderAround dd{
 margin:            0 0 1em 0;
 background:        #DBD8D8;
 color:             #000000;
 text-align:        center;
 padding:           1em .5em;
 font-style:        italic;
 border-left:       1px solid #131210;
 border-right:      1px solid #131210;
 border-bottom:     1px solid #131210;
}
#bothFooter{
 width:             900px;
 height:            4em;
}
#leftFooter{
 float:             left;
 width:             300px;
}
#middleFooter{
 float:             left;
 width:             300px;
}
#rightFooter{
 float:             left;
 width:             300px;
}
#bothText{
 width:             900px;
 height:            6em;
}
#textASCII{
 float:             left;
 width:             450px;
}
#textHEX{
 float:             left;
 width:             450px;
}
a.lightbox{
 width:             225px;
 height:            225px;
}
a.lightbox img{
 width:             223px;
 height:            223px;
 border:            1px solid #ffffff;
 margin:            0 0 5px 0;
}
h1{
 color:             #ffffff;
 margin:            0.5em 0 1em 0;
 font-size:         150%;
}
h1 a:link,
a:visited,
a:hover,
a:active{
 color:             #ffffff;
} 
h2{
 color:             #ffffff;
 margin:            0.5em 0 1em 0;
 font-size:         125%;
}
h3{
 color:             #ffffff;
 margin:            0.25em 0 0.5em 0;
 font-size:         112.5%;
}
.pictureBox {
 width:             280px;
 float:             left;
 margin:            10px;  
 text-align:        center;
 position:          relative;
 background:        url(../image/washedOutWhite.png);
}
.pictureBox img{
 border:            1px solid #ffffff;
 margin:            5px 0;
}
.pictureTitle {
 width:             100%;
 padding:           5px 0 0 0;
}
.demo-show1 h3{
 background:        #ffffff none repeat scroll 0 0;
 color:             #000000;
 border:            1px solid #000000;
 cursor:            pointer;
 padding:           5px 0 5px 5px;
 width:             893px;
 margin:            5px 0;
}
.demo-show2 h3{
 background:        #ffffff none repeat scroll 0 0;
 color:             #000000;
 border:            1px solid #000000;
 cursor:            pointer;
 padding:           5px 0 5px 5px;
 width:             893px;
 margin:            5px 0;
}
.logOut{
 height:            0;
 width:             0;
 visibility:        hidden;
}
.clearer{
 clear:             left;
 line-height:       0;
 height:            0;
}
.h3text{
 font-weight:       bold;
 font-size:         112.5%;
 line-height:       100%;
}