body {
	line-height : 14px;
	padding : 0;
	z-index : 0;
	margin : 10px 0px 10px 0px;
	font-family :  	Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	background-color : #EBE5CE;
}
p {
	line-height : 20px;
	font-family :  	Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
}
a:link,
a:visited {
	text-decoration : none;
	color : #999966;
}


h1{
	border-bottom-width : medium;
	border-bottom-style : groove;
	margin : 10px 0 5px 0;
	padding : 0px 0 10px 0;
	line-height : 24px;
	font-weight : bold;
	text-align : center;
	border-bottom-color : #000000;
	font-size : 20px;
	color : #000000;
	background-color : #EBE5CE;
}
	
h2{
	padding : 0;
	font-weight : bold;
	margin : 10px 5px 5px 5px;
	color : #006600;
	text-align : center;
	font-size : 15px;
	background-color : #FFFFFF;
}

h3{
	font-weight : bolder;
	margin : 2px;
	font-size : 12px;
	text-align : left;
	color : #990000;
	background-color : #FFFFFF;
}

h4 {
	font-weight : 900;
	margin : 0 5px 0 5px;
	padding : 0 0 5px 10px;
	font-size : 10px;
	color : #000000;
	text-align : left;
	background-color : #FFFFFF;
}

h5 {
	font-weight : bold;
	margin : 0 5px 0 5px;
	padding : 5px;
	font-size : 10px;
	color : #666666;
	text-align : left;
	background-color : #FFFFFF;	
}

h6 {
	font-weight : 900;
	text-transform : uppercase;
	border-bottom-width : 2px;
	border-bottom-style : solid;
	border-bottom-color : #009900;
	margin : 15px 5px 10px 5px;
	padding-left : 15px;
	font-size : 8px;
	color : #000000;
	text-align : left;
	text-transform : uppercase;
	background-color : #FFFFFF;
}

#container {
    position : relative;
	margin-top : 0;
    margin-bottom : 0;
	width : 974px;
    	    margin-left: auto;        
		margin-right: auto;
	background-color : #CCCC99;
	border : 2px solid #000000; 
}
#header {
	position : relative;
    margin : 0;
	padding : 0;
	line-height : normal;
	z-index : 5;
	       background-color: #999966;
	height : 160px;
	text-align : left;
	color : #000000;
}

#navigation {
	position : relative;
	z-index: 2;
	line-height: 1;
	margin : 5px;
    float : left;
	width : 200px;
	text-align : left;
	background-color : #996633;
	border : 1px solid #000000;
	color : #000000;
	
}

#navigation .box_title {
           background-color: #999966;
}

#navigation>p {margin:0px; font-size:10px; line-height: 14px;}

#navigation a{
	text-decoration: none;
	padding : 5px 10px;
	font : bold 14px/100% Verdana, Arial, Helvetica, sans-serif;
	display : block;
	color : #FFFFFF;
/*	background: #5c8d0c url(images/nav-button-bg.gif) repeat-x; */
}
#navigation a:hover{
	text-decoration : none;
	padding : 5px 10px;
	font : bold 14px/100% Verdana, Arial, Helvetica, sans-serif;
	display : block;
	color : #000000;
	background-color : #FFFFFF;
}
#navigation a:visited{
	text-decoration : none;
	color : #990000;
}
#navigation ul{
	margin: 0;
	padding: 0;
}
#navigation ul li{
	list-style: none;
	margin : 0;
	padding : 0;
	padding-left : 0px !important;
	border-bottom : 1px solid #fff;
	background : url(buttonimage.jpg);
	/* for IE */
    filter:alpha(opacity=100);
    /* CSS3 standard */
    opacity:1;
}
#navigation .page_item a:hover {
	color : #000000;
}
/*sub-pages */
ul.list-page li ul li, li.widget_pages li ul li{
	background: url(images/mini-page-arrow.gif) no-repeat !important;
	padding-left: 10px !important;
}

#navigation a:visited {
	text-decoration: none;
	color: #990000;
}

#navigation a:hover {
/*	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #006600;
	border-bottom-color: #006600; */
	color: #000000;
} 
#quotebox {
	position : absolute;
	top: 180px;
	right :10px;
	margin: 0px 5px 0px 5px;
	width : 220px;
	text-align : left;
	background-color : #996633;
	border : 1px solid #000000;
	color : #000000;
	
}

.webcontent {
	position : relative;
	float : left;
	min-width : 280px;
	width : 100%;
	color : #000000;
	padding : 0px;
	font-size : 12px;
	line-height : 15px;
	z-index : 2;
	font-family :  	Verdana, Arial, Helvetica, sans-serif;
	background : url(contentimage.jpg);
}

#extracol {
	position : relative;
	z-index : 6;
    float : right;
	text-align : left;
	border : 0px none #000000;
	background-color : #CC9966;
	width : 200px;
}

#topmenu {
	position : relative;
	clear : both;
	z-index : 6;
	padding : 3px 0 0 0;
	height : 21px;
	font-weight : bold;
	top : 0px;
	
	text-align : centered;
	background-color : #999966;
	//border-top : 2px solid #222222;
   //border-bottom : 2px solid #222222;
}  	

#topmenu a:link,
#topmenu a:visited {
	text-decoration : none;
	font : bold;
	color : #000000;
}

#topmenu a:hover {
	color: #EBE5CE;
}
#topmenu2 {
	position : relative;
	clear : both;
	z-index : 6;
	padding : 3px 0 0 0;
	top : 0px;
	text-align : centered;
}  	

#topmenu2 a:link,
#topmenu2 a:visited {
	text-decoration : none;
	color : #999966;
}

#topmenu2 a:hover {
	color: #000000;
}
#footermenu {
	position : relative;
	clear : both;
	z-index : 6;
	padding : 3px 0 0 0;
	top : 0px;
	text-align : centered;
}  	

#footermenu a:link,
#footermenu a:visited {
	text-decoration : none;
	color : #999966;
}

#footermenu a:hover {
	color: #000000;
}

.box {
	position : relative;
	float : left;
	margin : 0 5px 0 0;
	width : 95%;
	padding : 5px;
	border : 1px dotted #000000;
	background-color : #ffffff;
	text-align : left;
	z-index : 50;
}

#footer {
	clear : both;
	text-align : center;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 9px;
	background-color : #FFFFCC;
	padding : 5px;
	margin : 10px 0 0 0;
	border-top : 1px solid #000000;
}

#powered {
	position : relative;
    float : right;
	z-index: 9;
	margin : 0 0 -15px 0;
}
#errormessage {
    background-color:#FFFFFF;
    padding:10px;
    margin:10px;
    font-weight:500;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FF6600;
    border: 2px solid #FF6600;
    font-size: 14px;
    voice-family: "\"}\"";
    voice-family:inherit;
}

.piclabel {
    text-align : center;
	font-weight : 500;
	margin : 0 0 10px 0;
	font-size : 9px;
	letter-spacing: 1px
}
div.spacer {
clear: both;
}
 
div.row {
clear: both;
padding-top: 3px;
}

div.row span.label {
	float : left;
	width : 28%;
	text-align : right;
	color : #000000;
	padding : 5px 0 5px 0;
	font-size : 11px;
	font-weight : bold;
}
div.row span.labelerror {
	float : left;
	width : 28%;
	text-align : right;
	color : #000000;
	padding : 5px 0 5px 0;
	font-size : 11px;
	font-weight : bold;
    background-color : #F5CBCB;
}


div.row span.formw {
	float : right;
	width : 70%;
	padding : 0 0 5px 0;
	text-align : left;
}

 
h5 {
	font-weight : bold;
	margin : 0 5px 0 5px;
	padding : 5px;
	font-size : 10px;
	color : #666666;
	text-align : left;
	background-color : #FFFFFF;	
}

.menu_label {
	font-weight : bold;
	margin : 0 5px 0 5px;
	padding : 5px;
	font-size : 16px;
	color : #000000;
	text-align : left;
	background-color : #CC9966;
    
	/* for IE */
    filter:alpha(opacity=100);
    /* CSS3 standard */
    opacity:1;
}

.errortext {
	background-color:#ffffff;
	padding:10px;
	margin:10px;
	font-weight:500;
	font-family:  	Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: 2px solid #FFFFFF;
	font-size: 14px;
	voice-family: "\"}\"";
	voice-family:inherit;
}

.statustext {
	background-color:#996600;
	padding:10px;
	margin:10px;
	font-weight:500;
	font-family:  	Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: 2px solid #FFFFFF;
	font-size: 14px;
	voice-family: "\"}\"";
	voice-family:inherit;
}
.dd{text-align: center; color: #000000; text-decoration: none; font-weight: bold; border: 0px; background-color: #eefaff;}

.resform{font-weight: bold; border: 1px #009bff solid; background-color: #bbc7dd;}

.main{background-color: #009bff;}

.cbor{border: 1px solid #aaeeff;}

.chead{background-color: #cedadf; color: #444499; font-weight: bold;}

.content{background-color: #eefaff;}

.inner{background-color: #bbc7dd;}

.innerc{background-color: #ffffff;}

.bottom{margin-left: 40px; margin-right: 40px; color: 040404;}



.sfon {font-size: 13px; font-family: arial, verdana, san-serif; background-color: #fefefe;}

.sfon1 {font-size: 13px; font-family: arial, verdana, san-serif; background-color: #fefeee;}

a#a1{color: #4444ff; text-decoration: none;}

a#a2{color: #4444a0; text-decoration: none;}

.top{margin-left: 10px; margin-right: 10px; background-color: #efefef; border: 1px solid #ababab;}

.top1{font-size: 13px; padding:15px; font-family: arial, verdana, san-serif;}

.fnt21{text-decoration: none; color: black;}
.fnt21:visited{text-decoration: none; color: black;}
.fnt21:hover{text-decoration: none; color: blue;}
 .seper1{background-color:#38ACEC;}
.ta3{text-decoration: none; color:white;}
.ta2{text-decoration: none; color:blue; height:33px;}
.ta1{text-decoration: none; border :1px  solid #0063DC ; }
.link{font-family: verdana, arial, san-serif; font-size: 13px; color: #ab4a34;}

.form{color: #0033ff; font-size:-1;}

.shade{background-color: #bbddff;}

.calc{border: 2px groove #009bff; background-color: #fafafa; cursor: pointer;}

.bac{text-align:right; background-color: #bbddff; border: 0px; font-weight:bold;}

.bac1{background-color: #bbddff; border: 0px; font-weight:bold;}

.slash{padding:3px; vertical-align: -10px; font-size:27px; font-weight:bold; color: #009bff;padding-top:2px; padding-bottom:2px;}

.col{background-color: #edfbfa;padding-top:2px; padding-bottom:2px;}

.col1{background-color: #cdebfa;}

.col2{background-color: #adebfa;}

.index{background-color: #F8F8F8;}



.fnt{background-color: #ffffff; width: 60px; height: 23px; color: #000000;}

.fnt1{background-color: #eefaff;  color: #000000; font-style: normal; font-wieght: 800; font-size: 15px;}

.inv{background-color: #bbc7dd; width: 60px; height: 23px;}

.res{height: 100%; width: 100%; font-size: 10px; overflow: auto;}

.res1{color: #000000; border: 1px #aeddaa dotted;}



.links{text-decoration: none; color: #150517; font-size:12px; font-family: verdana, san-serif; padding-left:3px;}

.links:hover{text-decoration: none; color: #6768ff;}

.links1{text-decoration: none; color: #4444ff; font-size: 13px; font-family: arial, verdana, san-serif; font-weight: bold;}

.links1:hover{text-decoration: none; color: #000088;}

.headi{text-decoration: none; font-size: 17px; font-weight: bold; font-family: san-serif, verdana, arial;}

.centerbox{font-size: 13px; font-family: verdana, arial, san-serif, serif; border: 3px #9a9a9a solid; border:0px; padding-top: 10px; margin: 0px;}

.seper{ background-color: 009BFF;}

.fon{text-decoration: none; color: #0063DC;}

.fon:visited{text-decoration: none; color: #1c86aa;}

.fon:hover{text-decoration: none; color: #3300ff;}

table{font-size: 13px; font-family: verdana, arial, san-serif; }

.foot{font-size: 14px; color: blue; font-family: arial, verdana, san-serif; padding-left:10px; padding-right:10px;}

.fnt2{text-decoration: none; color: black;}

.fnt2:visited{text-decoration: none; color: black;}

.fnt2:hover{text-decoration: none; color: red;}



.bgc1{background-color: #efefef;}

.bgc2{background-color: #dedede;}



.ss{ border: 1px solid #009bff;}

.nmetals{background-color:#C59F8C;}

.onmetals{background-color:#91EB43;}

.alkali{background-color:#E0F237;}

.earth{background-color:#9692CC;}

.trans{background-color:#B2F1E6;}

.rare{background-color:#F5D47B;}

.other{background-color:#84BAF8;}

.ngases{background-color:#2E2EFE;}

.halogens{background-color:#E97BF5;}

.sh{background-color: #F6CECE;}

.solid{text-decoration:none; color:#000000; font-weight: bold;}

.liquid{text-decoration:none; color:#ff2222; font-weight: bold;}

.gas{text-decoration:none; color:#ffffff; font-weight: bold;}

.style2 {
	font-size: 16px;
	font-weight: bold;
	color: #CC3366;
}