/* CSS Document */
body
{
	background: url(images/wood.jpg) repeat; 
	margin: 0px;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: small;
}
p
{
	font-family:"Times New Roman", Times, serif;
	font-weight:425;
	font-size: 12pt;
	text-align: left;
	text-indent: 2em; 
    color:#000000;
	background-color: transparent;
}
h1
{
	font-family: "monotype corsiva","comic sans ms",verdana;
	font-style: italic;
	font-size: 18pt;
	font-weight: bold;
	text-align: center;
	color:#0000ff;
	background-color: transparent;
}
h2
{
	font-family: "monotype corsiva","comic sans ms",verdana;
	font-size: 15pt;
	font-weight: bold;
	font-style: italic;
	text-decoration:underline;
	text-align: left;
	color:#333333;
	background-color: transparent;
}
h3
{
	font-family: arial;
	font-size: 11pt;
	font-weight: bold;
	text-align: left;
	font-style: italic;
	color:#333333;
	background-color: transparent;
}
h4
{
	font-family: arial;
	font-size: 13pt;
	font-weight: bold;
	text-align: left;
	color:#333333;
	background-color: transparent;
}
h5
{
	font-family: arial;
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	color:#333333;
	background-color: transparent;
}
h6
{
	font-family: arial;
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
	color:#333333;
	background-color: transparent;
}
blockquote
{
	font-style:italic;
	font-weight:bold;
}
#livehelp
{
	right:4%;
	top:10px;
	position:absolute;
	z-index:10;
}
#container
{
	background: url("images/vertical-line.gif") repeat-y;
	height: 1000px;
	width: 100%;
	top: 0px;
	z-index: 1;
}
#container2
{
	background: transparent url("images/horizontal-line.gif") repeat-x;
	height: 100%;
	width: 100%;
	top: 0px;
}
#header
{
	background: transparent url("images/ip-logo.gif") no-repeat top left;
	height: 600px;
	width: 100%;
	top: 0px;
}
#paper {
	position:absolute;
	width:95%;
	z-index:2;
	top: 95px;
}
#tags
{
	padding:1%;
	margin:1%;
	float:left;
	width:20%;
}
#tags a
{
	text-decoration:none;
	color:#000000;
}
#tags a:hover
{
	border-bottom-width:1px;
	border-top-width:1px;
	border-bottom-style:solid;
	border-top-style:solid;
	border-bottom-color:#000000;
	border-top-color:#000000;
	color:#0000FF;
}
#menu {
	position:absolute;
	width:100%;
	z-index:99;
	top: 100px;
	left:15px;
}
#calendar
{
	background: white url("images/line.gif") repeat;
	float: right;
	width: 93%;
	height: 75%;
	position: absolute;
	top: 90px;
	left: 25px;
	padding-left: 14px;
	padding-top: 0px;
	z-index: 2;
}
#ul
{
	background: transparent url("images/ul.gif") no-repeat;
	width: 50px;
	height: 50px;
	position: absolute;
	top: -6px;
	left: -6px;
	z-index: 1;
}
#ur
{
	background: transparent url("images/ur.gif") no-repeat;
	width: 50px;
	height: 50px;
	position: absolute;
	top: -6px;
	right: -6px;
	z-index: 1;
}
#ll
{
	background: transparent url("images/ll.gif") no-repeat;
	width: 50px;
	height: 50px;
	position: absolute;
	bottom: -6px;
	left: -6px;
	z-index: 1;
}
#lr
{
	background: transparent url("images/lr.gif") no-repeat;
	width: 50px;
	height: 50px;
	position: absolute;
	bottom: -6px;
	right: -6px;
	z-index: 1;
}
#book
{
	width:715px;
	height:505px;
	top:72px;
	left:24px;
	position:absolute;
	background-image:url(images/book.gif);
	background-repeat:no-repeat;
	padding-top:20px;
	padding-left:35px;
	z-index: 4;
}
#bookcontent
{
	width:630px;
	height:462px;
	top:1px;
	left:4px;
	position:absolute;
	padding-top:20px;
	padding-left:35px;
	overflow:auto;
	z-index: 5;
}
#pen
{
	width: 200px;
	height: 191px;
	position: absolute;
	top: 130px;
	right: 25px;
	border-style: none;
	z-index: 3;
	background-image:url(images/pen.gif);
	background-repeat:no-repeat;
}

#paperclip
{
	background: transparent url(images/paperclip.gif) no-repeat top left;
	width: 50px;
	height: 50px;
	left:25px;
	top:350px;
	position:absolute;
	z-index: 3;
}
#upperleftdiv
{
	top:0px;
	left:0px;
}
#latestnews
{
	width:99%;
	height:300px;
	overflow:auto;
}
/***************************************/
/*               menu                  */
/***************************************/
/*** ntflymenu_23a can be used as a norml UL menu, or as a
javascript flyout menu. Just needs the 3 scripts,
enclosed with this template. ntrk ****/
/*** ntmenu_container_23a to align and to pad ****/
/*** margin:0 auto; to center nav in left column ***/
/** I now have it align left, 15px left pad, this template ****/
/**** used only if menu aligns left in left column ****/
/** text-align:center; to center nav in left column ***/

/***** ITEM STYLES *****/
/*** NTNAV IS MAIN UL: DO NOT Align toplevel UL HERE,
margin:0 auto fouls; and this text-align: does all LI text ***/

#ntnav
{
     LIST-STYLE-TYPE: none;
	 left:-2px;   /* Position menu to the left of normal indent of lists */
	 position:relative;  /* Needed to make position stick */
	 font-size:90%;
}

/*** Levels: Styles and Positioning *****/
.toplevel
{
     FONT-SIZE: 90%;
     width:90px;
}
.level2,
.level3
{
     FONT-SIZE: 90%;
     WIDTH: 235px;
	 /** if li border here, do also with hover **/
     FONT-FAMILY: Arial, Helvetica, sans-serif;
     text-indent:2px;
}

/*** first level background image button and padding above below buttons ***/
#ntnav .toplevel
{
     /*** CSS is the Better way, but Button BACKGROUND or button side image file here; Text indent here also ****/
     padding-top:3px; /*** padding here is above below TEXT IN button li text ***/
     padding-bottom:3px; /*** padding here is above below TEXT IN button li text***/
     /** darkblue button-look = background #2b4b7c **/
     border: 1px outset #000000;
	 background-image:url(images/marble-brown.jpg);
	 color:#CCCCCC;
     text-indent:8px;
}

/*** 2nd + 3rd level list items ****/
/*** padding here is above below 2nd level buttons ***/
#ntnav LI LI,
#ntnav LI LI LI
{
     padding-top:2px; /*** padding here is above below TEXT IN buttons ***/
     padding-bottom:2px; /*** padding here is above below TEXT IN buttons ***/
}


/**** 2nd-3rd backgrounds of flyout boxes (UL) NO BORDER CAUSE GRABS FIRST, TEXT-ALIGN FLYS HERE ****/
#ntnav UL, #ntnav UL UL
{
     padding:0;
     LIST-STYLE-TYPE: none;
	 background-color:#ffffff;
}

/*** 2nd main FLYOUT. Second List position: (margin-left:distance) (change width in two places 1 for box & 1 for text)****/
#ntnav LI UL
{
	LEFT: -999em;
	MARGIN-LEFT: 25px;
	BORDER: 1px solid #000000;
	width:240px;
	POSITION: absolute;
	z-index: 3;
}

/**** 3rd main FLYOUT. Third list postion (margin-left:distance) (change width in two places 1 for box & 1 for text)*****/
#ntnav LI UL UL
{
     LEFT: -999em;
     MARGIN-LEFT: 50px;
     BORDER: 1px solid #000000;
     width:240px;
     position: absolute;
}

/*** This one effects all LI, All levels ****/
#ntnav LI A
{
     DISPLAY: block;
     TEXT-DECORATION: none;
}

/*** Main List Hover text all levels ***/
#ntnav LI A:hover 
{
	color:#cccccc;
	background-image:url(images/marble-gray.jpg);
}

/*** toplevel levelone hover ****/
/*** li hover border here ****** if hover background-color:#eaeaea; desired ****/
#ntnav li .toplevel:hover
{
     background-color:#CCCCCC; 
}


/*** 2-3-4 fly lists items link, can color or border or underline here ***/
#ntnav LI LI A,
#ntnav LI LI LI A,
#ntnav LI LI LI LI A
{     
     DISPLAY: block;
     TEXT-DECORATION: none;
     color:#000000;
}

/*** 2-3-4 fly lists items link-hover can color or border or underline here ***/
#ntnav LI LI A:hover,
#ntnav LI LI LI A:hover,
#ntnav LI LI LI LI A:hover
{
     /*** TEXT AND BACKGROUND COLOR FOR ALL FLYOUT ITEMS ****/
	 color:#000000;
     background-image:none;
     BACKGROUND-COLOR:#A43C04;
     border:none;
}

/*** aligns left ***/
#ntnav LI:hover UL UL {LEFT: -999em;}
#ntnav LI:hover UL UL UL {LEFT: -999em}
#ntnav LI.sfhover UL UL {LEFT: -999em;}
#ntnav LI.sfhover UL UL UL {LEFT: -999em}
#ntnav LI:hover UL {LEFT: auto}
#ntnav LI LI:hover UL {LEFT: auto}
#ntnav LI LI LI:hover UL {LEFT: auto}
#ntnav LI.sfhover UL {LEFT: auto}
#ntnav LI LI.sfhover UL {LEFT: auto}
#ntnav LI LI LI.sfhover UL {LEFT: auto}


/* Fix IE. Hide from IE Mac */
html #ntnav li { float:left; height:1%; }
html #ntnav li a { height:1%; }
/* End */