html {
	 margin: 0px;
	 padding: 0px;
}

body {
	 margin: 10px;
	 padding: 0px;
}

p { margin: 0px 0px 10px 0px; }

/*** colors, backgrounds, and fonts ***/
* { line-height: 1.4; }

blockquote {
	padding: 15px;
	background: #f4f6f8;
	font: italic 100% Georgia, Times, 'Times New Roman', serif; 
}
/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav {
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #e8f0f4;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #d8e0e4;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #b8c0c4;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #e8f4f0;
}

.calendar tbody .rowhilite td {
  background: #d8e4e0;
}

.calendar tbody .rowhilite td.wn {
  background: #c8d4d0;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
  background: #d8e0e4;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #e8f0f4;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #d8e0e4;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #d8e0e4;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #c8d0d4;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #048;
  color: #aef;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #e8f0f4;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

body {
	color: #585B61;
	background: #fff url('images/base/bg.gif') repeat-x;
	text-align: left;
	vertical-align:text-top;
	font: .8em Verdana, Arial, Helvetica, sans-serif;
}

table {
        border-collapse: collapse;
        border: 0;
}

caption {
        margin-left: auto;
        margin-right: auto;
        padding: .5em;}

th, td {
        padding: 0.25em .75em .25em .75em;
        text-align: left;
        vertical-align:text-top;
        }        

th {
        background: #578daf;
        color: #fff;
        border: 2px inset white;
}        

td {
        border: 0;
}       

col.c2, col.c4 {font-style: italic;}
colgroup {border-right: 2px outset;}

.intro {
        list-style-type: lower-roman;
}

.chapter {
        list-style-type: decimal;
}

.appendix {
        list-style-type: upper-roman;
}                        

.columnquote {
        margin-left: .1em;
        padding: .6em;
	background: #e5eefd;
	font: italic 90% Georgia, Times, 'Times New Roman', serif;
}

#warning {
        background: #ffcccc;
        padding: 4px;
		font-size: 130%;
}

#infomsg {
        background: #ffffcc;
        padding: 6px;
}

#body2col #body2, #body3col #body2 {
	background: #e5eefd url('images/base/ndleftbg.gif') repeat-x bottom left;
}

#body2col #body1 a:visited {
	font-size: 105%;
	font-weight: normal;
	text-decoration: underline;
	color: #000;
}

#body2col #body1 a:link {
	font-size: 105%;
	font-weight: normal;
	text-decoration: underline;
	color: #000;
}

#body2col #body1 a:hover {
	font-weight: bold;
        text-decoration:  underline;
}

#body2col #body1 a:active {
	font-weight: bold;
        text-decoration:  underline;
}                

#body3col #body1 a:visited {
	font-size: 105%;
	font-weight: normal;
	text-decoration: underline;
	color: #000;
}
#body2col #body1 #contents {
        margin-left: 10px;
        padding-left: 0px;
        list-style-type: none;
}

#body2col #body1 #contents li {
        padding: .2em 0px 0px 0px;
}

#body3col #body1 a:link {
	font-size: 105%;
	font-weight: normal;
	text-decoration: underline;
	color: #000;
}

#body3col #body1 a:hover {
	font-weight: bold;
        text-decoration:  underline;
}

#body3col #body1 a:active {
	font-weight: bold;
        text-decoration:  underline;
} 

#body3col #body1 #contents {
        margin-left: 0px;
        padding-left: 0px;
        list-style-type: none;
}

#body3col #body1 #contents li {
        padding: .2em 0px 0px 0px;
}

#bodyhome {
	background: url('/images/base/ndhome-colbg.jpg') repeat-y;
	color: #fff;
}


#bodyhome a:visited {
	font-size: 105%;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

#bodyhome a:link {
	font-size: 105%;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

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

#bodyhome a:active {
	text-decoration:  underline;
}

#bodyhome #body1 { 
	background: url('images/base/coltop.jpg') -316px 0px no-repeat;
}

#bodyhome #body2 { 
	background: url('images/base/coltop.jpg') no-repeat;
}

#bodyhome #body3 { 
	background: url('images/base/coltop.jpg') -632px 0px no-repeat;
}

#container {
	background: url('images/base/pagebg.gif') no-repeat;
}

#footer {
	font-size: 80%;
		font: .7em Verdana;
}

.footnote {
	font-size: 85%;
        color: black;
}

h1 { 
	margin: 2px;
	color: #000; 
	font: bold 220% 'Trebuchet MS', Arial, Helvetica, sans-serif; 
}
h2 { 	
	margin: 0px;
	color: #000; 
	font: bold 170% 'Trebuchet MS', Arial, Helvetica, sans-serif; 
}
	#bodyhome h2 { color: #fff; }

h3 { 
	margin: 0px;
	color: #585B61;
	font: bold 140% 'Trebuchet MS', Arial, Helvetica, sans-serif; 
}

h4 { 
	margin: 0px;
	color: #585B61;
	font: bold 140% 'Trebuchet MS', Arial, Helvetica, sans-serif; 
}

h5 { 
	margin: 0px;
	color: #585B61;
	font: bold 120% 'Trebuchet MS', Arial, Helvetica, sans-serif; 
}

h6 { 
	margin: 0px;
	color: #585B61;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif; 
}

hr { 
	color: #6f7c8c; 
	background: #585B61; 
	height: 1px; 
	padding: 0px; 
	border: 0px;
}

.copyleft {
        font-size: 60%
}        

#homepic {
	
	background: url('images/base/homepic5.jpg') no-repeat;
}

#homepic #centertext {
	      margin-left: 20px;
		  font-size: 120%;
		  text-align: center
}

#homepic #maintext {
	      margin-left: 20px;
		  font-size: 95%;
}

#homepic a:visited {
         color: red;
         background: #ffcccc;
		 padding: 3px; 
}              
         
#homepic a:link {
         color: red;
         background: #ffcccc;
}                 

#homepic a:hover {
         color: black;
         text-decoration: none;
         background: #ffcccc;
         padding: 2px;
         border: inset 2px ;
}  

#homepic a:active {
         color: red;
         background: #ffcccc;
         text-decoration: underline;
}  

#menu {
	background: url('images/base/menubg.gif') no-repeat;
}
	#home #menu {
		background-image: url('images/base/menubg.gif');
	}

#menu a:visited {
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

#menu a:link {
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

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

#menu a:active {
	text-decoration:  underline;
}

#footermenu a:visited {
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

#footermenu a:link {
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

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

#footermenu a:active {
	text-decoration:  underline;
}

#navbar {
        font-size: 80%;
        font-weight: bold;
        color: #000;
}

.leftmenu a:visited {
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

.leftmenu a:link {
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

.leftmenu a:hover {
         color: #fff;
         text-decoration: none;
         color: #fff;
         background: #585B61;
         padding: 2px;
         border: inset 2px ;
}

.leftmenu a:active {
	text-decoration:  underline;
}

#top {
	background: #242661 url('images/base/topheader4.jpg') repeat-x;
	color: #fff;
}

#toplinks a:visited {
	font-size: 105%;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

#toplinks a:link {
	font-size: 105%;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

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

#toplinks a:active {
	text-decoration:  underline;
}

#required {
   color: blue;
}

/*** layout and dimensions ***/

table {
        table-layout: auto;
        border: 0;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        padding-left: 2em;
        padding-right: 2em;
}

#body2col #body1 {
	width: 730px;
	float: left;
	padding: 10px 25px 10px 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 695px;
	margin-left: 10px;
}
	html>body #body2col #body1 { width: 695px; }
 
#body2col #body1 ul {
        padding-top: 1px;
        margin-top: 1px;
        padding-left: 10px;
        margin-left: 10px;

}  

#body2col #body1 ol {
        padding-top: 4px;
        margin-top: 4px;
        padding-left: 15px;
        margin-left: 15px;
} 

#body2col #body2 {
	width: 220px;
	float: left;
	min-height: 300px;
	padding: 10px 10px 10px 25px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 185px;
}
	html>body #body2col #body2 { width: 185px; }
 
#body2col #body2 ol {
        padding-top: 0px;
        margin-top: 0px;
        padding-left: 3px;
        margin-left: 3px;
}  

#body3col #body2 {
	width: 220px;
	float: left;
	min-height: 300px;
	padding: 10px 10px 10px 25px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 185px;
}
	html>body #body3col #body2 { width: 185px; }
 
#body3col #body2 ol {
        padding-top: 0px;
        margin-top: 0px;
        margin-left: .8em;
        padding-left: 0px;

}  

#body3col #body1 {
	width: 530px;
	float: left;
	padding: 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 510px;
}
	html>body #body3col #body1 { width: 510px; }
 
#body3col #body1 ul {
        padding-top: 1px;
        margin-top: 1px;
        padding-left: 10px;
        margin-left: 10px;
		border: none;
} 

#body3col #body1 ol {
        padding-top: 4px;
        margin-top: 4px;
        padding-left: 15px;
        margin-left: 15px;
} 

#body3col #body3 {
	width: 200px;
	float: left;
	padding: 10px 25px 10px 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 165px;
}
	html>body #body3col #body3 { width: 165px; }

#bodyhome {
	width: 950px;
}

#bodyhome ul {
        padding: 0px;
        margin: 0px 0px 8px 10px;

}

	#bodyhome #body3 {
		width: 316px;
		float: left;
		min-height: 155px;
		padding: 5px 25px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 266px;
	}
		#bodyhome #body2 {
		width: 316px;
		float: left;
		min-height: 155px;
		padding: 5px 25px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 266px;
	}
		#bodyhome #body1 {
		width: 317px;
		float: left;
		min-height: 155px;
		padding: 5px 25px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 267px;
	}
		html > body #bodyhome #body2 { width: 266px; }
	
		html > body #bodyhome #body1 { width: 267px; }
	
	#bodyhome #body3 {
		width: 317px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 267px;
	}
		html>body #bodyhome #body3 { width: 267px; }

.clear { clear: both; }

#container {
	margin: 0px auto;
	min-height: 600px;
	width: 970px;
	padding: 0px 10px;
	text-align: left;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;

}
	html>body #container { width: 950px; }

#footer {
	padding: 10px 25px;
	clear: both;
	text-align: center;
}

.footnote {
	padding: 10px 10px;
	clear: both;
}

#homepic {
	width: 950px;
	height: 300px;
	padding: 25px 325px 25px 25px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 600px;
	height: 250px;
}
	html>body #homepic { width: 600px; height: 250px; }

.icon {
	float: right;
	margin-right: -15px;
    border: 0px;
}

.photo {
	float: left;
	margin: 0px -5px 100px 0px;
	padding: 0px 5px 100px 0px;
    border: 0px;
}

.learnmore {
    border: 0px;
}

#logo {
	margin: 0px;
	color: #fff;
	float: left;
	padding: 25px 0px 0px 25px;
}
	#logo a { color: #fff; text-decoration: none; }

#menu {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 950px;
	height: 33px;
}	
	#menu li {
		float: left;
	}
	
	#menu li a:visited {
		display: block;
		float: left;
                margin: 7px 5px 3px 5px;
		padding: 3px 5px 3px 5px;
	}

	#menu li a:link {
		display: block;
		float: left;
                margin: 7px 5px 3px 5px;
		padding: 3px 5px 3px 5px;
	}
	
#footermenu {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 900px;
	height: 33px;
	text-align: center;
}	
	#footermenu li {
		float: left;
	}
	
	#footermenu li a:visited {
		display: block;
		float: left;
        margin: 7px 3px 3px 3px;
		padding: 3px 3px 3px 3px;
	}

	#footermenu li a:link {
		display: block;
		float: left;
        margin: 7px 3px 3px 3px;
		padding: 3px 3px 3px 3px;
	}	
 
#navbar {
	margin-left: auto;
   	margin-right: auto;
	padding: 0px;
    list-style: none;
}

	#navbar li {
		float: left;
	}
	#navbar li a:visited {
		display: block;
		float: left;

	}

	#navbar li a:link {
		display: block;
		float: left;
	}

	#navbar li a:visited {
		display: block;
		float: left;
                margin-left: .9em;
		padding-left: 0px;
	}

	#navbar li a:link {
		display: block;
		float: left;
                margin-left: .9em;
		padding-left: 0px;
	}

.leftmenu {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border: none;	
 }
	
	.leftmenu li a:visited {
		display: block;
		padding: 1px 0px 0px 0px;
	}

	.leftmenu li a:link {
		display: block;
		padding: 1px 0px 0px 0px;
	}

        .leftmenu ul {
                list-style: none;
                margin-left: 1em;
                padding-left: 0px;
        }
		
#top {
	height: 95px;
}

#topcontent {
	float: right;
	padding: 10px 25px;
}
        
#toplinks {
	float: right;
	padding: 10px 25px;
}

.english {
	color: red;
}  

.spanish {
	color: black;
}     

@media print {
	body {
		background: #fff;
	}
	
	#container, #homepic, #bodyhome,
	#body2, #bodyhome #body2, #body2col #body2, #body3col #body2, 
	#body1, #bodyhome #body1, #body2col #body1, #body3col #body1, 
	#body3, #bodyhome #body3, #body3col #body3 {
		background: none;
		width: auto;
		height: auto;
		padding: 0px;
		float: none;
		color: #585B61;
	}
		html>body #container, html>body #homepic,
		html>body #body2col #body1, html>body #body3col #body1 {
			background: none;
			width: auto;
			height: auto;
			padding: 0px;
			float: none;
			color: #585B61;
		}
	
	#top, #menu, #footermenu, #footer {
		display: none;
	}
	
	#homepic, #body3col #body1, #bodyhome #body1 {
		margin: 0px 230px;
		padding: 10px;
		width: auto;
	}
		html>body #homepic, html>body #bodyhome #body1 {
			margin: 0px 230px;
			padding: 10px;
			width: auto;
		}
	
	#body2col #body1 {
		margin-left: 230px;
	}
		html>body #body2col #body1{
			margin-left: 230px;
		}
		
	#body2, #bodyhome #body2, #body2col #body2, #body3col #body2 {
		width: 220px;
		position: absolute;
		top: 0px;
		left: 0px;
		padding: 10px 10px 10px 20px;
		margin-right: -3px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 200px;
	}
		html>body #body2, html>body #bodyhome #body2, html>body #body2col #body2, html>body #body3col #body2 {
			width: 200px;
		}
	
	#body3, #bodyhome #body3, #body3col #body3 {
		position: absolute;
		top: 0px;
		right: 0px;
		padding: 10px;
		width: 220px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 200px;	
	}
		html>body #body3, html>body #bodyhome #body3, html>body #body3col #body3 {
			width: 200px;
		}
}
/* For drop down menu  -- from sample1h */
.mlddm
{	visibility: hidden;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	overflow: hidden;
	background-color: #578DAF}

	.mlddm li
	{	display: inline;
		list-style: none;
		float: left;
		margin: 0;
		padding: 0}
	
	.mlddm li a, .mlddm li a#buttonnohover
	{	display: block;
		margin: 0 2px 0 0;
		padding: 4px;
		width: 80px;
		font: bold 11px arial;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		white-space: nowrap;
		color: #FFF;
		background-color: #578DAF;
		border: 1px solid #578DAF}

	.mlddm li a:hover, .mlddm li a#buttonhover
	{	background-color: #ABC9DE}

		.mlddm ul
		{	z-index: 100;
			position: absolute;
			visibility: hidden;
			margin: 2px 0 0 0;
			padding: 0;
			background: #ECEFE4;
			border: 1px solid #578DAF}

			.mlddm ul li
			{	float: none}

			.mlddm ul li a
			{	display: block;
				width: auto;
				margin: 0;
				padding: 5px 17px 5px 13px;
				font-weight: normal;
				text-align: left;
				text-transform: none;
				white-space: pre;
				color: #2875DE;
				background: transparent;
				border-width: 0}

	.mlddm ul li .hsub
	{	background: transparent no-repeat right url(arrow.gif)}

	.mlddm ul li .hsub:hover
	{	background: #ABC9DE no-repeat right url(arrow.gif)}
.popup:hover {
	cursor: pointer
}