/* Base Styles
----------------------------------------------- */

html	{
    background: url(../images/bg-html.gif);
}

img {
	border: none;
	margin: 0;
}

body	{
	width: 968px;
	margin: 0;
	padding: 0 0 20px 0;
	font: normal 1em/1em Arial, Helvetica, Verdana, sans-serif;
    position: relative;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

/* Specialized Text ----------------------------
  
  - "p.return-top" adds a "Return to top" Link within the page; Useful for anchor/drilldown/drop link situations
  - "div.number span" this creates an enlarged blue serif number for the purpose to use in a stylized numbered list of items (ala editorial voice section in brandcenter)
  - "div.number p" styles the text component of the list mentioned above

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

.status-low {
	color: #63774f;
}
.status-medium {
	color: #ff6600;
}
.status-high {
	color: #cc0000;
}

p.return-top {
	text-align: right;
	width: 110px;
	float: right;
	clear: both;
}

p.return-top a, p.return-top a:active, p.return-top a:visited {
    /*font: normal .65em/1.2 Verdana, Arial, Helvetica, sans-serif;*/
	padding: 0px 0px 0px 15px;
	margin-right: 10px;
	background: transparent url(../images/icon_orange_up.gif) no-repeat scroll 0px 65%;
}

div.number span.num {
    display: block;
    position: absolute;
    top: -5px;
    left: 0;
    font: normal 4.5em/1em Times, Times New Roman, Georgia, serif;
    color: #084980;
    margin: 0;
    padding: 0;
}

div.number p {
	position: relative;
    padding-left: 50px;
    width: 300px;
}

div.alert {
    font: bold .68em Verdana, Arial, Helvetica, sans-serif;
	color:red;
	text-transform: uppercase;
	margin-bottom: 2px;
}

div.error-message {
	background-color: #fffce9;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #cc0000;
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	margin: 10px 0px;
}

div.error-message a {
	color: #cc0000;
}

div.friendly-message {
	background-color: #fffce9;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	margin: 10px 0px;
}

div.friendly-message a {
	color: #666666;
}

div#pageutil{
	float:right;
	padding-right: 20px;
}
#pageutil dl {
	font: normal .85em/1em Arial, Helvetica, Verdana, sans-serif;
	display: block;
	margin: 0;
	padding: 0;
}
#pageutil dl dd{
	list-style-image:url(../images/bullet-1e7ebb.gif);
	list-style-position:outside;
	list-style-type:disc;
	padding: 0;
	margin: 0 0 0 10px;
	float: right;
}
#pageutil dl a{
	margin: 0;
	text-decoration: underline;
	padding: 6px 0px 0px 15px;
}
#pageutil dl dd a.pf{
	display: block;
   	background: url(../images/icon_printer.gif) 0px .85em no-repeat;
}
#pageutil dl dd a.pdf{
    display: block;
    background: url(../images/icon_pdf.gif) 0px .85em no-repeat;
}
#pageutil dl dd a.next{
    display: block;
    background: url(../images/icon_orange_right.gif) 0px .85em no-repeat;
}
#pageutil dl dd a.previous{
    display: block;
    background: url(../images/icon_orange_left.gif) 0px .85em no-repeat;
}
#pageutil dl dd a.return{
    display: block;
    background: url(../images/icon_more.gif) 0px .85em no-repeat;
}

#content #breadcrumb {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
#content #breadcrumb li {
	background: none;
	list-style-image: none;
	list-style-type: none;
	display: inline;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	border-right: 1px solid #cccccc;
	padding-right: 5px;
	margin-right: 5px;
}
#content #breadcrumb li.last {
	border-right: none;
}
#content #breadcrumb li a {
	color: #00589f;
}

/* Header --------------------------------------

- "logo" classes create a region of 40x218 size, position the MS logo within that region,
   and render the vertical separator between the logo and the site title.
   
- "site-title" determines the characteristics of the title to the right of the separator.  If 
   supported by the browser, this text is replaced with a Flash rendering of the text (in News
   Gothic BT font) using Scalable Inman Flash Replacement (sIFR). The sIFR styles are at the bottom of this stylesheet.

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

#header {
    background: #223e6e;
    height: 56px;
    margin: 0;
    position: relative;
    border-bottom: 1px solid #000;
    /*overflow: hidden;*/
}

#header h1 {
    margin: 0;
    padding: 0;
}

#header h1.logo {
    height: 52px;
    width: 218px;
    background: url(../images/header_divider_vert.gif) bottom right repeat-y;
}

#header h1.logo img {
    position: absolute;
    top: 20px;
    left: 20px;
    color:#FFFFFF;
    font-size:25px;
    font-weight:normal;
}

#header h1.logo-print {
	display:none;
}

h1#site-title {
    position: absolute;
    top: 20px;
    left: 236px;
    font: normal 24px/24px Arial, Helvetica, Verdana, sans-serif;
    color: #ccffff;
    z-index: 1;
}

/* Utility Nav -------------------------------

 - Located at the upper-right corner of the header

 - "#utility-nav ul" establishes black horizontal divider and layout of the links
 - "#utility-nav ul.lower-group" a second row of utility links

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

#utility-nav {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 484px;
    z-index: 15;
	height: 56px;
	padding: 0px;
}

#utility-nav ul {
    margin: 0px;
    padding: 0px 12px 0px 35px;
    white-space: nowrap;
    text-align: right;
    float: right;
	clear: both;
    max-width: 484px;
	background: url(../images/header_divider_horiz.gif) bottom left repeat-x;
}

#utility-nav ul.lower-group {
	background-image: none;
}

#utility-nav li {
    float: left;
    list-style: none;
    white-space: nowrap;
	margin: 0px;
}

#utility-nav li.menu a {
    padding-right: 19px;
    margin-right: 5px;
    background: url(../images/arrow_utility-nav.gif) 87% center no-repeat;
}

#utility-nav li a {
    color: #fff;
    text-decoration: none;
    margin: 7px 0px 9px 0px; 
	padding: 0px 5px;
	font: normal 9px Verdana, Helvetica, sans-serif;
	line-height: normal;
	border-right: 1px solid #496d97;
	display: block;
}

#utility-nav li a:hover {
    color: #9eaac0;
}

#utility-nav li a.last {
	border-right: none;
}

/*#utility-nav li a.menu {
    color: #fff;
    text-decoration: none;
    padding: 0 15px 0 5px;
	background: transparent url(../images/arrow_utility-nav.gif) no-repeat scroll 95% 65%;
}*/


/* utility NAV Dropdown */

/*#utility-nav li:hover ul.utility-nav-dropdown, #utility-nav li.over ul.utility-nav-dropdown {
    display: block;
}

#utility-nav ul.utility-nav-dropdown {
	padding: 0;
    background: #c1d5e3;
    position: absolute;
    border: 0;
    width: 100px;
    display: none;
	z-index:105;
}

#utility-nav ul.utility-nav-dropdown li {
	float: none;    
	font: normal 10px/1.2 Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #084980;
    text-transform: none;
    background: none;
    border: none;
}

#utility-nav ul.utility-nav-dropdown li:hover a {
	margin-right: 0px;
}

#utility-nav li.menu {
	padding-bottom: 3px;
}

#utility-nav ul.utility-nav-dropdown li a, #utility-nav ul.utility-nav-dropdown li.current {
    color: #084980;
    text-decoration: none;
    display: block;
    padding: 5px 15px 5px 22px;
    background: url(../images/arrow-0b5fa5.gif) 7px .75em no-repeat;
	text-align: left;
}

#utility-nav ul.utility-nav-dropdown li a:hover {
    color: #fff;
    background: #5387af url(../images/arrow-ffffff.gif) 7px .75em no-repeat;
}*/

/*  DHTML Utility NAV Dropdown  */
#dropmenudiv{
	position:absolute;
	border:1px solid #999999;
	font: normal 9px/1.2 Verdana, Arial, Helvetica, sans-serif;
	z-index:100;
}

#dropmenudiv a{
	display: block;
	color: #084980;
	text-indent: 3px;
	padding: 5px 15px 5px 22px;
	text-decoration: none;
	background: url(../images/arrow-0b5fa5.gif) 7px .75em no-repeat;
}

#dropmenudiv a:hover{ /*hover background color*/
	color: #fff;
    background: #5387af url(../images/arrow-ffffff.gif) 7px .75em no-repeat;
}




/* Primary Nav ---------------------------------

-  "navigation" id creates a region of 968px width to hold the primary navigation,
    adds bottom padding of 15px, and displays a gradient image	within that 15px padding
	
-  "primary-nav" id creates a region of 968px within the navigation that has a blue background gradient image


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

#navigation {
    background: url(../images/bg-navigation.gif) bottom left repeat-x;
    padding-bottom: 15px;
    float: left;
    width: 968px;
}

#navigation-empty {
	background: #ffffff url(../images/bg-primary-nav-empty.gif) top left repeat-x;
	height: 14px;
	width: 968px;
	padding-bottom: 10px;	
}
   
#primary-nav {
    background: #5387ae url(../images/bg-primary-nav.gif) repeat-x;
    width: 968px;
    float: left;
    position: relative;
    z-index: 11;
}

#primary-nav ul {
    margin: 0;
    padding: 0;
    width: 968px;
    background: url(../images/border-000000.gif) bottom left repeat-x;
    float: left;
}

#primary-nav li {
    float: left;
    font: bold .65em/2.25 Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #fff;
    text-transform: uppercase;
    border-right: 1px dotted #93a9c0;
    position: relative;
}

#primary-nav li.current {
    color: #125580;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #7c7c7c;
    background: #efefef url(../images/bg-primary-nav-hover.gif) repeat-x;
    padding: 0 15px;
}

/*new*/
 #primary-nav li.current-section a {
    color: #125580;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #7c7c7c;
    background: #efefef url(../images/bg-primary-nav-hover.gif) repeat-x;
	margin-right:0px;
}
    
#primary-nav li a {
    color: #fff;
    border-top: 1px solid #5387af;
    border-bottom: 1px solid #000;
    text-decoration: none;
    display: block;
    padding: 0 15px;
}

#primary-nav li a:hover, #primary-nav li:hover a, #primary-nav li.over a {
    color: #125580;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #7c7c7c;
    background: #efefef url(../images/bg-primary-nav-hover.gif) repeat-x;
}


/* Secondary Nav 
----------------------------------------------- */

#primary-nav li:hover, #primary-nav li.over {
    color: #125580;
    background: #efefef url(../images/bg-primary-nav-hover.gif) repeat-x;
}

#primary-nav li:hover ul.secondary-nav, #primary-nav li.over ul.secondary-nav {
    display: block;
}

#primary-nav ul.secondary-nav {
    margin: 2px 0;
    padding: 0;
    background: #efefef;
    position: absolute;
    top: 2.2em;
    left: -1px;
    border: 1px solid #999;
    border-top: none;
    width: 200px;
    display: none;
    z-index: 100;
}

#primary-nav li.current ul.secondary-nav {
    top: 2.15em;
}

#primary-nav ul.secondary-nav li {
    float: none;
    font: normal 1em/1.2 Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #084980;
    text-transform: none;
    background: none;
    display: block;
    border: none;
}
    
#primary-nav ul.secondary-nav li a, #primary-nav ul.secondary-nav li.current {
    color: #084980;
    border: none;
    text-decoration: none;
    display: block;
    padding: 5px 15px 5px 30px;
    background: none;
    float: none;
    background: url(../images/arrow-0b5fa5.gif) 14px .75em no-repeat;
}

#primary-nav ul.secondary-nav li a:hover {
    color: #fff;
    border: none;
    background: #13689f url(../images/arrow-ff9900.gif) 14px .75em no-repeat;
}


/* Tertiary Nav
-----------------------------------------------
- "#tertiary-nav dd.current" causes a TERTIARY NAV item to remain highlighted, to indicate to the user which section he/she is in.
- "#tertiary-nav dd.current span" creates an arrow pointer below the highlighted NAV item to indicate the CURRENT PAGE.  This cannot
								  appear on its own and must be used in conjunction with the style above.
- "#tertiary-nav dd.current a"  This class allows you to make a highlighted / "current" nav item clickable.   
   								e.g.  <dd class="current"><span><a href="#">Item 3</a></span></dd>

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

#tertiary-nav {
    background: #efefef url(../images/bg-tertiary-nav.gif) repeat-x;
    width: 968px;
    float: left;
    padding: 0;
    position: relative;
}

#tertiary-nav dt {
    float: left;
    font: bold 10px/2.25 Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0px 8px 0px 10px;
    list-style: none;
    color: #233c66;
	border-top: 1px solid #ccc;
    border-bottom: 1px solid #999;
}

#tertiary-nav dl {
    margin: 0;
    padding: 0;
    width: 968px;
    background: url(../images/border-999999.gif) bottom left repeat-x;
    float: left;
}

#tertiary-nav dd {
    float: left;
    font: bold 10px/2.25 Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0 0 0 0;
    list-style: none;
    /*position: relative;*/
	color: #446293;
	border-top: 1px solid #ccc;
    border-bottom: 1px solid #999;
}

#tertiary-nav dd.current {
    color: #233c66;
    border-top: 1px solid #ffd08a;
    border-bottom: 1px solid #ce7b00;
    background: #ffdca4 url(../images/bg-tertiary-nav-hover.gif) repeat-x;
}

#tertiary-nav dd.current span {
    margin-bottom: -10px;
    padding-bottom: 10px;
    background: url(../images/tertiary-nav-current.gif) bottom center no-repeat;
    display: block;
    position: relative;
}

#tertiary-nav dd.current a {
    color: #233c66;
    text-decoration: none;
    display: block;
	margin: 0;
	padding: 0 8px;
}

#tertiary-nav dd.current p {
    font: bold 10px/2.25 Verdana, Arial, Helvetica, sans-serif;
	color: #233c66;
	margin: 0;
	padding: 0 8px;
}


#tertiary-nav dd a {
    color: #446293;
    text-decoration: none;
    display: block;
    padding: 0 8px;
}

/*#tertiary-nav dd a:hover {
    color: #233c66;
    background: #ffdca4 url(../images/bg-tertiary-nav-hover.gif) repeat-x;
}*/

/* Quaternary Nav 
----------------------------------------------- */

#tertiary-nav dd:hover, #tertiary-nav dd.over {
    color: #233c66;
    background: #efefef url(../images/bg-tertiary-nav-hover.gif) repeat-x;
	border-top: 1px solid #ffd08a;
    border-bottom: 1px solid #ce7b00;
}

#tertiary-nav dd:hover a, #tertiary-nav dd.over a{
    color: #233c66;
}

#tertiary-nav dd:hover dl.quaternary-nav, #tertiary-nav dd.over dl.quaternary-nav {
    display: block;
}

#tertiary-nav dl.quaternary-nav {
	padding: 0;
    background: #ffdaa4;
    position: absolute;
    top: 2.2em;
    border: 0;
    width: 200px;
    display: none;
	z-index:105;
}

#tertiary-nav dd.current dl.quaternary-nav {
   /* top: 2.15em;*/
   top:24px;
}

#tertiary-nav dl.quaternary-nav dd {
    float: none;
    font: normal 10px/1.2 Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #084980;
    text-transform: none;
    background: none;
    border: none;
}
    
#tertiary-nav dl.quaternary-nav dd a, #tertiary-nav dl.quaternary-nav dd.current {
    color: #084980;
    text-decoration: none;
    display: block;
    padding: 5px 15px 5px 22px;
    background: url(../images/arrow-0b5fa5.gif) 9px .75em no-repeat;
}

#tertiary-nav dl.quaternary-nav dd a:hover {
    color: #fff;
    background: #ff9900 url(../images/arrow-ffffff.gif) 9px .75em no-repeat;
}




/* Application Left Nav
----------------------------------------------- */

.application-nav #nav-column {
    width: 170px;
    padding: 0;
    margin: 0;
}

.application-nav #nav-column form {
    display: inline; 
}

.application-nav #nav-column input, .application-nav #nav-column select {
	font-size:11px;
	border: 1px #809EBA solid;
	width: 140px;
	margin: 5px 10px;
}

.application-nav #nav-column fieldset {
    border: 0;
	padding: 0;
	margin: 0;
	width: auto;
}

.application-nav #nav-column fieldset label{
    display: block;
    padding: 8px 10px 2px 10px;
    font: bold .65em Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
    color: #084980;
}

.application-nav #nav-column fieldset input, .application-nav #nav-column fieldset select{
    margin: 0px 10px;
}

.application-nav #nav-column input.date {
	width: 80px;
	margin-right: 5px;
	float: left;
}

.application-nav #nav-column h2 {
    margin: 0;
    padding: 0 10px;
    background-color: #d9d9d9;    
    font: bold .65em/2.25 Verdana, Arial, Helvetica, sans-serif;
    color: #084980;
}

.application-nav #nav-column h3 {
    margin: 0;
    padding: 0 10px;
    font: bold .65em Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
    color: #084980;
}

.application-nav #nav-column ul#app-nav {
    list-style: disc url(../images/bullet-8cd9ff.gif) inside;
    margin-left: 1em;
	padding-left: 0px;
	width: 150px; 
}

.application-nav #nav-column ul#app-nav li {
    color: red;
    font: normal .65em/1.2 Verdana, Arial, Helvetica, sans-serif;
	list-style-image: url(../images/bullet-8cd9ff.gif);
	list-style-position: outside;
	list-style-type: disc;
}

.application-nav #nav-column ul#app-nav li.current {
    color: #084980;
    padding: 7px 10px;
    background: #fff;
    font-weight: bold;
}

.application-nav #nav-column .sep {
    font-size: 0px;
    height: 1px;
	margin: 5px 10px 5px 10px;
	width: 150px;
	background: url(../images/dots_horiz.gif) bottom left repeat-x;
}

.application-nav #nav-column .btnBar {
	padding:5px 10px;
	margin: 0;
	background-color: #e5e5e5;
	border-bottom: 1px #ffffff solid;
}
.application-nav #nav-column div.submit a:link, .application-nav #nav-column div.submit a:visited, .application-nav #nav-column div.submit a:active, .application-nav #nav-column div.submit a:hover {
	display: block;
	height:20px;
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/btn_blue_right.png) no-repeat;
    padding: 2px 0 0 22px;
    color: #005791;
    font-weight: bold;
    text-decoration: none;
    margin: 0 20px 0 0;
}

.application-nav {
    background: #fff url(../images/bg-application-navcol.gif) top left repeat-y !important;
}




/* Portal Left Nav (Dark Blue) ----------------------------

- ".portal-nav #nav-column" designates a container of 170px width into which the Left Nav will be placed (its height is based on the content within it)
- ".portal-nav #nav-column h2" creates a light-blue header used to label each section of Left Nav
- ".portal-nav #nav-column h3" creates a green subheader with a blue separator line above it
- ".portal-nav #nav-column .nav-list a"  is used for quicklinks in Left Nav
- ".portal-nav #nav-column .left-module" creates a gray shaded region into which additional information
   (contacts, form elements, e-mail addresses, etc..) can be placed.
- ".portal-nav #nav-column p" creates a region with appropriate margins/padding into which text can be placed
- ".splash #content-column" sets the content column to a width of 585px.

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

.splash #content-column {
    width: 585px;
}

.portal-nav {
    background: #fff url(../images/bg-portal-navcol.gif) top left repeat-y !important;
}

.portal-nav #nav-column {
    width: 170px;
    padding: 0;
    margin: 0;
}

.portal-nav #nav-column h2 {
    margin: 0px;
    padding: 10px 15px 10px 15px;
    background-color: #5387af;    
    font: bold .65em/1.2 Verdana, Arial, Helvetica, sans-serif;
    color: #6cf;
    text-transform: uppercase;
}

.portal-nav #nav-column h3 {
    font: bold .65em/1.2 Verdana, Arial, Helvetica, sans-serif;
    color: #63774f;
    margin: 0;
    padding: 6px 15px 0 15px;
    border-top: 1px solid #5387af;
}

.portal-nav #nav-column p {
    font: normal .65em/1.3 Verdana, Arial, Helvetica, sans-serif;
    padding: 0 15px;
    margin: 3px 0 6px 0;
}

.portal-nav #nav-column ul {
    margin: 0;
    padding: 0;
}

.portal-nav #nav-column li {
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    font: normal .65em/1.2 Verdana, Arial, Helvetica, sans-serif;
    background-color: #2c518d;
}

.portal-nav #nav-column li.current {
    color: #084980;
    padding: 7px 15px;
    background: #fff;
    font-weight: bold;
}

.portal-nav #nav-column .nav-list a {
    color: #fff;
    display: block;
    padding: 7px 15px 7px 30px;
    border-bottom: 1px solid #5387af;
    width: 125px;
    background: url(../images/arrow-66ccff.gif) 15px .85em no-repeat;
}

.portal-nav #nav-column .nav-list a:hover {
    color: #6cf;
}

.portal-nav #nav-column .left-module {
    background-color: #c1d5e3;
    margin: 0;
    padding: 0 0 3px 0;
}

/* Content Left Nav
----------------------------------------------- */

.content-nav #nav-column {
    width: 170px;
    padding-bottom: 3px;
    margin: 0;
	background-image: url(../images/dots_content_navcol.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}

.content-nav #nav-column ul {
    margin: 0;
    padding: 0;
}
/* Level One*/
.content-nav #nav-column li {
    list-style-image: none;
    list-style-type: none;
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-top: 3px;
	background-image: url(../images/dots_content_navcol.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

.content-nav #nav-column li a{
    display: block;
    font-weight: bold;
	text-decoration: underline;
	color: #666666;
	background-color: #d4d4d4;
	background-image: url(../images/bullet_content_navcol_lvl1.gif);
	background-position: 12px .85em;
	background-repeat: no-repeat;
	padding: 5px 0px 5px 23px;
	width: 147px;
}
.content-nav #nav-column li.empty {
	background: transparent none repeat scroll 0% 50%;
	font-size: 0px;
	line-height: 0px;
	-moz-background-clip: -moz-initial;
	-moz-background-origin: -moz-initial;
	-moz-background-inline-policy: -moz-initial;
	padding: 0px;
}
/*.content-nav #nav-column li a:hover{
    display: block;
    font-weight: bold;
	text-decoration: underline;
	color: #7e925e;
	background: #d3dacb url(../images/bullet_content_navcol_lvl1.gif) 12px .85em no-repeat;
	padding: 5px 0px 5px 23px;
	width: 147px;
}*/
.content-nav #nav-column li a.selected{
    background-color: #d3dacb;
}
.content-nav #nav-column li a.open{
    background-color: #d3dacb;
	background-image: url(../images/bullet_content_navcol_lvl1_open.gif);
	background-position: 9px .85em;
	background-repeat: no-repeat;
	padding: 5px 0px 5px 23px;
}

/* Level Two*/

.content-nav #nav-column li ul {
    padding-top: 3px;
	background-image: url(../images/dots_content_navcol.gif);
	background-position: top left;
	background-repeat: repeat-x;
	
}

.content-nav #nav-column li ul li {
    list-style-image: none;
    list-style-type: none;
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-top: 0;
	background: none;
}

.content-nav #nav-column li ul li a{
    display: block;
    font-weight: normal;
	text-decoration: underline;
	color: #006cb4;
	background-color: #e2e8de;
	background-image: url(../images/bullet_content_navcol_lvl2.gif);
	background-position: 16px .85em;
	background-repeat: no-repeat;
	padding: 5px 0px 5px 25px;
	width: 145px;
}
.content-nav #nav-column li ul li a.selected{
    font-weight: bold;
}
.content-nav #nav-column li ul li a.open{
   	background-color: #f0f6ec;
	background-image: url(../images/bullet_content_navcol_lvl2_open.gif);
	background-position: 14px .85em;
	background-repeat: no-repeat;
	padding: 5px 0px 5px 25px;
	border-top: 1px solid #fff;
}
/* Level Three*/
.content-nav #nav-column li ul li ul{
    padding-top: 0px;
	background: none;
	border-bottom: 1px solid #fff;
}

.content-nav #nav-column li ul li ul li a{
    display: block;
    font-weight: normal;
	text-decoration: underline;
	color: #006cb4;
	background-color: #f0f6ec;
	background-image: url(../images/bullet_content_navcol_lvl3.gif);
	background-position: 25px 8px;
	background-repeat: no-repeat;
	padding: 2px 0px 2px 34px;
	width: 136px;
}

.content-nav #nav-column li ul li ul li a.selected{
	color: #333;
	font-weight: bold;
	text-decoration: none;
	background-color: #f0f6ec;
	background-image: url(../images/bullet_content_navcol_lvl3_sel.gif);
	background-position: 25px 8px;
	background-repeat: no-repeat;
}

.content-nav #nav-column li ul li ul li a.last{
	padding-bottom: 10px;
}

.content-nav {
    background: #fff url(../images/bg-content-navcol.gif) top left repeat-y !important;
}


/* Standard Column  ----------------------------

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

#standard-column {
	background-color: #dde7f0;
	padding-bottom: 20px;
}

#standard-column h2{
	background: #dde7f0 url(../images/standard_column_h2.gif) top left repeat-x;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #223e6e;
	padding: 6px 10px 6px 15px;
	margin: 0px 0px 5px 0px;
}

#standard-column h3{
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	padding-left: 15px;
	line-height: normal;
}

#standard-column p{
	color: #333333;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 15px 10px 15px;
	line-height: normal;
}

#standard-column div.item{
	background: url(../images/arrow-ff9900.gif) no-repeat scroll 0px 3px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 15px 5px 15px;
	margin-left: 17px;
}

#standard-column div.separator{
	background: #dde7f0 url(../images/dots_horiz.gif) top left repeat-x;
	font-size: 1px;
	line-height: 1px;
	padding: 1px 0px 1px 0px;
	width: 90%;
	margin: 10px auto;
}




/* Columns / Content Frame --------------------------------

-  "content" creates a 968px-wide with a minimum height of 420px region to contain the page
    content, including Left Nav (refer to styles above)
-  "#nav-column" ensures that the Left Nav is placed on the left of the content area
-  "#content-column" is a container for columns of content to the right of the Left Nav (portal nav)
-  "#column-wide-l" creates a container 399px wide width a vertical separator on the right.
-  "#column-wide-r" creates a container 399px wide width a vertical separator on the right.
-  "#column-narrow-l" creates a container 199px wide to hold narrow content modules.

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

#content {
    clear: both;
    min-height: 420px;
    height: auto;
    background-color: #fff;
    width: 968px;
	overflow: auto;
}

#content-column {
    margin: 0;
    /* padding: 0 10px 0 10px; */
    width: 798px;
    overflow: hidden;
}

#nav-column {
    float: left;
    margin: 0;
}

/*
#column-wide-l, #column-wide-r {
    width: 398px;
    float: left;
}*/

#column-wide-l {
    /* padding-right: 10px; */
    width: 398px;
	float: left;
	margin-right: -1px;
    border-right: 1px solid #ccc;
    clear: both;
}

#column-wide-r {
    /* padding-left: 9px; */
	float: left;
	width: 399px;
    border-left: 1px solid #ccc;
}


#column-narrow-l {
    width: 199px;
	float: left;
	clear: both;
}

#column-narrow-r {
    width: 199px;
    float: left;
}



/* Footer
----------------------------------------------- */

#footer {
    background: url(../images/bg-footer.png) top left repeat-x;
    min-height: 5px;
}


/* Module Layout Styles -----------------------

-  These add module-specific formatting other than text-styles
NOTE: - left and right padding is determined by module type (primary, secondary, tertiary)

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

.module {
   /* margin: 0 10px 30px 10px; */
}

.primary {
   padding: 0 20px 20px 20px;
   
}

.secondary {
    margin: 0 20px 20px 20px;
	padding-bottom: 5px;
}

.tertiary {
	 padding: 0 0px 20px 0px;

}
.feature {
    margin: 0 20px 30px 20px;
	 
}

/* Text styles --------------------------------

-  module specific styles are selected by specifying a module (primary, secondary, tertiary) in the HTML code as follows:
   e.g.  <div class="module primary">
   e.g.   <div class="module tertiary red">
   Valid color attributes for tertiary modules:  red, pink, gray, ltgray, blue

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

.primary h2 {
    font: bold .9em/1.3 Verdana, Arial, Helvetica, sans-serif;
    color: #084980;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #ccc;
}

.primary h2 span.sep {
	color: #cccccc;
	font-size: 15px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 5px;
}

.primary h2 span.subtitle {
	color: #006CB2;
	font-size: 15px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content.splash #content-column .primary h2 {
    font: bold .9em/1.3 Verdana, Arial, Helvetica, sans-serif;
    color: #084980;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 5px 0px;
	border-bottom: none;
}

#content.splash #content-column .primary p {
    line-height: normal;
	font: normal .68em Verdana, Arial, Helvetica, sans-serif;
}

#content.splash #content-column .primary h3 {
    margin-bottom: 0px;
}

.primary h2.error, #content.splash #content-column .primary h2.error {
    color: #cc0000;
	border-bottom: 0px;
}

.primary p {
    font-size: .75em;
    line-height: 1.6;
}

.primary h3 {
    font-size: .75em;
}

.primary code {
	font-size: 105%;
	font-family:"courier new", monotype;
	line-height: normal;
}

.secondary h2 {
    font: bold .68em Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    margin: 1px 0 5px 0;
    padding: 7px 5px 9px 5px;
    background: #ecdcc2 url(../images/secondary_h2.gif) top left repeat-x;
	border: 0;
}

.secondary h2.tall {
    background: #f3e9d8 url(../images/secondary_h2_tall.gif) top left repeat-x;
}
.secondary.alt1 h2.tall {
    background: #e3e8de url(../images/secondary_h2_alt1_tall.gif) top left repeat-x;
}
.secondary.alt2 h2.tall {
    background: #eedfdd url(../images/secondary_h2_alt2_tall.gif) top left repeat-x;
}

.secondary h3 {
    font: bold .75em/1.3 Verdana, Arial, Helvetica, sans-serif;
    color: #084980;
    margin: 10px 0 0px 0;
    padding: 0;
}

.secondary h3.lvl2 {
    font: bold .68em/1.3 Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
}

.secondary h3.lvl3 {
    font: bold .68em/1.3 Verdana, Arial, Helvetica, sans-serif;
	color: #868686;
}

.secondary.alt1, .secondary.alt2 {
   background-color: #f5f5f5;
}

.secondary.alt1 p, .secondary.alt2 p, .secondary.alt1 h3, .secondary.alt2 h3{
   padding-left: 5px;
   padding-right: 5px;
}

.secondary.alt1 ol, .secondary.alt2 ol {
	margin-left:5px; 
 }
.secondary.alt1 h2 {
    background: #e3e8de url(../images/secondary_h2_alt1.gif) top left repeat-x;
}

.secondary.alt2 h2 {
    background: #eedfdd url(../images/secondary_h2_alt2.gif) top left repeat-x;
}

.secondary.alt3 h2 {
    background: #dbe2ea url(../images/secondary_h2_alt3.gif) top left repeat-x;
	color: #125580;
}

.tertiary p {
    font: normal .65em/1.2 Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 20px 0 20px;
}

.tertiary a {
    font-weight:bold;
}

.tertiary li {
    font: normal .65em/1.3 Verdana, Arial, Helvetica, sans-serif;
	padding: 0 20px 0 20px;
}

.tertiary h2 {
    font: .88em/1.3 Verdana, Arial, Helvetica, sans-serif;
    color: #125580;
	margin: 0 20px;
	padding: 5px 0px 6px 0px;
	border: 0;
	background: url(../images/dots_horiz.gif) bottom left repeat-x;
}

.tertiary h3 {
    font: bold .65em/1.2 Verdana, Arial, Helvetica, sans-serif;
    color: #125580;
    margin: 0;
    padding: 10px 20px 0px 20px;
}

div.module.tertiary.red {
	background-color: #e4ccc9;
}

div.module.tertiary.pink {
	background-color: #eedfdd;
}

div.module.tertiary.green {
	background-color: #e3e8de;
}

div.module.tertiary.gray {
	background: #dbdbdb url(../images/tertiary_noheader_gray.gif) top left repeat-x;
}

div.module.tertiary.ltgray {
	background: #ebebeb url(../images/tertiary_noheader_ltgray.gif) top left repeat-x;
}

div.module.tertiary.blue {
	background-color: #dbe2ea;
}

div.module.tertiary.red h1, div.module.tertiary.pink h1 {
	background: url(../images/tertiary_shadow_red.gif) top left repeat-x;
	font: bold .63em/1.3 Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
	margin: 0;
	padding: 5px 20px 5px 20px;
    /*margin: 0 -20px 10px -20px;
    padding: 2px 20px 3px 20px;*/
	background-color: #a95f54;
	text-transform: uppercase;
}

div.module.tertiary.green h1 {
	background: url(../images/tertiary_shadow_green.gif) top left repeat-x;
	font: bold .63em/1.3 Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
	margin: 0;
	padding: 5px 20px 5px 20px;
    /*margin: 0 -20px 10px -20px;
    padding: 2px 20px 3px 20px;*/
	background-color: #738a5c;
	text-transform: uppercase;
}

div.module.tertiary.blue h1 {
	background: url(../images/tertiary_shadow_blue.gif) top left repeat-x;
	font: bold .63em/1.3 Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
	margin: 0;
	padding: 5px 20px 5px 20px;
    /*margin: 0 -20px 10px -20px;
    padding: 2px 20px 3px 20px;*/
	background-color: #496d97;
	text-transform: uppercase;
}

div.module.tertiary.gray h1 {
	background: url(../images/tertiary_shadow_gray.gif) top left repeat-x;
	font: bold .63em/1.3 Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
	margin: 0;
	padding: 5px 20px 5px 20px;
    /*margin: 0 -20px 10px -20px;
    padding: 2px 20px 3px 20px;*/
	background-color: #808080;
	text-transform: uppercase;
}

.tertiary div.date {
	color: #125580;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 20px 7px 20px;
	padding: 6px 0px 7px 0px;		
	background: url(../images/dots_horiz.gif) bottom repeat-x;
}

.tertiary div.item {
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 10px 20px 0px 20px;
}

.tertiary div.item a {
	font-size: 10px;
	font-weight: bold;
}

.tertiary span.pipe {
	font-size: 9px;
	color: #999999;
}

h3 {
    font: bold .7em/1.3 Verdana, Arial, Helvetica, sans-serif;
    color: #006cb2;
    margin: 10px 0 5px 0;
    padding: 0;
}

h4 {
    font: bold .7em/1.3 Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    margin: 10px 0 0 0;
    padding: 0;
}

ul, ol {
    margin: 5px 0 10px 0;
    padding: 0 0 0 25px;
}

#content .primary ul.jumpnav li {
    list-style: url(../images/arrow-ff9900.gif);
	font-size: .75em;
    line-height: 1.4;
}

#content .secondary ul.jumpnav li {
    list-style: url(../images/arrow-ff9900.gif);
	font: normal .7em/1.2 Verdana, Arial, Helvetica, sans-serif;
}

dl {
    margin: 0;
    padding: 0;
}

#content dl dd ul li {
    font-size:1em;
}

p {
    font: normal .7em/1.4 Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    margin: 0 0 10px 0;
    padding: 0;
}

blockquote {
    margin: 0;
}

blockquote p, .primary blockquote p {
    font: normal 1.2em/1.2 Times, Times New Roman, Georgia, serif;
    color: #084980;
    margin: 0 0 10px 0;
    padding: 0;
}

li {
    margin: 0 0 5px 0;
    font: normal .7em/1.2 Verdana, Arial, Helvetica, sans-serif;
}

dd {
    margin: 0 0 5px 8px;
    font: normal .7em/1.2 Verdana, Arial, Helvetica, sans-serif;
}

#content ul li {
    list-style: url(../images/bullet-1e7ebb.gif);
}

dt {
    font: bold .7em/1.2 Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    margin: 0;
    padding: 0;
}

li li {
    font-size: 1em;
}

a {
    color: #00589f;
    margin: 0;
    padding: 0;
}

a:hover {
    color: #f60;
    margin: 0;
    padding: 0;
}

/* Feature Modules  */
.feature h2 {
    font: bold .7em/1.3 Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    margin: 10px 0 0 0;
    padding: 0;
}


/* Special Text Styles
----------------------------------------------- */

p.intro {
    font: normal .9em/1.5 Verdana, Arial, Helvetica, sans-serif;
    color: #084980;
}

p.footnote {
    margin-left: 10px;
    text-indent: -10px;
    font: normal .65em/1.2 Verdana, Arial, Helvetica, sans-serif;
}

#footer p {
    font: normal .65em/1.2 Verdana, Arial, Helvetica, sans-serif;
    color: #666;
    padding: 8px 12px;
}

#footer p a {
    color: #666;
}

#footer p a:hover {
    color: #f60;
}


/* Form Styles
----------------------------------------------- */
/*
form p {
    overflow: hidden;
    margin: 15px 0;
}

form fieldset p {
    margin: 5px 0;
}

textarea {
    font: normal 1em/1.4 Verdana, Arial, Helvetica, sans-serif;
}

label {
    display: block;
    float: left;
    clear: left;
    width: 175px;
    text-align: right;
    margin-right: 7px;
    margin-top: 3px;
    font-weight: bold;
    color: #036;
    font-size: .9em;
}

p.long label {
    float: none;
    width: auto;
    text-align: left;
    line-height: 1.4;
    margin-bottom: 5px;
}

#column-wide-r form {
    padding: 20px;
    border: 1px solid #ccc;
}

#column-wide-r label, #column-wide-l label {
    width: 120px;
}

#column-wide-l fieldset label, #column-wide-r fieldset label {
    width: 110px;
}

input {
    width: 300px;
}

#column-wide-l input, #column-wide-r input {
    width: 150px;
}

.memo label {
    width: auto !important;
    display: block;
    text-align: left;
}

.radio input, .checkbox input {
    width: auto;
}

.radio label, .checkbox label {
    float: none;
    display: inline;
}

legend {
    font: bold .7em/1.2 Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    padding: 0 7px;
}

fieldset {
    margin: 20px 0;
    padding: 10px;
    border: 1px solid #ccc;
}

fieldset label {
    width: 165px;
}

fieldset label em {
    font: italic .75em/1.0 Verdana, Arial, Helvetica, sans-serif;
    color: #777;
} 

p.submit a {
    display: block;
    min-height: 18px;
    background: url(../images/button-submit.gif) no-repeat;
    padding-left: 22px;
    color: #f60;
    font-weight: bold;
    text-decoration: none;
    float: left;
    margin: 0 20px 0 0;
}

p.submit a:hover {
    padding-left: 22px;
    margin: 0 20px 0 0;}

input[type="submit"] {
    width: auto !important;
}*/

/*div.submit-orange a, div.submit-orange a:visited, div.submit-orange a:hover {
	display: inline;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	height:20px;
    background: url(../images/btn_orange_right.png) no-repeat;
    padding: 2px 0 4px 22px;
    color: #e14804;
    text-decoration: none;
    margin: 0;
	
}
div.submit-blue{
	margin-bottom:2px;
}
div.submit-orange{
	margin-bottom:2px;
}
div.submit-blue a, div.submit-blue a:visited, div.submit-blue a:hover {
	display: inline;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	height:20px;
    background: url(../images/btn_blue_right.png) no-repeat;
    padding: 2px 0 4px 22px;
    color: #005791;
    text-decoration: none;
    margin: 0;
}*/

p.submit{
	margin:7px 0px;
}

p.submit a, p.submit a:visited, p.submit a:hover {
	display: inline;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	height:20px;
    padding: 2px 0 4px 22px;
    text-decoration: none;
    margin: 0;
}

p.submit.blue a, p.submit.blue a:visited, p.submit.blue a:hover {
    background: url(../images/btn_blue_right.png) no-repeat;
    color: #005791;
}

p.submit.orange a, p.submit.orange a:visited, p.submit.orange a:hover {
    background: url(../images/btn_orange_right.png) no-repeat;
    color: #e14804;
}


/* Standard Floats
----------------------------------------------- 
- ".opening_img_l" Use this to start off a paragraph with an image on the left.
- ".opening_img_r" Use this to start off a paragraph with an image on the right.
e.g. <p><img src="imagename.jpg" class="opening_img_l" />Lorem ipsum dolor sit amet...</p>
- "img.border" creates a solid border around your image. Goal: ensures consistent use of borders across mutiple sites.
----------------------------------------------- */

.float01 {
    float: left;
    margin: 10px 10px 0 0;
}

.float02 {
    float: right;
    margin: 10px 0 0 10px;
}

.opening_img_l {
	float: left;
	margin: 0 10px 10px 0;
}

.opening_img_r {
	float: right;
	margin: 0 0 10px 10px;
}

img.main-image {
    margin: 0 0 20px 20px;
    float: right;
}

img.border {
    border: 1px solid #999999;
    padding: 3px;
}

div.pic-and-caption {
	float:right;
	width:200px;
	margin-left:10px;
}

div.pic-and-caption p{
	font: normal .65em/1.2 Verdana, Arial, Helvetica, sans-serif;
	margin-top:5px;
}

/* Temporary location for left-search styles */
/* This will eventually be relocated to an auxialliary style sheet */

/* Left Search Module */
#nav-column .left-search {
    background-color: #f2f2f2;
	font: normal .65em/1.3 Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
}
#nav-column .left-search h1{
    background-color: #d9d9d9;
	color: #084980;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 4px 10px 4px 10px;
	border-top: 1px #ffffff solid;
}

#nav-column .left-search .fields {
	padding: 5px 10px;
}
#nav-column .left-search input.text-field, #nav-column .left-search select.text-field {
	font-size:11px;
	border: 1px #809EBA solid;
	width: 130px;
}
#nav-column .left-search .btnBar {
	padding: 5px 10px;
	background-color: #e5e5e5;
	border-bottom: 1px #ffffff solid;
}
#nav-column div.submit a:link, #nav-column div.submit a:visited, #nav-column div.submit a:active, #nav-column div.submit a:hover {
	display: block;
	height: 20px;
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/btn_blue_right.png) no-repeat;
    padding: 2px 0px 0px 22px;
    color: #005791;
    font-weight: bold;
    text-decoration: none;
    margin: 0px 20px 0px 0px;
}