@charset "utf-8";
html, body {
   height: 100%;
}
body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
   color: #000000;
   background-image: url(bg3.jpg);
   background-repeat: repeat-y;
   background-position: center top;
   margin: 0px;
   background-color: #CCCCCC;
   background-attachment: fixed;
}
a {
   font-weight: normal;
   color: #666666;
   text-decoration: none;  
}
a:hover {
   color: #000000;
}
#container {
   min-height: 90%;
   /*padding-bottom: -100px;*/
   width: 820px;
   margin-left: -410px;
   left: 50%;
   top: 0px;
   position: relative;
   background-color:#d9dee6;
   background-image: url(bg-container.jpg);
   background-repeat: no-repeat;
   background-position: bottom;
}

#logo {
   float: left;
   height: auto;
   width: 100%;
   margin-top: 10px;
   margin-bottom: 10px;
}
#menu {
   float: left;
   height: 35px;
   width: 820px;
   margin-bottom: 10px;
   border-top-width: 2px;
   border-bottom-width: 2px;
   border-top-style: solid;
   border-bottom-style: solid;
   border-top-color: #CCCCCC;
   border-bottom-color: #CCCCCC;
   background-color:white;
   color:white;
}


#menu a{
   color: #666666;
   text-decoration: none;
   font-weight: normal;

}
#menu ul ul a{
   font-weight: normal;

}
#menu a:hover {
   color: #000000;
}

#header {
   float: left;
   height: 170px;
   width: 820px;
   padding-top: 0px;
   padding-bottom: 0px;
   border-top-width: 0px;
   border-bottom-width: 0px;
   border-top-style: none;
   border-bottom-style: none;
   border-top-color: #CCCCCC;
   border-bottom-color: #CCCCCC;
   background-image: url(header.jpg);
   background-repeat: no-repeat;
   background-position: top;
}
#breadcrum {
   float: left;
   height: auto;
   width: 660px;
   background-color: #EEEEEE;
   margin-top: 5px;
   margin-bottom: 10px;
   padding-top: 5px;
   padding-right: 0px;
   padding-bottom: 5px;
   padding-left: 160px;
}
#breadcrum a {
   font-weight: normal;
   color: #666666;
   text-decoration: none;  
}
#breadcrum a:hover {
   color: #000000;
}
#submenu {
   float: left;
   height: auto;
   width: 140px;
   margin-left:20px;
   padding-top: 15px;
   line-height: 16pt;
   font-size: 8pt;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #CCCCCC;

}
#submenu ul{
   list-style-type: none;
   margin: 0px;
   padding: 0px;
   display:block;

}
#submenu li {
   display:block;
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: #CCCCCC;
}

#submenu ul ul{
   padding-left: 20px;
   display:block;
}
#submenu a{
   color: #666666;
   text-decoration: none;
   font-weight: normal;

}
#submenu ul ul a{
   font-weight: normal;

}
#submenu a:hover {
   color: #000000;
}
#content1 {
   float: left;
   height: auto;
   width: 620px;
   /*padding-right: 20px;*/
   margin-left: 20px;
   line-height: 14pt;
   font-size: small;
}
#content1 h1 {
   font-size: 16pt;
   color: #365685;
   font-weight: normal;
}

#content1 h2 {
   font-size: 14pt;
   color: #365685;
   font-weight: normal;
}

#content1 h3 {
   font-size: 12pt;
   color: #365685;
   font-weight: normal;
}

#content1 a {
   color: #365685;
   text-decoration: underline;
}
#content1 a:hover {
   color: #000080;
}

}

#content2 {
   float: left;
   height: auto;
   width: 220px;
   font-size: 8pt;
   margin-left: 20px;
}
#content2 h1 {
   font-size: 16px;
   color: #333333;
   font-weight: bold;
}
#content2 ul {
   list-style-type: none;
   padding: 0px;
   margin: 0px;
}
#content2 ul a {
   background-color: #EEEEEE;
   display: block;
   padding: 10px;
   color: #000000;
   font-weight: normal;
}
#content2 ul a:hover {
   background-color: #CCCCCC; 
}
#content3 {
   float: left;
   height: auto;
   width: auto;
   padding-right: 20px;
   padding-left: 20px;
   line-height: 14pt;
   font-size: small;
}
#content3 h1 {
   font-size: 16px;
   color: #333333;
   font-weight: bold;
}

#content4 {
   float: left;
   height: auto;
   width: auto;
   padding-right: 20px;
   padding-left: 20px;
   line-height: 14pt;
   font-size: small;
}
#content4 h1 {
   font-size: 16px;
   color: #333333;
   font-weight: bold;
}

#content5 {
   float: left;
   height: auto;
   width: auto;
   padding-right: 20px;
   padding-left: 20px;
   line-height: 14pt;
   font-size: small;
}
#content5 h1 {
   font-size: 16px;
   color: #333333;
   font-weight: bold;
}

#content6 {
   float: left;
   height: auto;
   width: auto;
   padding-right: 20px;
   padding-left: 20px;
   line-height: 14pt;
   font-size: small;
}
#content6 h1 {
   font-size: 16px;
   color: #333333;
   font-weight: bold;
}


#content7 {
   float: left;
   height: auto;
   width: auto;
   padding-right: 20px;
   padding-left: 20px;
   line-height: 14pt;
   font-size: small;
}
#content7 h1 {
   font-size: 16px;
   color: #333333;
   font-weight: bold;
}
#bottom {
   position: relative;
   /*margin-top: -50px;
   clear:both;*/
   height: 40px;
   width: 100%;
   text-align: center;
   margin-top: 0px;
   margin-bottom: 0px;
   color: #666666;
   font-size: x-small;
   background-image:url(bg-bottom.jpg);
   background-position:top center;
   background-repeat:no-repeat;
}
#bottom a {
   font-weight: bold;
   color: #666666;
   text-decoration: none;
}
#bottom a:hover {
   color: #000000;
}

.clearfix:after {content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */