body 
{
   background: #347;
   margin: 0;
   padding: 0;
}

img
{
   border: 0;
   margin: 0;
}

/* Page Layout Section */
div#container
{
   background:  #89c;
   min-width:	600px;
   margin:	0;
   padding:	0;
   display:	block;
}
div#banner
{
  padding:    10px;
  font-size:  4em;
  width:      auto;
  display:    block;
}
/* Tabbed toolbar */
div#topbar
{
   padding:    0;
   margin:     0;
   text-align: center;
   height:     30px;
   display:    block;
   position:   relative;
   border-bottom: solid white 1px;
}

div#topbar ul 
{
   margin:        0;
   margin-left: 30px;
}

div#topbar li 
{
   list-style:    none;
   text-align:    center;
   font-size:     1.1em;
   float:         left;
   margin:        0;
   margin-left:   10px;
}

div#topbar a 
{
   color:            #000;
   text-decoration:  none;
   background:       #ffc;
   padding:          3px;
   border:        solid black 1px;
}

div#topbar li#current
{
}

div#topbar li#current a
{
   color: #777;
   background: #fff;
   height: 28px;
   display: block;
   border: none;
}

div#topbar a:hover
{
   color:      #800;
   background: #fdd;      
}

div#topbar span
{
}

div#topbar li#current span
{
}
/* End Tabbed Toolbar */

div#main
{
   margin:      0;
   padding:     20px;
   padding-top: 30px;
   text-align:  justify;
   background:  #fff;
}

div#bottombar
{
   clear:       both;
   width:       100%;
   text-align:  center;
   border-top:  1px dashed #555;
   background:  #fff;
}
div#footer
{
   clear:       both;
   width:       100%;
   text-align:  center;
   border-top:  1px dashed #555;
   background:  #888;
}
/* End Page Layout */

/* Text Formatting Section */
.clear
{
   clear:   both;
}

.box
{
   border:        1px solid #000;
   margin:        10px;
   padding:       5px;
}

.wide
{
   width:   100%;
}

.side
{
   width:     40%;
}

.floatl
{
   float: left;
}

.floatr
{
   float: right;
}

.white
{
   background: #ffffff;
}

.left
{
   text-align: left;
}

.right {
   text-align: right;
}

.center {
   text-align: center;
}

.bold {
   font-weight:   bold;
}

.ul {
   text-decoration:  underline;
}

.italic {
   font-style:    italic;
}

.strike {
   text-decoration: line-through;
}

.blink {
   text-decoration: blink;
}

.highlight{
   background: #ff0;
}
/* End Text Formatting */

/* Links */
#links
{
  width:        100%;
  min-height:   500px;
  line-height:  normal;
}

#links ul
{
   margin:     0;
   padding:    10px 10px 0px;
   list-style: none;
}

#links li
{
   width:       40%;
   margin:      1px;
   height:      30px;
   padding:     5px;
}

#links li a
{
   font-size:       20px;
   text-decoration: none;
}

#links li div
{
   padding:      10px;
   background:   #fff;
   display:      block;
   position:     absolute;
   top:          150px;
   margin:       10px;
   margin-left:  40%;
   width:        350px;
   min-height:   400px;
   border:       1px solid #000;
   visibility:   hidden;
}

#links li:hover div
{
  visibility: visible;
}

#links li div#woing
{
   background: #ff0;
}

#links li div#woing img
{
   background: #000;
}
/* End Links */

/* Blog Section */
.error
{
   color:         #F00;
   font-style:    italic;
   background:    #FF0;
   font-weight:   bold;
}

.required
{
   font-weight:   bold;
}

.BlogSummary
{
   display:       block;
   margin-bottom: 10px;
}

.Blog
{
   display:       block;
   border:        1px solid #000;
   background:    #FFF;
   margin-bottom: 10px;
}

.Blog .header
{
   display:       block;
   width:         100%;
   border-bottom: 1px solid #000;
}

.Blog .header label
{
   display: block;
}

.BlogSummary .header .subject
{
   font-weight:      bold;
   text-decoration:  none;
   color:            #01F;
}

.Blog .header .subject
{
   font-weight:      bold;
   text-decoration:  none;
   color:            #01F;
   font-size:        15pt;
}

.Blog .header .name
{
   font-weight:      bold;
   text-decoration:  none;
   color:            #01F;
   font-size:        10pt;
}

.BlogSummary .header .date,
.BlogSummary .header .data,
.Blog .header .date
{
   font-style: italic;
   color:      #555;
   font-size:  8pt;
}

.Blog .entry .time
{
   text-align: center;
   font-size:  8pt;
   color:      #555;
}

.Blog .comment
{
   display:    block;
   border-top: 1px dashed #777;
}
.Blog .comment .header
{
   display:       block;
   width:         100%;
   border-bottom: 1px dotted #000;

}
/* End Blog Section */
ent .header
{
   display:       block;
   width:         100%;
   border-bottom: 1px dotted #000;

}
/* End Blog Section */