/*
========================================
 KSO v4.1 - DEPARTMENT TEMPLATE FOR CMS
========================================
COLORS FROM LIGHTEST TO DARKEST:

Greens > Blue:
    E2E7DC > DCE2E7
    BECFA7 > A7BFCF
    8EA571 > 718FA5
    76895E > 5E7789
    4B573C > 3C4C57
    2F3625 > 252F36

Yellows:
    FFDD57
    FFCC00

Greys:
    FFFFFF    
    999999
    888888
    666666
    CCCCCC
    000000
*/

/*
==============
 HTML OPTIONS
==============
*/

a {
	font-weight: bold;
	color: #3399CC;
	text-decoration : none;
}

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

body {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #074A70;
	/*background-image: url(images/www_bg.png);
	background-repeat: repeat-y;*/
}

TD {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 11px;
}

TH {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
}


H1 {
	font-size: +3;
	color: #003399;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
}

H2 {
	font-size: +2;
	color: #003399;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
}

H3 {
	font-size: +1;
	color: #003399;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
}

option {
	font-size: 11px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}

textarea {
	font-size: 11px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}

select {
	font-size: 11px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}

input, submit {
	font-size: 11px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}

.searchbar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003399;
	width: 130px;
	border-width: 1px;
	border-top-color: #E6E6E6;
	border-left-color: #E6E6E6;
	border-bottom-color: #999999;
	border-right-color: #999999;
}


/*
================
 HEADER OPTIONS
================
*/

.header-welcome-message {
	background-color: #000066;
	color: #FFFFFF;
	font-size: 9px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}


.header-nav {
	width: 100%;
	background-color: #021629;
}

.header-www {
	width: 100%;
	height: 72px;
	
	white-space: nowrap;
	background-color: #000066;
	text-align: left;

}

.header-top {
	height: 80px;
	vertical-align: bottom;
	text-align: right;
	color: #FFFFFF;
	font-size: 11px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}

.header-links {
	height: 33px;
	vertical-align: middle;
	color: #FFFFFF;
	font-size: 11px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	background-image:   url(../images/header/blue_nav_bg.gif);
	background-repeat: no-repeat;
	text-align: justify;
	padding-left: 45px;
}

.header-links a {
	height: 33px;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
	vertical-align: middle;
}

.header-links a:hover {
	height: 33px;
	color: #33CCFF;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
	vertical-align: middle;
}
/*
================
 MODULE OPTIONS
================
*/

.module-bg-blue {
	height: 29px;
	background-image:   url(../images/module/module_hm_blue.gif);
	background-repeat: x;
}

.module-bg-green {
	height: 29px;
	background-image:   url(../images/module/module_hm_green.gif);
	background-repeat: x;
}

.module-bg-natural {
	height: 29px;
	background-image:   url(../images/module/module_hm_natural.gif);
	background-repeat: x;
}

.module-bg-orange {
	height: 29px;
	background-image:   url(../images/module/module_hm_orange.gif);
	background-repeat: x;
}

.module-bg-purple {
	height: 29px;
	background-image:   url(../images/module/module_hm_purple.gif);
	background-repeat: x;
}

.module-bg-red {
	height: 29px;
	background-image:   url(../images/module/module_hm_red.gif);
	background-repeat: x;
}

.module-bg-yellow {
	height: 29px;
	background-image:   url(../images/module/module_hm_yellow.gif);
	background-repeat: x;
}

.module-title {
	background:transparent;
	height: 29px;
	text-align: left;
	align: left;
	padding-bottom: 4px;
	padding-left: 10px;
    color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}

.module-body {
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
    color: #333333;
	font-size: 11px;
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}

.module-body-headers {
	color: #003399;
	font-size: 16px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
}

.faq-questions {
	color: #0B0B4C;
	font-size: 13px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
}

.module-links {
	height: 31px;
	vertical-align: middle;
	text-align: left;
	padding-left: 25px;
    color: #666666;
	font-size: 11px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	background-image:   url(../images/module/blue_nav_bg.gif);
	background-repeat: no-repeat;
}

.module-links-blue a { 
    color: #666666;
    padding-left: 10px;
    background-image:   url(../images/module/arrow-blue.gif);
	background-repeat: no-repeat;
	background-position: 1px 3px;

}

.module-links-blue a:hover {
    color: #33CCFF;
	padding-left: 10px;
    background-image:   url(../images/module/arrow-blue2.gif);
	background-repeat: no-repeat;
	background-position: 1px 3px;
}

.subtitle-blue {
	background:transparent;
	text-align: left;
	color: #006699;
	font-size: 11px;
	font-weight: bold;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}

.outertable {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C8C4B8;
	border-right-color: #C8C4B8;
	border-bottom-color: #C8C4B8;
	border-left-color: #C8C4B8;
}
.outertable-leftspacer {
	width: 10px;
}

/*
===============================
 LAYOUT AND FORMATTING OPTIONS
===============================
*/

.underline-blue {
	color: #000000;
	font-size: 11px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	
	border-top-color: #000066;
    border-top-style: solid;
	border-top-width: 1px;
	
	padding-top: 4px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;

}


.story-body {
	white-space: normal;
}


.story-footer {
	font-size: 10px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #666666;
	padding-left: 5px;
    padding-top: 5px;
	padding-bottom: 5px;

    border-top-style: solid;
    border-top-color: #B7BCC0;
    border-top-width: 1px;

	zzbackground-color: #E2E4E6;
}

/*
===============================
IMAGE OPTIONS
===============================
*/
.image-frame {
	border: 1px;
	border-style: solid;
	border-color: #D9D8D8;
	border-top-style: solid;
	border-top-color: #B7BCC0;
	margin: 1px;
	padding: 1px;
}

.image-holder {
	padding: 4px;
}

/*
===============================
PAGE BACKGROUND OPTIONS (To align center and have content appear on a pattern bg)
===============================
*/
.page-bg-blue {
	background-image: url(../images/backgrounds/bg_blue.gif);
}

.page-bg-gradient {
	background-image: url(../images/backgrounds/bg_gradient.gif);
	background-color:#096295;
	background-repeat:repeat-x;
}

.page-bg-dark-gradient {
	background-image: url(../images/backgrounds/bg_dark_gradient.gif);
	background-color:#074A70;
	background-repeat:repeat-x;
}

.page-white-frame {
	background-color:#FFFFFF;
	align: center;
}

.page-spacer {
	height:20px;
	width:100%;
}

/*
===============
 Footer Options
===============
*/
.footer {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	padding-top: 4px;
	color: #999999;
}
.footer a:link{
	color: #3399CC;
	text-decoration: none;
	font-size: 10px;
}
.footer a:visited{
	text-decoration: none;
	color: #3399CC;
	font-size: 10px;
}
.footer a:hover{
	text-decoration: none;
	color: #33CCFF;
	font-size: 10px;
}

.footer a:active{
	text-decoration: none;
	color: #3399CC;
	font-size: 10px
}

.footer a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
}

.horizontal-dotted {
	height: 1px;
	background-image:url(../images/footer/dotted_line.gif)
}

/*
===============================
 Buttons For side_nav
===============================
*/
.buttonbg {
	background-image:url(../images/side_nav/button_bg.gif);
	height: 30px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #E6E6E6;
	border-left-color: #E9E9E9;
	border-bottom-width: 1px;
	border-bottom-color: #E6E6E6;
	text-align: left;
	padding-left: 5px;
	background-repeat: repeat-x;
}
.buttonbg a:link{
	color: #3399CC;
	text-decoration: none;
	font-size: 11px;
}
.buttonbg a:visited{
	text-decoration: none;
	color: #3399CC;
	font-size: 11px;
}
.buttonbg a:hover{
	text-decoration: none;
	color: #33CCFF;
	font-size: 11px;
}

.buttonbg a:active{
	text-decoration: none;
	color: #3399CC;
	font-size: 11px
}

.buttonbg a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}
/*
===============================
 Buttons For Within Modules
===============================
*/
.module-inline {
	border: 1px;
	border-style: solid;
	border-color: #D9D8D8;
}
.buttonbg-module-spacer {
	background-image:url(../images/side_nav/button_bg.gif);
	/*height by default is 55px*/
	height:70px;
	background-repeat: repeat-x;
}

.buttonbg-module-blue {
	background-image:url(../images/side_nav/button_bg.gif);
	height: 35px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #E9E9E9;
	border-bottom-width: 1px;
	border-bottom-color: #E6E6E6;
	text-align: left;
	padding-left: 5px;
	background-repeat: repeat-x;
}
.buttonbg-module-blue a:link{
	color: #3399CC;
	text-decoration: none;
	font-size: 11px;
}
.buttonbg-module-blue a:visited{
	text-decoration: none;
	color: #3399CC;
	font-size: 11px;
}
.buttonbg-module-blue a:hover{
	text-decoration: none;
	color: #33CCFF;
	font-size: 11px;
}

.buttonbg-module-blue a:active{
	text-decoration: none;
	color: #3399CC;
	font-size: 11px
}

.buttonbg-module-blue a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}

.buttonbg-dotted-green {
	height: 30px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #E6E6E6;
	text-align: left;
}
.buttonbg-dotted-green  a:link{
	color: #6DA555;
	text-decoration: none;
	font-size: 11px;
}
.buttonbg-dotted-green  a:visited{
	text-decoration: none;
	color: #6DA555;
	font-size: 11px;
}
.buttonbg-dotted-green  a:hover{
	text-decoration: none;
	color: #8CD949;
	font-size: 11px;
}

.buttonbg-dotted-green  a:active{
	text-decoration: none;
	color: #6DA555;
	font-size: 11px
}

.buttonbg-dotted-green  a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}

.buttonbg-dotted-yellow {
	height: 30px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #E6E6E6;
	text-align: left;
}
.buttonbg-dotted-yellow a:link{
	color: #9EA322;
	text-decoration: none;
	font-size: 11px;
}
.buttonbg-dotted-yellow  a:visited{
	text-decoration: none;
	color: #9EA322;
	font-size: 11px;
}
.buttonbg-dotted-yellow  a:hover{
	text-decoration: none;
	color: #F3DD20;
	font-size: 11px;
}

.buttonbg-dotted-yellow  a:active{
	text-decoration: none;
	color: #9EA322;
	font-size: 11px
}

.buttonbg-dotted-yellow  a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}

.buttonbg-dotted-red {
	height: 30px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #E6E6E6;
	text-align: left;
}
.buttonbg-dotted-red  a:link{
	color: #B53E3E;
	text-decoration: none;
	font-size: 11px;
}
.buttonbg-dotted-red  a:visited{
	text-decoration: none;
	color: #B53E3E;
	font-size: 11px;
}
.buttonbg-dotted-red  a:hover{
	text-decoration: none;
	color: #E32727;
	font-size: 11px;
}

.buttonbg-dotted-red  a:active{
	text-decoration: none;
	color: #B53E3E;
	font-size: 11px
}

.buttonbg-dotted-red  a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}

.buttonbg-dotted-purple{
	height: 30px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #E6E6E6;
	text-align: left;
}
.buttonbg-dotted-purple a:link{
	color: #63348E;
	text-decoration: none;
	font-size: 11px;
}
.buttonbg-dotted-purple  a:visited{
	text-decoration: none;
	color: #63348E;
	font-size: 11px;
}
.buttonbg-dotted-purple  a:hover{
	text-decoration: none;
	color: #9239E6;
	font-size: 11px;
}

.buttonbg-dotted-purple  a:active{
	text-decoration: none;
	color: #63348E;
	font-size: 11px
}

.buttonbg-dotted-purple a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}

.buttonbg-dotted-natural{
	height: 30px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #E6E6E6;
	text-align: left;
}
.buttonbg-dotted-natural  a:link{
	color: #61583F;
	text-decoration: none;
	font-size: 11px;
}
.buttonbg-dotted-natural  a:visited{
	text-decoration: none;
	color: #61583F;
	font-size: 11px;
}
.buttonbg-dotted-natural  a:hover{
	text-decoration: none;
	color: #AEA079;
	font-size: 11px;
}

.buttonbg-dotted-natural  a:active{
	text-decoration: none;
	color: #61583F;
	font-size: 11px
}

.buttonbg-dotted-natural a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}

.buttonbg-dotted-orange{
	height: 30px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #E6E6E6;
	text-align: left;
}
.buttonbg-dotted-orange a:link{
	color: #C78E44;
	text-decoration: none;
	font-size: 11px;
}
.buttonbg-dotted-orange  a:visited{
	text-decoration: none;
	color: #C78E44;
	font-size: 11px;
}
.buttonbg-dotted-orange  a:hover{
	text-decoration: none;
	color: #F4900F;
	font-size: 11px;
}

.buttonbg-dotted-orange  a:active{
	text-decoration: none;
	color: #C78E44;
	font-size: 11px
}

.buttonbg-dotted-orange a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}
/*
===============================
 Text Table Fields
===============================
*/
.tableheader-top-return {
	align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #E4E4E4;
	border-right-color: #E4E4E4;
	border-bottom-color: #CCCCCC;
	border-left-color: #E4E4E4;
	padding-left: 5px;
	background-repeat: repeat-x;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	font-variant: normal;
	background-image: url(../images/text_tables/text_table_bg.gif);
}

.tableheader {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #E4E4E4;
	border-right-color: #E4E4E4;
	border-bottom-color: #CCCCCC;
	border-left-color: #E4E4E4;
	padding-left: 5px;
	background-repeat: repeat-x;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	font-variant: normal;
	vertical-align: middle;
	background-image: url(../images/text_tables/text_table_bg.gif);
}
.tablefieldlabels {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	height: 20px;
	color: #535353;
	padding-left: 6px;
	padding-top: 4px;
	background-image: url(../images/text_tables/text_table_fields_bg.gif);
	background-repeat: repeat-x;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-right-color: #C3C3C3;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-bottom-color: #AEACAC;
	border-left-color: #FFFFFF;
	border-top-width: 1px;
}
.tablefields {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	background-color: #F0F5FB;
	padding: 5px;
	border-top: 1px none #FFFFFF;
	border-right: 1px none #2E6996;
	border-bottom: 1px dotted #CCCCCC;
	border-left: 1px none #2E6996;
}
.tablefields2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	background-color: #EAEAEA;
	padding: 5px;
	border-top: 1px none #FFFFFF;
	border-right: 1px none #2E6996;
	border-bottom: 1px dotted #CCCCCC;
	border-left: 1px none #2E6996;
}

.tablefields a:link{
	color: #3399CC;
	text-decoration: none;
	font-size: 11px;
}
.tablefields a:visited{
	text-decoration: none;
	color: #3399CC;
	font-size: 11px;
}
.tablefields  a:hover{
	text-decoration: none;
	color: #33CCFF;
	font-size: 11px;
}

.tablefields  a:active{
	text-decoration: none;
	color: #3399CC;
	font-size: 11px
}

.tablefields a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}

.tablefields2 a:link{
	color: #3399CC;
	text-decoration: none;
	font-size: 11px;
}
.tablefields2 a:visited{
	text-decoration: none;
	color: #3399CC;
	font-size: 11px;
}
.tablefields2  a:hover{
	text-decoration: none;
	color: #33CCFF;
	font-size: 11px;
}

.tablefields2  a:active{
	text-decoration: none;
	color: #3399CC;
	font-size: 11px
}

.tablefields2 a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}

.tableheader-top-return a:link{
	color: #3399CC;
	text-decoration: none;
	font-size: 11px;
}
.tableheader-top-return a:visited{
	text-decoration: none;
	color: #3399CC;
	font-size: 11px;
}
.tableheader-top-return  a:hover{
	text-decoration: none;
	color: #33CCFF;
	font-size: 11px;
}

.tableheader-top-return  a:active{
	text-decoration: none;
	color: #3399CC;
	font-size: 11px
}

.tableheader-top-return a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}