/*
______________________________________________________________________
********************    Site Wide Styles   *************************** 
These styles are generic ones that need to apply to everything on the site
______________________________________________________________________
*/

* 
{
	margin: 0px;
	padding: 0px;
}/*Remove default margins and padding on all tags*/

body 
{
	background-image: url(home-bg.gif);
	background-repeat: repeat;
	font: 11px Arial, Helvetica, sans-serif;
	
}/*Apply spiderweb bg to whole page*/

a 
{
	/* color: White; */	
}/*Apply color to all links sitewide, especially helps with the edit panel at the bottom*/

a img 
{
	border: none;
}/*Remove borders from images with a tags around them*/

/******************* END OF SITE WIDE STYLES **************************/


SPAN
{
	margin: 0;
	padding: 0;
	/* height: 0px; */
	border: solid 0px;
}

#search_box 
{
	width: 201px;
    height: 20px;    
    background: url(/DstmcmsWeb/dress/bg_search_box.gif);
	/* border: solid 1px red;*/
}

.txtSearch {
    float: left;
    padding: 0;
    margin:  2px 0 0 3px;
    /* border; */
    width: 159px;
    background: none;
}

.btnImageSearch
{
    float: right;
    margin:  2px 2px 0 0;
    /* border: solid 1px blue;*/
}

#linktitle
{
	color: #29374c;
	font-weight: bold;
	font-size: 14px;
}
/*
_______________________________________________________________________
*********************    Content Styling    ***************************
These  styles only deal with content in the content div.  This div is 
labeled <div id="content">.  This includes all the content that is 
editable by users via the MCMS interface

kkey 02.09.2009 
	Added generic-content for generictexttemplate
_______________________________________________________________________
*/



#content 
{
	display: block;
	float: left;
	width: 656;
	/* border-right: 1px solid #FFFFFF;*/
	padding: 0px 8px 0px  8px;
	background-color: #FFFFFF;
} /* holds the content (the area the users can edit) */


/* a tags */
#content a 
{
	/* color: #29374c; */
	text-decoration: underline;
}

#content a:hover 
{
	color: #336699;
}

/* headers */
#content h1, 
#content h2, 
#content h3, 
#content h4, 
#content h5
{
	margin: 0;
}

#nccashtitle
{
font: 28px/34px normal "Times New Roman", Times, serif;
color: #29374c;
/** margin: 0px 20px 10px 0px; **/
padding: 10px 0px 8px 0px;
border-bottom: 1px solid #29374c;
}

h1,
#content h1, 
#nccash-content h1 
{
font: 28px/34px normal "Times New Roman", Times, serif;
color: #29374c;
margin: 0px 0px 5px 0px;
padding: 10px 0px 8px 0px;
border-bottom: 1px solid #29374c;
}

#content h1 strong 
{
	font: 28px/34px normal "Times New Roman", Times, serif;
} 

#content h1 p 
{
	margin: 0px;
	font: 28px/34px normal "Times New Roman", Times, serif;
}

#content h2 
{
	margin: 8px 20px 10px 0px;
	font: 14px bold Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #999999;
	clear: both;
}

#content h2 p 
{
	margin-left: 0px;
	font: 14px bold Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #999999;
}

#content h3 
{
	/** margin: 8px 20px 5px 0px; **/
	font: 12px bold Arial, Helvetica, sans-serif;
	color: #999999;
}

/* p tags */
#content p 
{
	margin: 8px 10px 8px 0px;
	padding: 0;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	color: #29374c;
	
}

/* ul tags */

#content ul 
{
	margin: 8px 10px 20px 25px;
	color: #29374c;
}


/* hr tag */
#content hr 
{
	display: block;
	margin: auto;
	height: 1px;
	border-top: 1px solid #777777;
	border-bottom: none;
	/* width: 470px;*/
}



/******************* END OF Content Styling ***************************/


HR
{
	
}





/*
_______________________________________________________________________
*********************  General Page Structure  ************************
_______________________________________________________________________
*/

#header 
{
	display: block;
	float: left;
	width: 861px;
	height: 167px;
	background: url(header-bg.gif); 
	background-repeat: no-repeat;
	
}/*Holds the header control*/			

#topnav 
{
	display: block;
	float: left;
	height: 29px;
	width: 861px;
}/*Holds the topnav*/

#all, 
#col
{
	margin: auto;
	display: block;
	width: 861px;
	overflow: hidden;
}/*surrounds whole site, #all provides centering of page.*/

#col
{
	float: left;
	background: url(inner-bg.gif) repeat-y;

}/*provides the background for the content area of the page*/

#bread 
{
	display: block;
	float: left;
	width: 861px;
	height: 25px;
	margin-top: 15px;
	padding-left: 25px;
	font: 11px Arial, Helvetica, sans-serif; 
	color: #000044;
}/* holds the breadcrumb and styles it */

#bread a
{
	margin: 3px;
	font: 11px Arial, Helvetica, sans-serif; 
	color: #000044;
	text-decoration: none;
}

#bread a:hover
{
	text-decoration: underline;
}

#inner-mid
{
	display: block;
	float: left;
	width: 859px;
	background-color: White;
	margin-top: 0px;
	margin-left: 1px;
	margin-right: 1px; 
	margin-bottom: 0px;
	/* border: solid 2px red;
	
	border-left: solid 1px;
	border-bottom: solid 1px;
	border-right: solid 1px;
	/* background:url(inner-mid-bg.gif) no-repeat;*/
}/* holds everything south of the breadcrumb and north of the footer*/

* html #inner-mid
{
  height:1%; /* So IE plays nice */
}/* IE hack, I don't understand, leave it alone :) */


#right
{
	display: block;
	float: left;
	width: 149px;
	margin-top: 0px;
	border-top: 1px solid #FFFFFF;
	/* background:url(bg-right-top.gif) repeat-x top; */
} /* is the right blue column */

#container
{
	display: block;
	float: left;
	width: 660px;
	background-color: White;
	/* background:url(bg-right.gif) no-repeat right bottom; */
	/* border: 2px solid red; */

}/* holds the #content and #right divs*/

#jobs-container
{
	display: block;
	float: left;
	width: 660px;
	background-color: White;
	/* background:url(bg-right.gif) no-repeat right bottom; */
	border: 2px solid blue;
	
}

#footer 
{
	display: block;
	float: left;
	width: 859px;
	height: 100px;
	/* background-color: #29374c; */
	background-color: #dddddd;
	border-bottom: 1px solid #949ba6;
	border-left: 1px solid white;
	border-right: 1px solid white;	
	/* border-top: 1px solid #949ba6; */
	/* overflow: hidden; */
	margin-left: 0px;
	margin-top: 0px;
}

#footer p 
{
	text-align: center;
	font-size: 10px;
	font-family: arial;
	margin-top: 35px;
}

#footer a 
{
	text-align: center;
	font-size: 10px;
	font-family: arial;
}

#under-leftnav 
{
	display: block;
	float: left;
	width: 178px;
	height: 133px;
	background-image: url(inner-under-leftnav.gif);
	margin-left: 12px;
}/* area below the left nav */

/**************** END OF General Page Structure ************************/









/*
_______________________________________________________________________
************************** LeftNav Styles *****************************
These styles control the way the left nav looks and is displayed in all 
the sections.
_______________________________________________________________________
*/

#left 
{
	display: block;
	float: left;
	width: 190px;
	border-right: 1px solid #FFFFFF;
}/* holds #leftnav */

#leftnav 
{
	display: block;
	float: left;
	width: 178px;
	padding-left: 9px;
	overflow: hidden;
}/* holds the Left nav ul */

#leftnav .mainnav 
{
	display: block;
	float: left;
	width: 178px;
	overflow: hidden;
	margin-top: 1px;
}/*styles the highest level of nav*/

#leftnav .mainnav li 
{
	display: block;
	float: left;
	width: 178px;
}

#leftnav .mainnav li a 
{
	display: block;
	float: left;
	width: 178px;
	line-height: 16px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 7px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-left: 15px;
	font-size: 12px;
	background-image: url(inner-leftnav-bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	color: #000044;
}

#leftnav .mainnav li a.twoline 
{
	background-image: url(inner-leftnav-bg-twoline.gif);
}/*deals with when the highest level of left nav is long enought to spill on to two lines*/

#leftnav .mainnav li a:hover 
{
	color: #ffffff;
	/* background-image: url(inner-leftnav-bg-sel.gif); */
	background-image: url(inner-leftnav-bg-twoline-sel.gif);
}

#leftnav .mainnav li a.twoline:hover 
{
	color: #ffffff;
	background-image: url(inner-leftnav-bg-twoline-sel.gif);
}

#leftnav .subnav li a 
{
	display: block;
	float: left;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-left: 20px;
	font-size: 12px;
	font-weight: normal;
	background-color: #dddddd;
	background-image: none;
	padding-top: 0px;
	padding-bottom: 0px;
	/* border-bottom: solid 1px #ffffff; */
}/* styles the first level of subnav*/

#leftnav .subsubnav li a {
	display: block;
	float: left;
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-left: 35px;
	font-size: 11px;
	font-weight: normal;
	background-color: #dddddd;
	background-image: none;
	padding-top: 0px;
	padding-bottom: 0px;
}/* styles the second level of subnav*/

#leftnav .subnav,
#leftnav .subsubnav {
	display: none;
}/* HIDES ALL SUBNAV BY DEFAULT, TO DISPLAY A SUBNAV ON A SPECIFIC PAGE USE THE SECTION RIGHT 

BELOW*/

/******************* END OF LeftNav Styles ***************************/












/*
_______________________________________________________________________
************************  ABOUT SECTION SUBNAVS  **********************
_______________________________________________________________________
*/
/*When to display specific Subnav*/
 
/* 5 ITEMS - TREASURERS INITIATIVES
   Be sure the Title="#PageName" in this section
   For example: #<TitleOfPage> #leftnav #lnTreasurersInitiatives .subnav

   !INCLUDE EXTRA COMMA AT END (.subnav,)
*/
#TreasurersInitiativesOnline #leftnav #lnTreasurersInitiatives .subnav,
#ProtectThePension #leftnav #lnTreasurersInitiatives .subnav,
#MaintainAAABondRating #leftnav #lnTreasurersInitiatives .subnav,
#OperationalEfficiencies #leftnav #lnTreasurersInitiatives .subnav,
#CustomerService #leftnav #lnTreasurersInitiatives .subnav,
#EconomicDevelopment #leftnav #lnTreasurersInitiatives .subnav,
#FinancialEducation #leftnav #lnTreasurersInitiatives .subnav,

/* 2 ITEMS - BIOGRAPHICAL */

#Biographical #leftnav #lnBiographical .subnav,  
#DigitalMediaKit #leftnav #lnBiographical .subnav

{
	display: block;
}

#FinancialLiteracy #leftnav #lnFinancialLiteracy .subsubnav,  
#SkillSetSurvey #leftnav #lnFinancialLiteracy .subsubnav,
#NorthCarolinaSaves #leftnav #lnFinancialLiteracy .subsubnav

{
	display: block;
}

/* NEW! Transparency */
#TransparencyHome #leftnav #lnTransparencyHome .subnav,
#BoardsAndPublicMeetings #leftnav #lnTransparencyHome .subnav,
#DepartmentReportsOnline #leftnav #lnTransparencyHome .subnav,
#DepartmentBudget #leftnav #lnTransparencyHome .subnav,
#RequestsForProposals #leftnav #lnTransparencyHome .subnav,
#TransparencyLinks #leftnav #lnTransparencyHome .subnav

{
	display: block;
}

/**Highlighting for Specific entries in the Left navigation**/
/**Change the background of the item relating to the page you are on.**/
/*
#Biographical #leftnav #lnBiographical a,
#Responsibilities #leftnav #lnResponsibilities a, 
#BoardsAndCommitteesServed #leftnav #lnBoardsAndCommitteesServed a,
#TreasurersInitiatives #leftnav #lnTreasurersInitiatives a, 
#FinancialEducation #leftnav #lnFinancialEducation a,
#SkillSetSurvey #leftnav #lnSkillSetSurvey a,
#NorthCarolinaSaves #leftnav #lnNorthCarolinaSaves a,
#a500Project #leftnav #ln500Project a,
#MinimumWage #leftnav #lnMinimumWage a,
#EarnedIncomeTaxCredit #leftnav #lnEarnedIncomeTaxCredit a,
#CorporateGovernance #leftnav #lnCorporateGovernance a,
#SECReportCard #leftnav #lnSECReportCard a,
#InvestorProtectionPrinciples #leftnav #lnInvestorProtectionPrinciples a,
#ProxyVotingPolicy #leftnav #lnProxyVotingPolicy a,
#Sudan #leftnav #lnSudan a,
#Taxes #leftnav #lnTaxes a,
#MortgageProtection #leftnav #lnMortgageProtection a,
#MortgageCalculator #leftnav #lnMortgageCalculator a,
#Environment #leftnav #lnEnvironment a,
#NewsItems #leftnav #lnNews a,
#DigitalMediaKit #leftnav #lnDigitalMediaKit a,
#AnnualReport #leftnav #lnAnnualReport a,
#Directory #leftnav #lnDirectory a
{
	color: #ffffff;
	background-image: url(inner-leftnav-bg-sel.gif);
}
*/

/**Set the subnavs to not be highlighted when its direct parent is highlighted**/
/*
#Responsibilities #leftnav #lnBoardsAndCommitteesServed a,
#TreasurersInitiatives #leftnav #lnFinancialEducation a,
#FinancialEducation #leftnav #lnSkillSetSurvey a,
#FinancialEducation #leftnav #lnNorthCarolinaSaves a,
#FinancialEducation #leftnav #ln500Project a,
#TreasurersInitiatives #leftnav #lnMinimumWage a,
#TreasurersInitiatives #leftnav #lnEarnedIncomeTaxCredit a,
#TreasurersInitiatives #leftnav #lnCorporateGovernance a,
#CorporateGovernance #leftnav #lnSECReportCard a,
#CorporateGovernance #leftnav #lnInvestorProtectionPrinciples a,
#CorporateGovernance #leftnav #lnProxyVotingPolicy a,
#TreasurersInitiatives #leftnav #lnSudan a,
#TreasurersInitiatives #leftnav #lnTaxes a,
#TreasurersInitiatives #leftnav #lnMortgageProtection a,
#MortgageProtection #leftnav #lnMortgageCalculator a,
#TreasurersInitiatives #leftnav #lnEnvironment a,
#Biographical #leftnav #lnDigitalMediaKit a
{
	background-color: #dddddd;
	background-image: none;
	color: #000044;
}
*/

/**Reset the hover property for the left nav that was altered directly above.**/
/*
#Responsibilities #leftnav #lnBoardsAndCommitteesServed a:hover,
#TreasurersInitiatives #leftnav #lnFinancialEducation a:hover,
#FinancialEducation #leftnav #lnSkillSetSurvey a:hover,
#FinancialEducation #leftnav #lnNorthCarolinaSaves a:hover,
#FinancialEducation #leftnav #ln500Project a:hover,
#TreasurersInitiatives #leftnav #lnMinimumWage a:hover,
#TreasurersInitiatives #leftnav #lnEarnedIncomeTaxCredit a:hover,
#TreasurersInitiatives #leftnav #lnCorporateGovernance a:hover,
#CorporateGovernance #leftnav #lnSECReportCard a:hover,
#CorporateGovernance #leftnav #lnInvestorProtectionPrinciples a:hover,
#CorporateGovernance #leftnav #lnProxyVotingPolicy a:hover,
#TreasurersInitiatives #leftnav #lnSudan a:hover,
#TreasurersInitiatives #leftnav #lnTaxes a:hover,
#TreasurersInitiatives #leftnav #lnMortgageProtection a:hover,
#MortgageProtection #leftnav #lnMortgageCalculator a:hover,
#TreasurersInitiatives #leftnav #lnEnvironment a:hover,
#NewsItems #leftnav #lnDigitalMediaKit a:hover
{
	background-color:  Transparent;
	background-image: url(inner-leftnav-bg-sel.gif);
	color: #ffffff;
}
*/
/******************** END OF ABOUT SECTION SUBNAVS  *******************/













/*
_______________________________________________________________________
*********************  Homepage specific stuff  ***********************
These are styles that deal specifically with the homepage of the site.
The #hp is unique to the homepage and any othe id's that dont have that 
preceding it are completely unique to the homepage.
_______________________________________________________________________
*/

#hp #all {
	background-image: url(home-sub-bg2.gif);
	background-position: center;
	background-repeat: no-repeat;
	margin: auto;
	display: block;
	width: 861px;
	height: 852px;
}/* holds everything on the homepage */

#hp #header {
	display: block;
	float: left;
	width: 861px;
	height: 137px;
	background: url(header-bg.gif);
	background-repeat: no-repeat;
}/*holds the header control */

#branding 
{	

	display: block;
	float: left;
	width: 861px;
	height: 196px;
	background-image: url(home-branding1a.jpg);
	position: relative;
	z-index: 1;
}/* holds the flash area */

#news 
{
	
	display: block;
	float: left;
	background-image: url(home-news_new3a.jpg);
	background-position: center;
	background-repeat: no-repeat;
	width: 569px;
	height: 270px;
	position: relative;
	z-index: 1; /* http://localhost/DstMcmsWeb/dress/news-list-item.jpg */
	/* border: solid 1px red; */
}/* holds the area with the newest press release blurbs */

#newsgif 
{
	display: block;
	float: left;
	position: relative;
	bottom: 13px;
	right: 274px;
	z-index: 1;
}/* holds and positions the little News heading that floats above the flash. */

#newsgif2 
{
	display: block;
	float: left;
	position: relative;
	bottom: 190px;
	left: 31px;
	z-index: 1;
}/* holds and positions the little News heading that floats above the flash. */
	
#news ul 
{
	display: block;
	float: left;
	/* list-style-image: url(news-list-item.jpg); */
	/* padding-top: 29px; */
	/* padding-left: 25px; */
}/* styles for the news area ul */

#news ul li
{
	/* list-style-image: url(news-list-item.jpg); */
	/* list-style-type: square; */
}/* styles for the news area ul */

#news ul li p.newsheading 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 5px;
}/* styles for the news area ul */

#news ul li p.newsdescription 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-bottom: 18px;
}/* styles for the news area ul */

#news ul li a 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	padding-bottom: 3px;
	margin-bottom: 3px;

	/* text-decoration: none; */
}/* styles for the news area ul */

#news ul li a:hover 
{
	text-decoration: underline;
}/* styles for the news area ul */

#five-tips 
{
	display: block;
	float: left;
	background-image: url(home-five-tips9a.jpg);
	background-position: center;
	background-repeat: no-repeat;
	width: 292px;
	height: 270px;
	overflow: hidden;
}/* holds the five tips sections */


/* new 05.12.2009 
   to support penny pincher logo
   1. add "#boxes td"
   2. change bg image from "boxes_update" to "boxes_update_solid"
*/

#boxes table
{
	height: 220;
}
#boxes td
{
	height: 220;
	padding: 0 0 0 0;
	border-right: solid 1px #29374C;
}

#boxes
{
	display: block;
	float: left;
	width: 861px;
	height: 220px;
	padding: 0 0px 0 0;
	margin: 0 0 0 0;
	border: none;
	text-indent: 0px;
	background-image: url(boxes_update_solid1a.gif);
}/* class that styles all 5 of the boxes at the bottom of the home page*/

#boxes ul
{
	display: block;
	float: left;
	list-style-image: url(lower-box-list-item.gif);
	/* width: 128px;*/
	overflow: hidden;
}/* style the ul's in these boxes */

#retirementb 
{
	display: block;
	float: left;
	position: relative;
	top: 60px;
	left: 10px;
}/* style the retirement box at the bottom of the homepage */

#nccashb
{
	display: block;
	float: left;
	position: relative;
	top: 60px;
	left: 16px;
	_left: 20px;
}/* style the nccash box at the bottom of the homepage */

#governmentb
{
	display: block;
	float: left;
	position: relative;
	top: 60px;
	left: 24px;
	_left: 28px;
}/* style the government box at the bottom of the homepage */

#financialb
{
	display: block;
	float: left;
	position: relative;
	top: 60px;
	left: 32px;
	_left: 36px;
}/* style the financial box at the bottom of the homepage */

#investmentb
{
	display: block;
	float: left;
	position: relative;
	top: 60px;
	left: 40px;
	_left: 44px;
}/* style the investment box at the bottom of the homepage */

#boxes ul li 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8e2f2f;
	/* list-style-image: url(lower-box-list-item.gif);*/
	margin:  0 5px 0 25px;
}/* style the ul's in these boxes */

#boxes ul li a, 
#boxes ul li a:hover 
{
	font-family: Arial, Helvetica, sans-serif;
	color: #8e2f2f;
	text-decoration: none;
}/* style the ul's in these boxes */

#boxes ul li a:hover {
	text-decoration: underline;
}/* style the ul's in these boxes */

#retirementb ul li
{
	margin: 0 10px 0 38px;
}/* adjust the positioning of the retirement list */

/*************************  End Homepage stuff  ************************/






/* 
____________________________________________________________________
*************************  Financial Operations Home Page *************************
These styles are specific the the StateAndLocal Section..  
They have names that are descriptive and unique 
____________________________________________________________________
*/
#Investment #content
{
	display: block;
	float: left;
	width: 652px;
	background-color: #FFFFFF;
}/* houses the content of this page*/

#investment-inner-content-left-image

{
	display: block;
	float: left;
	/* width: 371px; */
	width: 640px;
	height: 241px;
	/* background-image: url(homepages/Investment_med.jpg);*/
	background-image: url(homepages/Investment_large1a.jpg);

}/*holds the left side image(one with the treasurer*/



#FinOperations #content
{
	display: block;
	float: left;
	width: 656px;
	background-color: #FFFFFF;
}/* houses the content of this page*/

#finoperations-inner-content-left-image

{
	display: block;
	float: left;
	width: 378px;
	height: 241px;
	background-image: url(homepages/Financial_operations_med1a.jpg);

}/*holds the left side image(one with the treasurer*/

#finoperations-inner-content-left-image p
{
	position: relative;
	top: 200px;
	z-index: 0;
	color: Black;
	margin-left: 8px;
	font-style: italic;
}/*styles the caption*/


#finoperations-inner-content-right-image 
{
	display: block;
	float: left;
	width: 278px;
	height: 241px;
	background-image: url(homepages/all_homerightpanel.gif);

}/* holds the three promo boxes on the right*/

#finoperations-inner-content-right-image-box-top p
{
	display: block;
	float: left;
	width: 228px;
	margin: 0;
	margin-top: 11px;
	margin-left: 17px;
}/*styles the top promo*/

#finoperations-inner-content-right-image-box-middle p
{	
	display: block;
	float: left;
	width: 228px;
	margin: 0;
	margin-top: 22px;
	margin-left: 17px;
}/*styles the middle promo*/

#finoperations-inner-content-right-image-box-bottom p 
{
	display: block;
	float: left;
	width: 228px;
	margin: 0;
	margin-top: 36px;
	margin-left: 25px;
}/*styles the bottom promo*/

#finoperations-inner-content-right-image-box-bottom p strong,
#finoperations-inner-content-right-image-box-middle p strong,
#finoperations-inner-content-right-image-box-top p strong 
{
	font-size: 14px;
}/*adjust promo title font size*/
/* 
/* 

/* 
____________________________________________________________________
*************************  StateAndLocal Home Page *************************
These styles are specific the the StateAndLocal Section..  
They have names that are descriptive and unique 
____________________________________________________________________
*/

#StateAndLocalGov #content
{
	display: block;
	float: left;
	width: 656px;
	background-color: #FFFFFF;
}/* houses the content of this page*/

#stateandlocal-inner-content-left-image

{
	display: block;
	float: left;
	width: 378px;
	height: 241px;
	background-image: url(homepages/Local_State_Govt_Med1a.jpg);
	
}/*holds the left side image(one with the treasurer*/

#stateandlocal-inner-content-left-image p
{
	position: relative;
	top: 200px;
	z-index: 0;
	color: Black;
	margin-left: 8px;
	font-style: italic;
}/*styles the caption*/

#stateandlocal-inner-content-right-image 
{
	display: block;
	float: left;
	width: 278px;
	height: 241px;
	background-image: url(homepages/all_homerightpanel.gif);
	
}/* holds the three promo boxes on the right*/

#stateandlocal-inner-content-right-image-box-top p
{
	display: block;
	float: left;
	width: 228px;
	margin: 0;
	margin-top: 11px;
	margin-left: 17px;
	
}/*styles the top promo*/

#stateandlocal-inner-content-right-image-box-middle p
{	
	display: block;
	float: left;
	width: 228px;
	margin: 0;
	margin-top: 22px;
	margin-left: 17px;
}/*styles the middle promo*/

#stateandlocal-inner-content-right-image-box-bottom p 
{
	display: block;
	float: left;
	width: 228px;
	margin: 0;
	margin-top: 36px;
	margin-left: 25px;
}/*styles the bottom promo*/

#stateandlocal-inner-content-right-image-box-bottom p strong,
#stateandlocal-inner-content-right-image-box-middle p strong,
#stateandlocal-inner-content-right-image-box-top p strong 
{
	font-size: 14px;
}/*adjust promo title font size*/
/* 
/* 
____________________________________________________________________
*************************  Retirement Home Page *************************
These styles are specific the the Retirement Section..  
They have names that are descriptive and unique 
____________________________________________________________________
*/
#Retirement #content
{
	display: block;
	float: left;
	width: 656px;
	background-color: #FFFFFF;

}/* houses the content of this page*/

#retirement-inner-content
{	
	padding: 0px 0px 0px 8px;
}

#retirement-inner-content-left-image
{
	display: block;
	float: left;
	width: 378px;
	height: 241px;
	background-image: url(homepages/Retirement_Couple_Medium1a.jpg);
	margin-bottom: 10px;
}/*holds the left side image(one with the treasurer*/

#retirement-inner-content-left-image p
{
	position: relative;
	top: 200px;
	z-index: 0;
	color: Black;
	margin-left: 8px;
	font-style: italic;
}/*styles the caption*/

#retirement-inner-content-right-image 
{
	display: block;
	float: left;
	width: 278px;
	height: 241px;
	background-image: url(homepages/retirementhomerightpanel_med2.gif);
	margin-bottom: 10px;
}/* holds the three promo boxes on the right*/

#retirement-inner-content-right-image-box-top p
{
	display: block;
	float: left;
	width: 228px;
	margin: 0;
	margin-top: 11px;
	margin-left: 17px;
}/*styles the top promo*/

#retirement-inner-content-right-image-box-middle p
{	
	display: block;
	float: left;
	width: 228px;
	margin: 0;
	margin-top: 22px;
	margin-left: 17px;
}/*styles the middle promo*/

#retirement-inner-content-right-image-box-bottom p 
{
	display: block;
	float: left;
	width: 228px;
	margin: 0;
	margin-top: 36px;
	margin-left: 25px;
}/*styles the bottom promo*/

#retirement-inner-content-right-image-box-bottom p strong,
#retirement-inner-content-right-image-box-middle p strong,
#retirement-inner-content-right-image-box-top p strong 
{
	font-size: 14px;
}/*adjust promo title font size*/
/* 
____________________________________________________________________
*************************  NC Cash *************************
These styles are specific the the About Section (Office of the 
Treasurer) section.  They have names that are descriptive and unique 
____________________________________________________________________
*/

#nccash-inner-content-left-image
{
	display: block;
	float: left;
	width: 378px;
	height: 241px;
	background-image: url(homepages/nccash_home_branding.jpg);
	/* old file: /Dstmcmsweb/dress/search-branding.jpg */
	margin-bottom: 0px;
}/*holds the left side image(one with the treasurer*/

#nccash-inner-content-left-image p
{
	position: relative;
	top: 200px;
	z-index: 0;
	color: Black;
	margin-left: 8px;
	font-style: italic;
}/*styles the caption*/


/* 
____________________________________________________________________
*************************  About Home Page *************************
These styles are specific the the About Section (Office of the 
Treasurer) section.  They have names that are descriptive and unique 
____________________________________________________________________
*/

#OfficeOfTheTreasurer #content
{
	display: block;
	float: left;
	/* width: 650px;*/
	background-color: #FFFFFF;
}/* houses the content of this page*/

#about-inner-content
{	
	padding: 0px 0px 0px 8px;
}

#about-inner-content-left-image
{
	display: block;
	float: left;
	width: 378px;
	height: 241px;
	/* background-image: url(abouthomeleftpicture_new.jpg); */
	background-image: url(homepages/about_home_branding.jpg);
	margin-bottom: 0px;
}/*holds the left side image(one with the treasurer*/

#about-inner-content-left-image p
{
	position: relative;
	top: 200px;
	z-index: 0;
	color: Black;
	margin-left: 8px;
	font-style: italic;
}/*styles the caption*/

#about-inner-content-right-image 
{
	display: block;
	float: left;
	width: 278px;
	height: 241px;
	background-image: url(abouthomerightpanel.gif);
	margin-bottom: 0px;
}/* holds the three promo boxes on the right*/

#about-inner-content-right-image-box-top p
{
	display: block;
	float: left;
	width: 228px;
	margin: 0;
	margin-top: 11px;
	margin-left: 17px;
	
}/*styles the top promo*/

#about-inner-content-right-image-box-middle p
{	
	display: block;
	float: left;
	width: 228px;
	margin: 0;
	margin-top: 22px;
	margin-left: 17px;
}/*styles the middle promo*/

#about-inner-content-right-image-box-bottom p 
{
	display: block;
	float: left;
	width: 228px;
	margin: 0;
	margin-top: 36px;
	margin-left: 25px;
}/*styles the bottom promo*/

#about-inner-content-right-image-box-bottom p strong,
#about-inner-content-right-image-box-middle p strong,
#about-inner-content-right-image-box-top p strong 
{
	font-size: 14px;
}/*adjust promo title font size*/

/**********************  END OF About Home Page **********************/












/*  
_______________________________________________________________________
******************* EDIT CONTROLS STYLES FOR WYSIWIG ****************** 
******************* Don't Blame me. Thanks Microsoft ******************        
_______________________________________________________________________
*/

/*Basic Editors*/
#Htmlplaceholdercontrol1 table,
#Htmlplaceholdercontrol2 table,
#Htmlplaceholdercontrol3 table,
#Htmlplaceholdercontrol4 table,
#Htmlplaceholdercontrol5 table,
#Htmlplaceholdercontrol6 table,
#Htmlplaceholdercontrol7 table,
#Htmlplaceholdercontrol8 table,
#Htmlplaceholdercontrol9 table,
#Htmlplaceholdercontrol10 table,
#HtmlplaceholderControl1 table,
#HtmlplaceholderControl2 table,
#HtmlplaceholderControl3 table,
#HtmlplaceholderControl4 table,
#HtmlplaceholderControl5 table,
#HtmlplaceholderControl6 table,
#HtmlplaceholderControl7 table,
#HtmlplaceholderControl8 table,
#HtmlplaceholderControl9 table,
#HtmlplaceholderControl10 table,
#HtmlPlaceholdercontrol1 table,
#HtmlPlaceholdercontrol2 table,
#HtmlPlaceholdercontrol3 table,
#HtmlPlaceholdercontrol4 table,
#HtmlPlaceholdercontrol5 table,
#HtmlPlaceholdercontrol6 table,
#HtmlPlaceholdercontrol7 table,
#HtmlPlaceholdercontrol8 table,
#HtmlPlaceholdercontrol9 table,
#HtmlPlaceholdercontrol10 table,
#HtmlPlaceholderControl1 table,
#HtmlPlaceholderControl3 table,
#HtmlPlaceholderControl4 table,
#HtmlPlaceholderControl5 table,
#HtmlPlaceholderControl6 table,
#HtmlPlaceholderControl7 table,
#HtmlPlaceholderControl8 table,
#HtmlPlaceholderControl9 table,
#HtmlPlaceholderControl10 table,
#NCPHRICH_PageTitlePlaceHolder,
#NCPHRICH_HeaderSubPlaceHolder,
#NCPHRICH_PageTopPlaceHolder,
#NCPHRICH_PageBottomPlaceHolder
{
	/* background-color: #29374c; */
	/*background-color: #ffffff;*/
	
}

/* RAD Editors */
#radEditorContainerRadeditorplaceholdercontrol1_AuthoringModeControlsContainer_EditorRadeditorplac

eholdercontrol1_AuthoringModeControlsContainer,
#radEditorContainerRadeditorplaceholdercontrol2_AuthoringModeControlsContainer_EditorRadeditorplac

eholdercontrol2_AuthoringModeControlsContainer,
#radEditorContainerRadeditorplaceholdercontrol3_AuthoringModeControlsContainer_EditorRadeditorplac

eholdercontrol3_AuthoringModeControlsContainer,
#radEditorContainerRadeditorplaceholdercontrol4_AuthoringModeControlsContainer_EditorRadeditorplac

eholdercontrol4_AuthoringModeControlsContainer,
#radEditorContainerRadeditorplaceholdercontrol5_AuthoringModeControlsContainer_EditorRadeditorplac

eholdercontrol5_AuthoringModeControlsContainer,
#radEditorContainerRadeditorplaceholdercontrol6_AuthoringModeControlsContainer_EditorRadeditorplac

eholdercontrol6_AuthoringModeControlsContainer,
#radEditorContainerRadeditorplaceholdercontrol7_AuthoringModeControlsContainer_EditorRadeditorplac

eholdercontrol7_AuthoringModeControlsContainer,
#radEditorContainerRadeditorplaceholdercontrol8_AuthoringModeControlsContainer_EditorRadeditorplac

eholdercontrol8_AuthoringModeControlsContainer,
#radEditorContainerRadeditorplaceholdercontrol9_AuthoringModeControlsContainer_EditorRadeditorplac

eholdercontrol9_AuthoringModeControlsContainer,
#radEditorContainerRadeditorplaceholdercontrol10_AuthoringModeControlsContainer_EditorRadeditorpla

ceholdercontrol10_AuthoringModeControlsContainer,
#radEditorContainerRadEditorPlaceHolderControl1_AuthoringModeControlsContainer_EditorRadEditorPlac

eHolderControl1_AuthoringModeControlsContainer,
#radEditorContainerRadEditorPlaceHolderControl2_AuthoringModeControlsContainer_EditorRadEditorPlac

eHolderControl2_AuthoringModeControlsContainer,
#radEditorContainerRadEditorPlaceHolderControl3_AuthoringModeControlsContainer_EditorRadEditorPlac

eHolderControl3_AuthoringModeControlsContainer,
#radEditorContainerRadEditorPlaceHolderControl4_AuthoringModeControlsContainer_EditorRadEditorPlac

eHolderControl4_AuthoringModeControlsContainer,
#radEditorContainerRadEditorPlaceHolderControl5_AuthoringModeControlsContainer_EditorRadEditorPlac

eHolderControl5_AuthoringModeControlsContainer,
#radEditorContainerRadEditorPlaceHolderControl6_AuthoringModeControlsContainer_EditorRadEditorPlac

eHolderControl6_AuthoringModeControlsContainer,
#radEditorContainerRadEditorPlaceHolderControl7_AuthoringModeControlsContainer_EditorRadEditorPlac

eHolderControl7_AuthoringModeControlsContainer,
#radEditorContainerRadEditorPlaceHolderControl8_AuthoringModeControlsContainer_EditorRadEditorPlac

eHolderControl8_AuthoringModeControlsContainer,
#radEditorContainerRadEditorPlaceHolderControl9_AuthoringModeControlsContainer_EditorRadEditorPlac

eHolderControl9_AuthoringModeControlsContainer,
#radEditorContainerRadEditorPlaceHolderControl10_AuthoringModeControlsContainer_EditorRadEditorPla

ceHolderControl10_AuthoringModeControlsContainer,
#radEditorContainerHtmlPlaceholderControl1_AuthoringModeControlsContainer_EditorHtmlPlaceholderCon

trol1_AuthoringModeControlsContainer,
#radEditorContainerHtmlPlaceholderControl2_AuthoringModeControlsContainer_EditorHtmlPlaceholderCon

trol2_AuthoringModeControlsContainer,
#radEditorContainerHtmlPlaceholderControl3_AuthoringModeControlsContainer_EditorHtmlPlaceholderCon

trol3_AuthoringModeControlsContainer,
#radEditorContainerHtmlPlaceholderControl4_AuthoringModeControlsContainer_EditorHtmlPlaceholderCon

trol4_AuthoringModeControlsContainer,
#radEditorContainerHtmlPlaceholderControl5_AuthoringModeControlsContainer_EditorHtmlPlaceholderCon

trol5_AuthoringModeControlsContainer,
#radEditorContainerHtmlPlaceholderControl6_AuthoringModeControlsContainer_EditorHtmlPlaceholderCon

trol6_AuthoringModeControlsContainer,
#radEditorContainerHtmlPlaceholderControl7_AuthoringModeControlsContainer_EditorHtmlPlaceholderCon

trol7_AuthoringModeControlsContainer,
#radEditorContainerHtmlPlaceholderControl8_AuthoringModeControlsContainer_EditorHtmlPlaceholderCon

trol8_AuthoringModeControlsContainer,
#radEditorContainerHtmlPlaceholderControl9_AuthoringModeControlsContainer_EditorHtmlPlaceholderCon

trol9_AuthoringModeControlsContainer,
#radEditorContainerHtmlPlaceholderControl10_AuthoringModeControlsContainer_EditorHtmlPlaceholderCo

ntrol10_AuthoringModeControlsContainer
{
	background-color: #FFFFFF;
	color: #29374c;
}
/************** END OF EDIT CONTROLS STYLES FOR WYSIWIG **************/ 
/****************** Don't Blame me. Thanks Microsoft *****************/












/*
_______________________________________________________________________
************************ Directory DL Styling *************************
This styles the Directory section and the DL in it.
_______________________________________________________________________
*/

#Directory h2 
{
	margin-bottom: 0px;	
}/* section titles of the directories*/

#Directory p
{
	text-align: center;
}/* center the directory specific navigation */

dl.directory 
{
	width: 450px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #29374c;
	border-bottom: 1px solid #999;
	margin: 5px 0 0 50px;
} /*styke the definition list */

dl.directory dt 
{
	display: block;
	width: 250px;
	float: left;
	margin: 0 0 0 0;
	border-top: 1px solid #999;
	font-weight: bold;
	padding: 5px 0 5px 0;
	height: 30px;
} /*style the terms (dt) in the definition list (dl)*/

/* commented backslash hack for mac-ie5 \*/
dl.directory dt { clear: both; }
/* end hack */

dl.directory dd 
{
	display: block;
	float: left;
	width: 200px;
	margin: 0 0 0 0;
	border-top: 1px solid #999;
	padding: 5px 0 5px 0;
	text-align: center;
	height: 30px;
} /*style the definition (dd) in the definition list (dl)*/

/******************** END OF Directory DL Styling *********************/











/*
_______________________________________________________________________
************************** Header Search Area *************************
This styles the search area in the Header control.
_______________________________________________________________________
*/

.headerSearch 
{
	display: block;
	float: right;
	position: relative;
	top: 25px;
	right: 25px;
	border-left: 1px solid #697080;
	width: 300px;
	height: 60px;
}

a.header 
{
	text-decoration: none;
	color: #c2c6d1;
	font-family: "arial narrow","helvetica condensed";
	font-size: 11px;
}

table.headerrightnav 
{
	margin-bottom: 15px;
	position: relative;
	left: 11px;
}

table.headerrightsearch 
{
	position: relative;
	left: 11px;
}

/********************** END OF Header Search Area *********************/














/*
_______________________________________________________________________
******************************  Forms  ********************************
This styles all of the forms on the site, or at least the ones I think 
needed a lot of styling work.
_______________________________________________________________________
*/
label 
{
	display: block;
	float: left;
	width: 130px;
	margin: 0px 0px 0px 30px;
	padding: 0;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	/* color: #FFFFFF;*/
}

.submitbutton 
{
	margin: 20px 0px 20px 210px;
}

.asppanel table
{
	display: block;
	float: left;
	margin: 0px 0px 20px 30px;
}

/**************************  END OF Forms  ***************************/











/*
_______________________________________________________________________
******************************* Tables ********************************
This styles the generic tables of the site.  Because of the fact that
radeditiors and htmlplaceholdcontrols all use tables when they render
on the page, just directly styiling all tables will not function as it 
will break the editors.  As a result, when a table is made, if we throw 
on a class called ctable (short for content table) we can style them 
separately.  These styles are below!
_______________________________________________________________________
*/

table.ctable 
{
	margin-top: 5px;
	margin-left: 0px;
	margin-bottom: 15px;
	width: 458px;
	border: solid 1px #567;
	border-spacing: 0px; border-collapse: collapse;
	/*
	border-bottom: 1px solid #567;
	border-left: 1px solid #567;
	*/
}

/* table.ctable a, */ 
table.ctable, 
table.ctable tbody, 
table.ctable tr, 
table.ctable th, 
table.ctable td 
{
	font-family: Verdana, arial, helvetica, sans-serif;
	color: #29374c;
	text-align: left;
	font-size: 12px;
}

table.ctable th 
{
	background-color: #999999;
}

table.ctable tr.odd 
{
	/* background-color: #223042; */
	background-color: #dddddd;
}

table.ctable a 
{
	text-decoration:underline;
}

table.ctable td, table.ctable th 
{
	margin:0px;
	padding:0px;
}


table.ctable tbody td, table.ctable tbody th 
{
	border:1px solid #567;
}

table.ctable td, table.ctable th 
{
	padding:2px;
	
	padding-left: 10px;
	vertical-align:middle;
}

/*************************** END OF Tables ***************************/




/*
_______________________________________________________________________
******************************* Tables ********************************
This styles the generic tables of the site.  Because of the fact that
radeditiors and htmlplaceholdcontrols all use tables when they render
on the page, just directly styiling all tables will not function as it 
will break the editors.  As a result, when a table is made, if we throw 
on a class called ctable (short for content table) we can style them 
separately.  These styles are below!
_______________________________________________________________________
*/

table.ctable2 
{
	margin-left: 10px;
	margin-bottom: 15px;
	width: 90%;
	border-bottom: 1px solid #567;
	border-left: 1px solid #567;
}

table.ctable3 
{
	margin-left: 10px;
	margin-bottom: 15px;
	margin-top: 20px;
	width: 90%;

}

/* table.ctable a, */ 
table.ctable2, 
table.ctable2 tbody, 
table.ctable2 tr, 
table.ctable2 th, 
table.ctable2 td 
{
	font-family: Verdana, arial, helvetica, sans-serif;
	color: #29374c;
	text-align: left;
	font-size: 12px;
}

table.ctable2 th 
{
	background-color: #999999;
}

table.ctable2 tr.odd 
{
	/* background-color: #223042; */
	background-color: #dddddd;
}

table.ctable2 a 
{
	text-decoration:underline;
}

table.ctable2 td, table.ctable2 th 
{
	margin:0px;
	padding:0px;
}

table.ctable2 tbody td, table.ctable2 tbody th 
{
	border-right:1px solid #567;
	border-top:1px solid #567;
}

table.ctable2 td, table.ctable2 th 
{
	padding:3px;
	padding-left: 10px;
	vertical-align:middle;
}

/*************************** END OF Tables ***************************/








/* table.ctable a, */ 
table.ctable3, 
table.ctable3 tbody, 
table.ctable3 tr, 
table.ctable3 th, 
table.ctable3 td 
{
	font-family: Verdana, arial, helvetica, sans-serif;
	color: #29374c;
	text-align: left;
	font-size: 12px;
}

table.ctable3 th 
{
	background-color: #999999;
}

table.ctable3 tr.odd 
{
	/* background-color: #223042; */
	background-color: #dddddd;
}

table.ctable3 a 
{
	text-decoration:underline;
}

table.ctable3 td, table.ctable3 th 
{
	margin:0px;
	padding:0px;
}

table.ctable3 tbody td, table.ctable3 tbody th 
{

}

table.ctable3 td, table.ctable3 th 
{
	padding:3px;
	padding-left: 10px;
	vertical-align:middle;
}

/*
_______________________________________________________________________
************************** Normal DL styling **************************
This styles any other definition lists that are not on the Directory
page.
_______________________________________________________________________
*/

dl 
{
	width: 450px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-bottom: 1px solid #999;
	margin: 5px 0 20px 30px;
}

dt 
{
	display: block;
	width: 40px;
	float: left;
	margin: 0 0 0 0;
	border-top: 1px solid #999;
	font-weight: bold;
	padding: 5px 0 5px 0;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

dd 
{
	display: block;
	float: left;
	width: 410px;
	margin: 0 0 0 0;
	border-top: 1px solid #999;
	padding: 5px 0 5px 0;
}

/********************** END OF Normal DL styling *********************/














/**
_______________________________________________________________________
************************ Specific Page Styles *************************
This is styling for specific pages.
_______________________________________________________________________
**/



/**** START CODE TO REMOVE THE RIGHT COLUMN ***/
.FinOperations #container 
{
	background-image: none;
} /* remove a background image that is no longer needed */

.FinOperations #container #content 
{
	display: block;
	float: left;
	/* width: 660px;*/
	border: none;
	background-image: none;
} /*take the #content div and stretch it to fill the new empty space */

.FinOperations #container #right 
{
	display: none;
	width: 0px;
	background-image: none;
}/* take the right column and make it disappear */
/**** END CODE TO REMOVE THE RIGHT COLUMN ***/


/**** START CODE TO REMOVE THE RIGHT COLUMN ***/
.StateAndLocalGov #container 
{
	background-image: none;
} /* remove a background image that is no longer needed */

.StateAndLocalGov #container #content 
{
	display: block;
	float: left;
	/** width: 660px;**/
	border: none;
	background-image: none;
} /*take the #content div and stretch it to fill the new empty space */

.StateAndLocalGov #container #right 
{
	display: none;
	width: 0px;
	background-image: none;
}/* take the right column and make it disappear */
/**** END CODE TO REMOVE THE RIGHT COLUMN ***/


/**** START CODE TO REMOVE THE RIGHT COLUMN ***/
.AuditingAndReporting #container 
{
	background-image: none;
} /* remove a background image that is no longer needed */

.AuditingAndReporting #container #content 
{
	display: block;
	float: left;
	/** width: 660px; **/
	border: none;
	background-image: none;
} /*take the #content div and stretch it to fill the new empty space */

.AuditingAndReporting #container #right 
{
	display: none;
	width: 0px;
	background-image: none;
}/* take the right column and make it disappear */
/**** END CODE TO REMOVE THE RIGHT COLUMN ***/


/**** START CODE TO REMOVE THE RIGHT COLUMN ***/
.UnclaimedProperty #container 
{
	background-image: none;
} /* remove a background image that is no longer needed */

.UnclaimedProperty #container #content 
{
	display: block;
	float: left;
	/** width: 650px; **/
	border: none;
	background-image: none;
	padding-left: 10px;
} /*take the #content div and stretch it to fill the new empty space */

.UnclaimedProperty #container #right 
{
	display: none;
	width: 0px;
	background-image: none;
}/* take the right column and make it disappear */
/**** END CODE TO REMOVE THE RIGHT COLUMN ***/


.AuditingAndReporting #content table.ctable 
{
	width: 600px;
}

table#unclaimedProperty label
{
	font-weight: bold;
}

table#unclaimedProperty input
{
	margin-left: 30px;
}

table#unclaimedProperty span
{
	color: #000000;
}

/******************** END OF Specific Page Styles ********************/