html, body {
  height: 100%;
}
* html #container {
}
* html #container, #top, #container {
	width:940px;
}

body {
  text-align: center;
  margin: 0px;
  padding: 0px;
  min-height:100%;
  height:100%;
  text-align: center;
  background: #CECEC2;
}

body, input, table {
  font-family: Arial, Tahoma; 
  font-size: 12px; 
  color: #333;
}

a {
	text-decoration:none;
  color: #999; 
}
a:hover {
	text-decoration: underline; 
}
a:active {
	color:black;
}
a img {
  border: none;
}

#top1 { height: 99px; background: url(../design/top-1.png) center top no-repeat; }
#top2 { height: 99px; background: url(../design/top-2.png) center top no-repeat; }
#top3 { height: 99px; background: url(../design/top-3.png) center top no-repeat; }
#top4 { height: 99px; background: url(../design/top-4.png) center top no-repeat; }
#top5 { height: 99px; background: url(../design/top-5.png) center top no-repeat; }
#top6 { height: 99px; background: url(../design/top-6.png) center top no-repeat; }
#top7 { height: 99px; background: url(../design/top-1.png) center top no-repeat; }
#top8 { height: 99px; background: url(../design/top-1.png) center top no-repeat; }
#top9 { height: 99px; background: url(../design/top-1.png) center top no-repeat; }

#container {
  margin-left:auto;
  margin-right:auto;
  position:relative;
  text-align:left;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  background: url(../design/shadow-bottom.png) center bottom no-repeat;
}
#container-shadow {
  background: url(../design/shadow-rest.png) center top repeat-y;
}
/*

#midd {
  width: 860px;
  min-height:40px;
  padding-top:15px;
}

*/

#rhs {
  height: 100%;
  width: 200px;
  float: left;
  background: blue;
  margin-right: 20px;
}


#rhs a, #content a {
  color: #999;
  text-decoration: underline;
}

#lhs {
  margin-top: 20px;
  height: 100%;
  width: 256px;
  float: left;
  padding-left: 40px;
  padding-right: 20px;
}

#content_case {
  float: left;
  width: 483px;
  margin-top: 10px;
  display:block;
}

#content {
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}
#footclear {
	clear:both;
	width:100%
}

#footer {
  /*position:absolute;*/
  height: 20px;
  font-size: 10px;  
  bottom: 0px;
  text-align: right;
  color: #FFF;
  padding-top: 4px;
  margin-left: 20px;
  margin-right: 20px;
}
#footer ul {
  margin: 0px;
  padding: 0px 0px;
  float: left;
}
#footer a {
  color: #FFF;
  font-weight: bold;
}
#footer .left, #footer .right {
  margin: 0px;
  padding: 1px;
}
#footer .left {  float: left;}
#footer .left a { display:block; width: 100px; text-align: center; float:left;}
#footer .right {  float: right; margin-right: 10px;}
#menu_road {
  margin: 3px;
  padding: 3px;
  background: #CCC;
  color: #999;
}
#menu_road a {
  font-size: 1.2em;
  color: #999;
}

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

#menu ul ul {
  padding: 0px;
  margin:0px 0px 0px 0px;
}
#menu ul ul ul{
  padding: 0px;
  margin:0px 0px 0px 15px;
}
#menu ul .sel, #menu ul .nosel {
  margin: 3px 0px;
  padding: 3px 22px;
  display: block;
  font-weight: bold;
  font-size: 1.2em;
}

#menu ul .nosel {
  background: #999 url(images/bullet.gif) no-repeat 4px 4px;
}

#menu ul .nosel:hover, #menu ul .sel:hover {
  background: #999 url(images/bullet_hover.gif) no-repeat 4px 4px;
}

#menu ul .sel {
  color: #DB0962;
  
  background: #CCC url(images/bullet_active.gif) no-repeat 4px 4px;
}

#menu ul ul .sel, #menu ul ul .nosel {
  display: block;
  background: #FFF;
}
#menu ul ul .nosel:hover, #menu ul ul .sel:hover {
  background: #FFF;
}
#menu ul ul .nosel {
  color: #999;
}
#menu ul ul .sel {
  color: #303F99;
  text-decoration: underline;
}
.sel, .nosel {
  font-size: 1em;
}
.sel {
  color: #FF0;
}
.nosel {
  color: #FFF;
}

#pages_navigation table {
  display: inline;
}
#pages_navigation p {
  margin: 0px 10px 5px 0px;
}
#pages_navigation a {
  text-decoration: none;
}
#pages_navigation .icon {
  width: 25px;
}
#pages_navigation .icon2 {
  width: 100px;
}
#pages_navigation .sel, #pages_navigation .nosel {
  font-size: 1em;
  font-weight: bold;
}
#pages_navigation .sel {
  color: red;
}
#pages_navigation .nosel {
  color: #999;
}
#pages_navigation .nosel:hover {
  color: blue;
  text-decoration: none;
}
#content .info2 {
  text-align: right;
}


#content .alignLeft {float: left; margin-right: 10px; margin-top: 0px; margin-bottom: 0px;}
#content .alignRight {float: right; margin-left: 10px; margin-top: 0px; margin-bottom: 0px;}
#content .alignCenter {text-align:center;}
#content .downloadContainer {margin-bottom: 10px;}
#content .downloadIntroduction {font-size: 11px;}
#content h1 { font-size: 140%;}
#content h2 { font-size: 130%;}
#content h3 { font-size: 120%;}
#content h4 { font-size: 110%;}
#content h5 { font-size: 100%;}


.infoPanel {
text-align: left; background: red; color: white; font-weight: bold;  width: 900px; margin: 0px; margin-left:auto;  margin-right:auto;  position:relative; padding-top: 5px; padding-bottom: 5px;
}
#content .tags {font-size: 90%; padding: 4px;}

.loadArticlesAsMenu {
	margin-left: 20px; text-transform: uppercase; 
}
.loadArticlesAsMenu a:hover { text-decoration:none; color: #333; }
.loadArticlesAsMenu p {margin:0;padding:0; margin-bottom: 5px;}
.loadArticlesAsMenu_selected {color: #4E8ABE;}


.banner_1 p, .banner_2 p, .banner_3 p, .banner_4 p {padding: 0; margin:0;}

.banner_1 {
	width: 265px; height: 73px; float: left; margin: 5px; border: solid 1px #A7A9AC; margin-left: 40px; padding: 5px; font-size: 90%;
}
.banner_2 {
	width: 172px; height: 73px; float: left; margin: 5px; border: solid 1px #A7A9AC; padding: 5px; font-size: 90%;
}
.banner_3 {
	width: 172px; height: 73px; float: left; margin: 5px; border: solid 1px #A7A9AC; padding: 5px; font-size: 90%;
}
.banner_4 {
	width: 172px; height: 73px; float: left; margin: 5px; border: solid 1px #A7A9AC; padding: 5px; font-size: 90%;
}