@import url("/webfonts/PermanentMarker/stylesheet.css");
@import url("/webfonts/luxirb/stylesheet.css");
body { background-color: #000; font: medium Arial, Helvetica, sans-serif; color: #333333; margin: 0; padding: 0; }
a { font-size: medium; }
a:visited { }
a:active { color: #666; }
a:link { color: #383917; text-decoration: none; font-weight: bold; }
a:hover { color: #FF9900; text-decoration: underline; }
.boldTEXT { font-weight: bold; color: #000; }
.border { padding: 0px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: none; border-left-style: none; border-top-color: #000; border-right-color: #000; border-bottom-color: #000; border-left-color: #000; }
.smBDwht { font-size: small; color: #FFF; text-decoration: none; font-weight: bold; text-align: center; padding: 10px; }
}
/* begin basics CSS*/

.menu_img { vertical-align: baseline; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin: 0px; padding: 0px; }
.justify { text-align: justify; font-size: 14px; font-weight: normal; }
#container { width: 990px; text-align: center; margin-right: auto; margin-left: auto; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#main { border-bottom-width: 3px; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-bottom-color: #000000; margin: 0px; padding: 0px; border-collapse: collapse; border-spacing: 0; background-color: #FFF; width: 100%; }
#content { margin: 0px; vertical-align: top; background-color: #FDD116; top: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; height: 100%; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; border-left-style: none; width: 990px; }
#header { width: 100%; min-width: 990px; }
#nav_top { background-color: #808080; }
#nav_l { background-color: #FDD116; margin: 0; padding: 0px; top: 0px; vertical-align: top; text-align: center; float: left; font: bold large 'Alegreya', serif; height: 100%; display: block; width: 200px; }
#container tr td #main { margin: 0px; padding: 0px; }
#container tr td #main tr #content table { margin-right: auto; margin-left: auto; vertical-align: top; }
#container tr td #main tr #content #table tr td { padding: 5px; }
#container tr td #main tr #content #table_c_us td { border: 2px double #98B7E2; }
#container tr td #main tr #content #table_l_sm td { border: 2px double #98B7E2; }
#text_ctr { text-align: center; }
#text_box { width: 650px; margin-right: auto; margin-left: auto; text-align: justify; }
#dept { padding-top: 10px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }
#valid { margin-right: auto; margin-left: auto; }
#table_c { text-align: center; width: 600px; margin-right: auto; margin-left: auto; }
#table_c_us { margin-right: auto; margin-left: auto; text-align: center; vertical-align: middle; }
#table_c_list { text-align: center; }
#table_l_sm { margin-right: auto; margin-left: auto; border: 3px solid #98B7E2; text-align: left; }
#table_l_nb { margin-right: auto; margin-left: auto; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; text-align: left; }
#table_l_nb p { text-align: justify; vertical-align: top; }
#footer { text-align: center; padding: 5px; margin: 0px; vertical-align: middle; border-top-width: 1px; border-top-style: solid; border-top-color: #000; background-color: #808080; font-size: small; font-weight: bold; color: #FFF; border-radius: 0px 0px 25px 25px; }
.top_graphic { text-align: right; padding: 5px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; right: 15px; }
.menu_img { vertical-align: baseline; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin: 0px; padding: 0px; }
.tableC { text-align: center; vertical-align: top; border: none; margin-right: auto; margin-left: auto; }
.tableL { text-align: left; vertical-align: top; float: left; }
.mdgrey { background-color: #CCC; }
.justify { text-align: justify; font-size: 14px; font-weight: normal; vertical-align: top; }
.center { text-align: center; }
a img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#left_nav { background-color: #FDD116; width: 180px; }
#sub_footer, #sub_footer a { text-align: center; padding: 5px; vertical-align: middle; color: #CCC; text-decoration: none; list-style-type: none; font-size: x-small; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-weight: normal; font-family: Verdana, Geneva, sans-serif; }
.clear { clear: both; height: 0px; overflow: hidden; }
p.MsoNormal { margin: 0in; margin-bottom: .0001pt; font-size: 12.0pt; font-family: "Times New Roman", "serif"; }
h2.justify strong { font-size: large; text-decoration: underline; margin-top: 1em; }
header {
	height: auto;
	width: 990px;
	display: block;
	min-width: 990px;
	margin: 5px auto 0;
	padding: 0px;
	background: url(/nohlcn/images/headerBKG.jpg) repeat-x left 0;
	top: 0px;
	border-radius: 25px 25px 0px 0px;
}
th { color: #FDD116; background: #3A5DAF; font-size: large; font-weight: bold; }
.border tr td, .border tr th { padding: 10px; border: 1px solid #666666; }
@media screen and (min-width: 769px) {
.mobile { display: none !important; }
}
#topMenu { width: 100%; margin: 0 auto 7px; line-height: 100%; z-index: 1000; background-color: #666; background-image: url(/images/gradient.png); background-repeat: repeat-x; background-position: 0 -100px; vertical-align: bottom; display: block; height: auto; height: auto; min-width: 960px; border-top: 2px inset #FFF; border-bottom: 1px inset #000; min-height: 35px; }
#TopNav { margin: 0 auto 0 2em; line-height: 100%; z-index: 1000; vertical-align: bottom; padding: 5px 5px 0px; width: 990px; }
.MenuBarItemSubmenu { background: url(/SpryAssets/SpryMenuBarRightBLACK.gif) no-repeat 94% 50%; }
.MenuBarItemSubmenuL { background-image: url(/SpryAssets/SpryMenuBarRightBLACK.gif); background-repeat: no-repeat !important; background-position: 96% 50%; }
.greyside { background-image: url(/SpryAssets/SpryMenuBarRightBLACK.gif); background-repeat: no-repeat !important; background-position: 92% 50%; }
#TopNav li {
	float: left;
	position: relative;
	list-style: none;
	margin: 0 15px;
	padding: 4px 0 0 0;
	z-index: 1000;
}
#TopNav a {
	font-size: medium;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 5px 15px;
	margin: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	font-family: Arial, Helvetica, sans-serif;
}
#TopNav a:hover { background: #000; color: #fff; }
#TopNav li:hover > a {
	background: #ccc url(/images/gradient.png) repeat-x 0 -40px;
	color: #3D3D3D;
	border-top: solid 1px #f8f8f8;
	padding: 4px 15px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.2);
	box-shadow: 0 1px 1px rgba(0,0,0,.2);
	text-shadow: 0 1px 0 #FFFFFF;
}
#TopNav ul li:hover a, #TopNav li:hover li a { border: none; color: #666; padding: 5px 3px; }
#TopNav ul a:hover { color: #fff !important; -webkit-border-radius: 10px; -moz-border-radius: 10px; text-shadow: 0 1px 1px rgba(0,0,0,.1); padding: 5px 3px; background-color: #677E6A; background-image: url(/images/gradient.png); background-repeat: repeat-x; background-position: 0 -100px; }
#TopNav li:hover > ul { display: block; }
#TopNav ul { display: none; text-align: left; vertical-align: middle; margin: 0; padding: 5px 3px; width: 185px; position: absolute; top: 25px; left: 0; background: #ccc url(/images/gradient.png) repeat-x 0 0; border: solid 1px #b4b4b4; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3); box-shadow: 0 1px 3px rgba(0,0,0,.3); }
#TopNav ul li { float: none; margin: 0; padding: 0; }
#TopNav ul a { font-weight: normal; }
#TopNav ul ul { left: 180px; top: -3px; }
#SideNav { display: block; z-index: 900; border-radius: 15px; padding-left: 0px; }
#SideNav li { margin: 0px; position: relative; list-style: none; z-index: 100 !important; border-radius: 15px; text-align: left; font-family: 'Alegreya', serif; }
#SideNav a { font-weight: bold; color: #333; text-decoration: none; display: block; padding: 10px 10px 10px 20px; -webkit-border-radius: 15px; -moz-border-radius: 15px; text-shadow: 0 1px 1px rgba(0,0,0,.3); border-radius: 15px; font-family: 'Alegreya', serif; font-size: large; }
#SideNav a:hover { background: #000; color: #666; border-radius: 15px; }
#SideNav li:hover > a { background: #22519F url(/SpryAssets/SpryMenuBarRightWHITE.gif) no-repeat 4px center; color: #FDD116; margin: 0px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2); border-radius: 15px; }
#SideNav ul li:hover a, #TopNav li:hover li a { border: none; color: #333; -webkit-box-shadow: none; -moz-box-shadow: none; z-index: 900 !important; }
#SideNav ul a:hover { background: #FDD116 url(/images/gradient.png) repeat-x 0 -100px !important; color: #000 !important; -webkit-border-radius: 10px; -moz-border-radius: 10px; text-shadow: 0px 1px 1px #FFF; z-index: 1000 !important; }
#SideNav li:hover > ul { display: block; float: left; }
#SideNav ul { display: none; text-align: left; margin: 0; padding: 0; width: 190px; position: absolute; top: 0px; left: 205px; background: #ddd url(/images/gradient.png) repeat-x 0 0; border: solid 1px #b4b4b4; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3); box-shadow: 0 1px 3px rgba(0,0,0,.3); z-index: 1000; width: 250px; }
#SideNav ul li { padding: 0; z-index: 500px; }
#SideNav ul a { font-weight: bold; }
#SideNav ul ul { left: 100px; top: -3px; }
.orange { color: #FF6600; }
li a .orange:hover { color: #000 !important; }
#SideNav li ul li a { z-index: 1000; }
#leftCol .box p { margin: 0px 0px 10px; padding: 0px; }
.nowrap { white-space: nowrap; }
#message { text-align: justify; }
#mission { text-align: justify; }
.FloatRight { float: right; }
.note {
	background: url(/nohlcn/images/note.png) no-repeat center top;
	text-align: center;
	display: inline-block;
	margin: 10px;
	float: left;
	height: 100px;
	width: 130px;
	padding-top: 40px;
	padding-right: 15px;
	padding-left: 15px;
	font-family: luxirb, serif, "Times New Roman";
	padding-bottom: 20px;
}
a.note { font: large PermanentMarker, sans-serif; }
a.note:hover {
	color: #204289 !important;
	font: larger;
}
#header p {
	text-align: center;
	min-width: 990px;
	color: #FFF;
	font: 24px 'Alegreya', serif;
	padding-top: 70px;
	margin: 0;
	text-shadow: 1px 1px 4px #333333;
}
#maincontent { float: right; width: 730px; padding-right: 20px; background-color: #FFFFFF; padding-left: 20px; min-height: 850px; }
.text_box { text-align: left; width: 95%; }
#header h1 {
	color: #FFFFFF;
	font-family: 'Alegreya', serif;
	font-size: xx-large;
	padding-left: 2em;
	margin: 0px;
	padding-top: 1em;
	padding-right: 0px;
	padding-bottom: 0px;
	text-shadow: 1px 1px 3px #333333;
}