body { font-family : verdana, sans-serif; font-size : 0.8em;}

h1, h2, h3, h4, h5 { padding : 0; margin : 0; font-size : 1.2em; font-weight : bold ; color : #09419A;}
h1 {font-size : 1.2em;}
h2, h3 {padding-top : 2em; font-size : 1.2em;}

table { margin-top : 2em; border : 1px solid #247186;background-color : #fefefe;}
table th { border : 1px solid #247186;}
table td { border : 1px solid #247186;}
table caption { margin-top : 2em; padding-bottom : 5px;}

label {margin-top : 5px;}

#wrapper {margin-top : 5px; margin-left : auto; margin-right : auto; width : 768px; padding : 0; }
#wrapperforprint {margin-top : 5px; margin-left : auto; margin-right : auto; width : 868px; padding : 0; }

#header { background-color : #ffffff; color : #000000; font-size : 0.9em;}
#header #topheaderlogo {display : block; float : left; height : 61px;}
#header img {border : 0;}
#header #bottomheader {clear : left; position : relative ;float : right; margin-top : -20px; padding-bottom : 2px;}
#header #fontsize1 { font-size : 1.3em;	}
#header #fontsize2 { font-size : 1.6em;	}
#header span {color : #777777; font-size : 0.8em; font-weight : bold; margin-bottom : 2px;}
#header span a:link { color : #777777; text-decoration : none;}
#header span a:visited { color : #777777; text-decoration : none;}
#header span a:hover { color : #0000ff; text-decoration : underline;}

#headermenu { padding-top : 0.3em; padding-bottom : 1.1em; height : 2em; clear : both; text-align : center; width : 100%; border-top : 1px dotted #777777; border-bottom : 1px dotted #777777;}
#headermenu span {font-size : 1.1em;color : #1f542a;background-color : #ffffff;}
#headermenu span a:link { color : #1f542a; text-decoration : none;}
#headermenu span a:visited { color : #1f542a; text-decoration : none;}
#headermenu span a:hover { color : #0000ff; text-decoration : none;}

#subheader {width : 768px; height : 193px; position : relative;padding-top : 0.3em;}
#subheaderleft { width : 468px; height : 193px; display : block; float : left; background: url(../images/title.gif) 0 0 no-repeat; }
#subheaderright { width : 300px; height : 193px; position : relative; float : right;	background: url(../images/picture.gif) 0 0 no-repeat; }

#subheadersmall {width : 768px; height : 95px; position : relative;}
#subheaderleftsmall { width : 354px; height : 95px; display : block; float : left; background: url(../images/title_small.gif) 0 0 no-repeat; }
#subheaderrightsmall { margin-left : -354px; width : 414px; height : 95px; position : relative; float : right;	background: url(../images/picture_small.gif) 0 0 no-repeat; }

#strapline { margin-top : 5px; margin-bottom : 20px; letter-spacing : 0.2em; text-align : center; display : none; }

#contentholder { margin-top : 20px;}

#contentleftframe { width : 160px; display : block; float : left; }
#contentleftframe img { padding-bottom : 50px; margin-left : 10px; width : 110px; }
#contentleftframe p {padding-top : 20px; width : 140px;}

#content { width : 625px; margin-left : -150px;	float : right; position : relative;}
#content p, td, caption, ul, ol { margin-top : 0; font-size : 1em; line-height : 1.3em;margin-bottom : 10px;}
#content li {padding : 2px; font-size : 1em;}
#content a:link { color : #1f542a; text-decoration : none;}
#content a:visited { color : #1f542a; text-decoration : none;}
#content a:hover { color : #09419A; text-decoration : none;}
#content tr {vertical-align: top;}
#content img {border : 0; }

#contentrightframe { margin-left : -168px; width : 168px; float : right; position : relative;}
#contentrightframe img { padding-bottom : 150px; width : 168px; }


#content_right { width : 590px; float : left; position : relative;}
#content_right p, td, caption, ul, ol { margin-top : 0; font-size : 1em; line-height : 1.3em;margin-bottom : 10px;}
#content_right li {padding : 2px; font-size : 1em;}
#content_right a:link { color : #1f542a; text-decoration : none;}
#content_right a:visited { color : #1f542a; text-decoration : none;}
#content_right a:hover { color : #09419A; text-decoration : none;}


#footer { border-top : 2px solid #1f542a; clear : both; display : block; font-size : 0.7em; }
#footer span {margin-top : 5px;}
#footer span a:link { color : #777777; text-decoration : none;}
#footer span a:visited { color : #777777; text-decoration : none;}
#footer span a:hover { color : #0000ff; text-decoration : underline;}
#footerlogos { float : left; }
#footerlinks { float : right; }
#footer img {border : 0; padding : 2px;}

.agelabel { width : 550px; display : block; float : left; margin-bottom : 5px;}
.agelabel + input { float : left;}

.areyoulabel { width : 550px; display : block; float : left; margin-bottom : 5px;}
.areyoulabel + input { float : left;}

.formsection { display : block; clear : both; border-top : 1px dotted #81b03c; padding-top : 10px; margin-top : 15px;}

.listitemsmallmargin { margin-top : -10px;}
.listitemsmallmargin { margin-bottom : -5px;}

.topicareas {list-style-type: disc; padding-top : 10px; margin-left : -50px; clear : both;}
.topicareas .area {display : block; float : left ; width : 280px; border : 1px solid black; margin-left : 20px; margin-bottom : 20px;}
.topicareas div {font-size : 0.9em; padding : 5px;}
.topicheader {font-weight : bold; border-bottom : 1px solid black;}

a.tooltip { position: relative; text-decoration: none; color : #000000; background-color : #ffffff; border-bottom : 1px dotted black;}
a.tooltip:visited {position: relative; color : #000000; background-color : #ffffff; border-bottom : 1px dotted black;}
a.tooltip div {display: none;}
a.tooltip:hover {font-size : 100%;color : #000000;background-color : #ffffff;text-decoration : none;z-index : 2;} 
/* IE/Win requires some link change on hover in order to show the tooltips */
a.tooltip:hover span { /*the span will display just on :hover state*/display: block !important;position: absolute;top: 5px; left: 40px; width : 400px;border: 1px solid #000000;background-color: #ffffff; color: #000000;padding: 15px;z-index : 1;}

/***Forms fieldset and legend style ***/
fieldset { border: 2px solid #247186;padding : 5px;}
legend { color: #000000; background: #eeeeee; border: 2px solid #247186; padding: 2px 6px; } 

form textarea {overflow : visible; padding-top: 1em; padding-left : 0.3em; padding-right : 0.5em;}
form .infield {color : #777777; display : block; position : relative; top : 1em ; left: .5em; z-index: 1;padding-right : 2em;}
form .infield1line {color : #777777; display : block; position : relative; top : 1.7em ; left: .5em; z-index: 1;padding-right : 2em;}
form .textarea1line {overflow : visible; padding-top: 1.5em; padding-left : 0.3em; padding-right : 0.5em;}


/* accessibility */
#offscreen { float:left; position:absolute; top:-300px }

ul li div h4 {color : #000000; font-size : 1em;}
ul li ul {list-style-type : disc;}