/* layout debugging*/
/*
div{border:1px solid black}
*/
BODY
	{
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: center;
	background-color: #e0c9a9;
	}

SPAN.text
	{               
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	color: #ffffff;
	}
A:link
	{
	text-decoration:none;
	color: #227f68;
	}
A:visited
	{               
	text-decoration:none;
	color: #227f68;
	}
A:active
	{
	text-decoration: none;
	color: #227f68;
	}
input:focus{
	background-color:#e0c8a8;
}
#container{
	margin-left:auto;
	margin-right:auto;
	width:960px;
}
.left{
	float:left;
	text-align:left;
}
.right{
	float:right;
}
.hbar{
	background-image:url("images/hbar.png");
	width:960px;
	height:20px;	
}	
/**************************************
		MENUS
**************************************/
#menu{
	background-image:URL('../images/NCF_logo_p2.gif');
	background-repeat:no-repeat;
	background-position:right top;
	height:90px;
	padding:0px 0px 15px 0px;
}
.menu{
	color:#a76f35;
}
.menu selected{
	color:#1a437e;	
}
#logo{
	float:right;	
}
.x-clear{
	clear:both;	
}	
/*---------------------------------------------------------------*/
/*				BUTTON CSS CODE BELOW       					*/
/*-------------------------------------------------------------*/

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../images/ncf_btn_a_rt.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    height: 24px;
    margin-right: 1px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    font-size:11px;
}

a.button span {
    background: transparent url('../images/ncf_btn_a_lt.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

a.buttonLT {
    background: transparent url('../images/ncf_btn_b.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:11px;
    height: 24px;
    margin-right: 1px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.buttonLT span {
    background: transparent url('../images/ncf_btn_a_lt.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.buttonLT:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.buttonLT:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

a.buttonCT {
    background: transparent url('../images/ncf_btn_b.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    height: 24px;
    margin-right: 1px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    font-size:11px;
}

a.buttonCT span {
    background: transparent url('../images/ncf_btn_b.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.buttonCT:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.buttonCT:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

a.buttonRT {
    background: transparent url('../images/ncf_btn_a_rt.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    height: 24px;
    margin-right: 1px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    font-size:11px;
}

a.buttonRT span {
    background: transparent url('../images/ncf_btn_b.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.buttonRT:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.buttonRT:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

input.formButton {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #336699;
	font-size: 8pt;
	text-decoration: none;
	border-top:#888888 outset 1px;
	border-left:#888888 outset 1px;
	border-bottom:#000000 inset 1px;
	border-right:#000000 inset 1px;
	background-color:#cccccc;
	}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*																					 END BUTTON STYLE   	          																		*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

H1
	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #292f76;
	font-size: 10pt;
	text-decoration: none;
	}
H2
	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #292f76;
	font-size: 10pt;
	text-decoration: none;
	}
span.subMenuItem
	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #336699;
	padding-left:15px;
	}
subMenuItem:hover
	{ /*hover background color*/
	background-color: #336699;
	color: #ffffff;
	}
SPAN.assess{
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #003366;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
SPAN.eval{
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #007D68;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.maintable
	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	color: #000000;
	border-color: #666666;
	border-width: 1px;
	border-style: solid;
	}

.alt_nav
	{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	color: #336699;
	}
.footer{
	font-size: 8pt;
	color: #227f68;
	text-align:center;
	font-family: "Century Gothic","lucida grande",lucida sans","bitstream vera sans",Verdana,sans-serif;
    font-style:  normal;
    font-weight: normal;
}
.footer selected{
	font-weight:bold;	
}
.footer a{
	color:#a76f35;
	font-size:12px;	
	font-family: "Century Gothic","lucida grande",lucida sans","bitstream vera sans",Verdana,sans-serif;
    font-style:  normal;
    font-weight: normal;
}
.required
	{               
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 8pt;
	color:#FF0000;
	}
SPAN.size8
	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 8pt;
	color: #000000;
	}
SPAN.required
	{               
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	color:#FF0000;
	}
SPAN.formtext
	{               
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	color: #000000
	}
SPAN.hidden
	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	}
BLOCKQUOTE
	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	color: #000000;
	margin-left: .5cm;
	}
.copybold {
	FONT-WEIGHT: bold; 
	LIST-STYLE-POSITION: outside; 
	FONT-SIZE: 9px; COLOR: #000000; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	LIST-STYLE-TYPE: square
}
.copysmall {
	FONT-WEIGHT: normal; 
	LIST-STYLE-POSITION: outside; 
	FONT-SIZE: 9px; COLOR: #000000; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	LIST-STYLE-TYPE: square
}
/*------------------------------------------------------------------------------------*/
/*						 BEGIN COPY STYLE   	          																		*/
/*------------------------------------------------------------------------------------*/
.copy{
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	font-family: "Century Gothic","lucida grande","lucida sans","bitstream vera sans",Verdana,sans-serif;
    font-style:  normal;
    font-weight: normal;
}
.large{
	FONT-SIZE: 1em;
}
.copy .green{
	color: #227f68;
}
.copy .blue{
	color:#1a437e;
}
.copy .tan{
	color:#cbac7c;
}
.copy .large{
	font-size:18px;
}
.ncf-title{
	font-size:18px;
	font-family: Georgia,"Times New Roman",serif;
	color:#1a437e;	
}
.ncf-sub-title{
	font-size:14px;	
	color:#1a437e !important;
	font-weight:bold;
}
.header{
	font-size:20px;
	font-family: Georgia,"Times New Roman",serif;	
}
.header .green{
	color: #227f68;
}
.header .blue{
	color: #1a437e;
}
.copy a{
	FONT-WEIGHT: bold;
	COLOR: #227f68;
}
a hover{
	color: #1a437e;	
}



/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*																					 END COPY SIZE STYLE / BEGIN BLOG STYLE   	          																		*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.blogTitle {
	FONT-WEIGHT: bold;
	LIST-STYLE-POSITION: outside;
	FONT-SIZE: 16px;
	COLOR: #003366;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	LIST-STYLE-TYPE: square
}
.blogComment {
	FONT-WEIGHT: bold;
	LIST-STYLE-POSITION: outside;
	FONT-SIZE: 9px;
	COLOR: #555555;
	font-style:italic;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	LIST-STYLE-TYPE: square
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*																					 END BLOG STYLE  / BEGIN LIST STYLE 	          																		*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*
LI {
	list-style-image:url(../images/dBullet.png); list-style-position:outside;
	padding:2px;
}	
*/
.copyblack {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 8pt;
	color: #000000
}
.active
	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 8pt;
	color: blue;
	}
.inactive
	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 8pt;
	color: #ccccff;
	}
.formfield { 
	FONT-WEIGHT: normal; FONT-SIZE: 11px; 
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none
}
.tableRow {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #003366;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	LIST-STYLE-TYPE: square;
	height:35px;
}
.tooltiptitle{COLOR: #FFFFFF; TEXT-DECORATION: none; CURSOR: Default; font-family: arial; font-weight: bold; font-size: 8pt}
.tooltipcontent{COLOR: #000000; TEXT-DECORATION: none; CURSOR: Default; font-family: arial; font-size: 8pt}
#ToolTip{position:absolute; width: 100px; top: 0px; left: 0px; z-index:4; visibility:hidden;}
.edit-form-field{
	height:18px;
}

/****************** Slide show ******************/
/* container for slides */
.images {
	position:relative;	
	height:275px;
	
	width:960px;
	float:left;	
	cursor:pointer;	
}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	height:275px;
	font-size:12px;
}

/* header */
.images h3 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 20px 0;
	color:#456;
}

/* tabs (those little circles below slides) */
.slidetabs {
	clear:both;
	margin-left:430px;
}

/* single tab */
.slidetabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.slidetabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.slidetabs a.current {
	background-position:0 -16px;     
} 	


/* prev and next buttons */
.forward, .backward {
	float:left;
	margin-top:250px;
	background:#fff url(../img/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

/* next */
.forward 				{ background-position: 0 -30px; clear:right; }
.forward:hover 		{ background-position:-30px -30px; }
.forward:active 	 	{ background-position:-60px -30px; } 


/* prev */
.backward:hover  		{ background-position:-30px 0; }
.backward:active  	{ background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}
