body { margin:0; width:100%; min-width:720px; font:normal medium arial; color:#000088; background:linear-gradient(to right, #000088, #0000DD, #000088, #0000DD); }

.contentbox { margin:12px; padding:12px; border-radius:16px; font:normal medium arial,sans-serif; color:#000088; background:#D6E7FF; min-width:720px; box-shadow:2px 2px 4px #888888, 4px 6px 8px #FFFFFF inset, -2px -3px 8px #333333 inset; }

@font-face { font-family:Gothic; src:url("../resource/Canterbury.ttf"); }
h1.gothic { font:normal 36px/100% Gothic,serif; color:#000099; text-shadow:4px 4px 4px #999999; margin:4px; }

h1 { font-size:x-large; margin-bottom:4px; color:#CC0000; text-shadow:3px 3px 3px #888888; }
h2 { font-size:large; margin-bottom:4px; }
hr { color:#000060; background:#000088; height:3px; }
hr.dot { color:#000060; background:#D6E7FF; height:2px; border:dotted; }

.thinborder { border:1px solid #000088; }

.photo { border:inset 8px #99CCFF; box-shadow:4px 4px 6px #888888; }
.sunken { border:inset 4px #99CCFF; box-shadow:3px 3px 5px #888888; }
.raised { border:6px outset #99CCFF; box-shadow:3px 3px 5px #888888; }

a:link, a:visited { color:#0000FF; }
a:hover { color:#FF0000; }

.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.central { margin-left:auto; margin-right:auto; }

.top { vertical-align:top; }
.middle { vertical-align:middle; }
.bottom { vertical-align:bottom; }

.times { font:large "times new roman",serif; }

table.grid td { border:inset 1px #EEEEEE; }

table.tblpad0 td { padding:0; }
table.tblpad2 td { padding:2px; }
table.tblpad4 td { padding:4px; }
table.tblpad8 td { padding:8px; }

.menu_butt, a.menu_butt:link, a.menu_butt:visited { display:block; box-shadow:2px 3px 5px #FFFFFF inset, -3px -3px 6px #333333 inset; font:normal 12px/120% arial,sans-serif; color:#333333; text-align:center; text-decoration:none; cursor:pointer; padding:1px 1px 2px; border:none; border-radius:10px; background:#99CCFF; margin-bottom:4px; }

.linkmenu { background:linear-gradient(to top, #000088, #0000DD, #000088); color:#FFC020; text-decoration:none; box-shadow:8px 8px 8px #888888; border-radius:12px; }

.linkmenu a { float:left; display:block; width:120px; min-height:15px; margin:4px; font-family:arial,sans-serif; font-weight:bold; color:#000000; font-size:12px; text-align:center; border:none; text-decoration:none; }

.blue_butt, a.blue_butt:link, a.blue_butt:visited { background:#99CCFF; }
.cream_butt, a.cream_butt:link, a.cream_butt:visited { background:#FFEFCE; }
.orange_butt, a.orange_butt:link, a.orange_butt:visited { background:#FFBB44; }
.yell_butt, a.yell_butt:link, a.yell_butt:visited { background:#FFFF66; }
.pink_butt, a.pink_butt:link, a.pink_butt:visited { background:#FFBBCC; }

a.menu_butt:hover, menu_butt:hover { background:#FFFFFF; }

.title { padding:4px; background:linear-gradient(to top, #000088, #0000DD, #000088); color:#FFC020; text-decoration:none; }
.title a:link, .title a:visited { color:#D6E7FF; background:#000088; text-decoration:none; }
.title a:hover { color:#000088; background:#F0F0FF; text-decoration:none; }

.small { font-family:arial; font-size:small; }

.small_butt { border:none; font:normal x-small/100% arial; text-decoration:underline; padding:4px; cursor:pointer; }

input[type="submit"], input[type="checkbox"], input[type="radio"], label { cursor:pointer; }

input[type="text"], input[type="password"], select, textarea { box-shadow:4px 4px 4px #888888; border:1px solid #F6F6F6; }

input[type="checkbox"] { box-shadow:4px 4px 4px #888888; }

.guest { font-family:verdana; font-size:small; text-align:left; }

.alt_bg1 { background:#BBCCFF; }
.alt_bg2 { background:#CCDDFF; }
.alt_bg3 { background:#DDEEFF; }

.hilite, a:link.hilite, a:visited.hilite { color:#000088; background:#FFCC00; }

a.img_lk { padding:2px; }
a.img_lk:hover { background:#FFFF00; color:#734231; }

.shad4 { box-shadow:4px 4px 4px #888888; }
.shad8 { box-shadow:8px 8px 8px #888888; }
.rndcnr12 { border-radius:12px; }
.rndcnr16 { border-radius:16px; }

.foottext { font-family:arial,sans-serif; font-size:small; text-align:center; color:#FFEFCE; }
.foottext a:link { color:#FFC020; }
.foottext a:visited { color:#FFC020; }
.foottext a:hover { color:#000088; background:#D6E7FF; }

a:link.heavy, a:visited.heavy { display:block; text-decoration:none; color:#000052; font-size:medium; font-weight:bold; }
a:hover.heavy { color:#FF0000; }

.header { border-collapse:collapse; border-style:hidden; width:100%; }

.topbutton { padding:6px; text-align:right; }
.topimg { width:69px; height:28px; border:none; }

.leftdiv, .rightdiv, .centrediv { padding:0 0 4px; background-color:#BBCCFF; }

.leftdiv { float:left; clear:left; text-align:center; margin:6px; font-size:small; }
.rightdiv { float:right; clear:right; margin:6px; font-size:small; }
.centrediv { display:block; margin:6px auto; font-size:small; }

.leftpic, .rightpic, .centrepic, .leftdiv img, .rightdiv img, .centrediv img { border:8px inset #99CCFF; margin-bottom:4px; }

.leftpic { float:left; clear:left; margin:6px; }
.rightpic { float:right; clear:right; margin:6px; }
.centrepic { display:block; margin-left:auto; margin-right:auto; }

.javabutt { border:1px outset #EEEEEE; width:32px; height:32px; background-color:#EEEEEE; background-repeat:no-repeat; background-position:center; vertical-align:middle; cursor:pointer; }

.link { background-image:url(../resource/link.gif); }
.bold_butt { background-image:url(../resource/bold.gif); }
.italic_butt { background-image:url(../resource/italic.gif); }
.supscript_butt { background-image:url(../resource/supscript.gif); }
.dropcap_butt { background-image:url(../resource/dropcap.gif); }
.clear_butt { background-image:url(../resource/clear.gif); }
.space_butt { background-image:url(../resource/space.gif); }
.para_butt { background-image:url(../resource/para.gif); }
.pound_butt { background-image:url(../resource/pound.gif); }
.line_butt { background-image:url(../resource/line.gif); }
.pagesplit_butt { background-image:url(../resource/pagesplit.gif); }
.pagesplit_top_butt { background-image:url(../resource/pagesplit-top.gif); }
.lpic_butt { background-image:url(../resource/leftpic.gif); }
.rpic_butt { background-image:url(../resource/rightpic.gif); }
.ctrpic_butt { background-image:url(../resource/centrepic.gif); }
.lcap_butt { background-image:url(../resource/leftcaption.gif); }
.rcap_butt { background-image:url(../resource/rightcaption.gif); }
.ctrcap_butt { background-image:url(../resource/centrecaption.gif); }
.h1_butt { background-image:url(../resource/h1.gif); }
.h2_butt { background-image:url(../resource/h2.gif); }
.h3_butt { background-image:url(../resource/h3.gif); }
.accent_e_butt { background-image:url(../resource/accent-e.gif); }

.nice_butt, a.nice_butt { font:normal 16px arial,sans-serif; text-decoration:none; color:#333333; background:#F6F6F6; padding:4px 6px; border:1px solid #999999; border-radius:8px; box-shadow:4px 4px 6px #888888, 2px 3px 5px #FFFFFF inset, -2px -3px 6px #444444 inset; }
.nice_butt:hover { background:#FFFFCC; border:1px solid #000000; }

.nice_sm_butt, a.nice_sm_butt { font:normal 14px arial,sans-serif; text-decoration:none; color:#333333; background:#F6F6F6; padding:1px 4px; border:1px solid #999999; border-radius:6px; box-shadow:2px 2px 3px #888888, 2px 2px 5px #FFFFFF inset, -2px -2px 5px #444444 inset; }
.nice_sm_butt:hover { background:#FFFFCC; border:1px solid #000000; }

.vari_textbox { width:100%; font:normal medium arial; box-sizing:border-box; }
.imgtxtbox { background-color:#FFEE99; }

.bold { font-weight:bold; }

.red { color:#FF0000; }
.grn { color:#009900; }
.blue { color:#99AABB; }
.yell { color:#FFEE99; }
.paletext { color:#FFCC00; }
.wh_text { color:#FFFFFF; }
.wh_bg { background:#FFFFFF; }

.margin_bottom td { border-bottom:6px solid #F0F0FF; }

.result_row1 { background:#D6E7FF; }

.familypic { width:100px; height:125px; border-radius:8px; box-shadow:4px 4px 4px #888888; }
.fmly_cell { width:110px; text-align:center; }
.dbl_fmly_cell { width:220px; text-align:center; }
.nextgen_cell2 { width:440px; text-align:center; }
.nextgen1 { width:210px; height:60px; }
.nextgen2 { width:440px; height:60px; }

.counter { color:#000088; background:#FFFFFF; padding:2px 6px; border:1px solid #000088; border-radius:12px; }

.threedee { box-shadow:3px 3px 4px #888888, 2px 2px 6px #FFFFFF inset, -3px -3px 6px #000000 inset; }