/* base */

*    { margin:0; padding:0; }
html { background:#ffffff url(images/bg.png) top center repeat-y; }
body { width:780px; margin:0 auto; font-size:100%; background-color:white;
       border-left:1px solid #CEC; border-right:1px solid #CEC; }

div   { text-align:left; }
a:link    {text-decoration:none; color:#338866;}
a:visited {text-decoration:none; color:#338866;}
a:active  {text-decoration:none; color:#338866;}
a:hover   {text-decoration:none; background-color:#E0FFF0; color:#338866;}
img { margin:0; padding:0; border:none; vertical-align:text-bottom; }


/* layout */

#header  { width:780px; height:95px; color:white; }
#content { width:600px; padding:20px 0 60px 10px; font-size:100%; float:left;
           line-height:1.4em; }
#menu { width:150px; padding:8px 0 10px 5px; float:right; overflow:hidden; }
#footer { width:100%; color:black; text-align:center;
          border-top:5px solid #07D; }

#footer-separater   { clear:both; }
#footer-separater p { display: none; }

html,body   { height:100%; }
body > #container { height:auto; }
* html #container { height:100%; }
#container        { min-height:100%; position:relative;
                    background-color:white; }
#footer     { clear:both; bottom:0; position:absolute; }

@media print {
  body { min-height:0; height:auto; position:static; }
  #main { margin: 0%; }
  #footer { bottom:auto; position:static; }
}


/************************************************************************/

#menu ul { margin:0; font-size:16px; list-style-type:none; text-align:left; }

#menu li { width:140px; height:34px; margin:3px 0 0 3px; color:white;
           border-bottom:2px solid #888; border-right:2px solid #888;
           background-image:url("images/button_base.gif");
           background-repeat:no-repeat; }
#menu li a { padding:10px 0 0 10px; color:white; font:600 14px sans-serif;
             display: block; }

#menu li a:link    { color:white; border:none; }
#menu li a:visited { color:white; border:none; }
#menu li a:active  { color:white; border:none; }
#menu li a:hover   { width:130px; height:24px; color:blue; display:block;
                     margin:0; padding:10px 0 0 10px;
                     background-image:url("images/button_baseL.gif");
                     background-repeat:no-repeat;
                     background-color:transparent; }

#menu li.webgen-menu-item-selected span { width:120px; height:28px;
      color:#EEE; font:900 18px sans-serif; padding:7px 0 0 8px;
      display:block; border-left:5px solid #FA8; }

/* main */
div#content { font-size:100%; line-height:1.4em; }
#content .noborder { border:0 !important; }

#content h1 { font:900 1.5em sans-serif; text-align:left;
              margin:20px 20px 20px 0; }

#content h2 { font:900 1.2em sans-serif; text-align:left;
              margin:10px 16px 20px 0; padding:10px 0 7px 15px;
              border:solid green; border-width:0 0 0 10px; }

#content p.whatsnew { margin-bottom:0; margin-right:1.5em; padding:0;
                      font-size:80%; text-align:right; }

#content p.whatsnew img { margin:0; padding:0; vertical-align:text-top; }

#content a.whatsnew { margin-bottom:0; padding:0; vertical-align:text-top;
                      color:#FF4500; }

#content h3 { margin:15px 1em 10px 0; padding:7px 0 3px 7px;
  color: #000; font-size: 1em;
  border-left:5px solid #0BB; border-bottom:1px solid #0BB; }

#content h4 { width: 100px; margin:0.8em 0 0.8em 0; padding: 0;
              font-size:1em; font-weight:bold;
              border-bottom:1px solid black; }

#content ol { margin:0 1em 0 2em; }

#content ul { margin:0 1em 0 1em; padding:0; border:none;
              list-style-type:disc; }

#content ul.motto { list-style-type:none; }

#content li { margin:0 0 0 1em; padding:0; border:none;
              line-height:1.4em; }

#content dl { margin:0 1em 0 1em; }


#content dt { margin: 0 0 4px 0; padding-bottom: 2px;
              font-weight: 900; border-bottom:1px solid black; }

#content dd { margin:3px 0 3px 2em; padding-bottom:2px; }

#content .flat dl { margin:0 1em 0 0.5em; }

#content .flat dt { width:140px; margin:0; padding:3px; float:left;
                    clear: both; border:0; border-top:1px solid #ABA; }

#content .flat dd { margin: 0 0 0 140px; padding: 3px;
                    border-top:1px solid #ABA; }

#content .form dl { margin:0 1em 0 0.5em; }

#content .form dt { width:140px; margin:0; padding:3px; float:left;
                    clear: both; border:0; border-bottom:1px solid #ABA; }

#content .form dd { margin: 0 0 0 140px; padding: 3px;
                    border-bottom:1px solid #ABA; }

#content .form table {border-collapse:collapse; border:0;}
#content .form tr { border-bottom:1px solid #ABA; }
#content .form td { margin:0; padding:2px; border-bottom:1px solid #ABA; }

#content .form p { margin:5px 25px !important; }

#content .more { font-size:small; text-align:right; }

#content .box { display:block; margin:10px 40px; padding:5px;
                border:1px solid #ABA; }

#content .ki { clear:both; margin:20px 0; text-align:center; font-size:large; }

#content .clear { clear:both; }

#content .small { font-size:small; }

#content .fn { font-size:x-small; margin-top:1px; }

#content .tr { text-align:right; }

#content p { line-height:1.4em; margin:0.5em 1em; }

#content p.note { background-color:#E0E0E0; font-size:small; }

#content .notice { 
   padding:2px 5px;
   color:orangered;
   background-color:#FFF4FA;
   font-size:small;
}

#content br.nospace { margin:0; paddin:0; }

#content img { margin:0; padding:2px; vertical-align:text-bottom; }

#content table { width:590px; margin-left:20px; table-layout:fixed;
                 border: none; }

#content td {
    border:none;
    vertical-align:top;
}

#content span.bold { font-weight:bold; }

#content .whatsnew dt { margin:0; padding:1px; font-size:80%; }

#content .whatsnew dd { font-size:90%; }

#content .center { text-align:center; }

#content .gmap
{
   width:550px;
   height:400px;
   float:right;
   clear:both;
   margin-right:20px;
   border:none;
}

#content div.c60 { float:left; width:60%; }
#content p.map { float:right; margin:30px 0; padding:0; }
#content p.map img { border:1px solid #D0EED0; }
#content p.map a:hover
{
   text-decoration:none;
   background-color:#FFF;
}
#content dl.map { margin:48px 0; width:48%; }
#content dl.map dd { margin-left:1em; margin-bottom:15px; }
#content .mtop50 { margin-top:50px !important; }

#footer p { font-size:12px; margin:5px auto 2px; }

/*************************************************************/

#all { background-color: #CCCCCC; }
#headerbar { border-bottom: 1px solid black; }

.left, .right {
  padding: 0px 1em;
}
.left {
  float: left;
  text-align: left;
}
.right {
  float: right;
  text-align: right;
}