#top{
    width: 100%;
    background-image: url('../images/top-bg-green.gif');
    background-repeat: repeat-x;
    height: 49px;
}

#main{
    width: 1024px;
    /* Commenting the height setting as the non-flash page requires a 
	   height of 750px which is set as an inline style for 'noFlash' div
	*/
    /*height: 650px;*/
}

#flashBuffer{
    padding-top: 88px;
}

#noFlashImage{
    width: 87px;
    padding: 20px 50px 0px 267px;
    height: 342px;
    float: left;
    display: inline;
}

#noFlashMsg{
    width: 526px;
    float: left;
    display: inline;
}

#noFlashTxt{
    padding: 25px 0px 25px 4px;
    font-size: 11px;
    color: #999999;
    line-height: 18px;
    width: 385px;
}

#noFlashBottom{
    clear: left;
    padding: 0px 0px 0px 105px;
}

/* for body pages - previously in hpv1.css */
#midBottomLinks span{
    height: 14px;
    font-size: 14px;
    color: #1b8233;
    position: relative;
    top: -3px;
    padding: 10px;
}

.right-callout p a,
.right-callout p a:link,
.right-callout p a:visited,
.right-callout p a:active{
    color: #1b8233;
    text-decoration: none;
}

.right-callout p a:hover{
    color: #105c22;
}

#main-callouts{
    width: 1024px;
}

#main-callouts div{
    float: left;
    display: inline;
}

#main-callouts .m-callout1{
    width: 331px;
    height: 100px;
    margin-left: 73px;
}

#main-callouts .m-callout2{
    width: 260px;
    height: 100px;
    margin-left: 10px;
}

#main-callouts .m-callout3{
    width: 266px;
    height: 100px;
    margin-left: 0px;
}