﻿body
{
}

.topnav, a.topnav:link, a.topnav:active, a.topnav:visited
{
	font: normal 11px Helvetica, sans-serif, Verdana, Geneva, Arial;
	color: #FFFFFF;
	text-decoration: none;
}

a.topnav:hover
{
	font: normal 12px Helvetica, sans-serif, Verdana, Geneva, Arial;
	color: #FF9900;
	text-decoration: none;
}

.subnav, a.subnav:link, a.subnav:active, a.subnav:visited
{
	font: normal 10px Helvetica, sans-serif, Verdana, Geneva, Arial;
	color: #333333;
	text-decoration: none;
}

a.subnav:hover
{
	font: normal 10px Helvetica, sans-serif, Verdana, Geneva, Arial;
	color: #FF9900;
	text-decoration: underline;
}

.ltnav1, a.ltnav1:link, a.ltnav1:active, a.ltnav1:visited
{
	font: bold 10px Helvetica, sans-serif, Verdana, Geneva, Arial;
	color: #333333;
	text-decoration: none;
}

a.ltnav1:hover
{
	font: bold 10px Helvetica, sans-serif, Verdana, Geneva, Arial;
	color: #FF9900;
}

.ltnav2, a.ltnav2:link, a.ltnav2:active, a.ltnav2:visited
{
	font: normal 10px Helvetica, sans-serif, Verdana, Geneva, Arial;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

a.ltnav2:hover
{
	font: normal 10px Helvetica, sans-serif, Verdana, Geneva, Arial;
	font-weight: bold;
	color: #FF9900;
}

.exprtitle
{
	font-size: 17px;
	font-family: Helvetica, sans-serif, Verdana, Geneva, Arial;
	font-weight: bold;
	color: #002758;
	line-height: 120%;
	font-variant: small-caps;
}

.exprnav2, a.exprnav2:link, a.exprnav2:active, a.exprnav2:visited
{
	font: normal 12px Helvetica, sans-serif, Verdana, Geneva, Arial;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	line-height: 120%;
}

a.exprnav2:hover
{
	font: normal 12px Helvetica, sans-serif, Verdana, Geneva, Arial;
	font-weight: bold;
	color: #87AFD0;
	line-height: 120%;
}

/*
##########################################################################

Edited from here down by Gant as of 1/23/08 

##########################################################################
*/


/* OVERRIDES */
h1
{
	color: #0A345B;
}

h2
{
	color: #0A345B;
}

h3
{
	color: #0A345B;
}

h4
{
	color: #000033;
}

hr
{
	background-color: #9DB2C3;
	border-width: 0px;
	margin-top: 2px;
	margin-bottom: 5px;
	color: #9DB2C3;
	height: 1px;
	width: 95%;
}

ul
{
	list-style-image: url(/CNO/images/bullet_hdr.jpg);
	list-style-position: outside;
	margin-left: 20px;
	padding-left: 20px;
}


a:hover
{
	color: #0A345B;
}

table
{
	border-color: #6689b0;
}

#myCNOList
{
	display: block;
	position: relative;
	margin-left: 49px;
	padding-left: 49px;
	list-style-position: outside;
	margin-top: 0px;
	padding-top: 2px;
}

#myCNOList li
{
	display: block;
	margin-bottom: 6px;
	white-space: nowrap;
}

#myCNOList li a
{
	margin-left: -5px;
}


/* Decoration for scrollbars */
html
{
	scrollbar-base-color: #c9d5e6;
	scrollbar-arrow-color: white;
	scrollbar-track-color: #e5dedb;
	scrollbar-shadow-color: #9db2c3;
	scrollbar-lightshadow-color: #accce3;
	scrollbar-darkshadow-color: #9db2c3;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: #accce3;
}

/* CLASSES */
.cssMain
{
	padding: 0px 8px 12px 8px;
	background-color: #ffffff;
	z-index: -100;
}

.cssRightPane
{
	background-color: #8FB9D1;
	height: 100%;
}

.cnoFeature
{
	width:100%;
	background: #efefef;
	border: #8fb9d1 solid 1px;
	padding: 8px;
}


.servicesBox
{
	background: #efefef;
	width: 150px;
	border: #eeeeee solid 1px;
	margin: 0px;
	padding: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	behavior: url(/CNO/Templates/border-radius.htc);
	color:#000000;
}
.servicesBox span
{
	padding-bottom: 4px;
	padding-left:4px;
	width: 100%;
	display: block;
}
.hasMoreItems
{
	text-indent: 11px;
	background-image: url(/CNO/images/arrowRight.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.newsStoryTitle, a.newsStoryTitle:link, a.newsStoryTitle:active, a.newsStoryTitle:visited
{
	font: normal 14px Helvetica, sans-serif, Verdana, Geneva, Arial;
	font-weight: bold;
	color: #CF7011;
	text-decoration: none;
}

a.newsStoryTitle:hover
{
	font: normal 14px Helvetica, sans-serif, Verdana, Geneva, Arial;
	font-weight: bold;
	color: #AEC2D0;
	text-decoration: none;
}

/* breaking news box */
#breakingNews
{
	width: 670px;
	margin: 2px 4px 0;
	background: #F7E788 url( "/CNO/images/bknews_bg_tile.gif" ) 0 0 repeat-x;
	border: 1px solid #f5d423;
}

#breakingNews *
{
	margin: 0;
	padding: 0;
}

#breakingNews, #breakingNewsCornerLT, #breakingNewsCornerRT, #breakingNewsCornerLB, #breakingNewsCornerRB
{
	position: absolute;
}

#breakingNewsCornerLT, #breakingNewsCornerRT, #breakingNewsCornerLB, #breakingNewsCornerRB
{
	background-image: url( "/CNO/images/bknews_corners.gif" );
	background-repeat: no-repeat;
	display: block;
	width: 2px;
	height: 2px;
	overflow: hidden;
}

#breakingNewsCornerLT
{
	top: -1px;
	left: -1px;
	background-position: 0 0;
}
#breakingNewsCornerRT
{
	top: -1px;
	right: -1px;
	background-position: -2px 0;
}
#breakingNewsCornerLB
{
	bottom: -1px;
	left: -1px;
	background-position: 0 -2px;
}
#breakingNewsCornerRB
{
	bottom: -1px;
	right: -1px;
	background-position: -2px -2px;
}

#breakingNews H3
{
	color: #DC0604;
	font-size: 13px;
	text-transform: uppercase;
	padding: 8px 5px 0px 5px;
	width: 130px;
	float: left;
}

#breakingNews p
{
	font-size: 12px;
	padding: 3px 6px;
	margin-right: 5px;
	margin-left: 130px;
	border-left: 1px solid #f5d423;
	overflow: hidden;
}

/* Budgeting For Outcomes */

.bfoTable
{
	width: 310px;
	background-color: #fafafa;
	border: 1px #000000 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

.bfoTH
{
	background-color: #340271;
	border: 1px #000000 solid;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12pt;
	color: #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
}

.bfoHeader2
{
	font: bold 12pt Helvetica, sans-serif, Verdana, Geneva, Arial;
	text-align: center;
	margin-bottom: 15px;
}

.bfoBody
{
	font: normal 10pt Helvetica, sans-serif, Verdana, Geneva, Arial;
	text-align: justify;
	margin: 0 10px 10px 10px;
}

.bfoHighlightYellow
{
	background-color: Yellow;
}

.bfoIndicators
{
	border: 0;
}

.bfoRightCol
{
	width: 320px;
	float: right;
	text-align: center;
}

.bfoNA
{
	font: bold 14pt Helvetica, sans-serif, Verdana, Geneva, Arial;
}

.bfoTD
{
	border-bottom: 1px #6699CC dotted;
	text-align: left;
	font-family: Helvetica, sans-serif, Verdana, Geneva, Arial;
	font-weight: normal;
	font-size: 10pt;
	color: #404040;
	color: #000000;
	background-color: #fafafa;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
}

.bfoClear
{
	clear: both;
	margin: 20px;
}

.bfoContainer
{
	background-color: #f7eedd;
	width: 640px;
	height: 100%;
}

.bfoFooter
{
	font: bold 10pt Helvetica, sans-serif, Verdana, Geneva, Arial;
	text-align: justify;
	margin: 0 10px 10px 10px;
}

.bfoTDR
{
	border-bottom: 1px #6699CC dotted;
	border-left: 1px #6699CC dotted;
	text-align: center;
	font-family: Helvetica, sans-serif, Verdana, Geneva, Arial;
	font-weight: normal;
	font-size: 10pt;
	color: #404040;
	background-color: #fafafa;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
}

.bfoBodyC
{
	font: bold 10pt Helvetica, sans-serif, Verdana, Geneva, Arial;
	text-align: center;
	margin: 0 10px 10px 10px;
}

.bfoTHDesc
{
	border-bottom: 1px #6699CC dotted;
	text-align: justify;
	font-family: Helvetica, sans-serif, Verdana, Geneva, Arial;
	font-weight: normal;
	font-size: 8pt;
	color: #404040;
	background-color: #f0f0f0;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
}

.bfoLeftCol
{
	width: 320px;
	float: left;
	text-align: center;
}

.bfoHeader1
{
	font: bold 16pt Helvetica, sans-serif, Verdana, Geneva, Arial;
	text-align: center;
}

.bfoLegend TD
{
	width: 100px;
}

.bfoLegend
{
	text-align: center;
}
