/* CSS Document */

body{padding:0px; margin:0px; font:14px/18px Arial, Helvetica, sans-serif;}
div, p, ul, h1, h2, h3, h4, h5, h6, h7, h8, h9, img{padding:0px; margin:0px;}
img.border{padding:0px; margin:20px; #ffffff;}
img.border10{padding:0px; margin:10px; #ffffff;}
img.border10R{padding-right:10px; #ffffff;}
img.border10L{padding-left:10px; #ffffff;}
/* ul{list-style-type:none;} */

/*-- begin style for new header plus menu --*/
/* hopeful IE6 fix adds "display: inline;" */

#headermenu{width:840px; background:#ffffff; height:148px; position:relative; margin:0 auto; padding:0px;}
/*  display: inline; omitted next line */
#headermenubox{width:840px; height:85px; position:absolute; top:0px; padding-top:0px; float: left;}

/* original
#headermenu ul{width:840px; height:63px; position:absolute; top:79px; left:0px; padding-top:0px;}
*/

#headermenu ul{width:840px; position:absolute; top:79px; left:0px; padding-top:0px;}

/* original
/*  display: inline; seems *** needed *** next line */
#headermenu ul li{float:left; width:105px; height:63px; padding:6px 0 0 0px; display: inline;}
#headermenu ul li a{display:block; width:105px; height:57px; background:#c3d5ea; color:#000000; font-size:13px; line-height:16px; text-align:center; padding-left: 0px; padding-top: 6px; text-decoration:none;}
*/

#headermenu ul li{float:left; width:105px; padding:6px 0 0 0px; display: inline;}
#headermenu ul li a{display:block; width:105px; background:#c3d5ea; color:#000000; font-size:13px; line-height:16px; text-align:center; padding-left: 0px; padding-top: 6px; text-decoration:none;}

/* home commented out
/*  display: inline; omitted next line */
#headermenu ul li.home{float:left; width:105px; height:63px; padding:6px 0 0 0px;}
#headermenu ul li a.home{display:block; width:105px; height:57px; background:#c3d5ea; color:#000000; font-size:13px; line-height:16px; text-align:center; padding-top: 6px; text-decoration:none;}
*/

/*  display: inline; omitted next line */

/* original 
#headermenu ul li.drop{float:left; width:105px; height:63px; padding:6px 0 0 0px;}
#headermenu ul li a.drop{display:block; width:105px; height:57px; background:#c3d5ea; color:#000000; font-size:13px; line-height:16px; text-align:center; padding-left: 0px; padding-top: 6px; text-decoration:none;}
*/

#headermenu ul li.drop{float:left; width:105px; padding:6px 0 0 0px;}
#headermenu ul li a.drop{display:block; width:105px; background:#c3d5ea; color:#000000; font-size:13px; line-height:16px; text-align:center; padding-left: 0px; padding-top: 6px; text-decoration:none;}

#headermenu ul li a:hover{background:#8badd5; color:#000000; text-decoration:none; z-index:1;}
#headermenu ul li a:hover.narrow{background:#8badd5; color:#000000; text-decoration:none; z-index:1;}
#headermenu ul li a:hover.drop{background:#8badd5; color:#000000; text-decoration:none; z-index:1;}
/* lighter
#headermenu ul li a:hover.drop{background:#b0c8e3; color:#000000; text-decoration:none; z-index:1;} */

/* drop down */

#headermenu li ul{width:125px; position: relative; top: 0px; left:-2000px;}

/* original
#headermenu li ul li{height:20px; width:180px; background:#c3d5ea; padding-left: 0px; padding-top: 0px; border: 0px solid #8badd5;}
#headermenu li li a{height:20px; width:180px; background:#c3d5ea; text-align:left; padding-left: 4px; padding-top: 2px; border: 1px solid #8badd5;}
*/

#headermenu li ul li{height:auto; width:180px; background:#c3d5ea; padding-left: 0px; padding-top: 0px; border: 0px solid #8badd5;}
#headermenu li li a{height:auto; width:180px; background:#c3d5ea; text-align:left; padding-left: 4px; padding-top: 2px; border: 1px solid #8badd5;}

/* original
#headermenu li ul li.narrow{height:20px; width:99px; background:#c3d5ea; padding-left: 0px; padding-top: 0px; border: 0px solid #8badd5;}
#headermenu li li a.narrow{height:20px; width:99px; background:#c3d5ea; padding-left: 4px; padding-top: 2px; border: 1px solid #8badd5;}
*/

#headermenu li ul li.narrow{height:auto; width:99px; background:#c3d5ea; padding-left: 0px; padding-top: 0px; border: 0px solid #8badd5;}
#headermenu li li a.narrow{height:auto; width:99px; background:#c3d5ea; padding-left: 4px; padding-top: 2px; border: 1px solid #8badd5;}

#headermenu li:hover ul, #headermenu li.sfhover ul{left:auto; z-index:1;}

/* prevent overlap and hiding of drop down - z-index:1; for preceding 2 hover items may not be needed */

#headermenu{z-index:100;}

#bodywhite, #bodybeige{z-index:0;}

/* end specific drop down */

/*-- end headermenu --*/

/*-- new body divs and text --*/

/* blue grey white body - proportion is of 820 with no R margin cf whole */

#white{width:840px; position:relative; background:#ffffff; margin:0 auto; padding:0px;}
#grey{width:840px; position:relative; background:#e6e6e6; margin:0 auto; padding:0px;}
/* f2f2f2 = 242, 242, 242 and e6e6e6 = darker 230, 230, 230 */
/*  display: inline; omitted next lines */
#whole{width:770px; float:left; background:#ffffff; margin-top:20px; margin-right:0px; margin-bottom:0px; margin-left:20px; padding:15px; text-align: left;}
#wholegrey{width:770px; float:left; background:#e6e6e6; margin-top:20px; margin-right:0px; margin-bottom:0px; margin-left:20px; padding:15px; text-align: left;}
#half{width:360px; float:left; background:#ffffff; margin:20px 0px 0px 20px; padding:15px; text-align: left;}
#half-internal{width:360px; background:#ffffff; margin:20px; padding:15px; text-align: left; position: absolute; left: 0px; top:300px;}
#half-bar{width:420px; height:20px; position: absolute; left: 0px;}
#onethird{width:223px; float:left; background:#ffffff; margin:20px 0px 0px 20px; padding:15px; text-align: left;}
#twothirds{width:496px; float:left; background:#ffffff; margin:20px 0px 0px 20px; padding:15px; text-align: left;}
#onesixth{width:107px; float:left; background:#ffffff; margin:20px 0px 0px 20px; padding:5px; text-align: center;}
#onesixthleft{width:107px; float:left; background:#ffffff; margin:20px 0px 0px 20px; padding:5px; text-align: left;}
#onesixthgrey{width:107px; float:left; background:#e6e6e6; margin:20px 0px 0px 20px; padding:5px; text-align: left;}
#fivesixths{width:633px; float:left; background:#ffffff; margin:20px 0px 0px 20px; padding:15px; text-align: left;}
#fivesixths-right{width:633px; float:left; background:#ffffff; margin:20px 0px 0px 157px; padding:15px; text-align: left; }
#forty{width:278px; float:left; background:#ffffff; margin:20px 0px 0px 20px; padding:15px; text-align: left;}
#sixty{width:442px; float:left; background:#ffffff; margin:20px 0px 0px 20px; padding:15px; text-align: left;}
#sixty-internal{width:442px; background:#ffffff; margin:20px 0px 0px 0px; padding:15px; text-align: left;}
#sixtygrey{width:472px; float:left; background:#e6e6e6; margin:0px 0px 0px 20px; padding:0px; text-align: left;}
#onequarter{width:155px; float:left; background:#ffffff; margin:20px 0px 0px 20px; padding:15px; text-align: left;}
#threequarters{width:565px; float:left; background:#ffffff; margin:20px 0px 0px 20px; padding:15px; text-align: left;}

/*-- black text 000000 = 0,0,0 --*/

h1{background:#ffffff; color:#000000; font-size:17px; line-height:21px; font-weight: normal;}
h3{background:#ffffff; color:#000000; font-size:14px; line-height:18px; font-weight: normal;}
h5{background:#ffffff; color:#000000; font-size:12px; line-height:16px; font-weight: normal;}

/*-- blue text 4278b7 = 66,120,183 --*/

h2{background:#ffffff; color:#4278b7; font-size:17px; line-height:21px; font-weight: normal;}
h4{background:#ffffff; color:#4278b7; font-size:14px; line-height:18px; font-weight: normal;}
h6{background:#ffffff; color:#4278b7; font-size:12px; line-height:16px; font-weight: normal;}

/* ------ end new body divs and text ------ */