/*div{border:1px dashed #f00;}*/
/* =================BODY================= */
body.standard{background-color:#253161; font-family: verdana, arial, sans-serif; text-align:center; font-size:0.85em;}
body.print{background-color:#fff; }
#container{margin:0px auto; text-align:left; width:760px; border:2px solid #233565; background-color:#fff; background-image: url(/hph/images/side.png); background-repeat:repeat-y;}
/* =================HEADER================= */
#header{display:block; width:760px; height:175px; background-image: url(/hph/images/header.png);}

#pheader{text-align:right; border-bottom:4px solid #036;}
#pheader h1{color:#036; font-size:2em; margin:0px 20px;}
#return{position:absolute; top:0px;}

/* =================SIDE BAR================= */
#sidebar{float:left; display:block; width:172px;}
div.sidetext{font-size:8pt; color:#fff;}
#menu{margin-left:3px;}
#navtop{display:block; margin-left:30px;  margin-top:0px;  width:115px; height:9px;
        background-image: url(/hph/images/menutop.png); border-bottom:1px solid #253161; overflow:hidden;}
#navbottom{display:block; margin-left:30px;  width:115px; height:9px; background-image: url(/hph/images/menubottom.png); overflow:hidden;}


ul.makeMenu, ul.makeMenu ul {
font-weight:bold;
width:115px;
border-left: 1px solid #000;
border-right: 1px solid #000; padding-left: 0px; cursor: default; margin: 0px auto; }
ul.makeMenu li {
border-bottom: 1px solid #000;
padding:0.1em 12px 0.1em 0.5em;
list-style-type: none;
margin: 0px; position: relative; color: #fff; z-index:100;}
ul.makeMenu li > ul {display: none; position: absolute; top: 0px; left:115px; width:115px}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {}
ul.makeMenu ul.CSStoShow {display: block;}
ul.makeMenu li:hover > ul {display: block;}
ul.makeMenu li a {display: block; width: 100%; text-decoration: none; }
li.arrow{background-image:url(/hph/images/tri-blue.gif); background-repeat: no-repeat; background-position: right;}

/* -- menu border color -- */
ul.makeMenu, ul.makeMenu ul, ul.makeMenu li {border-color: #253161;}
/* -- menu text color -- */
ul.makeMenu li a {color:#253161;}
/* -- menu background color -- */
ul.makeMenu, ul.makeMenu ul {background-color: #F2C300;}
/* -- menu text hover color -- */
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink, ul.makeMenu li:hover > a {color: #039;}
/* -- menu background hover color -- */
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight, ul.makeMenu li:hover > a {background-color: #DED09F;}


/* =================CONTENT================= */
#content{margin:-10px 10px 10px 170px; }
/* =================FOOTER================= */
#footer{display:block; clear:both; width:760px; height:97px; background-image: url(/hph/images/footer.png);}
#footertext{display:block; text-align:center; margin-left:170px; padding-top:40px;}
div.printfooter{clear:both; text-align:center; padding:0.25em;font-size:0.7em; border-top:4px solid #039; margin-top:2em;}

/* =================FORM ELEMENTS================= */
  .formitem{background-color:#eee; border:1px solid #000;}
  .formitemerror{background-color:#ff6; border:1px solid #000;}


  div.formgroup{clear:both;}
  div.formtitle{width:200px; float:left; text-align:right; font-weight:bold; padding:5px 0px;}
  div.forminfo {margin-left:210px; padding:5px 0px;}
  input.formsubmit {color:#000; cursor:pointer; font-size:1em;} 
  span.formrequired {color:#f00; font-weight:bold; padding-right:2px;}

  input.messagesubmit {background-color: #D3E1D4; color: #000; cursor:pointer; font-weight:bold}
  div.error {margin:10px auto; border:2px solid #f00; background-color:#f88; padding:0.5em; width:300px; text-align:center;}


/* =================GENERAL ELEMENTS================= */
a {color: #036;}
a:hover {color: #036; background-color: #ccc;}
h1 {color: #036;}
h1.head{font-family: serif; color: white; text-align: center; background-color: purple; font-size: large;}
h2 {padding-right:5px; border-right: 6px double purple; border-bottom: 6px inset purple; font-family: serif; font-style: normal; font-variant: normal; width: 260px; font-weight: bold; font-size: large; color: purple; }
h3 {color: #036;}

/* =================Buttons================= */
a.pagebutton, a.orderbutton{
	font-family:Arial,Helvetica,sans-serif; font-weight:bold;
	text-align:center; text-decoration:none;
	padding:0.25em 0.4em; display:block; 
	border:2px solid #fff; border-color:#def #678 #345 #cde; }

a.pagebutton {background-color: #66c; color:#fff;  margin:0.25em auto;}
a.pagebutton:active{border-color:#345 #cde #def #678; }
a.pagebutton:hover, a.pagebutton:active {background-color: #c0c0c0;; color:#000; cursor:pointer; }

a.orderbutton {background-color: #f00; color:#fff; margin:0.25em auto;}
a.orderbutton:active{border-color:#345 #cde #def #678; }
a.orderbutton:hover, a.orderbutton:active {background-color: #0f0;; color:#000; cursor:pointer; }

/* =================IMAGES================= */
img.left {float: left; margin-right: 1em; vertical-align: text-top;}
img.right {float: right; margin-left: 1em; vertical-align: text-top;}
a.imagelink{padding:3px; display:block;}
a.imagelink:hover{color:#D3E1D4}
/* =================MISC ITEMS================= */
p.legalnotice{text-align:center; font-size:8pt; font-weight:bold;}
p.copyright{text-align:center; font-size:8pt; color:#253161; line-height:1.5em;}
a.mvp {color:#253161; text-decoration:none; font-size:8pt; padding:0.2em 0.5em;}
a.mvp:hover{background-color:#253161; color:#F3C402;}