/* 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;}
ul{list-style-type:none;}

/*-- begin style for new header plus menu --*/

#headermenu{width:840px; background:#ffffff; height:148px; position:relative; margin:0 auto; padding:0px;}

#headermenubox{width:840px; height:85px; position:absolute; top:0px; padding-top:0px; float: left;}

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

#headermenu ul li{float:left; width:93px; height:63px; padding:6 0 0 0px;}
#headermenu ul li a{display:block; width:93px; 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.home{float:left; width:96px; height:63px; padding:6 0 0 0px;}
#headermenu ul li a.home{display:block; width:96px; height:57px; background:#c3d5ea; color:#000000; font-size:13px; line-height:16px; text-align:center; padding-top: 6px; text-decoration:none;}

#headermenu ul li.drop{float:left; width:93px; height:63px; padding:6 0 0 0px;}
#headermenu ul li a.drop{display:block; width:93px; 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 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;}

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

#headermenu li ul li.narrow{height:20px; width:87px; background:#c3d5ea; padding-left: 0px; padding-top: 0px; border: 0px solid #8badd5;}
#headermenu li li a.narrow{height:20px; width:87px; 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 */

#whole{width:770px; float:left; background:#ffffff; 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;}
#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;}
#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;}
#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 ------ */

/*-- old header with 8 item menu --*/

#header{width:840px; background:#ffffff; height:100px; position:relative; margin:0 auto; padding:0px;}

#headerbox{width:600px; height:60px; position:absolute; top:15px; left:145px;}

#header h1{color:#336699; font-size:20px;}
#header img{width:97px; height:97px; position:absolute; top:4px; left:12px;}

#header ul{width:736px; height:50px; position:absolute; top:50px; left:104px;}
#header ul li{float:left; width:92px; height:50px; padding:0 0 0 0px;}
#header ul li a{display:block; width:92px; height:50px; background:#99ccff; color:#666600; font-size:13px; line-height:16px; padding-left: 0px; text-decoration:none;}
/* padding 3px produces overflow onto next line with IExplorer not other browsers - padding only needed in drop down not centred */
#header ul li a.top{display:block; width:92px; height:50px; background:#99ccff; color:#666600; font-size:13px; line-height:16px; text-align:center; text-decoration:none;}
#header ul li a:hover{background:#ccccff; color:#666600; text-decoration:none; z-index:1;}

#header ul li.home{display:block; width:90px; height48px; background:#ffffcc; color:#666600; font-size:13px; line-height:16px; text-align:center; border: 1px solid #000000;}

/* drop down */

#header li ul{width:125px; position:absolute; left:-800em;}

#header li ul li, #header li li a{height:20px; width:180px; background:#99ccff; padding-left: 2px; border: 1px solid #ccccff;}

#header li ul li.youngq, #header li li a.youngq{height:20px; background:#99ccff; width:88px; padding-left: 2px; border: 1px solid #ccccff;}

#header li ul li.comment, #header li li a.comment{height:20px; background:#99ccff; width:245px; padding-left: 2px; border: 1px solid #ccccff;}

#header li:hover ul, #header 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 */

#header{z-index:100;}

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

/* end specific drop down */

/*-- end old header --*/

/*-- old body with beige and white followed by old text --*/

#bodywhite{width:840px; position:relative; background:#ffffff; margin:0 auto; padding:0px;}
#bodybeige{width:840px; position:relative; background:#ffffcc; margin:0 auto; padding:0px;}
/* ffffcc = 255,255,204 */

#bodywhite840{width:820px; float:left; background:#ffffff; margin:0 auto; padding:10px;}
#bodywhite700{width:680px; float:left; background:#ffffff; margin:0 auto; padding:10px;}
#bodywhite560{width:540px; float:left; background:#ffffff; margin:0 auto; padding:10px;}
#bodywhite490{width:470px; float:left; background:#ffffff; margin:0 auto; padding:10px;}
#bodywhite420{width:400px; float:left; background:#ffffff; margin:0 auto; padding:10px;}
#bodywhite350{width:330px; float:left; background:#ffffff; margin:0 auto; padding:10px;}
#bodywhite280{width:260px; float:left; background:#ffffff; margin:0 auto; padding:10px;}
#bodywhite140{width:120px; float:left; background:#ffffff; margin:0 auto; padding:10px;}
#bodywhite100{width:80px; float:left; background:#ffffff; margin:0 auto; padding:10px;}

#bodywhite420left{width:400px; float:left; background:#ffffff; margin:0 auto; padding:10px;}
#bodywhite420right{width:400px; float:left; background:#ffffff; margin:0 auto; padding:10px;}
#bodywhite280left{width:260px; float:left; background:#ffffff; margin:0 auto; padding:10px;}
#bodywhite280mid{width:260px; float:left; background:#ffffff; margin:0 auto; padding:10px;}
#bodywhite280right{width:260px; float:left; background:#ffffff; margin:0 auto; padding:10px;}
#bodywhite560left{width:540px; float:left; background:#ffffff; margin:0 auto; padding:10px;}
#bodywhite560right{width:540px; float:left; background:#ffffff; margin:0 auto; padding:10px;}
#bodywhite560mid{width:540px; float:left; background:#ffffff; margin:0 auto; padding:10px;}
#bodywhite140left{width:120px; float:left; background:#ffffff; margin:0 auto; padding:10px;}
#bodywhite700right{width:680px; float:left; background:#ffffff; margin:0 auto; padding:10px;}
#bodywhite140right{width:120px; float:left; background:#ffffff; margin:0 auto; padding:10px;}
#bodywhite700left{width:680px; float:left; background:#ffffff; margin:0 auto; padding:10px;}

#bodybeige840{width:820px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige740{width:720px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige700{width:680px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige600{width:580px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige560{width:540px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige520{width:500px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige490{width:470px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige420{width:400px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige400{width:380px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige350{width:330px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige280{width:260px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige140{width:120px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige120{width:110px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige100{width:80px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige40{width:40px; float:left; background:#ffffcc; margin:0 auto; padding:0px;}

#bodybeige420left{width:400px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige420right{width:400px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige420border{width:400px; height:155px; float:left; background:#ffffcc; margin:0 auto; padding:9px; border:1px solid #000000;}
#bodybeige280left{width:260px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige280mid{width:260px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige280right{width:260px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige560left{width:540px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige560right{width:540px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige560mid{width:540px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige600mid170{width:580px; height:150px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige600mid{width:580px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige140left{width:120px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige140left140{width:120px; height:140px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige100left170{width:80px; height:150px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige100left{width:80px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige100right{width:80px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige700right{width:680px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige740right{width:720px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige740left{width:720px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige140right{width:120px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige140bordright{width:126px; float:left; background:#ffffcc; border:2px solid #666600; margin:0 auto; padding:5px;}
#bodybeige120right{width:110px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}
#bodybeige140right170bord{width:116px; height:146px; float:left; background:#ffffcc; border:2px solid #666600; margin:0 auto; padding-left:10px; padding-right:10px; padding-top:20px;}
#bodybeige140rightbord{width:116px; float:left; background:#ffffcc; border:2px solid #666600; margin:0 auto; padding-left:10px; padding-right:10px; padding-top:10px;}
#bodybeige700left{width:680px; float:left; background:#ffffcc; margin:0 auto; padding:10px;}

/*-- blue text 336699  orig line-height:21px; 19px; 17px; --*/

#bodywhite h1{background:#ffffff; color:#336699; font-size:18px; font-weight: normal;}
#bodywhite h3{background:#ffffff; color:#336699; font-size:16px; font-weight: normal;}
#bodywhite h5{background:#ffffff; color:#336699; font-size:14px; font-weight: normal;}

#bodybeige h1{background:#ffffcc; color:#336699; font-size:18px; font-weight: normal;}
#bodybeige h3{background:#ffffcc; color:#336699; font-size:16px; font-weight: normal;}
#bodybeige h5{background:#ffffcc; color:#336699; font-size:14px; font-weight: normal;}

/*-- brown text 666600 --*/

#bodywhite h2{background:#ffffff; color:#666600; font-size:18px; font-weight: normal;}
#bodywhite h4{background:#ffffff; color:#666600; font-size:16px; font-weight: normal;}
#bodywhite h6{background:#ffffff; color:#666600; font-size:14px; font-weight: normal;}

#bodybeige h2{background:#ffffcc; color:#666600; font-size:18px; font-weight: normal;}
#bodybeige h4{background:#ffffcc; color:#666600; font-size:16px; font-weight: normal;}
#bodybeige h6{background:#ffffcc; color:#666600; font-size:14px; font-weight: normal;}

/* end old body and text */