/* INITIALIZE */
/* undo default styling of common (X)HTML browsers */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul {list-style:none;}

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td {font-size:1em;}

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset {border:none;}

img {border: none;}
form {margin: 0; padding: 0;}
fieldset {margin: 0; padding: 0; border: none;}

/* ------------------------------------------------------------------------- */

body { 
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #333;
  height: 100%;
}
html{height:100%;}

p {font-size:13px;}
p.recent-news {padding:10px 0 0 10px; color:#333399; font-size:11px;}
p.home-feature {padding:20px 10px 0 10px; font-size:12px;}
p.home-left {padding:20px 10px 0 20px; margin:0 10px 0 10px;}
p.page-content {padding:20px 10px 0 20px; margin:0 10px 0 10px; font-size:13px;}
p.copy {margin:5px 0 0 10px; padding:5px 0 0 0; color:#999; font-size:11px;}
p.spacer{height:25px;}

.spd-date {color:#666; font-weight:bold; font-style:italic;}

h1, h2, h3, h4 {margin: 0; font-weight: normal;}
h1 {letter-spacing: -1px; font-size: 2.0em;}
h1.page-title {padding:20px 10px 0 20px; margin:0 10px 0 10px; font-size:24px; color:#3A5767; font-weight:bold:}
h2 {padding:20px 10px 0 20px; margin:5px 10px 0 10px; font-size:16px; font-weight:bold;}
h3 {font-size: 1.2em; font-weight: bold;}

ol {padding:0 20px 0 30px; margin:10px 10px 0 20px; font-size:13px;}
ol.number {padding:0 20px 0 30px; margin:5px 20px 0 20px; font-size:13px;}
ol li {padding:5px 0 0 0;}
ul.faq {padding:10px 0 0 30px; margin:10px 20px 0 20px; font-size:13px;}
ul li {padding:5px 0 0 0;}
ul.inset {padding:10px 0 0 30px; margin:10px 20px 0 20px; font-size:13px; list-style:square;}
ul li {padding:5px 0 0 0;}
ul.inset2 {padding:3px 0 0 30px; margin:10px 20px 3px 20px; font-size:13px; list-style:square;}
ul.inset2 li {padding:3px 0 0 0;}

ul.alpha {padding:0 20px 0 30px; margin:5px 20px 0 15px; font-size:13px;}
ul.alpha li {padding:5px 0 5px 0;}

/* Side Nav Menu */
ul.side-nav {padding:0 0 0 30px; margin:0; font-size:13px; color:#333399;}
ul.side-nav li {padding:3px 0 0 10px;}

ul.side-nav li.active{
	background-image: url('images/arrow.gif');
	background-position: 0 7px; /* X-pos Y-pos (from top-left) */
  /*padding:5px 0 0 25px;*/
	background-repeat: no-repeat;
}

blockquote {font-style: italic;}

a {color: #333399;}
a:hover {text-decoration: none;}

#header-wrap {margin:0 auto; padding:0;}
#header {width:882px; margin:0 auto; padding:20px 0 0 0; overflow:hidden;}
#logo {float:left;}
#tagline {float:right;}
#sub-header {width:882px; margin:0 auto; overflow:hidden;}
#sub-left {float:left; width:30px; height:20px; background:url(images/header-left.jpg) no-repeat;}
#sub-mid {float:left; width:822px; height:20px; background:url(images/header-mid.jpg) no-repeat;}
#sub-right {float:left; width:30px; height:20px; background:url(images/header-right.jpg) no-repeat;}

#home-top-nav{width:822px; height:159px; background:url(images/home-topnav-bg.jpg) no-repeat;}
#page-top-nav{width:822px; height:159px; background:url(images/home-topnav-bg.jpg) no-repeat;}

/* Pension and Welfare Menu Nav */
a.welfare-nav {width:95px; height:25px; display:inline; padding:10px 0 0 10px;}
a.pension-nav {width:95px; height:25px; display:inline; padding:10px 0 0 10px;}

/* Orange Nav Menu */
td.orange-nav {background: url(images/orange-nav-bg.jpg) no-repeat;}

ul.orange-menu {width:550px; height:30px; margin:0; padding:10px 0 5px 10px; list-style:none;}
ul.orange-menu li {display:inline;}
ul.orange-menu li a {
	float: left;
	padding: 0 0 5px 15px;
	text-align: left;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 12px;
  font-weight:bold;
  color:#ffffff;
}
ul.orange-menu a:hover {color:#333366; text-decoration:none;}
/* Orange Nav Menu */

/* Global wrapper */
#content-wrap {margin:0 auto; padding:0;}

/* Home content area */
#home-page-content {width:882px; margin:0 auto;}
td.home-mid-left {width:505px; height:260px; background:url(images/home-mid-bg-left.jpg) repeat;}
td.home-mid-right {width:317px; height:260px; background:url(images/home-mid-bg-right.jpg) repeat;}
td.home-feature-left {width:417px; height:260px; background:url(images/home-feature-bg-left.jpg) repeat;}
td.home-feature-right {width:405px; height:260px; background:url(images/home-feature-bg-right.jpg) repeat;}

/* Home top content area */
#home-mid-left {float:left; width:505px; height:260px; background:url(images/home-mid-bg-left.jpg) repeat;}
#home-mid-right {float:left; width:317px; height:260px; background:url(images/home-mid-bg-right.jpg) repeat;}
#recent-news-header {width:317px; height:23px; background:url(images/recent-news.jpg) no-repeat; margin:20px 0 0 0;}
#recent-news {width:315px; height:200px; background: #ffffff; margin:5px 3px 0 0;}

/* Home Welfare and Pension feature area */
#home-feature-left {float:left; width:417px; height:260px; background:url(images/home-feature-left-bg.jpg) repeat;}
#home-feature-right {float:left; width:405px; height:260px; background:url(images/home-feature-right-bg.jpg) repeat;}
#home-feature-wel-hdr {margin:0 0 0 10px; width:395px; height:61px; background:url(images/home-feature-wel-hdr.jpg) repeat;}
#home-feature-welfare {margin:0 0 0 10px; width:395px; height:172px; background:#ffffff; position:relative;}
#home-feature-pen-hdr {width:395px; height:61px; background:url(images/home-feature-pen-hdr.jpg) repeat;}
#home-feature-pension {width:395px; height:172px; background:#ffffff; position:relative;}
.learn-more {float:right; position: absolute; bottom: 0; right:0; margin:0 5px 5px 0;}

/* Page content area */
#page-content {width:882px; margin:0 auto;}
table.inset {margin:0 0 0 30px;}
td.content-border-left {width:30px; height:100%; background:url(images/content-left.jpg) repeat;}
td.content-border-right {width:30px; height:100%; background:url(images/content-right.jpg) repeat;}

/* Section Pages top content area */
td.page-mid-left {width:269px; height:100%; background:url(images/home-mid-bg-left.jpg) repeat;}
td.page-mid-right {width:553px; height:100%; background:url(images/page-mid-bg-right.jpg) repeat;}

/* Directory Table Styles */
.sectionTitleBlue
{
	font-weight: bold;
	font-size: 10pt;
	color: #00008b;
	font-family: Verdana, Arial;
	font-variant: small-caps;
}
td.cellDirectoryTitle
{
    font-weight: bold;
    font-size: 12px;
    background: #e6e6fa;
    padding:5px 0 0 5px;
 }
.cellDirectoryBody
{
    padding:5px 5px 5px 5px;
    font-weight: normal;
    font-size: 12px;
    background: #F1EDD3;
}

#logo-bar {margin:20px 0 5px 30px; float:left; width:300px; height:60px; background:url(images/logo-bar.gif) no-repeat;}

/* Footer Area */
#footer-wrap {margin:0 auto; padding:0; clear: both;}
#footer {width:882px; margin:0 auto; overflow:hidden;}
#footer-left {float:left; width:30px; height:55px; background:url(images/footer-left.jpg) no-repeat;}
#footer-mid {float:left; width:822px; height:55px; background:url(images/footer-mid.jpg) no-repeat;}
#footer-right {float:left; width:30px; height:55px; background:url(images/footer-right.jpg) no-repeat;}

#footer-copy {width:882px; margin:0 auto; overflow:hidden;}
#footer-copy-left {float:left; width:30px; height:55px; background:#ffffff;}
#footer-copy-mid {float:left; width:822px; height:55px; background:#ffffff; text-align:center;}
#footer-copy-right {float:left; width:30px; height:55px; background:#ffffff;}
#footer a {color: #76AEDB;}