body { padding:15px; color:#274490; font-family:arial, verdana, tahoma, sans-serif; font-size:71%; background:white; line-height:19px; }
/* BODY TAG SETS THE ATTRIBUTES OF THE PAGE EDITOR */
table { font-size:1em; }
input,textarea { border:1px solid #dbdbdb; padding:4px; background:#fafafa url(input.gif) repeat-x; font-family:arial; font-size:1em;  }
.contact_pic { left:-3px; margin:0; position:relative; top:13px; }
a>/**/img.contact_pic { top:10px; }
.submitButton { border:0; background:none; padding:0; width: 72px;  height:27px; background:url(button.gif) no-repeat; overflow:hidden; text-indent:-9999px; font-size:0; display:block;line-height:0; cursor:pointer;}
a { color:#465EB9; text-decoration:none; font-weight:bold; }
a:hover { border-bottom:1px solid #465EB9; }
h1, h2, h3, h4 { margin:0; padding:0; }
h1 { color:#274490; font-size:2em; font-weight:normal; padding: 5px 0; margin-top:20px; }
h2 { color:#18387E; font-size:1.6em; border-top:1px solid #C6C6C6; border-bottom: 1px solid #C6C6C6; line-height:25px; letter-spacing:-1px; }
h3 { color:#465EB9; font-size:1.6em; border-bottom:1px solid #C6C6C6; border-top: 1px solid #C6C6C6; line-height:25px; letter-spacing:-1px; }
h4 { color:#18387E; font-size:1.4em; }
img.clsleft { margin-right:10px; margin-bottom:10px; }
img.clsmiddle { margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsright { margin-left:10px; margin-bottom:10px; }
img.clsborderleft { border:2px solid #C6C6C6; margin-right:10px; margin-bottom:10px; }
img.clsbordermiddle { border:2px solid #C6C6C6; margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsborderright { border:2px solid #C6C6C6; margin-left:10px; margin-bottom:10px; }
.datatable { border:1px solid #C6C6C6; }
.datatable th { background:#465EB9; color:white; font-weight:bold;  border:1px solid white; padding:4px; }
.datatable td { background:#efefef; border:1px solid white; padding:4px; }
.datatable p { padding:0; margin:0; }
.notes { font-size:0.8em; }
.shout { font-size:1.2em; color:#fff; font-weight:bold; padding:5px; background:#465EB9; }
.shout2 { font-size:1.2em; color:#fff; font-weight:bold; padding:4px 5px; background:#18387E; border:1px solid white; }
.submit { background:#24418f; color:white; border:0; cursor:pointer; font-weight:bold; font-size:1em; padding:2px; }
.reset { background:#24418f; color:white; border:0; cursor:pointer; font-weight:bold; font-size:1em; padding:2px; }
.quote { border:1px solid #C6C6C6; padding:4px; color:#465EB9; font-weight:bold; }
.caption { font-weight:bold; background:#465EB9; float:right; width:200px; padding:10px 8px; margin:0 0 10px 10px; color:white; font-size:0.9em; }
.custom1 {}
.custom2 {}
.border { border:2px solid #C6C6C6; }
.noborder { border:0; }
#container { width:883px; padding:0 26px; margin:0 auto; background:#FFF; border: 1px solid #c1c1c3; border-top:0; padding-bottom:10px; }
#main { width:685px; margin:8px; margin-top:0; background:#fff; }
#sitelogo { color:#1B3381; height:90px; line-height:85px; font-size:1.7em; font-weight:bold; text-indent:15px; float:left; margin-top:13px; }
#end span { display:none; }
#hbc { float:right;  height:60px; text-align:right; margin-top:30px; margin-right:10px; }
#hbc a:hover { border:0; }
#main_pic { height:259px; width:555px; background:url(top_pic.jpg) #fff no-repeat; text-align:center; float:left; clear:both; }
#date { height:25px; line-height:24px; background:#A7B9E7; border-bottom:1px solid white; border-top:1px solid white; text-align:right; color:#344DAB; padding-right:10px; }
#pagebody {  margin:0; padding:0; padding:10px 0 15px 0;  text-align:left; margin: 10px 0; clear:both; }
#pagebody form img { border:0; }
#sidebar { float:right; width:300px; padding:0px 0px 15px 0px;  text-align:left;  margin:0 0 10px 10px; background-color:#E6E6E6; border:1px solid #D0D0D0; padding:10px; }
#sidebar h4 { font-size:1.4em; border:0; padding:10px 0; }
#box1 { background:/*#4f7198*/#fff; text-align:left; padding:10px; border:1px solid #BCBCBC; }
#box1 h1 { }
#box1 a:hover, #box1 a:hover img { text-decoration:none; border:0; }
#bottom { color:#FFF; height:37px; line-height:36px; background:url(contact_back.jpg) repeat-x #497097; text-align:center; font-size:1em; clear:both; margin-bottom:10px; }
#bottom a { color:#FFF; text-decoration:none; }
#bottom a:hover { text-decoration:underline; }
#end, #end a { color:#274490; font-size:0.9em; font-weight:normal; text-align:left; clear:left; }
#end {   float:left; width: 400px; }
#end a { border-bottom: 1px solid #274490;  }
#end a:hover { color:#274490; border-bottom:none; }
#copyright { color:#274490; height:50px; line-height:24px;  text-align:left; padding-left:10px; width:400px; float:left; }


#navsurround {clear:both; background:url(nav_back.gif);  margin:7px 0 5px 7px;  height:36px;}
/** #nav - essentials **/
#nav, #nav * { margin:0; padding:0; list-style-type:none; }
#menu2 {background:url(nav2_back.gif) repeat-x; width: 883px; height: 52px}
#nav { line-height:1;  }
#nav ul { position:absolute; top:-999em; width:	10em; /* left offset of submenus need to match (see below) */}
#nav ul li { width:100%; }
#nav li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ }
#nav li { float:	left; position:relative; }
#nav a { display:block; position:relative; }
#nav li:hover ul, #nav li.sfHover ul { left:0; top:51px; /* CHANGE this value to move to first dropdown up and down */ z-index:99; }
ul#nav li:hover li ul, ul#nav li.sfHover li ul { top:-999em; }
ul#nav li li:hover ul,
ul#nav li li.sfHover ul { left:10em; /* MUST match width in #nav ul */ top:0; }
ul#nav li li:hover li ul, ul#nav li li.sfHover li ul { top:-999em; }
ul#nav li li li:hover ul, ul#nav li li li.sfHover ul { left:10em; /*  MUST match width in #nav ul */ top:0;
}
/** #nav - appearance **/
#nav {padding:0 0 0 0; font-size:11px;}
#nav a {  text-decoration:none; padding:0 14px 0 15px; line-height:47px; font-weight:bold; background:url(nav_back.jpg) repeat-x; border-top:4px solid #294591; border-right:1px solid #fff;border-bottom:1px solid #fff; height:47px;}
#nav a, #nav a:visited  { /* visited pseudo selector so IE6 applies text colour*/ color:294591; }
#nav li a:hover { color:#fff; background:url(nav_active.jpg) repeat-x; border-top: 4px solid #4e7097; }
#nav li { background:none; line-height:30px;}
#nav li li { }
#nav ul {border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc}
#nav li li li {  }
#nav li li li a:hover {color:#fff; }
#nav li:hover, #nav li.sfHover, #nav a:focus, #nav a:hover, #nav a:active { background:#555;  outline:0; }
#nav li li:hover, #nav li li.sfHover, #nav li li a:focus, #nav li li a:hover, #nav li li a:active {background:#cccccc; color:#fff;}
#nav #active {cursor:default; }
/*** arrows **/
#nav a.sf-with-ul { min-width:1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position:absolute; display:block; right:10px; top:11px; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url(arrows_ffffff.png) bottom left; /* Change this colour to a background image to add an arrow indicating sub levels*/ }
a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top:11px;  }

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {  }

/* point right for anchors in subs */
#nav ul .sf-sub-indicator {  }
#nav ul a > .sf-sub-indicator {  }

/* apply hovers to modern browsers */
#nav ul a:focus > .sf-sub-indicator, #nav ul a:hover > .sf-sub-indicator, #nav ul a:active > .sf-sub-indicator, #nav ul li:hover > a > .sf-sub-indicator, #nav ul li.sfHover > a > .sf-sub-indicator {  }

#head { height: 127px; }
.clear { clear:both; }
#news { float:right; width:302px; height:194px; background:url(pension_news.jpg) no-repeat; color:#FFF; padding-top:45px; padding-bottom: 20px; padding-left:10px; text-align:left; padding-right:10px; }
#notice { float:right; width:300px; text-align:right; padding-right:10px; }
.invalid { background:url(invalid.gif) #fff no-repeat 4px center; }