@import "menuconfig.css";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td						{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }
:focus 								{ outline: 0; }
body 									{ line-height: 1; color: black; background: white; font-family: Arial,helvetica,sans-serif !important; }
ol, ul 								{ list-style: none; }
table									{ border-collapse: separate; border-spacing: 0; }
caption, th, td				{ text-align: left; font-weight: normal; }

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6						{ margin: 10px 0; }
.content p						{ margin-bottom: 10px; line-height: 1.4; }

body 							{ padding: 1px 0 0; background: #133B66; font-size: 16px; }

#wrapper						{ position: relative;width: 64em; margin: 0 auto; }

.header							{ width: 64em; height: 9.69em; background: #fff;}
#tl								{ position: absolute; top: 0; left: 0; height: 11px; width: 11px; background: url(/img/TL_corner.png) no-repeat 0 0; }
#tr								{ position: absolute; top: 0; right: 0; height: 11px; width: 11px; background: url(/img/TR_corner.png) no-repeat 0 0; }
#leftCol						{ display: block; position: absolute; top: 0.63em; left: 2.50em; height: 101px; width: 530px; background: url(/img/hnmcs_logo.png) no-repeat 0 0; }
#rightCol						{ position: absolute; top: 2.19em; right: 2.50em; font: bold 16px/1 Arial,helvetica,sans-serif; color: #164576;}

.topPanel						{ position: absolute; top: 7.63em; left: 0; width: 60.25em; margin: 0 30px; background: #174678; border-left: 1px solid #174678; z-index:100 }
#date							{ position: absolute; top: 7.5em; right: 2em; height: 1em; margin: 0; color: #164576; font: 14px/1 "Times New Roman", Times, serif;  white-space: nowrap; overflow: hidden; }
.content,
#largeImg						{  width: 64em; background: #fff; overflow: auto; }
#largeImg .img					{ float: left; width:49.13em; height:28.50em; margin: 2px 0 0 30px; padding: 0 0 0 2px; }
#largeImg #banner				{ font-weight:bold; font-size:14pt; text-align:center; font-family:Arial,Helvetica,sans-serif; margin-top:4px; }
#largeImg #banner a				{ text-decoration:none; color:#174678; }
#largeImg #banner a:hover		{ color:#3094FF; }

#bodyRightCol					{ float: right; width: 9.38em; margin: 0 1.88em 0 0; padding: 0 0.63em 0 0; }
#bodyRightCol h2				{ margin-top: 0.31em; border-bottom: 1px solid #000; font: normal 16px "Times New Roman", Times, serif; color: #174678;  }
#bodyRightCol p					{ margin-top: 0.54em; font: 13px/15px Arial, Helvetica, sans-serif; color: #000; }
#bodyRightCol p a.more			{ margin-bottom: 0.54em; font-weight: bold; font-size: 11px; font-style: italic; color: #000; text-decoration: none; }
#bodyRightCol h3,
#bodyRightCol span h3			{ font: bold 13px Arial, Helvetica, sans-serif; color: #000;}
#bodyRightCol h3				{ margin-top: 0.54em; }
#bodyRightCol p	strong			{ font-weight: bold; }

.footer							{ height: 4.69em; background: #fff; }
.footer p						{ font: 11px Arial, Helvetica, sans-serif; color: #000; }
.footer a						{ text-decoration: underline; color: #174678; }
.footer #container #links img	{ float: left; margin-left: 21.88em; margin-top: -0.63em; }
.footer #container				{ margin: 0 1.88em; border-top: 1px solid #000; }
.footer #container #links		{ float: left; margin: 0.31em 0 0 0; }
.footer #container #address		{ float: right; text-align: right; margin: 0.31em 0 0 0;  }

#sideImg						{ float: left; width: 14.44em; margin: 0 0 0 1.88em; padding: 0 0.63em 0 0; }
#sideImg img					{ width: 14.44em; height: 26.50em; }
#info							{ float: left; min-height: 38.46em; width: 42.46em; margin: 0 0 0.38em 0; border-right: 1px solid #000; font: normal 13px/16px Arial, Helvetica, sans-serif !important; z-index:0 }
#info h2						{ margin: 0.31em 0.63em 0.63em 0; border-bottom: 1px solid #000; font: normal 16px "Times New Roman", Times, serif !important; color: #174678; }
#info p							{ margin: 0 2.08em 0.77em 0.77em; padding: 0 6px 0 0; color: #000; }
#info p strong					{ font-weight: bold; }
#info a							{ text-decoration: none; color: #133B66; }
#info a:hover					{ color: #3094FF; }
#info p.anchor					{ width: 40.91em; padding-bottom: 1.82em; font-size: 11px; }

#info div.genericTable			{ margin: 1.15em 0 0 0; padding: 0 0 0.77em 0; }
#info div.genericTable p		{ width: 11.54em; }
#info div.genericTable th		{ margin: 0; background: #246FBF; border-bottom: 1px solid #fff; font-weight: bold; color: #fff; }
#info div.genericTable th p		{ padding: 0; color: #fff; }
#info div.genericTable td		{ background: #D8D8D8; border-bottom: 1px solid #fff; }
#info div.genericTable td,
#info div.genericTable th		{ padding: 0.18em; }

div.subLinks					{ text-align: right; margin: 5px 5px 10px 0; }
div.subLinks p a				{ text-decoration: underline !important; }
div.pageStyle h3				{ font-size: 16px; }
div.pageStyle h4				{ margin: 15px 0 15px 0; font-weight: bold; font-size: 14px; color: #174678; }

div.faq-ul ul					{ margin: 0 15px 10px 20px; list-style: disc; }

#CalendarCol					{ position:relative; z-index:0; }
.calendar th					{ font-weight: bold; text-align: center; color: white; background: #246FBF; }
.calendar th.eventLink			{ text-align: left; }

#calHead						{ position:relative; height:20px; width:90%; margin-bottom:2px; }
#calHead #prev					{ position:relative; width:40px; float:left; background:#246FBF; }
#calHead #prevYear				{ position:relative; width:60px; float:left; background:#246FBF; margin-left:6px; }
#calHead #month					{ position:relative; float:left; font-weight:bold; width:284px; font-family: "Times New Roman",Times,serif; }
#calHead #nextYear				{ position:relative; width:60px; float:left; background:#246FBF; margin-right:6px; }
#calHead #next					{ position:relative; width:40px; float:left; background:#246FBF; }
#calendar						{ width:90%; border:solid 1px #174678; border-bottom:none; z-index:-1 }
#calendar th					{ font-weight: bold; text-align: center; color: white; background: #246FBF; border-top:solid 1px #FFF; border-left:solid 1px #FFF; }
#calendar th.left				{ font-weight: bold; text-align: center; color: white; background: #246FBF; border-left:solid 1px #174678; }
#calendar td					{ height:50px; border-left:solid 1px #174678; border-bottom:solid 1px #174678; }
#calendar .dayLeft				{ border-left:none; }
#calendar .dayOff				{ position:relative; background-color:#ddd; z-index:0 }
#calendar .dayOffLeft			{ background-color:#ddd; border-left:none; }
#calendar .day,
#calendar .dayLeft				{ padding:2px; }
#calendar .eventTitle			{ font-size:10px; margin-bottom:5px; cursor:pointer; }
#calendar .eventDescription		{ position:absolute; background-color:#ccc; width:200px; height:40px;border:solid 1px #174678; padding:2px; font-size:9px; }
.eventTitle span				{ font-size:8px; }
.filterButton					{ text-transform:uppercase;text-decoration:none;background: #174678;color:#FFFFFF;font: 10pt Georgia, "Times New Roman", Times, serif;border:none; }