html { height: 100%;}
body 
{
height: 100%;
margin: 0;
padding: 0;
background: #FFFFFF;
color: #3B5872;
font-family: Trebuchet MS, Helvetica, sans-serif;
font-size: 1.0em;
}

.largefont { color: #3B5872; font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: bold; font-size: 1.2em; }
.normalfont { color: #3B5872; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 1.0em; }
.smallfont { color: #3B5872; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 0.8em; }
.greyfont { color: #C0C0C0; font-size: 12px; font-weight: 700; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 0.8em; }
.headerfont1 { font-family: Georgia, serif; font-size: 14px; font-weight: 600; color: #8FA6A8; }

a { color: #3B5892; }

table { border-collapse: collapse; border-style: none; padding:0px;  }

/* Inner Shadowed Blue Box, tabling method */
.isbb1{ background: url(inner_shadow_box_1.gif); background-repeat: no-repeat; height: 15px; width: 13px; }
.isbb2{ background: url(inner_shadow_box_2.gif); background-repeat: repeat-x; }
.isbb3{ background: url(inner_shadow_box_3.gif); background-repeat: no-repeat; height: 15px; width: 13px; }
.isbb4{ background: url(inner_shadow_box_4.gif); background-repeat: repeat-y; }
.isbb5{ background: url(inner_shadow_box_5.gif); background-repeat: repeat-y; }
.isbb6{ background: url(inner_shadow_box_6.gif); background-repeat: no-repeat; height: 15px; width: 13px; }
.isbb7{ background: url(inner_shadow_box_7.gif); background-repeat: repeat; }
.isbb8{ background: url(inner_shadow_box_8.gif); background-repeat: no-repeat; height: 15px; width: 15px; }
.isbb1, .isbb2, .isbb3, .isbb4, .isbb5, .isbb6, .isbb7, .isbb8 { padding: 0px; }

.box1_content {
background: transparent url(blue_content_small.gif);
height: 130px;
width: 260px;
}


/* buttons */
.button1med         { width: 120px; height: 26px; font-size: 11px; text-align: center; font-weight:bold; font-style:normal; text-decoration: none; font-family: 'helvetica neue',helvetica,arial,sans-serif; color: #3B5872; border: 0px solid #fff; background: #fff url(button1-med.gif) no-repeat scroll center top; line-height: 23px; padding-bottom: 2px;}
.button1med:hover   { width: 120px; height: 26px; font-size: 11px; text-align: center; font-weight:bold; font-style:normal; text-decoration: none; font-family: 'helvetica neue',helvetica,arial,sans-serif; color: #6BA552; border: 0px solid #fff; background: #fff url(button1-med-hover.png) no-repeat scroll center top; line-height: 23px; padding-bottom: 2px;}

.button1large       { width: 220px; height: 26px; font-size: 11px; text-align: center; font-weight:bold; font-style:normal; text-decoration: none; font-family: 'helvetica neue',helvetica,arial,sans-serif; color: #3B5872; border: 0px solid #fff; background: #fff url(button1-la.gif) no-repeat scroll center top; line-height: 23px;}
.button1large:hover { width: 220px; height: 26px; font-size: 11px; text-align: center; font-weight:bold; font-style:normal; text-decoration: none; font-family: 'helvetica neue',helvetica,arial,sans-serif; color: #6BA552; border: 0px solid #fff; background: #fff url(button1-la.gif) no-repeat scroll center top; line-height: 23px;}

.buttonnormal {border: 0px solid #EDF6FF; background: #fff url(button_normal_0.png) no-repeat top left; padding: 4px 30px 8px 20px; _padding: 4px 20px 8px 15px;}
.buttonnormal:hover {border:0px solid #EDF6FF; background: #fff url(button_normal_1.png) no-repeat top left; padding: 4px 30px 8px 20px;}


/* jshadow: Inner Shadowed Blue Box, with bottom tight shadow, tabling method */
.jshad1{ background: url(jshadow1.png); background-repeat: no-repeat; height: 14px; width: 12px; }
.jshad2{ background: url(jshadow2.png); background-repeat: repeat-x; height: 14px; }
.jshad3{ background: url(jshadow3.png); background-repeat: no-repeat; height: 14px; width: 22px; }
.jshad4{ background: url(jshadow4.png); background-repeat: repeat-y; width: 12px; }
.jshad5{ background: #ffffff }
.jshad6{ background: url(jshadow6.png); background-repeat: repeat-y; width: 22px; }
.jshad7{ background: url(jshadow7.png); background-repeat: no-repeat; height: 22px; width: 12px; }
.jshad8{ background: url(jshadow8.png); background-repeat: repeat-x; height: 22px; }
.jshad9{ background: url(jshadow9.png); background-repeat: no-repeat; height: 22px; width: 22px; }


/* jshadow: Inner Shadowed Yellow Box, tabling method */
.boxa1{ background: url(box-yellow-1.png); background-repeat: no-repeat; height: 16px; width: 16px; }
.boxa2{ background: url(box-yellow-2.png); background-repeat: repeat-x; height: 16px; }
.boxa3{ background: url(box-yellow-3.png); background-repeat: no-repeat; height: 16px; width: 16px; }
.boxa4{ background: url(box-yellow-4.png); background-repeat: repeat-y; width: 16px; }
.boxa5{ background: #ffffff }
.boxa6{ background: url(box-yellow-6.png); background-repeat: repeat-y; width: 16px; }
.boxa7{ background: url(box-yellow-7.png); background-repeat: no-repeat; height: 16px; width: 16px; }
.boxa8{ background: url(box-yellow-8.png); background-repeat: repeat-x; height: 16px; }
.boxa9{ background: url(box-yellow-9.png); background-repeat: no-repeat; height: 16px; width: 16px; }


/* jshadow: coloured modal box, tabling method */
.boxb1, .boxb3, .boxb7, .boxb9{ background: #D0DFB6; height: 16px; width: 16px; } /* corners*/
.boxb2, .boxb8{ background: #D0DFB6; height: 16px; } /* horizontal edge */
.boxb4, .boxb6{ background: #D0DFB6; width: 16px; } /* vertical edge */
.boxb5{ background: #DFEEC5; }

/* jshadow: coloured modal box, tabling method */
.boxc1, .boxc3, .boxc7, .boxc9{ background: #DFEEC5; height: 10px; width: 10px; } /* corners*/
.boxc2, .boxc8{ background: #DFEEC5; height: 10px; } /* horizontal edge */
.boxc4, .boxc6{ background: #DFEEC5; width: 10px; } /* vertical edge */
.boxc5{ background: #BECFA3; }



/* form inputs */
.j1input {border:1px solid #888888; background: transparent;}
.inputhint { color:#666666; font-size:11px; font-style:normal; font-weight:normal; line-height:13px; }
.inputlabel { color:#666666; font-size:14px; font-style:normal; font-weight:normal; line-height:22px; }
.j1textarea {border:1px solid #EDF6FF; overflow:auto; background:#fff url(form.gif) repeat-x bottom left;}
.j1readonlyinput {border:1px solid #EDF6FF; background:#CCC ; }