* {padding: 0; margin: 0;}


/* H E A D E R */
#header             {font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-weight: 300; height: 60px;}
#header h1          {font-size: 35px; font-weight: 100; letter-spacing: -3px; padding: 10px 0 0 23px; text-align: left;}
#header h1 a        {color: #006400; text-decoration: none;}
#header h1 a:hover  {color: #111;text-decoration: none;}
#header h2          {font-size: 13px; color: #666; padding: 10px 0 0 23px; text-align: left; font-weight: 200;}



/* L A Y O U T  &  F O R M A T T I N G */
body  {background: #fff; font-family: Verdana, Arial, sans-serif; font-size: 0.75em; padding: 0; margin: 0; color: #000; line-height: 17px;}

#wrap     {width: 780px; margin: 20px auto; }

#content  {padding: 0 10px;}
#content ul {margin:0; padding:0; list-style:none; line-height:20px}

#main   {width: 780px; float: left; text-align: justify;}
#main h3  {border-bottom: 1px dotted #aaa; font-size: 14px; color: #000000;}
#main h5  {border-bottom: 1px dotted #aaa; font-size: 12px; color: #000000;}


#left   {padding: 5px 0; width: 500px; float: left; text-align: justify;}
#left1  {padding: 25px 30px 110px 0px; float: left; text-align: justify; width: 225px;}
#left2  {padding: 5px 10px 110px 0px; float: left; text-align: justify; width: 10px;}


#left h3  {border-bottom: 1px dotted #006400; font-size: 1.5em; color: #000000; letter-spacing: 1px;}
#left h5  {border-bottom: 1px dotted #006400; font-size: 1.1em; color: #000000; letter-spacing: 1px;}

#left ul             {list-style-type: bullet; padding: 1px 0 20px 20px;}
#left ul li          {padding: 2px 0 3px 0;}
#left ul li a        {color: #006400; font-weight: 100; display: block; text-decoration: none;}
#left ul li a:hover  {text-decoration:underline; color : #000;}



#right    {padding: 5px 0; width: 200px; float: right;}
#right h3             {font-size: 13px; font-weight:bold; border: none; padding: 0 0 0 5px; margin: 0; color: #111; height: 10px; line-height: 14px;letter-spacing: 1px;}

#right ul             {list-style-type: none; padding: 1px 0 20px 20px;}
#right ul li          {padding: 2px 0 3px 0;}
#right ul li a        {color: #006400; font-weight: 100; display: block; text-decoration: none;}
#right ul li a:hover  {text-decoration:underline; color : #000;}

#footer {width: 780px; font-size: 10px; color: #000; text-align: center; padding: 5px 0; border-top: 1px dotted #aaa;}
#footer a       {color: #000; text-decoration: none;}
#footer a:hover {color: #5C6F4C; text-decoration: underline;}



/* O D D S  &  S O D S */
img   {border: none;}

a {color: #006400; text-decoration: none;}
a:hover {text-decoration:underline; color : #000;}

h3  {border-bottom: 1px dotted #aaa; color: #666; padding-bottom: 4px; margin: 14px 0 7px 0; font-weight: 100; font-size: 22px; letter-spacing: -1px;}
h3 a        {text-decoration: none; font-size: 22px; letter-spacing: -1px;}
h3 a:hover  {color: #999;}



/* N A V I G A T I O N */
#nav, 
#nav ul {padding:0 0 5px 0; margin:0; list-style:none; font: 13px verdana, sans-serif; border:1px solid #000; border-color:#111; border-width:1px 2px 2px 1px; background:#fff; position:relative; z-index:200;}
#nav    {height:25px; padding:0;}

#nav li     {float:left; color: #000;}
#nav li li  {float:none; background:#fff;}
   /* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}

#nav li a     {display:block; float:left; color:#000; margin:0 25px 0 10px; height:25px; line-height:25px; text-decoration:none; white-space:nowrap;}
#nav li li a  {height:20px; line-height:20px; float:none;}

#nav li:hover     {position:relative; z-index:300;}
#nav li:hover ul  {left:0; top:22px;}
  /* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
  /* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

  /* it could have been this simple if all browsers understood */
  /* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
  /* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
  /* show path followed */
#nav li:hover > a {text-decoration:underline; color:#b75;}

  /* but IE5.x and IE6 need this lot to style the flyouts and path followed */
  /* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

  /* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

  /* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:underline; color:#000;}

  /* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#5C6F4C;}