/* ---------->>> misc styles: <<<-----------------------------------------------------------------------------------*/
/* ------------  the following styles set the appearance of misc stuff  --------------------------------------------*/

.footerCopy {
	font-size: 11px;
	color: #999999;	
	border:0px solid #ffffff;
}

.footerPhone {
	font-size: 16px;
	font-weight: bold;
}

/* used for Home and Our Program pages, in which Flash movies act as primary page content */
#mainFlashContent {
	position:relative;
	margin:0px auto;
	border:0px #296DC0 solid;
}

#warningMsg {
	visibility:visible;
	position:relative;
	margin:0 auto;
	top:140px;
	text-align:left;
	border:1px dotted #cccccc;
}

.noFlash {
	width:350px;
}

.noScript {
	width:300px;
}

p.msgText {
	/* color:#CC0000; */
	color:#cccccc;
	padding:15px;
	/* background-color:#ffffff; */
	background-color:#000000;
}


/* ---------->>> nav styles: <<<-----------------------------------------------------------------------------------*/
/* ------------  the following styles set the appearance of top-level navigation links ----------------------------*/	

.navAboutOff {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #75440F;
	padding-top: 5px;	
	font-size:12px;
	color: #CCCCCC;
}

.navAboutOn {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #CE7513;
	padding-top: 5px;
	font-size:12px;
	color: #FFFFFF;
}

.navExpertiseOff {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #004266;
	padding-top: 5px;
	font-size:12px;
	color: #CCCCCC;
}

.navExpertiseOn {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #0084CC;
	padding-top: 5px;
	font-size:12px;
	color: #FFFFFF;
}

.navPortfolioOff {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #34581F;
	padding-top: 5px;
	font-size:12px;
	color: #CCCCCC;
}

.navPortfolioOn {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #67AF3E;
	padding-top: 5px;
	font-size:12px;
	color: #FFFFFF;
}

.navContactOff {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #3F214D;
	padding-top: 5px;
	font-size:12px;
	color: #CCCCCC;
}

.navContactOn {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #7D4199;
	padding-top: 5px;
	font-size:12px;
	color: #FFFFFF;
}

/* ---------->>> sub-menu positioning styles: <<<------------------------------------------------------------------*/
/* ------------  the following styles govern the position/style/layer order of dhtml sub-menus --------------------*/	

/* [currently none] */

/* ---------->>> sub-nav styles: <<<-------------------------------------------------------------------------------*/
/* ------------  the following styles set the appearance of the sub-navigation links in the left column -----------*/

/* [currently none] */	
					
/* ---------->>> text styles: <<<----------------------------------------------------------------------------------*/
/* ------------  the following styles set the appearance of text for paragraphs, bold text, etc. ------------------*/	

div {					
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
}

p {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	line-height: 18px;
	padding-left:1px;
	padding-bottom:15px; 
}
											
.bold {		
	font-size:12px;			
	font-style:inherit;
	font-weight:bold; 
}
						
.italic {				
	font-weight:inherit; 
	font-style:italic;
}

.blockquote {
	padding-left:50px;	
	padding-right:50px;
}

h1 {
	font-size: 24px;
	font-weight: normal;
	color: #FFFFFF;
	text-transform: lowercase;
	margin-bottom:15px;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom:10px;
}

h3	{	
	font-size: 12px; 
	font-weight: bold;
	margin-bottom:5px;
}	

.lined { 
	border-bottom:1px solid #999999;
	padding-bottom:1px;
}

/* the following classes represent the colors that correspond to each section's sub-nav items (sectioncss) */

/* background-color attribute is used in subNavRule object only; make it transparent when using this class in h1 elements */
h1 .about, h1 .expertise, h1 .portfolio, h1 .contact, h1 .help, h1 .demos {
	background-color: transparent;
}

h2 .about, h2 .expertise, h2 .portfolio, h2 .contact, h2 .help, h2 .demos {
	background-color: transparent;
}

.about {
	color: #EA871D;
	background-color: #EA871D;
}

.expertise {
	color: #0084CC;
	background-color: #0084CC;
}

.portfolio {
	color: #67AF3E;
	background-color: #67AF3E;
}

.contact {
	color: #7D4199;
	background-color: #7D4199;
}

.help {
	color: #999999;
	background-color: #999999;
}

/*
.home {
	color: #ffffff;
	background-color: #ffffff;
}
*/

/* *** DMS additions for demos 3-21-08 */
.demos {
	color: #6397C7;
	background-color: #6397C7;
}

#demoText {
	/* margin:0px 24px 0px 24px; */
	margin:0px 0px 0px 0px;
	overflow:auto; /* this keeps this div inside the bodyText div, instead of it collapsing */
}

#demoText h2 {
	color: #6397C7;
}

#demoText h4	{	
	font-size: 12px; 
	font-weight: bold;
	margin-bottom:5px;
	color:#999999;
}
/*
.demoColL { width:319px; margin:0px 24px 0px 24px; float:left; }
.demoColR { width:319px; margin:0px 24px 0px 24px; float:left; }
*/

.demoColL { width:319px; margin:0px 0px 0px 0px; float:left; clear:left; border:0px solid #cccccc; }
.demoColR { width:319px; margin:0px 0px 0px 24px; float:right; clear:right; border:0px dashed #cccccc; }

/*
.titleAbout {
	color: #CE7513;
}

.titleExpertise {
	color: #0084CC;
}

.titlePortfolio {
	color: #67AF3E;
}

.titleContact {
	color: #7D4199;
}

*/

/*
#subNav {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	background-color:#67AF3E;
}

.about {
	border-bottom-color: #CE7513;
	background-color: #CE7513;
}

.portfolio {
	border-bottom-color: #67AF3E;
	background-color: #67AF3E;
}

.expertise {
	border-bottom-color: #0084CC;
	background-color: #0084CC;
}

.contact {
	border-bottom-color: #7D4199;
	background-color: #7D4199;
}

#subNavLinkSelect {
	padding: 10px;
	color: #FFFFFF;
}

.subNavLink {
	padding: 10px;
	color: #FFFFFF;
}
*/

/* creates the <hr> effect below the About section */
/*
.headerAbout {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #CE7513;
}
*/

/* nav for all currently unselected sections */
.subNav {
	padding: 10px;
	color: #FFFFFF;
}

/* nav for currently selected section (add a class below to fill in background-color) */
#subNavSelected {
	padding: 10px;
}

#subNavSelected .about, #subNavSelected .expertise, #subNavSelected .portfolio, #subNavSelected .contact {	
	color: #FFFFFF;
}

/* horizontal rule effect underneath sub-nav  - add a sectioncss class (above) to fill in background-color */
#subNavRule {
	position:relative;
	top:0px;
	height:5px;
}

/* original sub nav styles */
/*.headerAbout {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #CE7513;
}

.headerNav {
	padding: 10px;
}

.headerAboutNav {
	background-color: #CE7513;
	padding: 10px;
	color: #FFFFFF;
}
.headerExpertise {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #0084CC;
}
.headerExpertiseNav {
	background-color: #0084CC;
	padding: 10px;
	color: #FFFFFF;
}
.headerPortfolio {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #67AF3E;
}
.headerPortfolioNav {
	background-color: #67AF3E;
	padding: 10px;
	color: #FFFFFF;
}
.headerContact {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #7D4199;
}
.headerContactNav {
	background-color: #7D4199;
	padding: 10px;
	color: #FFFFFF;
}
*/

/*
#subNavAbout {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #CE7513;
}

.subNavAboutSelect {
	background-color: #CE7513;
	padding: 10px;
	color: #FFFFFF;
}

#subNavExpertise {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #0084CC;
}

.subNavExpertiseSelect {
	background-color: #0084CC;
	padding: 10px;
	color: #FFFFFF;
}

#subNavPortfolio {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #67AF3E;
}

.subNavPortfolioSelect {
	background-color: #67AF3E;
	padding: 10px;
	color: #FFFFFF;
}

#subNavContact {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #7D4199;
}

.subNavContactSelect {
	background-color: #7D4199;
	padding: 10px;
	color: #FFFFFF;
}

.subNavLink {
	padding: 10px;
}
*/
						
.errorText {			
	font-size: 11px; 
	color: #cc0000;
}
												
/* regular link styles */
p a:link, p a:visited, p a:hover, p a:active {
	text-decoration: underline;
}

a:link, a:visited {
	color: #CCCCCC;
	text-decoration: none;
}

a:hover, a:active {
	color: #FFFFFF;
	text-decoration: none;
}

/* this applies to all links in footer */
.footerCopy a {
	padding-left: 1px;
	text-decoration: none;
}

/* ---------->>> list styles: <<<----------------------------------------------------------------------------------*/
/* ------------  the following styles set the appearance of ordered/unordered lists -------------------------------*/	

/* global white space reset forces us to style lists manually */

ul {	
	list-style:square;
	list-style-position:outside;
	margin-left:0em;
	padding-left:3em;
	text-indent:0em;
	width:80%;
	padding-bottom:15px;
	color: #cccccc;
	font-size:12px;
}
						
ol {	
	list-style-position:outside;
	margin-left:0em;
	padding-left:3em;
	text-indent:0em;
	width:80%;
	padding-bottom:15px;
	color: #cccccc; 
	font-size:12px;
}

li { 	
	padding-bottom:5px;
	line-height:18px;
}
						
		
/* ---------->>> form element styles: <<<--------------------------------------------------------------------------*/
/* ------------  the following styles set the appearance of form fields, selects, etc. ----------------------------*/			
		
.formButton {			
	/* font-family: Arial, Helvetica, sans-serif; */
	font-size: 12px;
	font-weight: bold;
	background-color: #666666;
	color: #ffffff;
	border: 2px solid #999999;
	margin-bottom:5px;
}

.formText {				
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-bottom:5px;
}						
						
/* ---------->>> table styles: <<<---------------------------------------------------------------------------------*/
/* ------------  the following styles set the appearance of formatted tables for charts, etc. ---------------------*/	

/* [currently none] */						
		
/* ---------->>> miscellaneous styles: <<<-------------------------------------------------------------------------*/
/* ------------  the following styles set the appearance of horizontal rules other misc stuff ---------------------*/
				
.rule hr { 			
	/* take out the hr element; its top/bottom margin properties are completely
	different in ff and ie. (it will display for non-css browsers.) */
	display:none;
}

/* this div wraps around and replaces the hr. (it's usually div.rule, but took out div so even things
like table cells can use this style.) */
.rule { 				
	color: #5F5542;
	background-color: #5F5542;
	height: 1px;
	margin-top:5px;
	margin-bottom:5px;
} 

/* these 'hr' styles only exist to force the text in the local version of Ad Kit (mediatools directory)
	to match the rest of the NCS mini-site */
.greyrule {
	background-color:#666666;
}

.lavender {
	background-color:#5F5542;
}