body {
  font: 95%/1.3 "Trebuchet MS", Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: rgb(0,0,0);
}
h1, h2, h3, #servertitle, #slogan {
  font-family: Calibri, Arial, "Helvetica Neue", Helvetica, sans-serif;
}
h1 { margin: 0 0 10px 0;   font-size: 2.20em;  color: rgb(51,153,255); color: rgb(27,128,224); }
h2 { margin: 30px 0 10px 0;   font-size: 1.60em;  color: rgb(27,128,224); color: rgb(27,128,224); }
h3 { margin: 15px 0 10px 0;   font-size: 1.35em;  color: rgb(13,102,191); color: rgb(27,128,224); }
h4 { margin: 0 0 10px 0;   font-size: 1.00em;  color: rgb(0,51,153);   color: rgb(27,128,224); }
    
h1 .subheading { font-size: 70%; color: rgb(128,128,128); font-style: italic; }
h2 .subheading { font-size: 80%; color: rgb(128,128,128); font-style: italic; }

p, dd, ul  
   { margin: 0 0 10px 0; }
blockquote, address  
   { margin: 0 0 10px 0;  padding: 0 1.2em; }
ol { margin: 0 0 10px 0.4em; }
li { margin: 0 0  2px 1.2em; }

dd { margin: 0 0 10px 1.2em;      }
dt { margin: 0 0  2px 0; font-weight: bold; }

blockquote { border-left: 2px solid  silver; }
address    { border-left: 2px dotted silver; }

#servertitle {
  margin: 0px 10px 10px 200px; 
  padding: 60px 0 0 0; 
  font-size: 2.20em;
  color: rgb(255,224,191);
  letter-spacing: 1px;
}
#servertitle strong {
  color: rgb(255,204,64);
}
#slogan {
  margin: 10px 10px 10px 200px; 
  font-size: 1.4em;
  color: rgb(255,224,191);
  letter-spacing: 1px;
}
hr.clearboth { 
  border: none;
  border-top: 1px dotted silver; 
  margin: 0; 
}
.centered  { text-align: center; }
.raligned  { text-align: right; }
.arrow {
  color: rgb(255,51,0);
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 900;
}
.bg {  padding: 1px 3px; margin-left: -3px; margin-right: -3px; background: rgb(240,240,240); }
.clearboth { clear: both; }
p.clearboth { margin: 0; height: 10px; font-size: 5px; }

a:link    { color: rgb(0,51,153); }
a:visited { color: rgb(78,102,128); }
a:hover   { color: rgb(255,51,0); }
a:active, 
a:focus   { color: rgb(204,153,0); }


p.image {
  font-style: italic;
  font-size: 95%;
  margin: 15px 1.2em;
  text-align: center;  
  color: rgb(82,82,82);
}
p.image img    { margin-bottom: 5px; }
p.perex        { font-weight: bold; color: rgb(64,64,64); }
p.perex strong { color: rgb(0,0,0); }

.redborder   { border: 1px solid red; }
.blueborder  { border: 1px solid blue; }
.chalkbg     { background-color: rgb(205,255,204); }

.leftbox  { width: 470px; float: left;  }
.rightbox { width: 470px; float: right; }

img.floatleft  { float: left;  margin: 4px 10px 6px 0; }
img.floatright { float: right; margin: 4px 0 6px 10px;}

#top {
  display: block; position: absolute; width: 1px; height: 1px; top: 0; left;
  font-size: 1px; visibility: hidden;
}

#page {}

#header0 {
  background: rgb(0,0,102) url("imgsys/bgtop.png") repeat-x left top; 
  height: 180px;
}
#header {
  margin: 0 auto;
  width: 960px;
  position: relative;
  height: 180px;
}
#header img { position: absolute; top: 0px; left: 0px; }

#topmenu0 {
  background: rgb(0,153,0) url("imgsys/bgmenu.png") repeat-x left top;
  border-bottom: 2px solid rgb(0,102,0);
}
#topmenu {
  margin: 0 auto;
  width: 960px;
  color: rgb(128,191,128);
}
#topmenu p {
  font-size: 100%;
  padding: 5px 0px 5px 200px;
  margin: 0;
}

.hbar0 {
  clear: both;
  background: rgb(212,212,212) url("imgsys/bghbar.png") repeat-x left top;
  border-top:    1px solid rgb(204,204,204);
  border-bottom: 1px solid rgb(153,153,153);
}
.hbar {
  margin: 0 auto;
  width: 960px;
  color: rgb(51,51,51);
}
.hbar p {
  font-size: 100%;
  padding: 5px 0px;
  margin: 0;
}

#topmenu a:link    { color: rgb(240,255,204); }
#topmenu a:visited { color: rgb(204,224,191); }
#topmenu a:hover   { color: rgb(255,204,64); }
#topmenu a:active, 
#topmenu a:focus   { color: rgb(255,191,255); }



#wrapper0 {
  clear: both;
  background-color: white;
}
#wrapper {
  margin: 0 auto;
  width: 960px;
}
.bgw00, .bgw01 {
  background-repeat:   repeat-x;
  background-position: left top;
}
.bgw00 { background-image: url("imgsys/bgwrap00.png"); }
.bgw01 { background-image: url("imgsys/bgwrap01.png"); }


#topmain0 {
}
#topmain {
  margin: 0 auto;
  width: 960px;
}
#topmain .leftbox {
  margin: 50px 0 20px 0;
}
#topmain .rightbox {
  margin: 50px 0 20px 0;
}


#main0 {
  float: left;
  width: 660px;
  padding: 40px 0 10px 0;
}
#main {
}
p.gotop {
  clear: both;
  padding: 0 2px 10px 2px;
  text-align: right;
  font-size: 90%;
}


#sidebar0 {
  float: right;
  width: 280px;
  padding: 50px 0 20px 0;
}
#sidebar {
  border: 3px solid rgb(214,244,194);
  padding: 10px 10px 5px 10px;
  background: rgb(240,255,232);
  font-size: 90%;
}
#sidebar .bg {  padding: 3px 10px; background: rgb(214,244,194); margin: 0 -10px 10px -10px; }
#sidebar h3  { color: rgb(51,153,0); margin-top: 0; font-size: 1.5em; }
#sidebar h4  { color: rgb(16,64,0); }




#bottom0 {
  clear: both;
  background: rgb(0,0,0) url("imgsys/bgbottom-0.png") repeat-x left top;
  border-top:    2px groove rgb(51,51,51);
  border-bottom: 2px ridge  rgb(51,51,51);
}
#bottom {
  font-size: 90%;
  width: 960px;
  padding: 8px 0px;
  margin: 0 auto;
  color: rgb(204,204,204); 
}

#bottom .leftbox {
  width: 280px;
  padding: 8px 0px;
  margin-right: 45px;
}
#bottom .rightbox {
  width: 280px;
  padding: 8px 0px;
}
#bottom h4, #footer strong {
  color: rgb(255,255,191); 
}
#bottom h4, #bottom p, #bottom ul, #bottom ol {
  margin-bottom: 5px;
}
#bottom li {
  margin-bottom: 0px;
}

#bottom a:link    { color: rgb(235,245,255); }
#bottom a:visited { color: rgb(153,153,153); }
#bottom a:hover   { color: rgb(255,153,128); }
#bottom a:active, 
#bottom a:focus   { color: rgb(255,191,102); }

#footer {
  clear: both;
  margin: 20px 0 10px 0;
  padding: 5px 0 0 0;
  border-top: 1px solid rgb(102,102,102);
}

#topmenu a:link,    .hbar a:link,    #footer a:link    { text-decoration: none; }
#topmenu a:visited, .hbar a:visited, #footer a:visited { text-decoration: none;}
#topmenu a:hover,   .hbar a:hover,   #footer a:hover   { text-decoration: underline; }
#topmenu a:active,  .hbar a:active,  #footer a:active,
#topmenu a:focus,   .hbar a:focus,   #footer a:focus   { text-decoration: underline; }