@charset "utf-8";
/* CSS Document */

/*---- Simple: ----*/
div
{
	/* this is for netscape 4's sake */
	padding: 0;
	margin: 0;
}
body
{
	width:780px;
	padding: 20px;
	margin: 0;
	text-align:center;
}
#oldbrowser
{
	text-align: center;
}
#masthead img, #mastheadCentered img
{
	display: block;
}
#leftcolumn
{
	margin-right: -170px;	/* IE 4 fix */
}
#leftColumn
{
	float: left;
	width: 170px;
	
	/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
}
#contentColumn
{
	width: auto;
	margin-left: 171px;
}
#content
{
	width: auto;
	margin-left:20px;
	margin-right:20px;
	margin-top:10px;
	/*position: relative;*/ /* Removing this fixed the "ghosting" problem that occurred when changing the width of the browser window. */
}
.vnav
{
	margin-top:10px;
}
#masthead, #mastheadCentered, #innerLeftColumn, #innerContentColumn, #innerFooter
{
	padding: 0px;
}
#masthead, #mastheadCentered
{
	clear: left;
}
#innerMasthead
{
	text-align: center;
}
#footer
{
	clear: left;
}
#innerFooter
{
	text-align: center;
}
#innerContentColumn
{
	overflow: visible;
	height: 100%;	/* fix the Win32 IE float bug */
}
#contentColumn>#innerContentColumn
{
	height: auto;	/* fix Opera 5 which breaks with the above IE fix */
}
#innercontentcolumn
{
	height: 100%;	/* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */
}
#masthead, #mastheadCentered, #footer
{
	z-index: 10;
}

/*---- Borders ----*/
#pageFrame
{
	border: solid 1px #000;
}
#footer, #masthead, #mastheadCentered, #innerLeftColumn, #contentColumn, .hnav
{
	border: solid 0px #000;
}
#footer
{
	border-top-width: 0px;
}
#masthead, #mastheadCentered
{
	border-bottom-width: 0px;
}

/*---- Visual Elements ----*/
body
{
	background-color: #ddd;
	color: #000;
	padding: 0px; /* this controls the padding on the top and left of the whole site */
	margin: 0px;
	/* these two settings make the page line up in the center of the window */
	margin-left:auto;
	margin-right:auto;
}
#pageFrame
{
	background-color: #fff;
	color: #000;
	min-width: 500px;
}
.hide
{
	display: none;
}

/* MC (6/15/2006) */
#breadcrumb {margin:0 0 0 0; padding:5px 0 0 0px; font-size:90%;}
#breadcrumb ol {}
#breadcrumb li {
	display: inline;
	list-style-type: none;
	padding-right: 1px;
	color:black;
}
#hmenu {margin:0 0 0 0; padding:0 0 15px 0; font-size:90%;}
#hmenu ol {}
#hmenu li {
	display: inline;
	list-style-type: none;
	padding-right: 1px;
	color:black;
}

.fptapsHeader {margin:0; padding: 10px 20px 0 20px; width:auto; background-color:#5C7244; /*#798F57; #D4FF55;*/}
.fptapsSubHeader {margin:0; padding: 0px 20px 0 20px; width:auto; background-color:#FFFFFF; /*#E7ECDF;*/}
.fptapsSubHeader #breadcrumb {font-size:100%; line-height:130%;}
.fptapsSubHeader #hmenu {margin:0; padding:5px 0 0 0; /*font-size:100%; line-height:130%;*/}
.fptapsStripe0 {margin:0; padding:0; height:3px; width:auto; background-color:#E7ECDF;}
.fptapsStripe1 {margin:0; padding:0; height:6px; width:auto; background-color:#5C7244;}
.fptapsStripe2 {margin:0; padding:0; height:6px; width:auto; background-color:#000000;}
.fptapsContent {margin:0; padding: 10px 20px 0 20px; width:auto;}

#fptaps_form {margin:0 0 5px 0; padding:7px 5px 5px 10px;; border:1px solid black;}
#fptaps_form div {overflow:hidden; margin:0 0 0 0; padding:1px 0 0 0;}
#fptaps_form label {display:block; float:left; width:100px; margin:0 0 0 0; padding:0 0 0 0; text-align:right;}
#fptaps_form input {margin:0 0 0 0; padding:0 0 0 0;}
#fptaps_form p {margin:0 0 0 0; padding:0 0 5px 0;}

.maincontent {padding:10px 10px 10px 10px;}
.maincontentshaded {padding:10px 10px 10px 10px; background-color:#E1E2F7}
.normallistmenu {margin-top:0; padding-top:0;}
.normallistmenu li {margin-bottom:5px;}
.definitionlist {margin: 0 0 0 0;}
.definitionlist dt {margin: 0 0 0 0;}
.definitionlist dd {margin: 3px 3px 10px 20px;}
.leadinparagraph {margin:0 0 0 0; padding:0 0 15px 0; color:navy; font-size:110%; font-style:italic;}
.subsequentparagraph {margin:0 0 0 0; padding:0 0 15px 0;}
.bottomspace {margin:0 0 0 0; padding:0 0 15px 0;}
.inset {margin:0 0 15px 0; padding:5px 5px 5px 10px; background-color:#FFFBF0; border:1px solid silver;}
.inset .leadinparagraph {padding-bottom:8px;}

.redmessage {color:red; margin:0 0 0 0; padding:0 0 5px 0;}
.greenmessage {color:green; margin:0 0 0 0; padding:0 0 5px 0;}
/*.addeventformgroup {clear:both; float:left; width:150px; margin-bottom:8px;}
.addeventformgroup span {font-size:125%; color:#071866;	
	font-family:Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold;}
.addeventformgroup label {font-size:90%; color:#071866; 
	float:none; display: inline; }*/ /*width:auto; text-align:left;*/
/*.addeventformitems {float:left; margin-bottom:8px; border-left:1px solid navy;}
.addeventmoreformitems {float:left; margin-bottom:8px;}
#addeventform {margin:0; padding:0;} 
#addeventform input {font-size:90%;}
#addeventform select {font-size:90%;}
#addeventform textarea {font-size:90%; font-family:Verdana, Arial, Helvetica, sans-serif;}
#addeventform label {float: left; display: block; width:100px; text-align:right;} 
#addeventform .left {text-align:left;}
#addeventform br {clear: both;} */

.leftsidebar {}
.leftsidebar label
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}

.nobr {white-space:nowrap;}
.skipfrom {}
.skipfrom img {}
.skipto {}


a.rollover { 
   display: block; 
   width: 103px; 
   height: 103px; 
   text-decoration: none; 
   background: url("../images/nsi_button.png"); 
} 

a.rollover:hover { 
   background-position: -116px 0; 
} 

a.rollover:active{ 
   background-position: -231px 0; 
} 

.small {font-size: 9px; text-decoration:none;}




/*---- Complex: ----*/
div#oldbrowser
{
	display: none;	/* hide the standards compliant warning - this isn't a catch all, but works for old browsers */
}
a img
{
	border-width: 0;	/* remove the border around linked images. <img border="0" ..../> is invalid in XHTML 1.1 */
}
#innerLeftColumn img
{
	display: block;
	margin: 0 auto;
	text-align: center;	/* IE 5 centering hack */
}
#innerLeftColumn, #innerContentColumn
{
	overflow: visible;	/* fix the Win32 IE italics bug */
	height: 100%;		/* ditto */
}
#innerleftcolumn, #innercontentcolumn
{
	overflow: hidden;	/* IE5.0 fix the Win32 IE italics bug */
	width: 100%;
	height: auto;
}
#innerleftcolumn/* hide from IE5.0 */, #innercontentcolumn/* hide from IE5.0 */
{
	overflow: visible;	/* reset IE5.0 fix for 5.5 */
	height: 100%;		/* ditto */
	width: auto;		/* reset Safair after picking up the above IE5.0 fix : it's case insensitive to CSS selectors */
}
* html #masthead
{
	position: relative;
}
/* Vertical Navigation Styles */
.vnav ul, .vnav a /* .vnav ul li */
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
	display: block;
	background-image: url(../images/menu_back.png); 
    background-repeat: no-repeat;
	/*line-height:25px;*/
}

.vnav ul li a 
{
	padding:4px 0 4px 10px
}

.vnav
{
	margin: 0 0 0 0;
	padding: 0px 0px 10px 0px; /* t r b l */
	list-style-type: none;
	display: block;
	background-image: url(../images/menu_back.png); 
    background-repeat: no-repeat;
	color:#000000;
	text-decoration:none;
	/*line-height:25px;*/
}

/* Hide from IE-mac \*/
* html .vnav ul li a   /* hide from IE 5.0 */ {height: 1%;}





/*---- Colors: ----*/
body
{
	background-image:url(../images/test-bg.gif);	/* border/edge of the layout color background-color: #665*/
}
#pageFrame, #masthead, #mastheadCentered, #footer
{	
	background-color: #2A0001;	/* major background color */
}

/* Public and LE background images: */
#pageFrame
{
	/* image used as background color for left column ( #E9E8CA ) */
	background: #2a0001 repeat-y 0 0;
	background-image:url(../images/menufade.jpg);
}
body.LE #pageFrame
{
	background-image:url(../images/le/menufade2.jpg);
}
#masthead
{
	background-image:url(../images/ncirc-main-banner.jpg);
	width:779px;
}
body.LE #masthead
{
	background-image:url(../images/le/ncirc-main-banner2.jpg);
}
#mastheadCentered
{
	background-image:url(../images/ncirc-main-banner-centered.jpg);
}
body.LE #mastheadCentered
{
	background-image:url(../images/le/ncirc-main-banner2-centered.jpg);
}
#innerLeftColumn 
{
	background-image:url(../images/menu_background.jpg); 
	background-repeat:no-repeat;
}
body.LE #innerLeftColumn
{
	background-image:url(../images/le/menu_background2.jpg); 
}
#footer
{
	background-image:url(../images/footer.jpg);
}
body.LE #footer
{
	background-image:url(../images/le/footer2.jpg);
}
/* End of public and LE background images. */

#contentColumn
{
	/* image used as background color for left column ( #E9E8CA ) */
	background: #FFFFFF repeat-y 0 0;
}
#masthead, #mastheadCentered, #footer
{
	background-color: #885;
	color: #fff;
}
#footer
{
	border-bottom: solid 1px #997; /* IE 6 has the footer flow over the pageFrame's 
									  bottom border. if this border is added, IE draws
									  the pageFrame border as exptected */
}
.vnav .firstitem {border-top:1px solid #FFFFFF;}
.vnav ul .currentitem {background-color:white; color:gray;} /* background-color:brown; */
.vnav ul .currentitem a {color:black;} /* MC (3/15/2010) */
.vnav ul li a
{
	color: #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	text-align:left; 
	text-decoration:none;
}
.vnav ul li a:hover
{
	color: white;
	background-color: brown; /* background-color:white; */
	text-align:left; 
	text-decoration:none;
}
.vnav ul li a:active 
{
	background-color:#091954;  /* #4B0708; #FFFFAA */
	color:#FFFFFF;
}





/*---- Theme: ----*/
/*
	NS4 doesn't do well with added colors because of the extra padding added inside each
	block element. So colors are imported. This theme file will, thus, contain mostly
	font stuff.
 */
/*@import "colors.css";*/

/*** Masthead/Header ***/
#innerMasthead
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	height:120px;
}

/*** Left Column ***/
#innerLeftColumn p
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
	/*/*/ /*/line-height: normal;/* NS4 Adds too much space, so reset the line-height */
}

/*** Content ***/
#innerContentColumn
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}
#innerContentColumn h3
{
	color: #009;
}
#innerContentColumn .pagetitleandbar
{
	padding:10px 0 15px 0;
}
#innerContentColumn .pagetitleandbar h2
{
	font-variant:small-caps;
	font-family: Arial, Helvetica, sans-serif;
	font-size:170%;
	color:#071866; 
	font-style:italic; 
	font-weight: bold;
	margin:0 0 0 0; 
	padding:0 0 0 0; 
}
#innerContentColumn .pagetitleandbar img 
{
	height:5px;
	margin-top:0; 
	padding-top:0;
}
#innerContentColumn .pagetitleandbar h2 .smaller
{
	font-size:85%;
}
#innerContentColumn .pagetitleandbar h3
{
	/*font-variant:small-caps;*/
	font-family: Arial, Helvetica, sans-serif; 
	font-size:160%; 
	color:#071866;
	font-style:italic;
	font-weight: bold; 
	margin:0 0 0 0; 
	padding:0 0 0 0;
}
#innerContentColumn .pagetitleandbar h3 .smaller
{
	font-size:90%;
}

/*** Footer ***/
#innerFooter
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	height:85px;

}


/*** Vertical Navigation Area ***/
.vnav
{
	font-family:Verdana, Arial, Helvetica, sans-serif; /* Verdana, Arial, Helvetica, sans-serif;*/
	font-weight:bold;
	font-size: 12px;
	text-align:left; /*text-align:right;*/
	padding-right:0px;
	/*cursor:pointer;*/
	 /* Mozilla suffers from a rounding problem, 
						  this value may have to be tweaked if you 
						  change the font family or size 
						*/
	/*/*/ /*/line-height: 120%;/* NS4 Adds too much space, so lower it */
}
.vnav li 
{
	margin-bottom:0;
}