div.toc { 

          border: 1px solid #ccc; 

          font-size: .75em; 

      } 

      div.toc.toc-left { 

          max-width: 22em; 

          float: left; 

          margin: 5px 5px 5px 0; 

      } 

      div.toc.toc-right { 

          max-width: 22em; 

          float: right; 

          margin: 5px 0 5px 5px; 

      } 

       

      div.toc a.toc-header { 

          display: block; 

          background-color: #f8f8ec; 

          border-top: 1px solid #fcfcfc; 

          border-left: 1px solid #fcfcfc; 

          border-bottom: 1px solid #f0f0e0; 

          border-right: 1px solid #f0f0e0; 

          color: #777; 

      /** Styling regarding TOC title: **/ 

          padding: 1px 2px; 

          text-align: left; 

          font-size: 1.25em; 

          font-weight: bold; 

      } 

       

      div.toc a.toc-header:hover { 

          border-top: 1px solid #ccc; 

          border-left: 1px solid #ccc; 

          border-bottom: 1px solid #fcfcfc; 

          border-right: 1px solid #fcfcfc; 

      } 

      div.toc ul { 

          list-style: none; 

           

          margin: 0; 

          padding: 5px; 
          background-color: #fcfcfc; 

          overflow: hidden; 

          white-space: nowrap; 

      } 

      div.toc.auto-collapse ul { 

          display: none; 

      } 

       

      div.toc li a { 

          text-decoration: none; 

          border: 0 none; 

          color: #777; 

      } 

      div.toc li.toc-level-1 { 

          font-weight: bold; 

      } 

      div.toc li.toc-level-2 { 

          font-weight: bold; 

          padding-left: .25em; 

      } 

      div.toc li.toc-level-3 { 

          padding-left: .5em; 

      } 

      div.toc li.toc-level-4 { 

          padding-left: .75em; 

      }  

#topmenu {
	color: #333333;
	height: 20px;
	width: 100%;
	padding-top: 5px;
	font-weight: bold;
	font-size: 0.89em;
}
#topmenu  a   {
	text-decoration:none;
	margin: 2px;
	padding: 5px;
	color: #333333;
}
#topmenu  a:hover   {
	color: #333333;
	text-decoration: underline;
}

/* sample theme-independent CSS classes, uncomment to use them if you wish :)

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	float: right;
	margin: 0 0 2px 10px;
	}
img.alignleft {
	float: left;
	margin: 0 10px 2px 0;
	}
	
*/

/* intro box css from NELO home page */


.introbox {
	float: left;
	width: 615px;
	font-size: 0.97em;
	line-height: 20px;
	padding-right: 10px;
	border-right: 1px solid #DDDDDD;
}
.introbox img {
	margin: 0px 10px 5px 0px;
	padding: 0px;
	float: left;
}

#custom-intro-image {
	height: 250px;
	width: 350px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#intro-text {
	float: right;
	width: 140px;
	margin: 0px 30px 0px 0px;
	padding: 0px 10px;
	border-right: 1px solid #eee;
}
.introbox a {
	color: #ce0000;
	text-decoration: underline;
}

.introbox h2 {
	font-size: 1.5em;
	margin: 0px 0px 10px;
	padding: 0px;
	color: #000000;
	font-weight: 400;
}
.introbox h2 a {
	color: #000;
	text-decoration: none;
}
.introbox h2 a:hover {
	color: #663300;
	text-decoration: none;
}
#intro-text p {
	font-size: 0.98em;
	line-height: 20px;
	margin: 0px;
	padding: 12px 0px 0px;
	float: left;
	width: 100%;
}
.custom-bottom-image a {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	overflow: hidden;
}

#box1 {
	margin: 0px;
	float: left;
	width: 270px;
	padding-right: 10px;
}
#box2 {
	margin: 0px;
	float: left;
	width: 288px;
	padding-right: 10px;
	padding-left: 10px;
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;
}
#box3 {
	margin: 0px;
	float: left;
	width: 270px;
	padding-right: 0px;
	padding-left: 10px;
}
.itembox {
	float: left;
	width: 250px;
	padding: 0px;
	overflow: hidden;
	font-size: 0.89em;
}
.itembox img {
	margin-bottom: 10px;
}
.itembox h2 {
	font-size: 1.25em;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	color: #000000;
}
.itembox p {
	font-size: 1em;
	line-height: 21px;
	margin: 0px;
	padding: 10px 0px;
	float: left;
	width: 100%;
}
.itembox h3 {
	margin: 0px;
	padding: 15px 0px 0px;
	float: left;
	width: 100%;
}
.itembox .list {
	margin: 0px;
	padding: 0.5em 0px 1em;
	float: left;
	width: 100%;
	list-style-type: none;
}
.itembox .list ul {
	margin: 0px;
	padding: 0em;
	float: left;
	width: 100%;
	list-style-type: none;
}
.itembox .list li {
	margin: 0px 0px 8px;
	padding: 0em;
	float: left;
	width: 100%;
	list-style-type: none;
	font-size: 1em;
	line-height: 16px;
}
.itembox .list ul li {
	margin: 8px 0px 0px;
	padding: 0em;
	float: left;
	width: 100%;
	list-style-type: none;
	font-size: 1em;
	line-height: 16px;
}
.itembox .list a {
	color: #000000;
	text-decoration: none;
}
.itembox .list a:hover {
	color: #660000;
	text-decoration: underline;
	}
#bottom-content {
	margin: 0px;
	padding: 1.5em 0px 2em;
	float: left;
	width: 870px;
	border-top: 1px solid #DDD;
	background-color: #ffffff;
}
#bottom-content a {
	color: #ce0000;
	text-decoration: underline;
}
#bottom-content a:hover {
	color: #000000;
	text-decoration: underline;
}
#top-content {
	margin: 0px;
	padding: 25px 0px 1.5em;
	float: left;
	width: 100%;
}
#top-right-widget object {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 100%;
}
#top-right-widget embed {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 100%;
}
#top-right-widget table {
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#top-right-widget {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	float: right;
	width: 225px;
}
#top-right-widget h3 {
	font-size: 0.99em;
	margin: 0px;
	padding: 0px 0px 5px;
	float: left;
	width: 100%;
	color: #000000;
}
#top-right-widget .list {
	margin: 0px;
	padding: 0.5em 0px 1em;
	float: left;
	width: 100%;
	list-style-type: none;
}
#top-right-widget .list ul {
	margin: 0px;
	padding: 0em;
	float: left;
	width: 100%;
	list-style-type: none;
}
#top-right-widget .list li {
	margin: 0px 0px 8px;
	padding: 0em;
	float: left;
	width: 100%;
	list-style-type: none;
	font-size: 0.97em;
	line-height: 14px;
}
#top-right-widget .list ul li {
	margin: 0px 0px 8px;
	padding: 0em;
	float: left;
	width: 100%;
	list-style-type: none;
	font-size: 0.97em;
	line-height: 14px;
}
#top-right-widget .list li a {
	color: #ce0000;
	text-decoration: none;
	font-size: 0.97em;
}
#top-right-widget .list li a:hover {
	color: #000000;
	text-decoration: underline!important;
}

/* from nelo 
#container {
	margin: 0px 0px 0px 22px;
	padding: 20px 20px 10px;
	float: left;
	width: 876px;
	background: #FFF;
}

*/
.introbox p {
	font-size: 0.93em;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #1a1a1a;
}
#bottom-content2 {
	margin: 0px 0px 2em;
	padding: 1em 0px;
	float: left;
	width: 870px;
	border-top: 1px solid #DDD;
	background-color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	border-right-style: none;
	border-left-style: none;
}
#bottom-content3 {
	margin: 0px;
	padding: 1.5em 0px 2em;
	float: left;
	width: 870px;
	border-top: 1px solid #DDD;
	background-color: #ffffff;
}