/* General structural style declarations  */

body {
    font-family: Helvetica, Tahoma, Arial, Sans-serif ;
	font-size: 11px;
	line-height: 13px;
	color: #414141;
	background-color: #e1e1e1;
    text-align: center;
    margin: 0px;
    padding: 0px;
    background-image: url(../images/common/bg.gif);
    background-position: center top;
    background-repeat: repeat-y;
    overflow: auto;
}

#page {
    width: 800px;
    margin: 0px auto;
    display: block;
    padding: 0px;
    text-align: left;
    overflow: visible;
}

/* The Following two declarations are to create more predictable behaviour cross browser */

* {
    margin: 0px;
    padding: 0px;
}

/*
#page * {
    overflow: visible;
} */

#page * div, #page div, #page form {
    float: left;
}

h1 {
    font-size: 25px;
    line-height: 25px;
    font-weight: normal;
    color: #0c8bc5;
    padding-bottom: 10px;
}

h2 {
    font-size: 20px;
    font-weight: normal;
    color: #0c8bc5;
    line-height: 20px;
    padding-bottom: 10px;
}

h2 span {
    color: #ff6e04;
    font-weight: bold;
}

h3 {
    font-size: 16px;
    font-weight: bold;
    color: #0c8bc5;
    padding-bottom: 10px;
}

h4 {
    font-size: 13px;
    font-weight: bold;
    color: #0c8bc5;
    padding-bottom: 10px;
}

h5 {
    line-height: 11px;
    font-size: 11px;
    font-weight: bold;
    color: #999999;
}

a, a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}    

a img {
    border: none;  
}

ol, ul  {
    padding-left: 15px;
    padding-bottom: 14px;
}

p {
    padding-bottom: 13px;
    line-height: 15px;
}

/* General Template Rules */

#pageContent,
#pageFooter,
#pageHeader {
    width: 760px;
    padding: 0px 20px;
    overflow: hidden;
}

/* Header & Nav */

#pageHeader {
    padding-top: 20px;
}

.headerImage,
.primaryNavigation {
    width: 760px;
    clear: both;
    overflow: hidden;
}

.headerImage {
    padding-bottom: 20px;
}

.headerImage a img,
.headerImage a {
    float: left;
}

.primaryNavigation {
    position: relative;
    z-index: 10;
}

.primaryNavigation ul,
.primaryNavigation ul li {
    padding: 0px;
    float: left;
    list-style-type: none;
}

.primaryNavigation ul {
    clear: both;
    width: 800px;
    height: 24px;
    overflow: hidden;
}

.primaryNavigation ul li {
    background-image: url(../images/common/nav-item-bg.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 112px;
    height: 24px;
    padding-right: 3px;
}

.primaryNavigation ul li a, 
.primaryNavigation ul li a:visited{
    color: #FFFFFF;
    float :left;
    width: 112px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 13px;
}

.primaryNavigation ul li.selected {
    background-image: url(../images/common/nav-item-bg-sel.gif);  
}

/* Subnav */

.subNavigation {
    background-image: url(../images/common/subnav-bg.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    position: relative;
    bottom: 1px;
    z-index: 1;
}

.subNavigation ul,
.subNavigation ul li {
    padding: 0px;
    float: left;
    list-style-type: none;
}

.subNavigation ul {
    clear: both;
    width: 800px;
    overflow: hidden;
}

.subNavigation ul li a, 
.subNavigation ul li a:visited {
    color: #227bda;
    float :left;
    padding: 0px 16px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
}

.subNavigation ul li.selected a,
.subNavigation ul li.selected a:visited {
    color: #ff6e04;
}

/* Footer */

#pageFooter {
    padding-top: 20px;
}

.footContainer {
    border-top: 1px solid #CCCCCC;
    width: 760px;
}

.footerLeft {
    padding: 15px;
    width: 480px;
    color: #808080;
}

.footerContent {
    font-size: 10px;
}

#page .footerRight {
    width: 250px;
    float: right;
}

.footerNav {
    padding-bottom: 10px;
    width: 480px;
}

.footerNav span,
.footerNav a,
.footerNav a:visited{
    color: #808080;
    font-size: 11px;
}

.footerRight ul,
.footerRight ul li {
    list-style-type: none;
    height: 45px;
    overflow: hidden;
    float: left;
}

.footerRight ul li {
    float: left;
    width: 46px;
    padding: 5px;
}

/*Home */

.homeBanner img {
    float: left;
}

.homeLinks {
    padding:14px 0px 12px 0px;
    background-color: #cbe1f7;
    width: 760px;
    background-image: url(../images/common/home-links-bottom.gif);
    background-repeat: no-repeat;
    background-position: 0px bottom;
}

.homeLinks ul,
.homeLinks ul li {
    list-style-type: none;
    float: left;
}

.homeLinks ul {
    width: 740px;
    padding-bottom :0px;
}

.homeLinks ul li {
    margin: 0px 5px;
    width: 170px;
    height: 27px;
    overflow: hidden;
}

.homeLinks ul li a,
.homeLinks ul li a:visited { 
    line-height: 25px;
    float: left;
    width: 170px;
    height: 25px;
    padding-bottom: 2px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    background-image: url(../images/common/home-btn-bg.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.homeLeft {
    width: 52px;
    padding: 25px;
}

.homeRight {
    padding-top: 25px;
    width: 635px;
}

/* Sub Page One */

.contentOne {
    width: 702px;
    padding: 26px 29px;
}

.contentOne .contentLeft {
    width: 94px;
}

#page .contentOne  .contentRight {
    float: right;
    width: 584px;
    padding-top: 8px;
}

.contentOne .contentFull{
    width: 702px;
    padding-top: 22px;
}


/* Sub Page Two */

.contentTwo {
    width: 702px;
    padding: 26px 29px;
}

.contentTwo .contentLeft {
    width: 340px;
}

#page .contentTwo  .contentRight {
    float: right;
    width: 340px;
}

.imageHeader {
    width: 340px;
    padding-bottom: 20px;
}

.imageHeaderImage {
    width: 94px;
}

#page .imageHeaderText {
    width: 233px;
    float: right;
}

#page .imageHeaderText h1 {
    padding-bottom: 0px;
    position: relative;
    top: 49px;
}

.contentTwo  .contentRight img {
    float: left;
    padding-bottom: 22px;
}    

/* Looking Back */

.lookingBackWrapper .header {
    width: 702px;
    padding: 38px 29px 2px 29px;
}

.lookingBackWrapper .lookingBackElements {
    width: 740px;
    background-color: #cbe1f7;
    padding: 10px;
    background-image: url(../images/common/lb-bg.gif);
    background-position: 0px bottom;
    background-repeat: no-repeat;
    overflow: hidden;
}

.lookingBackWrapper .imageBox {
    width: 128px;
    height: 219px;
    padding: 10px;
    overflow: hidden;
}

.lookingBackWrapper .imageBoxText {
    padding-top: 7px;
}

.lookingBackWrapper .twoCols {
    width: 276px;
}

.lookingBackWrapper .twoRow {
    height: 448px; 
}

.lookingBackWrapper .threeCols {
    width: 424px;
}

/* Outlook */

.outlookWrapper .header {
    width: 702px;
    padding: 38px 29px 2px 29px;
}

.outlookWrapper .lbContainer {
    width: 740px;
    background-color: #cbe1f7;
    padding: 10px 10px 21px 10px;
    background-image: url(../images/common/lb-bg.gif);
    background-position: 0px bottom;
    background-repeat: no-repeat;
    background-color: #cbe1f7;
}

.outlookWrapper .lookingBackElements {
    width: 296px;
}

.outlookWrapper .imageBox {
    width: 128px;
    height: 167px;
    padding: 10px;
}

.outlookWrapper .imageBoxText {
    padding-top: 7px;
}

.outlookWrapper .twoCols {
    width: 276px;
}

.outlookWrapper .twoRow {
    height: 354px;
}

#page .olContainer {
    width: 418px;
    float: right;
    padding-right: 10px;
    padding-top: 10px;
} 

.olTop {
    width: 418px;
    background-image: url(../images/common/ol-top.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    height: 14px;
}

.olContent {
    background-image: url(../images/common/ol-bot.gif);
    background-position: 0px bottom;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    border-right: solid 1px #f3f8fd;
    width: 370px;
    padding:4px 23px 16px 24px;
    overflow: hidden;
}