html,body,h1,h2,h3,h4,h5,h6,p,ul,li {
	 margin:0; 
	 padding:0;
	 }
body {
	background: #006 url(../ncdarimages/starbkgrnd.gif) repeat;
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	line-height: 140%;
	}
	 

h1 {
	font-size: 1.6em;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	line-height: 100%;
	padding: 15px 12px 6px 20px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
h2 {
	font-size: 1.0em;
	font-style: normal;
	font-weight: normal;
	color:  #ffffff;
	line-height: 100%;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
h3 {
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	line-height: 100%;
	text-align: right;
	padding-right: 15px;
	font-family: Arial, Helvetica, sans-serif;
	}

p   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	color: #444444;
	line-height: 170%;
	padding: 4px 16px 4px 44px;
	}


a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #444444;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #444444;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
	color: #2748ab;
}
/* ~~ This fixed width container surrounds all other divs ~~ */
#container {
	width: 800px;
	background: #cccccc;
	margin: 15px auto 0;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
/* -- NOT SUPPORTED SHADOW
-mox-box-shadow: 0px 0px 5px #666666;
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666; -- */
	
	
/* -- HEADER -- */
#header {
	background: #9a0000;
	height: 138px;
	width: 800px;
}
#subheader {
	background: #640000;
	height: 22px;
	width: 800px;
}

.colindent {  /* used in header */
		float: left;
	width: 228px;
margin-top: 20px;
	margin-left: 20pt;
	}
	
.headcol {  /* title column within header */
	float: left;
	width: 500px;
	padding-top: 5px;
	margin-top: 30px;
	margin-bottom: 10px;
	margin-left: 5px;
	}
.subheadcol {  /* title column within sub-header */
	float: right;
	width: 500px;
	padding-top: 5px;
	padding-top: 5px;
	}

/* ~~ CONTENT LAYOUT ~~ */

#welcome {
	width: 580px;
	padding-left: 20px;
	padding-bottom: 10px;
	float: left;
	background: #ffffff;
	}

#content {
	width: 560px;
	padding-top: 20px;
	padding-bottom: 5px;
	padding-left: 30px;
	float: left;
	background: #cccccc;
	}

/* ~~ CONTENT LISTS ~~ */
#content ul, #content ol {
	padding: 0 15px 15px 40px; 
	font-size: 0.8em;
	}
	
/* ~~ SIDE BAR LAYOUT ~~ */

#sidebar1 {
	float: left;
	width: 210px;
	background: #cccccc url(none) no-repeat;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
	}

/* ~~ NAVIGATION ~~ */
ul.nav {
	list-style: none;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	}
	
ul.nav li {
	border-bottom: 15px solid #cccccc;
	border-top: medium solid #9a0000;
	}
	
ul.nav a, ul.nav a:visited { 
	padding: 5px 0px 5px 20px;
	display: block; 
	width: 190px;  
	text-decoration: none;
	background: #ffffff;
	color: #293694;
	}
	
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background: #2a58a7;
	color: #ffffff;
	}
	
/* ~~ FOOTER ~~ */
#footer {
	padding: 0 10px 10px 10px;
	background: #666666;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	height: 15px;
	color: #ffffff;
	}
.menuft {
	float:left;
	text-decoration:none;
	list-style:none;
	margin:0 0 0 270px;
	border-style:none; 
	color: #ffffff;
	 }
	 
ul.menuft li {
	text-decoration:none;
	padding:0 5px 5px 5px;
	display: inline;
	font-weight:normal;
	font-size:0.6em;
	color:#ffffff;
	}
	
 .menuft li a {
	 text-decoration:none;
	 padding: 0px;
	 color:#ffffff;
	 }
	 
 .menuft li a:hover {
	color:#000000;
	border-bottom: thin dotted #ffffff;
 	}
	
/* ~~ Miscellaneous float/clear classes ~~ */
.fltrt {  /* this class is used to float an element to right on the page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class is used to float an element to left on the page.  */
	float: left;
	margin: 10px 15px 10px 20px;
}

.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the .container) if the .footer is removed or taken out of the .container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	}
	

.addpadtop {
	padding-top: 50px;
	}
	
.white {
	color: #ffffff;
	}
	
.padtop {
	padding-top: 6px;
	}

.patlist {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	line-height: 120%;
	font-weight: normal;
	color: #444444;
	line-height: 170%;
	list-style: url(../images/star.gif) none;
	}
	
.italic {
	font-style: italic;
	}
.italicblue {
	font-style: italic;
	color: #293694;
	}
.italicbold {
	font-style: italic;
	font-weight: bold;
	}

.bold {
	font-weight: bold;
	}
	
.center {
	text-align: center;
	}
	
.mice {  /* -- mice type, for footnotes -- */
	font-size: 75%;
	font-style: italic;
	line-height: 140%;
	font-weight: normal;
	color: #666666;
	padding-left: 0px;
	}