/*
Theme Name: Simplicity
Theme URI: http://zitseng.com/tech/simplicity
Description: A clean, simple and elegant WordPress theme designed by <a href="http://zitseng.com/">Lai Zit Seng</a>. Fluid width with configurable 2 or 3 columns. XHTML and CSS compliant.
Version: 0.3.2
Author: Lai Zit Seng
Author URI: http://zitseng.com/
Tags: fluid width, two columns, three columns, widgets, options page, valid XHTML, valid CSS

   This is my attempt to spin my own WordPress theme. I was looking for
   a simple fluid width three column theme, but could not find anything
   that I liked. After many months of procastinating, I finally got
   around to putting Simplistic together.

   I used the default WordPress theme (Kubrick v1.5) as the basis for
   creating Simplistic. Some ideas were also borrowed from various other
   sources.

   This theme, including the CSS, XHTML and design, is released under the
   GPL: http://www.opensource.org/licenses/gpl-license.php

*/


/* Layout default typography and colours */

/*body {
  font-size: 80%;
  font-family: Tahoma, Sans-Serif;
  color: #333;
  text-align: center;
  background-color: #000;
}*/

body {
	background-color:black;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

html {
	margin: 0;
	padding: 0;
}

#page {
	width: 994px;
	margin: 0 auto 0 auto;
 	background-color: #fff;
  text-align: left;
}

#header { margin: 0; padding: 0; height: 103px; background: #000;}

/* #headertitle { height: 6em; padding: 0 1em; } */

#headertitle {
}

#headermenu { margin: 0; border: 0; /*padding: 0 1em;*/ }

#headerbar { clear: both; height: 0.5em; padding: 0;}


#outer-column-container {
/*   border-left: 160px solid #ffffff; */
/*   border-right: 130px solid #ffffff; */
 padding: 15px 30px;
 background: #fff;
}

#inner-column-container {
	background: #fff;
}

#source-order-container {
  float: left;
  margin-right: -1px;
  width: 100%;
}

/*#left-column {
  	padding: 0 4px;
  	position: relative;
	color: #fff;
  	float: left;
  	width: 200px;
}

#left-column a {
	color: #fff;
}*/

#left-column {
  padding: 0 4px;
  position: relative;
  float: left;
/*   margin-left: -160px; */
  margin-right: -0em;
  width: 190px;
/*   border: 1px solid #0f0; */
  overflow: auto;
}

/*#right-column {
  padding: 0 4px;
  position: relative;
  float: right;
  margin-right: -130px;
  margin-left: 1px;
  width: 185px;
  border: 1px solid #0f0;
}*/

#right-column {
/*   	padding: 0 4px; */
/*   	position: relative; */
  	float: right;
/*   	margin-left: 1px; */
/*   	margin-right: -130px; */
	width: 200px;
/* 	border: 1px solid #0f0; */
/* 	border: 1px solid #0f0; */
}

div#source-order-container {
	/*background: transparent url(healthier_together.gif) bottom right no-repeat;*/
}

#content-column {
/* 	background: #0f0; */
/* 	float: left; */
/* 	margin-left: 40px; */
/* 	margin-right: 198px; */
}

#content-column {
/* 	border: 1px solid #f00; */
/*   float: right; */
/*   margin-left: -1px; */
/*   width: 100%; */
/* 	width: 600px */
}

#content-column {
  float: left;
/*   border: 1px solid #f00; */
/*   margin-left: -1px; */
  width: 730px;
  margin-left: 0px;
  text-align:left;
/*   margin-right: 198px; */
}


#content {
  padding: 0 1em;
  color: #666;
  background: #fff;
  min-height: 400px;
}
#content a {
	color: red;
	font-weight: 700;
}
#content li a {
	font-size: 10px;
	color: #666;
}
#content .side-floater a {
  color: red; 
}
#content ul {
	list-style: none;
	padding-left: 15px;
	margin-left: 15px;
}
#content ul li {
	padding-left: 5px;
}
#content ul li img {
	margin: 0 5px 0 0;
}

#content .post {
/* 	padding: 0 1em; */
	line-height:16px;
}

#image_ad {
	margin-left: 2px;
}

/* Begin Typography & Colors */
#header {
	background: #000;
	margin: 0;
	padding: 0;
}

#headerimg {
}

#content .postmetadata {
  margin: 0.5em 2em;
  padding: 0 1em;
}

.alt {
  background-color: #f8f8f8;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

small {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 0.9em;
  line-height: 1.5em;
}

h1, h2, h3 {
  font-family: Arial, Helvetica, Sans-Serif;
  font-weight: bold;
}

h1 {
  font-size: 2em;
}

#headerimg .description {
  font-size: 1.2em;
}

h2 {
  clear: both;
  font-size: 1.7em;
}

h2.pagetitle {
  font-size: 1.6em;
}

.sidebar h2 {
  font-family: 'Lucida Grande', Verdana, Sans-Serif;
  font-size: 1.2em;
}

.sidebar h4 {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

h3 {
  font-size: 1.3em;
}

h1, h1 a, h1 a:hover, h1 a:visited, #header .description {
  text-decoration: none;
  color: #666;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, h4, h4 a, h4 a:visited, h5, h5, a, h5 a:visited, h6, h6 a, h6 a:visited {
  color: #666;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, .sidebar h2, #wp-calendar caption, cite {
  text-decoration: none;
}

.commentlist li, #commentform input, #commentform textarea {
  font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist li {
  font-weight: bold;
}

.commentlist li .avatar {
  float: right;
  border: 1px solid #eee;
  padding: 2px;
  background: #fff;
}

.commentlist cite, .commentlist cite a {
  font-weight: bold;
  font-style: normal;
  font-size: 1.1em;
}

.commentlist p {
  font-weight: normal;
  line-height: 1.5em;
  text-transform: none;
}

#commentform p {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
  font-weight: normal;
}

.sidebar {
  font-size: 0.9em;
}

small, .sidebar ul ul li, .sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
  color: #777;
}

code {
  font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps
{
  font-size: 0.9em;
  letter-spacing: .07em;
}

a, h2 a:hover, h3 a:hover {
  color: #15a;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#wp-calendar #prev a, #wp-calendar #next a {
}

#wp-calendar a {
  text-decoration: none;
}

#wp-calendar caption {
  font-weight: bold;
  text-align: center;
}

#wp-calendar th {
  font-style: normal;
  text-transform: capitalize;
}

/* End Typography & Colors */

/* Begin Structure */
body {
  margin: 0;
  padding: 0;
}

#page {
  background-color: #fff;
  margin: 0 auto;
  padding: 0;
}

#footer {
	margin: 0 auto;
	width: 1000px;
	clear: both;
	padding-top: 10px;
	overflow: hidden;
	padding-bottom: 25px;
}
	#footer ul.nav1 {
		float:left;
		margin:0;
		padding:0;
		text-indent:0;
	}

	#footer ul.nav1 li {
		display:inline;
	}


	#footer ul.nav1 li a {
		color:#dddddd;
		display:block;
		float:left;
		padding:10px 20px;
		text-decoration:none;
	}

	#footer ul.nav1 li a:hover {
		text-decoration:underline;
	}

#header {
/*   background-color: #69b; */
	background-color: #000;
  	color: #fff;
}

#headerimg {
  margin: 0;
  width: 100%;
}

.post {
  margin: 0 0 1em;
  text-align: left;
}

.post hr {
  display: block;
}

.post h2 {
  margin: 0.5em 0 0;
  padding-top: 15px;
}

.postmetadata {
  clear: both;
  font-size: 0.9em;
}

.clear {
  clear: both;
}

/* End Structure */

/*	Begin Headers */
h1 {
  padding-top: 10px;
  margin: 0;
}

h2 {
  margin: 1em 0 0;
}

h2.pagetitle {
  color:#fff;
  font-size: 20px;
  margin: 0;
  padding: 5px;
  float: left;  
 	text-align: left;
  background: red;
}

.sidebar h2 {
  margin: 5px 0 0;
  padding: 0;
}

.sidebar h3 {
  padding: 0;
  margin: 1em 0 0 5px;
/*  border-bottom: 1px solid #ccc; */
}

h3 {
  padding: 0;
  margin: 0 0 0;
}

h3.comments {
  padding: 0;
  margin: 40px auto 20px ;
}
/* End Headers */

/* Begin Images */
p img {
  padding: 0;
  max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
}

img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
}

.alignright {
  float: right;
}

.alignleft {
  float: left
}
/* End Images */

/* Begin Lists
Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
  margin-left: 0px;
  padding: 0 0 0 30px;
  list-style: none;
  padding-left: 10px;
  text-indent: -10px;
}

html>body .entry li {
  margin: 0.5em 0 0.5em 1em;
}
/*
.entry ul li:before {
  content: "\00BB \0020";
}
*/
.entry ol {
  padding: 0 0 0 35px;
  margin: 0;
}

.entry ol li {
  margin: 0;
  padding: 0;
}

.postmetadata ul, .postmetadata li {
  display: inline;
  list-style-type: none;
  list-style-image: none;
}

.sidebar ul, .sidebar ul ol {
  margin: 0;
  padding: 0;
  padding-top: 2px;
}

.sidebar ul li {
  list-style-type: none;
  list-style-image: none;
  padding-top: 0px;
}

.sidebar ul p, .sidebar ul select {
  margin: 5px 0 8px;
}

.sidebar ul ul, .sidebar ul ol {
  margin: 0 0 0 5px;
  padding-top: 2px;
}

.sidebar ul ul ul, .sidebar ul ol {
  margin: 0 0 0 10px;
}

ol li, .sidebar ul ol li {
  list-style: decimal outside;
}

.sidebar ul ul li, .sidebar ul ol li {
  margin: 0;
  padding: 0;
}
/* End Entry Lists */

/* Begin Form Elements */

#content #searchform {
	position: static;
	margin: 50px 10px;
	text-align: center;
}

#searchform {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 45px;
  right: 50%;
  margin-right: -475px;
  text-align: right;
}

.sidebar #searchform #s {
  width: 108px;
  padding: 2px;
}

.sidebar #searchsubmit {
  padding: 1px;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
  text-align: left;
}

select {
  width: 130px;
}

#commentform input {
  width: 170px;
  padding: 2px;
  margin: 5px 5px 1px 0;
}

#commentform textarea {
  width: 100%;
  padding: 2px;
}

#commentform #submit {
  margin: 0;
  float: right;
}
/* End Form Elements */

/* Begin Comments*/
.alt {
  margin: 0;
  padding: 10px;
}

.commentlist {
  padding: 0;
  text-align: justify;
}

.commentlist li {
  margin: 15px 0 3px;
  padding: 5px 10px 3px;
  list-style: none;
}

.commentlist p {
  margin: 10px 5px 10px 0;
}

#commentform p {
  margin: 5px 0;
}

.nocomments {
  text-align: center;
  margin: 0;
  padding: 0;
}

.commentmetadata {
  margin: 0;
  display: block;
}
/* End Comments */

/* Begin Sidebar */
.sidebar form {
  margin: 0;
}
/* End Sidebar */

/* Begin Calendar */
  #wp-calendar {
  empty-cells: show;
  margin: 0 auto;
  width: 120px;
}

#wp-calendar #next a {
  padding-right: 5px;
  text-align: right;
}

#wp-calendar #prev a {
  padding-left: 5px;
  text-align: left;
}

#wp-calendar a {
  display: block;
}

#wp-calendar caption {
  text-align: center;
}

#wp-calendar td {
  padding: 1px 0;
  text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
  cursor: help;
}

acronym, abbr {
  border-bottom: 1px dashed #999;
}

blockquote {
  margin: 15px 30px 0 10px;
  padding-left: 20px;
  border-left: 5px solid #ddd;
}

blockquote cite {
  margin: 5px 0 0;
  display: block;
}

.center {
  text-align: center;
}

.hidden {
  display: none;
}

hr {
	margin: 10px 0;
}

a img {
  border: none;
}

.navigation {
  display: block;
  text-align: center;
  margin-top: 1em;
}
/* End Various Tags & Classes*/

/* Captions */
.aligncenter, div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
  //-moz-border-radius: 3px;
  //-khtml-border-radius: 3px;
  //-webkit-border-radius: 3px;
  //border-radius: 3px;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}
/* End captions */

/* headermenu */
#headermenu {
  padding: 0 1em;
  width: auto;
  background: transparent;
  font-family: Arial, Helvetica, Sans-Serif;
}
#headermenu ul {
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
}
#headermenu li {
  display: inline;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
#headermenu li:first-child { margin-left: 10px; }
#headermenu a {
  float: left;
  line-height: 1em;
  display: block;
  background-color: #58a;
  color: white;
  margin: 0 10px 0 0;
  padding: 0.5em 10px;
}
#headermenu a:hover {
  background-color: #7ac;
  text-decoration: none;
}

div.copyright {
	text-align: right;
	margin: 0;
	color: #fff;
	float: left;
	width: 600px;
}

form#search {
	padding: 25px 0 0 0;
	display: block;
	float: right;
	text-align: right;
	width: 300px;
}

#header ul.nav1 {
float:right;
margin:0;
padding:0;
text-indent:0;
}

#header ul.nav1 li {
display:inline;
padding:0;
margin:0;
}

#header ul.nav1 li a {
display:block;
float:left;
color:white;
text-decoration:none;
padding:10px 15px;
}


#header ul.nav1 li a:hover {
background:#2668d6;
}

div#navigation {
	background: #000;
	padding: 0;
	margin: 0;
}

ul#footnav,
div#navigation ul {
	margin: 0;
	padding: 5px 0;
	list-style: none;
	text-align: left;
}
ul#footnav {
	float: left;
	width: 400px;
}

ul#footnav li,
div#navigation li {
	margin: 0;
	padding: 0 0 0 3px;
	list-style: none;
	display: inline;
	border-left: 1px solid #fff;
}

div#navigation {
  height: 20px;
  position: relative;
  z-index: 50; 
}

div#navigation ul {
  padding: 0;
}
div#navigation li {
  position: relative;
  z-index: 50px;
  line-height: 20px;
  display: block;
  float: left;
  padding: 0;
  border: 0;
}

div#navigation li ul {
  position: absolute;
  left: -9999px;
  z-index: 51px;
  background: #fff;
  color: black;
  display: block;
  width: 200px;
  height: auto;
  border: 1px solid #e6e6e6; 
  border-top: 0;
}
div#navigation li ul li {
  display: block;
  float: none;
  position: static;
  padding: 0;
  margin: 0;
  width: 200px;
}

div#navigation li ul li a {
  display: block; 
}
div#navigation li ul li a:hover {
  background: #e6e6e6; 
}

div#navigation li.hover ul,
div#navigation li:hover ul {
  left: 0; 
}

ul#footnav li {
	border-left: 0;
	font-size: 10px;
	border-right: 1px solid #fff;
}
div#navigation li.first {
	border-left-color: #000;
}
ul#footnav li.last {
	border-right-color: #000;
}

ul#footnav a,
div#navigation a {
	color: #fff;
	text-decoration: none;
	padding: 5px 20px;
}
ul#footnav a {
	padding: 5px;
}
ul#footnav a:hover {
	text-decoration: underline;
}	

div#navigation li.hover a,
div#navigation li:hover a {
  background: #fff;
  color: #666;
}

div#navigation a:hover {
	/*background: #fff;
	color: #666;*/
}

ul#nav2 {
margin:25px 0 0 0;
padding:2px;
text-indent:0;

overflow: hidden;
}

ul#nav2 li {
list-style:none;
}

ul#nav2 li a {
font-size:13px;
color:white;
text-decoration:none;
display:block;
padding:3px;
padding-right:0px;
width:160px;
}

ul#nav2 li a:hover {
background-color:#000;
}

ul#nav2 ul {
list-style:none;
 margin-left: 15px;
}

ul#nav2 ul li a {
font-size:12px;
color: #CCCCCC;
}

#additions h2 a {
/*	background:url('/images/bg_additions.gif') no-repeat; */
	color:red;
	text-decoration:underline;
	padding:0px 0px 0px 10px;
	width:170px;
	font-size:13px;
	float:left;
	clear:both;
}

#additions h3 a {
/*	background:url('/images/bg_additions.gif') no-repeat; */
	color:red;
	padding:5px 10px 0px 5px;
	width:170px;
	font-size:15px;
	float:left;
	clear:both;
}

#additions h4 {
/*	background:url('/images/bg_additions.gif') no-repeat; */
	background-color:#66CC99;
	color:white;
	margin:0;
	padding:5px 0px 0px 5px;
	width:195px;
	font-size:18px;
	float:left;
	clear:both;
}

#additions p {
	width:170px;
	padding:0px 10px 0px 10px;
	font-size:12px;
	line-height:15px;
	float:left;
	clear:both;
}

#additions ul {
	width:170px;
	padding:10px;
	padding-top: 1px;
	margin:0 0 0 0px;
	text-indent:0;
	clear:both;
}
#additions ul li {
	list-style:url('/images/img_arrow.gif');
	margin: 10px 0px 0px 12px;
}

#additions ul li a {
	font-weight:bold;
}

#toc {
	padding:2px;
	margin-top: 5px;
	width: auto;
}

#toc p {
	margin: 0 0 15px 0;
}

#toc a {
	color:#3366CC;;
	text-decoration:underline;
	font-size:13px;
}

#toc h3 {
	margin: 0px;
	margin-top:8px;
}
#toc h4 {
	color:#333333;
	font-size:14px;
	margin: 0px;
	margin-top:0px;
}

div#toc div.row {
	border-bottom: 1px solid #666;
	padding: 5px 0;
}

div#content {
	position: relative;
	z-index: 1;
}

div#content h4 {
	margin: 0;
}

div.timewrap {
	/*margin: -55px -10px 5px 5px;*/
	width: 225px;	
	/*float: right;*/
	position: absolute;
	top: -20px;
	right: -9px;
	background: #fff;
	padding: 2px;
}

div.timewrap h3 {
	margin: 0;
}

div.time {
	padding: 5px;
/*	margin: 5px auto;*/
	background: #9fe3c5 url(time.gif) top left repeat-x;
	border: 1px solid #000;
	text-align: center;
	font-size: 12px;
	color: #0d331e;
}

div.time strong {
	font-size: 20px;
}

div.nlm {
	font-size: 10px;
	float: right;
	width: 250px;
	text-align: right;
	margin-top: -30px;
}

#additions h4.healthfacts,
h4.healthfacts {
	background: #6c9 url(check_this_out.gif) center left no-repeat;
	padding-left: 30px;
	line-height: 26px;
	width: auto;
	float: none;
}


ul#sidenav {
	font-size: 12px;
	padding: 15px 0 0 10px;
}

ul#sidenav a {
	color: #666;
}

div#left-column {
	padding: 0;
	width: 200px;
	overflow: hidden;
}

ul#nav2 li {
	border-top: 1px solid #373737;
	border-bottom: 0;
	padding: 0px;
	margin: 0;
	overflow: hidden;
}

ul#nav a {
	margin: 0;
}

ul#nav2 ul {
	overflow: hidden;
	height: 1px;
	background: #1a1a1a;
	padding: 0;
	margin: 0;
	margin-left: 0;
}

ul#nav2 ul li a.droppin:hover,
ul#nav2 ul li a:hover {
	background: #272727;
}

ul#nav2 ul li a {
	padding: 5px 0 5px 15px;
	background: transparent;
}

ul#nav2 ul li li a {
	padding: 5px 0 5px 30px;
}

ul#nav2 ul li li li a {
	padding: 5px 0 5px 40px;
}

ul#nav2 li a {
	padding: 10px 0 10px 15px;
	width: auto;
	background: #404040 url(images/menu_bg.gif) bottom left repeat-x;
}

ul#nav2 li a:hover {
	background: #272727;
}
/*
ul#nav2 li li a {
	background: transparent;
	padding: 5px 0 5px 10px;
}
*/
ul#nav2 li ul a.droppin {
	border: none;
}

ul#nav2 ul.droppin {
	border-bottom: 1px solid #4d4d4d;
}

ul#nav2 li li a.droppin {
	background: transparent url(images/arrow.gif) center left no-repeat;
}

div.cat_title {
	height: 70px;
	padding-top: 30px;
	background: #000;
	position: relative;
	background: transparent url(images/header_forums.jpg) top right no-repeat;
}

div.image1 { /*Assets*/
	background: transparent url(images/header_assets.jpg) top right no-repeat;
}
div.image6 { /*Forums*/
	background: transparent url(images/header_forums.jpg) top right no-repeat;
}
div.image7 { /*Newsletter*/
	background: transparent url(images/header_newsletters.jpg) top right no-repeat;
}
div.image8 { /*Success Stories*/
	background: transparent url(images/header_success_stories.jpg) top right no-repeat;
}
div.image10 { /*About Harvesting*/
	background: transparent url(images/header_about.jpg) top right no-repeat;
}
div.image17 { /*Partners*/
  background: transparent url(images/header_partners.jpg) top right no-repeat;
}
div.page2 { /*Contact Us*/
	background: transparent url(images/header_contact_us.jpg) top right no-repeat;
}
div.page30 { /*Site Map*/
	background: transparent url(images/header_site_map.jpg) top right no-repeat;
}
div.image19 { /*Success Stories*/
	background: transparent url(images/header_success_stories.jpg) top right no-repeat;
}
div.image20 { /*About Harvesting*/
	background: transparent url(images/header_about.jpg) top right no-repeat;
}


div.home_box {
	position: relative;
	height: 606px;
	width: 994px;
	overflow: hidden;
}

div.home_box img {
	position: absolute;
	top: 0;
	left: 0;
}

.destroyer {
	clear: both;
}

input#searchsubmit {
	border: 0;
	background: #999 url(images/submit_arrow.gif) center center no-repeat;
	cursor: pointer;
}

div.white_wrap {
	background: #fff;
}

a.nlm {
	font-size: 10px;
	color: #fff;
}



/*FROM THE ACS TEMPLATE FILE*/
div.background
  {
  width: 500px;
  height: 250px;
  background: no-repeat;
  border: 0px solid black;
  }
div.transbox
  {
	width: 400px;
	height: 180px;
	position: absolute;
	bottom: 20px;
	left: 20px;
	margin: 0;
	background-color: #ffffff;
	border: 1px solid black;
	/* for IE 
  filter:alpha(opacity=25);
	CSS3 standard 
  opacity:0.25;
  cursor: pointer;*/
  }
div.transbox p
  {
  margin: 30px 40px;
  font-weight: bold;
  color: #000000;
  }
div.transbox h1 {
	background: #f50000;
	width: 400px;
	height: 25px;
	color: white;
	font-size: 13px;
	line-height: 25px;
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	text-indent: 5px;
}

div.transbox3,
div.transbox2
  {
	width: 400px;
	height: 200px;
	position: absolute;
	top: 20px;
	left: 20px;
	padding: 15px 20px;
	height: auto;
	background-color: #ccc;
	border: 1px solid black;
	cursor: pointer;
	/* for IE */
  filter:alpha(opacity=25);
	/* CSS3 standard */
  opacity: .25;
  z-index: 5;
  }
div.transbox3 {
  background: transparent;
  border: 0;
	/* for IE */
  filter:alpha(opacity=100);
	/* CSS3 standard */
  opacity: 1;  
  z-index: 6;  
}  
div.transbox2 p
  {
	margin: 15px 20px;
	font-weight: bold;
	color: #000000;
	font-size:12px;
  }
div.transbox2 h1 {
	background: red;
	width: 400px;
	height: 25px;
	color: white;
	font-size: 14px;
	line-height: 25px;
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	text-indent: 5px;
}

.gradualshine{
filter:alpha(opacity=90);
-moz-opacity:0.9;
font-size:12px
}

#headertitle {
	position: relative;
}

div.logged {
position: absolute;
top: 15px;
right: 0;
}

div.side-floater {
  width: 200px;
  position: absolute;
  top: 0;
  left: -230px;
  padding: 0 10px;
}

#content div.side-floater ul {
  padding-left: 5px;
  margin: 0;
}

a.sidelink {
  display: block;
  font-size: 12px;
  padding: 5px; 
}
a.sidelink:hover {
  background: #e6e6e6;
  text-decoration: none;
}

ul.sidelink a {
  display: block;
  font-size: 12px;
  padding: 5px;
  color: red;
  border-bottom: 1px solid #fff;
}

ul.sidelink li.current-cat-parent li a:hover,
ul.sidelink li.current-cat li a:hover,
ul.sidelink a:hover {
  background: #e6e6e6;
  text-decoration: none;
  border-bottom: 1px solid red;  
}

ul.sidelink li.current-cat-parent li.current-cat a,
ul.sidelink li.current-cat-parent a,
ul.sidelink li.current-cat a {
  background: #e6e6e6; 
}

ul.sidelink li.current-cat-parent li a,
ul.sidelink li.current-cat li a {
  background: #fff;
}

ul.sidelink li ul {
  height: 0px;
  padding: 0;
  margin-top: 0;
  margin-bottom:
  overflow: hidden;
}
ul.sidelink li.current-cat-parent ul,
ul.sidelink li.current-cat ul {
  height: auto; 
}

div#home-box {
  background: #000;
  width: 630px;
  float: left;  
}

div#welcome-box {
 
  height: 330px;
  overflow: hidden;
  position: relative;
}

div#welcome-box .left-side {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 300px;
  z-index: 2;
}

div#welcome-box img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

div#news-box {
  width: 320px;
  padding: 10px;
  float: right;
  background: #fff;
}

.site-intro {
  background: #333;
  color: #fff;
  padding: 10px;
}

.site-intro h1, .site-intro h2, .site-intro h3, .site-intro h4, .site-intro h5, .site-intro h6 {
  color: #fff;
  margin: 0; padding: 0; 
}

.black {
  background: #000; 
  padding-top: 10px;
}

table {
  border-collapse: collapse;
}

table td {
  padding: 5px; 
}