@charset "utf-8";
/* CSS Document */

/* =============== START format elements =============== */
*{
	margin:0;
	padding:0;
	border:0;
}

body {
	background-color:#D7D7D7;
	text-align:center;
	color:#404040;
	font-size:1em;
	font-family:Arial;
	line-height: 140%;
	letter-spacing: 0.2px;
}
h1 {
text-align:center;
font: bold 2em Arial;
}
h2{
font: 1.5em Arial;
padding: 5px;
}
p{
letter-spacing: 3px;
line-height: 150%;
text-indent: 25px;
padding:1px;
}
#main_content
{
text-align:left;
width:998px;
font-family:arial;
margin-left:auto;
margin-right:auto;
}
#header
{
text-align:center;
padding-bottom:10px;
padding-top:10px;
}
#footer
{
text-align:center;
padding:20px;
color:#990000; 
font-size:11px; 
letter-spacing:2px;
}
#space
{
height:30px;
}
#content
{
width:990px;
height: 100%;
padding: auto;
margin: auto;
background-color: #ffffff;
border:4px solid #848484;
}
#inner_content 
{
font-size: 18px;
line-height: 170%;
letter-spacing: 0.2px;
padding: 2px;
margin: 0px 30px;
}
#inner_content p
{
padding-top: 20px;
}
#nav
{
float:left;
width:204px;
height:488px;
margin-left:15px;
background-image:url(/images/left.jpg);
background-repeat:no-repeat;
text-align:left;
} 
div#link
{
position:relative;
top:100px;
left:15px;
height:28px;
width:140px;
background-image:url(/images/link_background.jpg);
background-repeat:no-repeat;
margin-top: 10px;
margin-left:10px;
}
a#left_nav,a#left_nav:link,a#left_nav:visited {
	position:relative;
    top:11px;
    left:35px;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	color:#0000A3;
text-decoration:none;
}

a#left_nav:hover {
	font-family:Arial;
	font-size:15px;
	color:#f6af40;
	font-weight:bold;
text-decoration:none;
}
#right
{
float:right;
width:750px;
min-height:200px;
padding:5px;
}
#article
{
float:right;
width:750px;
height:700px;
background-image:url(http://ngshakho.org/images/home1.jpg);
background-repeat:no-repeat;
font-size:15px;
color:#3D3D3D;
}
#top-deco
{
padding-bottom:5px;
}
#bottom-deco
{
text-align:center;
padding-bottom:10px;
}
a#left_nav_1,a#left_nav_1:link,a#left_nav_1:visited {
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	color:#0000A3;
text-decoration:none;
}

a#left_nav_1:hover {
	font-family:Arial;
	font-size:15px;
	color:#f6af40;
	font-weight:bold;
text-decoration:none;
}
a#left_nav_2,a#left_nav_2:link,a#left_nav_2:visited {
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#0000A3;
text-decoration:none;
}

a#left_nav_2:hover {
	font-family:Arial;
	font-size:12px;
	color:#f6af40;
	font-weight:bold;
text-decoration:none;
}
a#page,a#page:link,a#page:visited {
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#290000;
text-decoration:none;
}

a#page:hover {
	font-family:Arial;
	font-size:12px;
	color:#940000;
	font-weight:bold;
text-decoration:none;
}

#dropmenudiv{
position:absolute;
background-color: #E3FFB0;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a,#dropmenudiv a:link,#dropmenudiv a:visited{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color:#0000A3;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #C7FF5E;
}

/* Sample CSS definition for the example list. Remove if desired */
.navlist li {
list-style-type: square;
width: 135px;
background-color: #FFFFB9;
}
#contact-wrapper {
	padding-left:200px;
	width:auto;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	font-size:16px;
	padding:10px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	width:265px;
	height:200px;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}
/* Pagination */
ul{
border:0; 
margin:0px 0px 0px 35px; 
padding:0;
}
#pagination-clean li{
border:0; margin:0; padding:0;
font-size:15px;
list-style:none;
}
#pagination-clean li, #pagination-clean a{
border:solid 1px #DEDEDE
margin-right:2px;
}
#pagination-clean .previous-off,
#pagination-clean .next-off {
color:#888888;
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
}
#pagination-clean .next a,
#pagination-clean .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
}
#pagination-clean .active{
color:#000000;
font-weight:bold;
display:block;
float:left;
padding:0px 8px 8px 8px;
text-decoration:underline;
}
#pagination-clean a:link,
#pagination-clean a:visited {
color:#0033CC;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-clean a:hover{
text-decoration:none;
}
/* CSS-only dropdown for left navigation */
#nav { position: relative; z-index: 100; }
#nav .nav-item { position: relative; margin-bottom: 4px; }
#nav .nav-has-submenu > .nav-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
  margin-top: 0;
  background-color: #ffffff;
  border: 1px solid #ccc;
  padding: 4px 8px;
  z-index: 1000;
  white-space: nowrap;
}
#nav .nav-has-submenu:hover > .nav-submenu,
#nav .nav-has-submenu:focus-within > .nav-submenu {
  display: block;
}
#nav .nav-submenu a {
  display: block;
  padding: 2px 6px;
  font-size: 11px;
  line-height: 1.4;
}


/* Override dropdown styling for better sidebar behavior */
#nav {
  position: relative;
  z-index: 100;
}
#nav .nav-item {
  position: relative;
  margin-bottom: 6px;
}
#nav .nav-has-submenu > .nav-submenu {
  position: absolute;
  top: 0;
  left: 160px; /* adjacent to main sidebar buttons */
  display: none;
  background-color: #FFFFFF;
  border: 1px solid #999999;
  padding: 4px 6px;
  z-index: 1000;
  max-width: 180px;
  white-space: normal; /* allow wrapping so it doesn't overextend horizontally */
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
#nav .nav-has-submenu:hover > .nav-submenu,
#nav .nav-has-submenu:focus-within > .nav-submenu {
  display: block;
}
#nav .nav-submenu a {
  display: block;
  padding: 2px 4px;
  font-size: 12px;
  line-height: 1.4;
}


/* Refined dropdown sizing and position for sidebar */
#nav .nav-has-submenu > .nav-submenu {
  position: absolute;
  top: 0;
  left: 150px; /* align next to sidebar buttons */
  display: none;
  background-color: #FFFFFF;
  border: 1px solid #999999;
  padding: 5px 8px;
  z-index: 1000;
  min-width: 180px;
  max-width: 260px;
  white-space: normal;
  box-shadow: 0 2px 4px rgba(0,0,0,0.25);
}
#nav .nav-submenu a {
  display: block;
  padding: 3px 6px;
  font-size: 12px;
  line-height: 1.5;
}