
body { /*#eff2f3 */
	background-color: #eff2f3;
	font: 95%/1.4 Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
#form {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h3 {
	font-weight: bold;
	color: #333;
}
h1 { font-size: 120%; }
h2 { font-size: 115%; }
h3 { font-size: 110%; }
h4 { font-size: 100%; }
/* p { margin: 1em 0; } */
ul { padding-left: 15px; margin-left: 0; list-style-position: outside; }
/* ul { padding-left: 0; margin-left: 0; list-style-position: inside; } */
.testimony {
	background-color:#d2dde8;
	border: solid thin #8eaac6;
	padding: 10px;
	font-size: 90%;
	margin-top: 1em;
}
.signature {
	font-size: 90%;
	font-style: italic;
	font-weight: bold;
	color: #333333;
}
.tableheading {
	font-weight: bold;
	color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
	background: #336699;
}
.normalCellColor {
	background-color:#fcfcfc;
}
.alternatingCellColor {
	background-color:#dedede;
}
#helpline {
	font-size:115%;
	color:#369;
	font-weight:bold;
}
#skip a, #skip a:hover, #skip a:visited { 
	position:absolute; 
	left:0px; 
	top:-500px; 
	width:1px; 
	height:1px; 
	overflow:hidden;
} 
#skip a:active, #skip a:focus { 
	position:static; 
	width:auto; 
	height:auto; 
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: underline;	
}
#page {
	margin: auto;
	width: 1000px; /* Change the page width here */
	padding: 0;
}
#HeaderBox {
	background:#fcfcfc;
	margin:0px auto; /* Centers text, ignores IE5 which will need text-align: center on a parent to center */	
}
#headerrightcontent { /* Content div for client portal login and search box */
	float:right;
	margin-right: 5px;
}
#globalnav {
	float: right;
	padding-left: 0;
	margin-left: 0;
	margin-right: 10px;
	margin-top: 42px;
}
#globalnav li {
	list-style:none;
	display:inline;
}
#globalnav a, #globalnav a:visited {
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
}
#globalnav a:hover, #globalnav a:hover:visited {
	color: #069;
	text-decoration: underline;	
}
#logo {
	position: relative;
	top: -5px;
}
#logo-print {
	display: none;
}
#call-cattails {
	color: #333;
	font: bold 80%/1.2 Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/* Second Row Home page */
#SiteIDBox {
	background: #fcfcfc;
	clear:both;
	float: left;
	width: 35%;
	margin-top: .5%;
}

#callstoaction{
	margin-bottom: 10px;
	text-align:center;
}

#BannerBox {
	background: #fcfcfc;   
	width: 63.8%;
	margin-left: 1%;
	margin-top: .5%;
	float: left;
}

/* Second row, interior page */
#row2col1 { /* contains the left menu and feature content boxes, interior pages only */
	clear:both;
	position: relative;
	margin-top: .5%;
	float: left;
	width: 27%;
}
#LeftNavBox {
	background-color: #fcfcfc;
}
/* #LeftNavBox a, #LeftNavBox a:visited { */
.nav1, .nav1:visited {
	display:block;
	background: #369;
	color: #fff;
	font-weight: bold;
	text-decoration:none;
	border-bottom: #ccc solid thin;
	padding: 1px 0 1px 5px;
}

/* #LeftNavBox a:hover, #LeftNavBox a:visited:hover, #LeftNavBox li:hover, #LeftNavBox li:visited:hover { */
.nav1:hover, .nav1:visited:hover {
	background-color: #FACE37;
	color: #000;
	text-decoration:underline;
}
/* #subnav a, #subnav a:visited{ */
.nav2, .nav2:visited {
	display:block;
	line-height: 1.5;
	background: #8eaac6;
	color: #000;
	font-weight: bold;
	text-decoration:none;
	text-indent: 20px;
}
/* #subnav a:hover, #subnav a:hover:visited{ */
.nav2:hover, .nav2:hover:visited {
	background-color: #FACE37;
	color: #000;
	text-decoration:underline;
}
/* #subsubnav a, #subsubnav a:visited{ */
.nav3, .nav3:visited {
	display:block;
	line-height: 1.5;
	background: #fff;
	color: #333;
	font-weight: bold;
	text-decoration:none;
	text-indent: 30px;
}
/* #subsubnav a:hover, #subsubnav a:hover:visited{ */
.nav3:hover, .nav3:hover:visited {
	background-color: #FACE37;
	color: #000;
	text-decoration:underline;
}
/* Selected links */
/* #LeftNavBox a#selected{ */
.nav1#selected {
	background-color: #FACE37;
	color: #000;
	text-decoration:none;
}
/* #subnav a#selected{ */
.nav2#selected {
	background-color: #FACE37;
	color: #000;
	text-decoration:none;
}
/* #subsubnav a#selected{ */
.nav3#selected {
	background-color: #FACE37;
	color: #000;
	text-decoration:none;
}
#MainBox {
	background-color: #fcfcfc;
	margin-left: 1%;
	margin-top: .5%;
	float: left;
	width: 72%;
	overflow:auto; 
}
#MainBox .boxContent {
	padding: 10px 20px 20px 20px;
}
#breadcrumb {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
#breadcrumb a, #breadcrumb a:visited {
	color: #999;
}
#breadcrumb a:hover, #breadcrumb a:hover {
	color: #369;
}
#util-icons {
	float: right;
	margin-right: 10px;
}
#util-icon-print img, #util-icon-help img {
	border: 0;
}
#helpline {
	font-size:115%;
	color:#369;
	font-weight:bold;
}
/* Third row home page only */
#row3 {
	clear:both;
	margin-top: .5%;
}
#EventsBox {
	background:#fcfcfc;
	float: left;
	width: 35%;
	margin-top: .5%;	
}
#EventsBox .boxTopRight
{
	color: #fff;
	/* padding: .8em 1.2em; */
	font-weight: bold; 
	font-size: 1em;
}
#audiences {
	float: left;
	width: 40%;
	margin-left: 1%;
	margin-top: .8%;	
}

/* Nifty Tabs on audiences box */
ul#nav,ul#nav li{list-style-type:none; margin:0; padding:0}
ul#nav{}
ul#nav li{float:left; margin-right:3px; text-align:center; }
ul#nav a{float:left; width:8.5em; padding: 5px 0; background:#334F73; text-decoration:none; color:#FFF;}
ul#nav a:hover{background:#FACE37; color:#000;}
ul#nav li.TabbedPanelsTabSelected a,ul#nav li.TabbedPanelsTabSelected a:hover{background:#FACE37; color:#000;}

#ActionsBox {
	background:#fcfcfc;
	float: left;
	margin-left: 1%;
	margin-top: .5%;	
	width: 22.6%;	
}
#ActionsBox .boxTopRight
{
	color: #fff;
	padding: .8em 1.2em;
	font-weight: bold;
	font-size: 1em;
}

/* row 4 on home page, row 3 on interior pages */
#NewsBox {
	background:#fcfcfc;
	clear: both;
	float: left;
	width: 49.9%;
	margin-top: .5%;
}
#NewsBox .boxContent {
	font-weight: bold;
	color: #666666;
	font-size: 90%;
}
#news-content {
	padding: 5px 10px;
	}
#featured-content{
	padding: 5px 10px;
	}
.stimulusarrow {
	float:left; 
	padding-top: 8px;
}
#AwardsBox {
	background:#fcfcfc;
	float: left;
	margin-left: 1%;
	margin-top: .5%;
	width: 48.9%;
}
#CCHIT {
	float: left;
	margin: 10px 10px 0 10px;
}
#featuretext {
	font-weight: bold;
	color: #666666;
	font-size: 90%;
}
/* footer */
#FooterBox {
	background:#fcfcfc;
	clear: both;
	margin-top: .5%;
	float: left;
	width:100%;	
	font-size: 90%;
}

#footernav {
	text-align:center;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	line-height: 1.5;
}
#footernav a, #footernav a:visited {
	color: #666;
	text-decoration: none;
}
#footernav a:hover, #footernav a:hover:visited {
	color: #069;
	text-decoration: underline;	
}

/* Selected styles for nifty.js same heights. */
b.niftycorners, b.niftyfill {
	display:block
}
b.niftycorners * {
	display:block;height: 1px;line-height:1px;font-size: 1px;
	overflow:hidden;border-style:solid;border-width: 0 1px
}

/* Button styles */
#btn-portal {
	background: url(Cattails-btn-PortalLogin.1.gif) no-repeat top left;
	color: #003E7E;
	text-decoration: none;
	font-weight: bold;
	width: 100px;
	height: 30px;
	display:block;
	text-align:center;
	padding-top: 5px;
}
.btngoldsmall {
	background: url(Cattails-btn-goldglassrect.1.gif) no-repeat;
	display:inline-block;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #003E7E;
	line-height: 30px;
	width: 85px;
}

/* Textual content styles */
ul.nobullet {
	list-style:none;
}
/* Contact info */
.cattails-contact-info {
	float: right;
	width: 30em;
	font-size: 80%;
	font-weight: bold;
	margin-top: 1em;
	margin-left: 1em;
}

/* Form styles */
/* Fieldset and legend styles */ 
fieldset ol {  
	padding: .5em 1em 0 1em;  
	list-style: none; 
} 
legend {  
	margin-left: 1em;  
	padding: 0;  /* removes default padding set by browsers to keep legend lined up with labels */
	color: #369;  
	font-weight: bold; 
}
fieldset {  
float: left;  
clear: both;  
width: 85%;  /* change width as needed */
margin: 0 0 1em 0;  
padding: 0 0 0 10px;  
border: 1px solid #BFBAB0; 	/* changes default fieldset border */
background-color: #fcfcfc;  /* change fieldset background color here */
font-size: 85%;
}
fieldset.submit {  /* turns off floating at the end of the form to return to normal document flow */
float: none;  
width: auto;  
border: 0 none #FFF;  
padding-left: 10em; /* lines button up with other form elements */
background-color: transparent;  
}
input.submit {  /* removes default submit styles */
float: none;
width: 85px;
margin: 0;
padding: 0;
text-align:center;
border-style: none;
/*padding-left: 5em; */
font-weight:bold;
background: transparent url(Cattails-btn-goldglassrect.1.gif) no-repeat right;
height: 30px;
}
#lnkSubmitRequest {
	float:right;
	margin-right: 
	}
#lost {
	display:none;
	padding: 0 1em .5em 1em;
}

label {  
float: left;  
width: 10em;  /* Adjust width to accomodate the longest label to avoid wrapping */
margin-right: 1em; 
text-align: right; /* Only difference from Left Align Label styles */
}
label.chk {
float: left;  
width: 25em;  /* Adjust width to accomodate the longest label to avoid wrapping */
margin-right: 1em; 
text-align: left; /* Only difference from Right Align Label styles */
}
fieldset li {  /* Assures that all child elements are contained in the parent */
	float: left;  
	clear: left;  
	width: 100%;  
	padding-bottom: .2em; 
}
fieldset.alt {  /* OPTION: alternating background colors for fieldsets. Need to assign class="alt" to the desired fieldsets. */
background-color: #E6E3DD; 
}
ol#chkboxlist2  {
	width: 35%;
	float:right;
}
ol#chkboxlist1	{
	width: 35%;
	float: left;
}
.required {
	color: #8f2140;
	font-weight:bold;
	font-size: 1.5em;
}
fieldset#files {
	padding: 0 10px 10px 10px;
}

/* Login form styles */
/* Fieldset and legend styles */ 
fieldset#login ol {  
	padding: .5em 1em 0 1em;  
	list-style: none; 
} 
#login legend {  
	margin-left: 1em;  
	padding: 0;  /* removes default padding set by browsers to keep legend lined up with labels */
	color: #369;  
	font-weight: bold; 
}
fieldset#login {
	float: none;
	clear: both;
	width: 50%;  /* change width as needed */
	margin: auto;
	padding: 0; 	/* changes default fieldset border */
	background-color: #fff;
}

.btnlogin {  /* removes default submit styles */
	padding-left: 12.4em;
}

#login label {  
	float: left;  
	width: 20em;  /* Adjust width to accomodate the longest label to avoid wrapping */
	margin-right: 1em; 
	text-align: right; /* Only difference from Left Align Label styles */
}

fieldset#login li {  /* Assures that all child elements are contained in the parent */
	float: left;  
	clear: left;  
	width: 100%;  
	padding-bottom: .5em; 
}

/* Error Box */
.errorBox /* Table */
{
	border: solid 1px #990033;
	background-color: #ffffcc;
	color: Red;
	margin-bottom: 6pt;
	padding: 6px 0 6px 6px;
	font-weight: bold;
}

.errorIcon /* Img */
{
}

.error /* Span */
{
   margin-left: .5em;
   margin-right: .5em; 
   display: block;
	font-weight: bold;
}

.errorList /* Unordered List */
{
   margin: .5em 0 .5em 10px;
   padding: .5em 0 .5em 10px;
}


/*  RSS Feed Styles (list and table)  */
.rsstable
{
	
}
.rssheader
{
	
}
.rsslistitem a
{

}
.rsslistitemSmaller a
{
    font-size: 85%;
}

/* Login username and password boxes */
fieldset#login input[type="text"]
{
	width: 140px;
}

/* BEGIN Popup Calendar styles */
.CPcpYearNavigation,
.CPcpMonthNavigation
{
	background-color:#6986B7;
	text-align:center;
	vertical-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}
.CPcpDayColumnHeader,
.CPcpYearNavigation,
.CPcpMonthNavigation,
.CPcpCurrentMonthDate,
.CPcpCurrentMonthDateDisabled,
.CPcpOtherMonthDate,
.CPcpOtherMonthDateDisabled,
.CPcpCurrentDate,
.CPcpCurrentDateDisabled,
.CPcpTodayText,
.CPcpTodayTextDisabled,
.CPcpText
{
	font-family:arial;
	font-size:8pt;
}
TD.CPcpDayColumnHeader
{
	text-align:right;
	border-bottom: 1px #6986B7 solid;
}
.CPcpCurrentMonthDate,
.CPcpOtherMonthDate,
.CPcpCurrentDate
{
	text-align:right;
	text-decoration:none;
}
.CPcpCurrentMonthDateDisabled,
.CPcpOtherMonthDateDisabled,
.CPcpCurrentDateDisabled
{
	color:#D0D0D0;
	text-align:right;
	text-decoration:line-through;
}
.CPcpCurrentMonthDate
{
	color:#6986B7;
	font-weight:bold;
}
.CPcpCurrentMonthDate a:active, 
.CPcpCurrentMonthDate a:visited, 
.CPcpCurrentMonthDate a:rollover
{
	color:#6986B7;
	font-weight:bold;
}	

.CPcpCurrentDate
{
	color: #FFFFFF;
	font-weight:bold;
}
.CPcpOtherMonthDate
{
	color:#808080;
}
.CPcpOtherMonthDate a:active, 
.CPcpOtherMonthDate a:visited, 
.CPcpOtherMonthDate a:rollover
{
	color:#808080;
}

TD.CPcpCurrentDate
{
	color:#FFFFFF;
	background-color: #6986B7;
	border-width:1;
	border:solid thin #000000;
}
.CPcpCurrentDate a:active, 
.CPcpCurrentDate a:visited, 
.CPcpCurrentDate a:rollover
{
	color:#FFFFFF;
}
TD.CPcpCurrentDateDisabled
{
	border-width:1;
	border:solid thin #FFAAAA;
}
TD.CPcpTodayText,
TD.CPcpTodayTextDisabled
{
	border-top: 1px #6986B7 solid;
}
A.CPcpTodayText,
SPAN.CPcpTodayTextDisabled
{
	height:20px;
}
A.CPcpTodayText
{
	color:#6986B7;
	font-weight:bold;
}
SPAN.CPcpTodayTextDisabled
{
	color:#D0D0D0;
}
.CPcpBorder
{
	border: 1px solid #000000;
}

.CalendarBtn
{
	cursor: pointer;
    border:#CCCCCC 2px outset;
}

.CalendarImg
{
	cursor: pointer;
}

.CalendarPopup
{
	position:absolute; display:none; background-color:white;
}

div.CalendarPopup
{
	position:absolute; display:none; background-color:white;
    z-index: 10;
    top: 0px;
    left: 0px;
}

div.CalendarPopup td
{
    padding: 0px 0px 0px 0px;            
}

div.CalendarPopup td.CPcpOtherMonthDate, td.CPcpCurrentMonthDate
{
    padding: 0px 0px 0px 0px;            
	border-width:1;
	border:solid thin #FFFFFF;
}

div.CalendarPopupDrag
{
	cursor: pointer;	
	position:absolute; display:none; background-color:white;
    z-index: 10;
    top: 0px;
    left: 0px;            
}
iframe.CalendarPopup 
{
	position:absolute; display:none; background-color:white;
    filter: "progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=0)";
    opacity:0;
    filter:alpha(opacity=0);    
    z-index: 9;
    top: 0px;
    left: 0px;            
}      


/* END Popup Calendar styles */
