html {
  	height: 100%;
}
body {
  	margin: 0;		padding: 0;
  	width: 100%;	height: 100%;
  	background-color: #2F8A57;		color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
	text-align: center;
}
h2 {
  	padding: 0 0 7px 0;		margin: 0;
  	width: 655px;
  	color: #c0d200;
  	border-bottom: 1px solid #ccc;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}
#topwrap {
  	margin: 0;		padding: 0;
  	width: 100%;	height: 500px;
  	position: absolute;
  	left: 0;		right: 0;
  	color: inherit;
  	background: url(img/bg.jpg) repeat-x top center #2F8A57;
}

#topwrap h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	padding: 0;		margin: 0;
  	color: #c0d200;
  	margin-top: 36px;
  	float: left;
  	margin-left: 56px;
	font-size: 1.4em;
}

#topwrap h1 span {
    padding: 0;		margin: 0;
	 font-size: 1.8em;
  	color: #fff;
}

#topwrap .topright {
	position: absolute;
	right: 0;		top: 0;
	display: block;
	height: 140px;		width: 140px;
	background: url(img/tr.gif) no-repeat;
	text-indent: -999em;	text-decoration: none;
}

#container {
  	width: 675px;
	height: auto;
  	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	margin-top: 74px;
  	background-color: #fff;
}

#banner {
	 width: 675px;
	 height: 150px;
	background: #3CB371;
}

/*.conshadow {
  	width: 675px;		height: 17px;
  	position: absolute;		top: 0;
  	background: #fff url(img/conshadow.png) no-repeat top center;
}*/

#maincontent {
	float: left;
	display: inline;
	position: relative;
/*	
  	width: 580px;
	height: auto;*/
  	margin-left: 10px;
}

#maincontent .article {
	text-align: left;
	color: Black;
	font-size: 0.9em;
	margin-bottom: 1px;
	padding-right: 10px;
	}

#maincontent .article p a, a:link, a:visited {
  	color: #BCCE00;
  	text-decoration: none;
}
#maincontent .article p a:hover {
	text-decoration: underline;
}

#maincontent .articletitle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #7B8600;
	font-size: 1.2em;
	border-bottom: 1px solid #C0D200;
	padding: 7px 0px 0px 0px;
	margin: 0;
}

#maincontent .attention{
	color: Black;
	margin: 2px;
	padding: 7px;
	font-size: 0.9em;
	font-weight: bold;
/*	text-align: left;*/
}

#sidecontent {
	float: right;
	display: inline;
	position: relative;
  	width: 140px;
	background-color: #FFFACD;
	font-size: 0.8em;
	text-align: left;
	line-height: 120%;
	padding: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
/*	background-image: url(img/bg2.gif);
	background-repeat: no-repeat;*/
	border-bottom: 1px solid #C0D200;
	border-left: 1px solid #C0D200;
	border-right: 1px solid #C0D200;
}

#sidecontent a, a:link, a:visited {
  	color: Green;
  	text-decoration: none;
}

#sidecontent a:hover {
  	text-decoration: underline;
}

#footer {
  	clear: both;
	width: 655px;
  	color: #838383;
  	margin-top: 17px;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
/*  	border-top: 1px solid #c0d200;
*/  	text-align: left;
	font-size: 0.8em;
	}

#footer a, a:link, a:visited {
  	color: #2F8A57;
  	text-decoration: none;
}

#footer a:hover {
  	text-decoration: underline;
}

.picleft {
float: left;
margin: 0 10px 5px 0px;
border: 1px solid #C0D200;
padding: 2px;
}

.picright {
float: right;
margin: 0 0px 5px 10px;
border: 1px solid #C0D200;
padding: 2px;
}

#triadaform {
     color: #000000;
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: 1em;
     text-align: left;
     width: 450px;
     margin: 10px;
     padding: 10px;
    }
#triadaform .theInput {
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: 1em;
     width: 400px;
     border: 1px solid #B0B0B0;
     background: #DADADA;
     padding: 2px;
	}
	
#triadaform .theInputmust {
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: 1em;
	  font-weight: bold;
     width: 400px;
     border: 1px solid #B0B0B0;
     background: #FEFF86;
     padding: 2px;
	}

#triadaform .theSubmit {
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      font-size: 1em;
      background-color: #575757;
     color: #FFFFFF;
     margin-right: 5px;
    }
	 
/* ~~~~~~~~~ PROPS FOR THE MENU GO OUT TO EXPLODING-BOY.COM ~~~~~~~~~ */

    #tabs6 {
      position: relative;
      top: 77px;
      left: 35px;
      width: 675px;
      font-size:95%;
      margin: auto;
      line-height:normal;
      height: 66px;
		font-weight: bold;
      }
    #tabs6 ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    #tabs6 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs6 a {
      float:left;
      background:url(img/tableft6.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs6 a span {
      float:left;
      display:block;
      background:url(img/tabright6.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs6 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs6 a:hover span {
      color:#FFF;
      }
    #tabs6 a:hover {
      background-position:0% -42px;
      }
    #tabs6 a:hover span {
      background-position:100% -42px;
    }
    
	/*-  other Menu Tabs--------------------------- */


    #tabs {
      float:left;
      width:100%;
      background: #BFD400;
      font-size:95%;
      line-height:normal;
		text-align: left;
		
      }
    #tabs ul {
        margin:0;
        padding: 10px 10px 0 10px;
        list-style:none;
		  
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
		
      }
    #tabs a {
      float:left;
      background:url("img/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
		border-bottom: 1px solid #C4C4C4;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("img/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FF9834;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }

        #tabs #current a {
                background-position:0% -42px;
					 		border-bottom: 1px solid white;
        }
        #tabs #current a span {
                background-position:100% -42px;
        }