/* CSS Document */

body	{	font: normal 80%/18px arial, helvetica, verdana, sans-serif; background-image: url(/assets/images/user-interface/stHermans-bodyHorizBG.gif); background-position: 0px 0px; background-repeat: repeat-x; background-color: white; margin: 0px; padding: 0px; border: 0px;	}
#pageFrame	{	width: auto; height: 768px; background-image: url(/assets/images/user-interface/stHermans-bodyBG.jpg); background-position: center top; background-repeat: no-repeat; padding: 0px; margin: 0px; }
#contentFrame	{	width: 900px; margin: 0px auto; height: 768px; position:relative; padding: 0px; }
#masthead	{	background-color: #332941; height: 115px; width: 100%; position:relative; border-left: 1px solid #282033; border-right: 2px solid #282033;	}
#orgName	{	text-align: center;}
#orgName a	{	font: normal 30px "Times New Roman", Times, Georgia, serif; font-weight: lighter; color: #fef9b6; text-align: center; }
#orgName a:hover	{	background-color: transparent; text-decoration: none;  	}


#hme-leftCol	{	position: relative; top: 0; left: 0; width: 208px; background-image: url(/assets/images/user-interface/stHermans-leftCOL.jpg); background-repeat: no-repeat; background-color: #fff;   	}

#sub-leftCol	{	position: relative; top: 0; left: 0; width: 208px; background-image: url(/assets/images/user-interface/stHermans-leftCOL-c.jpg); background-repeat: no-repeat; background-color: transparent; }
#rightCol	{	position: relative; top: 0; left: 208px; width: 665px; height: auto; padding: 1em;  	}
#sub-rightCol	{	position: relative; top: 0; left: 208px; width: 665px; height: auto; padding: 1em;  	}
#rightCol p	{	 	}

.extraspace		{	height: 100px; padding: 20px 0;}

/* ---------- Top Navigation ---------- */
#topNavFrame		{	background-color: #ffffe3; width: 900px; height: 28px; position: relative; margin: 0 auto; padding: 0; margin: 0; z-index:10;	}
#topNav	ul			{	position: relative; list-style: none; padding: 0; margin: 0; width: 100%; z-index:20;	}
#topNav	ul li		{	float: left; padding: 7px 2.1em; font: normal 12px arial, verdana, helvetica, sans-serif; color: #333; position: relative; border-right: 1px dotted #A6905A;  	}
#topNav ul li.last	{	border: none;	}
#topNav	ul li a		{	text-decoration: none; color: #51462C; width: 100%; font-weight: bold; padding-top: 0.5em; line-height: normal;	}
#topNav ul li a:hover	{ color: #232659; background-color: transparent; } 
#topNav ul li:hover	{	background-color: #CAE8FF;	}

#topNav	ul ul		{	display: none; margin:0; width:230px; position: absolute; opacity: 0.90; z-index:600; 
						filter: alpha(opacity=90); border: thin solid #b4b4b4;  background-color: #f5f9ff; 	}
#topNav	li:hover ul	{	display: block; position: absolute; margin: 0; padding: 0; top: 2.2em; left: 0; z-index:600;   }
#topNav	ul li ul li	{	width: 100%; float: left; text-align: left; position: relative; padding: 0; margin: 0; 
						border-bottom: 1px solid #b4b4b4; height: 20px;   	}
								
#topNav	ul li ul li.last	{	border-bottom: none;   	}
#topNav	ul li ul li a		{	font-weight: bold; font-size: 11px; padding: 0.3em 0.5em; color: black; text-transform: none; height: 15px;  	}
#topNav	ul li ul li a:hover	{	color: #232659; background-color: transparent;  	}

/* -------------------- Content Page Side Navigation --------------------- */
#navLeftCol	{	width: 208px; display:block; position: absolute; top: 220px; left: 0;  	}
#navLeftCol li a				{	color: #333; text-decoration: none; text-transform: capitalize;	}
#navLeftCol li a:hover			{	color: #990000; text-decoration: underline;	}
#navLeftCol ul 					{	list-style:none; margin:0 0 0.5em 0; padding: 0 0.3em;	}
#navLeftCol ul li		{	display: block; list-style: none; border-top: 1px solid #eeeee0; margin: 0; padding: 0.5em 0.3em; text-align: left; 
								font: normal 11px arial, verdana, helvetica, sans-serif; color: #990000; font-weight: bold; text-transform: capitalize; text-decoration: none; 	}
#navLeftCol ul li ul			{	display: none;	}


#navLeftCol li.active a			{	color: #990000; font-weight: normal;	}
#navLeftCol li.active.last		{	color: #990000; font-weight: normal;	}
#navLeftCol ul li.active ul		{	display: block;	}
#navLeftCol ul li.active ul li a	{	font-weight:normal; text-decoration: none; color: black; 	}
#navLeftCol ul li.active ul li a	{	font-size:11px;font-weight:normal; text-decoration: none; color: black;}
#navLeftCol li.active a, #navLeftCol ul li.active ul li.active a		{	color:#990000; 	font-weight:bold;	}



#leftColTitle 	{	text-decoration: none; display: block; font: normal 16px arial, helvetica, verdana, sans-serif; text-align: left; padding: 0 0.2em; font-weight: bold; margin-top: 2.7em; color: brown; margin-bottom: 10px; }
#leftColTitle a { text-decoration:none; color:brown;}

/* -------------------- Breadcrumb Styles -------------------- */
#breadcrumbs		{	width: 98%; margin:0 0 3em 0; padding: 0.1em; text-align: right;	}
.B_crumbBox			{	font: normal 9px verdana, arial, helvetica, sans-serif; color: #333; margin-bottom: 2em; text-transform: capitalize;	}
.B_homeCrumb 		{	color: #444; text-decoration: underline;	}
.B_homeCrumb:hover 	{	color: #720707; text-decoration: none;	}
.B_crumb			{	color: #444; text-decoration: underline;	}
.B_crumb:hover		{	color: #720707; text-decoration: none;	}
.B_lastCrumb		{	color: #720707; font-weight: bold;	}


/* ---------- Footer ---------- */
#footer	{	width: 665px; padding-top: 20px; margin: 0 auto; float: left; color: #333; text-align: center; border-top: thin dotted #ccc; position: fixed; bottom: 0; background-color:#fff; z-index: 2; }
#footer p	{	font-size: 10px; 	}