/* Body---------------------------------------------------------- */
/* Body---------------------------------------------------------- */

body {
  margin: 0;
  font-family: Candara, Ostorah;
  font-size: 12px;
background:#195F7A;
}


/* Header---------------------------------------------------------- */
#header {
  padding: 0 0 25px 0;
}
#borderLess {
  border: 0;
}
#img{
border: 5;
}
#logo h1 {
  margin: 0;
}
#logo h1 a {
  display: block;
  text-indent: -2000;
  font-size: 0;
  color: #ddd;
  background: url('img/logo.jpg');
  background-repeat: no-repeat;
  background-position: 50%; 
  width: 100%;
  height: 93px;
}
div.navBar {
text-align: center;
background-color: #808080;
width: 800px;
padding: 4px 0px 4px 0px;
color: #ffffff;
text-decoration: none;
word-spacing: 100px; 
cursor: default;
}
#white {
color: #ffffff;
text-decoration: none;
}
#black {
color: #000000;
text-decoration: none;
}
#black:hover {
color: #000000;
text-decoration: underline;
}
#red {
color: #CE0000;
text-decoration: none;
}
img.preview {
float: right;
}
#blackUnder {
color: #000000;
text-decoration: underline;
}
/*Images--------------------------------------------------------*/
div.penguin{
width: 190px;
height: 110px;
background-image: url('http://counter.li.org/cgi-bin/certificate.cgi/478684');
}
/* Box---------------------------------------------------------- */
div.box {
  background: #ffffff;
  width: 800px;
}
div.box b {
  display: block;
}
div.box div.inside {
  padding: 10px;
}
div.box div.inside2 {
  padding: 10px;
}
/*news------------------------------------*/
div.news {
text-align: left;
}
div.copyright {
width:100%;
padding:0px;
float:center;
color:#0033ff;
text-align: center;
font-size: 10px;
}
div.aboutBox {
width: 700;
min-height: 200;
}
div.aboutImg {
padding: 5px;
float: right;
}
div.aboutTxt {
padding: 5px;
}
div.contactInfo {
text-align: center;
}
div.errorCode {
border-style: solid;
background-color: #FE5050;
padding: 10px;
color: #CC2800;
text-align: center;
}
div.messageCode {
border-style: solid;
background-color: #00ee00;
padding: 10px;
color: #008b45;
text-align: center;
}
b.headline {
border-style: solid;
background-color: #195F7A;
padding: 4px;
color: #999999;
text-align: center;
font-size: 15px;
}
a.editButton {
float: right;
text-align: left;
border-style: solid;
background-color: #195F7A;
padding: 4px;
color: #999999;
text-align: center;
font-size: 15px;
width: 100%;
}
div.olderNews {
text-align: right;
}
div.newerNews {
text-align: left;
}
div.siteSelection {
text-align: left;
background-color: #87ceeb;
padding: 5px;
height: 150px;
}
div.siteImg {
margin: 0px 5px 0px 0px;
float: left;
}
div.siteDesc {
}
div.siteHead {
font-size: 15px;
padding: 5px;
background-color:#1e90ff;
}
div.ad {
margin: 0 auto;
}
div.code {
border-style: solid;
background-color: #c7c7c7;
border-width: 1px;
padding: 5px;
margin: 2px;
}
div.appSubHead {
font-size: 22px;
padding-top: 6px;
}
h2 {
font-size: 24px;
margin: 5px;
}
h2.project-box {
border-style: solid; 
border-width:2px; 
padding: 5px; 
margin: 0px;
}
div.project-box {
padding: 5px; 
margin: 0px;
}