body {
        margin: 0;
        margin-bottom: 25px;
        padding: 0;
        background-color: #e6e6e6;
        font-family: Arial, sans-serif, "Verdana";
        font-size: 13px;
        color: #333;
      }
      
      h1 {
        font-size: 18px;
        color: #000;
      }
      
      a  {
	color: #030;
	text-decoration: none;
}
      a:hover {
	background-color: #CBD7C0;
	text-decoration: none;
      }

/* START: error message style */
	.fieldWithErrors {
	  padding: 2px;
	  background-color: red;
	  display: table;
	}

	#errorExplanation {
	  width: 400px;
	  border: 2px solid red;
	  padding: 7px;
	  padding-bottom: 12px;
	  margin-bottom: 20px;
	  background-color: #f0f0f0;
	}

	#errorExplanation h2 {
	  text-align: left;
	  font-weight: bold;
	  padding: 5px 5px 5px 15px;
	  font-size: 12px;
	  margin: -7px;
	  background-color: #c00;
	  color: #fff;
	}

	#errorExplanation p {
	  color: #333;
	  margin-bottom: 0;
	  padding: 5px;
	}

	#errorExplanation ul li {
	  font-size: 12px;
	  list-style: square;
	}
/* END: error message style */

/* START:notice */
	#notice {
	  border: 1px solid red;
	  padding: 1em;
	  margin-bottom: 2em;
	  background-color: #f0f0f0;
	  font: bold smaller sans-serif;
	}
/* END:notice */


      #page {
        background-color: #E6E6E6;
        width: 960px;
        margin: 0;
        margin-left: auto;
        margin-right: auto;
      }
      
	  #top_banner {
	width: 920px;
	background-color: #CCFFFF;
	background-image: url(../images/green_back.gif);
      }
	  
      #content {
	  float: left;
	border: 3px solid #aaa;
	border-top: none;
	width: 920px;
      }
      
      #sidebar {
        float: right;
        width: 175px;
      }

      #footer {
	clear: both;
	text-align: center;
	margin-top: 10px;
	height: 25px;
      }
      

      #header {
	background-repeat: repeat-x;
	background-image: url(../images/green_back.gif);
	border-bottom: 5px solid #030;
	height: 105px;
      }
      #header h1, #header h2 {margin: 0}
      #header h2 {
        color: #888;
        font-weight: normal;
        font-size: 16px;
      }
      
      #header-left {
		float: left;
		width: 40%;
		margin-left: 20px;
		margin-top: 20px;
        /*border: 1px solid #fc0;*/
      }
      #header-left img{
	    float: left;
		margin-right: 4px;
	  }
      #header-left p{
		font-size: 1.25em;
		margin-top: 0px;
		font-weight: bold;
		color: #030;
		clear: left;
	  }

	  #header-right {
		float: right;
		width: 60%;
        /*border: 1px solid #cf0;*/
      }
      #header-welcome{
	float: left;
	padding: 4px;
	margin-top: 10px;
	font-weight: bold;
	font-size: 1em;
	color: #030;
	/*background-image: url(../images/banner.jpg);*/
	width: 468px;
	/*background-repeat: no-repeat;*/
	  }
	#header-welcome p {
	margin-top: 0px;
	text-align: center;
	  }
	  
	#header-nav {
	height: 30px;
	clear: both;
	background-image: url(../images/log_back.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #030;
       /* border: 1px solid #cf0; */
      }
	
	#header-search{
	float: right;
	margin-top: 4px;
	  }

	#header-login{
	float: right;
	margin-top: 10px;
	margin-right: 1em;
	  }	  
    #header-breadcrumbs {
	  float: left;
	  margin-top: 8px;
	  margin-left: 4px;
	  font-weight: bold;
	}

   #home-body {
	color: #393;
      }
      #home-body h1 {
        margin: 0;
        font-size: 20px;
      }
      #home-body h2 {
        margin: 0;
        font-size: 14px;
        font-weight: normal;
        color: #333;
        margin-bottom: 25px;
      }
      #home-body ol {
        margin-left: 0;
        padding-left: 0;
      }
	#home-body ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
      }
      #home-body ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
      }
	#home-body li a {
	text-decoration: none;
      }
      #home-body li h2 {
	margin: 0;
	font-weight: normal;
	font-size: 18px;
	color: #333;
      }
      #home-body li p {
        color: #555;
        font-size: 13px;
      }

      #home-left-column {
	float: left;
	width: 200px;
	min-height: 600px;
	margin-top: 2px;
	border: 1px solid #030;
	margin-left: 8px;
	  }
	  
	#home-left-column li {
	color: #030;
	border-bottom: 1px solid #d5e2ca;
	height: 18px;
	margin-top: 5px;
	list-style-image: url(../images/arrow.gif);
	margin-left: 20px;
	}
	
	#home-left-column-bottom {
	float: left;
	width: 200px;
	min-height: 600px;
	margin-top: 10px;
	  }
	  
	 #home-left-column-bottom li {
	color: #030;
	border-bottom: 1px solid #d5e2ca;
	height: 18px;
	margin-top: 5px;
	list-style-image: url(../images/arrow.gif);
	margin-left: 20px;
	}
	
	  #home-main-column {
	float: right;
	width: 700px;
	margin-top: 2px;
	clear: none;
	  }
	  
	#center {
	float: left;
	width: 270px;
	clear: none;
	  }
	  
	#right {
	float: right;
	width: 59%;
	margin-right: 5px;
	  }
	  
	  #right-1 {
	float: left;
	width: 270px;
	  }
	  
	  	  #right-2 {
	float: right;
	width: 120px;
	margin-right: 8px;
	  }
	  
	  #banner_side {
	float: right;
	width: 120px;
	  }
	
	   .table {
	border: 1px solid #030;
	width: 270px;
	  }
	 
	.table li {
	color: #030;
	border-bottom: 1px solid #d5e2ca;
	height: 18px;
	list-style-image: url(../images/arrow.gif);
	margin-left: 20px;
	margin-top: 5px;
	}
	
	.table2 {
	border: 1px solid #030;
	margin-top: 10px;
	width: 270px;
	  }
	 
	.table2 li {
	color: #030;
	border-bottom: 1px solid #d5e2ca;
	height: 18px;
	list-style-image: url(../images/arrow.gif);
	margin-left: 20px;
	margin-top: 5px;
	}
	   .table_right {
	float: left;
	border: 1px solid #030;
	width: 120px;
	margin-bottom: 5px;
	  }
		
	#tabletitle{
	height: 20px;
	padding: 3;
	background-color: #d5e2ca;
	color: #063;
	padding-top: 5px;
	padding-left: 7px;
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid #030;
	}
	
		#tabletitle2 {
	height: 20px;
	padding: 3;
	background-color: #d5e2ca;
	color: #063;
	padding-top: 5px;
	padding-left: 7px;
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid #030;
	border-top: 1px solid #030;
	margin-top: 20px;
	}

		#tabletitle3 {
	height: 20px;
	padding: 3;
	background-color: #d5e2ca;
	color: #063;
	padding-top: 5px;
	padding-left: 7px;
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid #030;
	border-top: 1px solid #030;
	margin-top: 20px;
	display: block;
	}
	
	#write_articles{
height: 20px;
	padding: 3;
	background-color: #E6E6E6;
	color: #063;
	padding-top: 5px;
	padding-left: 7px;
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid #030;
	}
	
	.tablenotitle{
	height: 3px;
	background-color: #d5e2ca;
	padding-top: 5px;
	padding-left: 7px;
	border-bottom: 1px solid #030;
	}
	
	.articles{
	padding: 5px;
	border-bottom: 1px solid #d5e2ca;
	font-size: 0.95em;
	overflow: hidden;
	}
	
	.share_know{
	font-size: 14px;
	color: #030;
	font-weight: bold;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 3px;
	}
	
	.each_point{
	font-size: 11px;
	color: #030;
	font-weight: bold;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 60px;
	float: left;
	}
	
	.points{
	float: right;
	color: #FF0000;
	font-size: 45px;
	font-weight: bold;
	width: 60px;
	text-align: center;
	}
	
	#quickload{
	height: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin-top: 5px;
	}
		
	.main_article{
	height: 130px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin-top: 5px;
	}
	  
	  #home-content-column {
	    float: left;
		width: 80%;
	  }
	  #home-right-column {
	    float: right;
		width: 20%;
	  }
	  #home-bottom-column {
	    clear: both;
		width: 100%;
		text-align: center;
		overflow: hidden;
	  }
	  .home-content-left {
		float: left;
		width: 50%;
	  }
	  .home-content-right {
		float: right;
		width: 50%;
	  }
	  .home-content-box {
		width: 270px;
		min-height: 120px;
		margin: 3px;
		border: 1px dotted;
		overflow: hidden;
		word-wrap: break-word;
	  }
	  .left-content-box {
	width: 190px;
	margin-top: 9px;
	border: 1px solid #030;
	  }
	  .right-content-box {
		width: 96%;
		margin: 2%;
		border: 1px dotted;
		min-height: 120px;
	  }

	  #signup-form label {
		text-align: right;
	  }
      

      
      
   
      
      
      #search {
        margin: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 11px;
      }
      #search input {
        font-size: 11px;
        margin: 2px;
      }
      #search-text {width: 170px}
      
      
/* wiki cms styles */
	  #article-page, #users-page, #profile-page
	  {
		margin: 2px auto;
		width: 450px;
		padding: 4px;
		border: 1px dotted;
		overflow: hidden;
		word-wrap: break-word;
	  }
	  #article-page h4 {
		margin-bottom: 0.2em;
	  }

	  .image-in-text {
        max-width: 250px;
		float: left;
        padding-right: 4px;
	  }

	  .article-brief-title {
		font-size: 1.1em; 
	  }
	  .article-brief-author {
	font-style: italic;
	font-size: 16px;
	color: #030;
	  }
	  .article-brief-intro {
		padding-top: 4px; 
		padding-bottom: 4px; 
	  }
	  .article-brief-links {
	    text-align: right;
		font-size: 0.8em;
	  }

/* styles for elements on home page */
	  #category_list {
	  }
	  #category_list li {
	list-style-type: none;
	  }

	  #comm_user_list {
		margin-left: 10px;
       }
	  #comm_user_list li {
	font-size: 1em;
	margin-top: 2px;
	margin-bottom: 2px;
	  }

	  #top_user_list {
		margin-left: 10px;
       }
	  #top_user_list li {
	    font-size: 1em;
		margin-top: 2px;
		margin-bottom: 2px;
	  }

	  #new-articles, #featured-content {
	    font-size: 0.8em;
		min-height: 100%;
		margin-top: 2px;
	  }

	  #users-list {
	    width: 100%;
		padding: 10px;
	  }
	  #users-list th{
	    text-align: left;
	  }