@import url("css/menu.css");

/* CSS Document */
body {height:100%; margin:0px; padding:0px; }


#content-container{
 width:990px;
 margin:0px auto;
 }
 
 #main-content{
  display:block;
  padding-bottom:20px;
  background-position:top right;
  background-repeat:no-repeat;
  margin-top:-20px;
 }
 
 #pagetop{
  width:990px;
  text-align:right;
 }
 
 #logoarea-container{
 width:990px;
 display:table;
 }
 
 #logo-right{
  display:table;
  width:830px;
  height:176px;
  vertical-align:middle;
  margin:0px;
  padding:0px;
}
 
 #logo-left{
  display:table-cell;
  float:left;
  width:160px;
  text-align:right;
  
}

h2{
color:#0e597a;
font-family:Calibri, Arial, Helvetica;
padding:0px;
margin: 10px 0px 7px 0px;
}

h3{
color:#0e597a;
font-family:Verdana, Arial, Helvetica;
margin: 10px 0px 5px 0px;
font-size:14px;
font-weight:bold;
}

hr.news-hr{
height:1px; 
width:368px; 
color:#f4f4f4; 
background-color:#f4f4f4; 
margin-top:3px; 
margin-bottom:3px;
margin-left:8px;
margin-right:8px;
}

.navigation-container{
 margin-left:10px;
 text-align:right;
 margin-right:-12px;
 margin-top:60px;
 display:block;
 clear:right;
 }


.TitlePane{
text-align:right;
display:block;
padding-top:3px;
margin-top:3px;
padding-bottom:5px;
margin-bottom:5px;
height:35px;
}

.QuickLinkPane{
  background-image:url("images/hm_greybox.png");
  background-repeat:no-repeat;
  background-position:top left;
  height:406px;
  width:388px;
  padding-right:20px;
  display:block;
}

.MiddleRightPane{
 margin-top:20px;
 width:388px;
 padding:0px 0px 0px 18px;
 display:block;
}

.Normal p, .Normal{
 font-family:Verdana;
 font-size:12px;
 color:#666666;
 font-weight:normal;
 line-height:24px;
}

.Normal a, .Normal a:visited{
 font-family:Verdana;
 color:#77a0b2;
}

div.Normal a:hover{
 font-family:Verdana;
 color:#0e597a;
 text-decoration:none;
}

#footer-container{
 width:990px;
 height:143px;
 overflow:visible;
 background-image: url("images/footer_bg.gif");
 background-repeat:no-repeat;
 background-position:top left;
 padding-top:30px;
}

.footer p, .footer .Normal p{
 font-family:Verdana;
 font-size:10px;
 color:#8d9092;
 font-weight:normal;
 text-decoration:none;
 padding-top:10px;
}
.footer a, .footer p a{
 font-family:Verdana;
 font-size:10px;
 color:#77a0b2;
 font-weight:normal;
}

.footer a:hover, .footer p a:hover{
 font-family:Verdana;
 font-size:10px;
 color:#8d9092;
 font-weight:normal;
 text-decoration:underline;
}

.footer a.byline {
 font-family:Verdana;
 font-size:10px;
 color:#8d9092;
 font-weight:normal;
 text-decoration:none;
}

.user, .user a{
 font-family:Verdana;
 font-size:10px;
 color:#77a0b2;
 font-weight:normal;
}

.user a:hover{
 font-family:Verdana;
 font-size:10px;
 color:#8d9092;
 font-weight:normal;
 text-decoration:underline;
}

.hm_container-main{
width:386px;
}

.trendstable{
 display:table;
 width:100%;
 background-color:#f6f4f4;
 border:0px;
}

.trendstable .tableheaderrow{
 padding:5px;
}

.trendstable th{
 font-family:Verdana;
 font-size:10px;
 font-weight:bold;
 letter-spacing:1px;
 color:#ffffff;
 background-color:#77a0b2;
 border:0px;
 padding:7px;
 text-align:left;
 line-height:normal;
}

.trendstable td{
 font-family:Verdana;
 font-size:10px;
 padding:7px;
 border-bottom:solid 1px #ffffff;
 text-align:left;
 line-height:normal;
}

.trendstable td.date{
 font-weight:bold;
 }
 
 p.articlebyline, .articlebyline{
  font-size:8pt;
  
 }
 
 .feedback-table td{
  padding:5px;
 }

 .feedback-table td .SubHead{
  color:#0e597a;
font-family:Verdana, Arial, Helvetica;
margin: 10px 0px 5px 0px;
font-size:12px;
font-weight:bold;

 }

/*curved outline box*/

#subnav-container{
 background-color:#f4f4f4;
 width:200px;

}

.outline-bottom-left
{
    background:url("images/submenu_bottom_left.gif") 0 100% no-repeat;
}

.outline-bottom-right
{
    background:url("images/submenu_bottom_right.gif") 100% 100% no-repeat;
}

.outline-top-left
{
    background:url("images/submenu_top_left.gif") 0 0 no-repeat;
}

.outline-top-right
{
    background:url("images/submenu_top_right.gif") 100% 0 no-repeat;
    padding:20px; /*this controls padding in the box*/
    
}

.outline-top
{
    background:url("images/borderdot.gif") 0 0 repeat-x;
}

.outline-bottom
{
    background:url("images/borderdot_bottom.gif") 0 100% repeat-x;
}

.outline-left
{
    background:url("images/borderdot.gif") 0 0 repeat-y;
}
.outline-right
{
    background:url("images/borderdot_right.gif") 100% 0 repeat-y;
    
}