html
{
  height: 100%;
  width: 100%;
}

body
 { font-family: Tahoma, Trebuchet, Verdana; 
 background: #e5ebdf url("../images/wrapper_bg.gif") repeat-y left top; 
 margin: 0; 
 padding: 0; 
 width: 100%; 
 height: 100% }
 
.wrapper
 { background: url("../images/bg.gif") repeat-x left top; 
 position: relative; 
 height: auto !important; 
 min-height: 100% }
 
.container
{
  width: 980px;
  margin: 0;
  padding: 0;
}

.icon
{
  width: 210px;
  height: 180px;
  margin: 3px 15px 0 36px !important;
  margin: 3px 18px 0 19px;
  padding: 0 ;
  background: #505A64;
  float: left;
  text-align: center;
  vertical-align: middle;
  border: #FFF solid;
  border-width: 0 2px 2px;
}

.icon img
{
  margin: 23px 0 0;
}
#title
{ float:left;
  margin: 0;
  padding: 5px 0 0;
  clear: right;
  color: #e5ebdf;
  color: #FFF;
}
.title img
{
  margin-top: 45px;
  padding: 0;
}
#navigation
{
  position: absolute;
  top: 122px;
  left: 274px;
  width: 800px;
}

#navigation ul
{
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
  border: none;
}

#navigation ul li
{
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
  width: 121px;
  height: 34px;
  vertical-align:middle;
  text-align: center;
}

#navigation ul li a
{
  display: block;
  width: 121px;
  height: 34px;
  margin: 0;
  padding: 12px 0 0;
  text-align: center;
  background: url(../images/tab_normal.gif) top left no-repeat;
  color: #DDE4E8;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.85em;
  }

#navigation ul li a:hover
{
  color: #93a6b7;
  color: #EEE;
  background: url(../images/tab_over.gif) top left no-repeat;
}

#navigation ul li a.selected, #navigation ul li a.selected:hover
{
  background: url(../images/tab_selected.gif) top left no-repeat;
  color: #343434;
  font-weight: bold;
  font-size: 0.85em;
}

#navigation ul li a.selected:hover
{
  color: #000;
}


#body
{
  position: absolute;
  width: 100%;
  margin-bottom: 220px;

}

#body .sidebar
{
  margin: 10px 0 0 55px !important;
  margin: 10px 0 0 27px;
  width: 170px;
  position: absolute;
  font-size: 0.75em;
  font-weight: bold;
  color: #465052;
}
#body .sidebar a
{
  color: #465052;
  text-decoration: none;

}

#body .sidebar a:hover
{
  color: #B6B7B7;
}
#body .sidebar h1
{
  font-size: 1.5em;
  text-align: center;
}
#body .sidebar h3
{
  color: #465052;
}

#body .sidebar .content1
{
  margin: 3px 0 3px 10px !important;
  padding: 0;
  width: auto;
  float: none;
  color: #465052;
}

#body .sidebar .content2
{
  margin: 3px 0 3px 10px !important;
  padding: 0;
  width: auto;
  float: none;
  color: #465052;
}

#body .sidebar .content3
{
  margin: 3px 200px 3px 0px;
  padding: 0;
  width: auto;
  float: none;
  color: #465052;
}

#body form input, #body form textarea, #body .sidebar select
{
border-left: 0px;
border-right: 0px;
border-top: 0px;
border-bottom: 1px dotted #465052;
background: #e0edf7;
color: #465052;
width: 100%;
overflow:hidden;
}

#body form input.submit
{
  width: auto;
  float: right;
  border: 1px dotted #465052;
background: #e0edf7;
color: #465052;
}

#body .sidebar ul.links
{
  list-style: none;
  padding: 0;
  margin: 0;
  border: none;
  list-style-image: none;
}

#body .sidebar ul.links li
{
  padding: 0;
  border-bottom: #7c8c9b dotted 1px;
  height: 1.7em;
}

#body .sidebar ul.links li a
{
  padding: 2px 6px;
  display: block;
  color: #465052;
  text-decoration: none;
}

#body .sidebar ul.links li a:hover
{
  background: #e0edf7;
}

.back
{
  background: #e0edf7;
}
#body .content
{
  position: absolute;
  width: 747px;
  margin: 0px 0 0 275px;
  padding: 0;
  color: #000;
}

#body .content p
{
  margin: 0;
  padding: 0 0 0.8em;
  text-align: justify;
  font-size: .85em;
  font-weight: normal;
}

.boxleft {float:left; width: 39%;}

.boxright {float:right; width: 59%;}

.boxleft1 {float:left; width: 53%;}

.boxright1 {float:right; width: 45%;}

.boxright1 h3
{
  font-size: 0.9em;
  font-weight: bold;
  margin 0;
  padding: 0;
  color: #465052;
  clear: both;
}

.boxleft1 h3
{
  font-size: 0.9em;
  font-weight: bold;
  margin 0;
  padding: 0;
  color: #465052;
  clear: both;
}

.boxleft2 {float:left; width: 64%;}

.boxright2 {float: right; margin-right: 0; width: 220px;}

.boxleft2 h2
{
  font-size: 1.1em;
  font-weight: bold;
  margin-top: 15px;
  padding: 0;
  color: #465052;
  clear: both;
}

#body .content span
{
  font-size: 0.9em;
  font-weight: normal;
  padding: 0;
  color: #465052;
}

img.rightimg {float: right; margin-left: 20px; margin-bottom: 10px; margin-top:0px}
img.leftimg {float: left; margin-right: 20px; margin-bottom: 10px}
img.right {float: right; margin-left: 0px; margin-bottom: 10px; margin-top:10px}

#body .content a
{
  text-decoration: none;
  color: #465052;
  font-weight: bold;

}

#body .content a:hover
{
  text-decoration: none;
  color: #B6B7B7;
  font-weight: bold;
}

#body .content .comments .comment
 { font-size: 10px; background: url(../images/comment_corner.gif") no-repeat left top; margin: 0 0 0 10px; padding: 20px 0 0 27px }

#body .content .comments .comment h4
{
  margin: 0;
  padding: 0;
}

#body .content .area100
{
  clear: both;
  width: 98%;
  margin: 0;
  padding: 4px;
}

h3
{
  font-size: 1.1em;
  font-weight: bold;
  margin-top: 15px;
  padding: 0;
  color: #465052;
  clear: both;
}
h2
{
  font-size: 0.9em;
  font-weight: bold;
  margin-top: 15px;
  padding: 0;
  color: #465052;
  clear: both;
}

h4, h5, h6
{
  margin: 0;
  padding: 0;
  clear: both;
  color: #465052;
}

h4 a, h5 a, h6 a
{
  text-decoration: none;
}

h4
{
  font-style: italic;
}

#body a
{
  color: #59452a;
}

#body h3 a
{
  text-decoration: none;
  color: #465052;
}
.clear
{
  clear: both;
}

div.row {
  clear: both;
  font-size: 0.85em;
  font-weight: bold;
  font-color: #465052;
  padding-top: 5px;
  padding-right: 10px;
  }

div.row span.label {
  float: left;
  width: 150px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 200px;
  text-align: left;
  }
/*  Gallery  */
#gallery
{
  padding:0;
  margin:0 auto;
  list-style-type:none;
  overflow:hidden;
  width:436px;
  height:171px;
  border:1px solid #888;
  background:#fff url(../images/win_backh.gif) bottom right no-repeat;
  }

#gallery li {
  float:left;
  }
#gallery li a {
  display:block;
  height:171px;
  width:28px;
  overflow:hidden;
  float:left;
  text-decoration:none;
  border-right:1px solid #fff;
  cursor:default;
  }
#gallery li a img {
border:0;
background: #FFF url(../images/gallery_loading.gif) top left no-repeat;
}
#gallery li a:hover {
  background:#eee;
  width:222px;
  }

#gallery1
{
  padding:0;
  margin:0 auto;
  list-style-type:none;
  overflow:hidden;
  width:436px;
  height:171px;
  border:1px solid #888;
  background:#fff url(../images/win_backh.gif) bottom right no-repeat;
  }

#gallery1 li {
  float:left;
  }
#gallery1 li a {
  display:block;
  height:171px;
  width:28px;
  overflow:hidden;
  float:left;
  text-decoration:none;
  border-right:1px solid #fff;
  cursor:default;
  }
#gallery1 li a img {
border:0;
background: #FFF url(../images/gallery_loading.gif) top left no-repeat;
}
#gallery1 li a:hover {
  background:#eee;
  width:105px;
  }

#gallery2
{
  padding:0;
  margin:0 auto;
  list-style-type:none;
  overflow:hidden;
  width:436px;
  height:171px;
  border:1px solid #888;
  background:#fff url(../images/win_backh.gif) bottom right no-repeat;
  }

#gallery2 li {
  float:left;
  }
#gallery2 li a {
  display:block;
  height:171px;
  width:28px;
  overflow:hidden;
  float:left;
  text-decoration:none;
  border-right:1px solid #fff;
  cursor:default;
  }
#gallery2 li a img {
border:0;
background: #FFF url(../images/gallery_loading.gif) top left no-repeat;
}
#gallery2 li a:hover {
  background:#eee;
  width:150px;
  }
/*  General Elements  */
pre
{
  display: block;
  font-family: monospace;
  overflow:visible;
  border-width: 1px 0;
  border-style: dashed;
  padding: 3px;
}

code
{
  color: #F60;
  border-width: 0 1px;
  border-style: dashed;
  display: block;
  padding: 3px;
}

blockquote
 { background: #ecf2e6 url(../images/quote.gif") no-repeat left top; margin: 5px 20px; padding: 5px 5px 5px 43px; border: solid 1px #d3d9ce }

ol li ol
{
  list-style: lower-roman;
}

ol li ol li ol
{
  list-style: lower-alpha;
}

ul
 { list-style-image: url(../images/arrow.gif"); padding-left: 30px }