@charset 'UTF-8';
/*
	Free Internet
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/
body {
	line-height: 1.6em;
	background: #073752 url(images/bg01.png) repeat scroll left top;
}
body.phy {
	background-color:#2a68a1;
}
body.bio {
	background: #4E882E;
}
body.chem {
	background: #5C3F73;
}
body.math {
	background-color: #BD5900;
}
span.arial {
	font-family:Arial, Helvetica, sans-serif;
}
#topMenu a.phy {
	background: -webkit-linear-gradient(#4391d6, #2a68a1); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#4391d6, #2a68a1); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#4391d6, #2a68a1); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#4391d6, #2a68a1); /* Standard syntax */
	color:#fff;
	border:1px solid #2a68a1;
}
#topMenu a.bio {
	color:#fff;
	border:1px solid #4E882E;
	background: -webkit-linear-gradient(#58b926, #4E882E); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#58b926, #4E882E); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#58b926, #4E882E); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#58b926, #4E882E); /* Standard syntax */
}
#topMenu a.chem {
	color:#fff;
	border:1px solid #5C3F73;
	background: -webkit-linear-gradient(#8e4ebb, #5C3F73); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#8e4ebb, #5C3F73); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#8e4ebb, #5C3F73); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#8e4ebb, #5C3F73); /* Standard syntax */
}
#topMenu a.math {
	color:#fff;
	border:1px solid #BD5900;
	background: -webkit-linear-gradient(#BD5900, #5C3F73); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#BD5900, #5C3F73); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#BD5900, #5C3F73); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#BD5900, #5C3F73); /* Standard syntax */
}
body.is-loading * {
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
	-moz-animation: none !important;
	-webkit-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
}
body, input, select, textarea {
	font-family: Tahoma, Arial, Geneva, sans-serif;
	font-size: 12pt;
	color: #4E4E4E;
}
a {
	color: #b02939;
	text-decoration: underline;
	cursor: pointer !important;
	-moz-transition: color .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out;
	-o-transition: color .25s ease-in-out;
	-ms-transition: color .25s ease-in-out;
	transition: color .25s ease-in-out;
}
a:hover {
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
	text-decoration: none;
	outline: 0;
}
h1.pHead {
	font-size:2.1em;
	color:#efefef;
	background-color:#022d46;
	padding: 0.5em;
	margin:-0.9em -0.95em 1em -0.95em;
	letter-spacing:0.015em;
	border-bottom: 1px solid #ccc;
	border-radius:4px;
}
h1 {
	font-size:1.7em;
	color:#1d508e;
	padding-bottom: 0.4em;
	letter-spacing:0.015em;
	border-bottom: 1px solid #ccc;
}
h2 {
	color:#373F47;
	padding-bottom: 0.4em;
	letter-spacing:0.015em;
	border-bottom: 1px solid #ccc;
}
h2 a:hover {
	color:#ff9;
}
h3 {
	color:#373F47;
	padding-bottom: 0.4em;
}
td>h3 {
	padding-bottom: 0;
	margin-bottom:0;
}
h4 {
	color:#373F47;
	font-size: 1.2em;
	margin: 1.7em 0 0.55em 0;
	font-weight:normal;
}
b, strong {
	font-weight: 600;
}
.bold {
	font-weight:bold;
}
i, em {
	font-style: italic;
}
br.clear {
	clear: both;
}
sub {
	position: relative;
	top: 0.5em;
	font-size: 0.8em;
}
sup {
	position: relative;
	top: -0.5em;
	font-size: 0.8em;
}
hr {
	border-top: 1px solid #DADADA;
	width: 100%;
	size:1px;
	margin:3em auto 2.6em auto;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
}
blockquote {
	border-left: 0;
	padding: 0em 0 0.6em 3em;
}
p, ul, ol, dl {
	margin-bottom: 1.5em;
}
.white {
	color:#fff;
}
/* Table */

	table {
}
table.default {
	width: 100%;
	margin-bottom:2.2em;
	color: #666;
	background: #fff;
	margin:0.1em;
	border-top:1px solid #ccc
}
table.default tbody tr {
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
}
table.default td {
	padding: 0.7em 0.5em 0.7em 1em;
	border-left: solid 1px #ccc;
	font-size:0.95em;
	/*vertical-align: middle;*/
}
table.default th {
	font-weight: normal;
	padding: 0.7em 0.5em 0.7em 1em;
	/*text-align: left;*/
	background: #00a2dd;
	color: #fff;
	font-size:0.95em;
	letter-spacing:0.025em;
	border-right: solid 1px #fff;
}
table {
	margin-bottom:2.2em;
	color: #666;
	margin:0.1em;
}
table tr {
	border: none;
}
td.mid {
	padding:0 !important;
}
table td {
	padding: 0.5em 0.5em 0.5em 0.5em;
	border: none;
	font-size:0.95em;
	vertical-align: middle;
}
table th {
	font-weight: normal;
	padding: 0.7em 0.5em 0.7em 0.5em;
	background: #00a2dd;
	color: #fff;
	font-size:1em;
	letter-spacing:0.025em;
	border-right: none;
}
/ /* Section/Article */
 section, article {
 margin-bottom: 0.6em;
}
section > :last-child, article > :last-child {
	margin-bottom: 0;
}
section:last-child, article:last-child {
	margin-bottom: 0;
}
header {
	margin: 0 0 0.3em 0;
}
header h2, header h3 {
	margin: 0 0 0.25em 0;
}
header p {
	margin: 0;
	padding-top:2.5em;
	text-align:right;
}
/******** Image  Illustration box*/

.image {
	display: inline-block;
	outline: 0;
	border:0px solid #dddbd6;
	margin-bottom:1.5em;
	margin-top:1.5em;
	
}
.illBox {
	text-align:center;
	background-color:#fff;
	border:2px solid #A4B5B1;
	border-radius:4px;
	margin-top:2em;
	margin-bottom:4em;
}
.bot {
	text-align:left;
	background-color:#EAECF1;
	border-radius:1px;
	color:#343434;
	padding:2em 1.1em 1.5em 1.1em;
}
td.mid .iframe-container {
	margin-bottom:0 !important;
}
iframe {
	width: 100%;
}
.iframe-container {
	position: relative;
	height: 0;
	overflow: hidden;
	text-align:center;
	margin-bottom:3em;
	border:1px solid #efefef;
}
/* 550x400 */
.iframe-container-550x400 {
	padding-bottom: 72.7%;
	text-align:center;
}
/* 550x400 */
.iframe-container-550x520 {
	padding-bottom: 88%;
	text-align:center;
}
/* 550x400 */
.iframe-container-500x400 {
	padding-bottom: 80%;
	text-align:center;
}
/* x350 */
.iframe-container-x350 {
	padding-bottom: 82%;
	text-align:center;
}
.iframe-container-300 {
	padding-bottom: 58%;
	text-align:center;
}
/* 4x3 Aspect Ratio */
.iframe-container-4x3 {
	padding-bottom: 75%;
}
.iframe-container iframe {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}
/********** Contents page styles ****/

.defBox {
	border-radius:4px;
	border:0;
	background-color:#b2def2;
	color:#022d46;
	padding:1.6em 1.8em;
	margin: 0 2em 1.8em 2em;
	font-size:1.3em;
	line-height:1.5em;
}
/*** Tip box **/

fieldset {
	border: 0;
	background: #d95881;
	border-radius: 5px;
	padding: 0.5em 1.8em 1.8em 1.8em;
	margin: 0 3em 1.8em 3em;
	text-align:left;
	font-size:1.3em;
	line-height:1.4em;
	color:#fff;
	letter-spacing:0.025em;
	font-weight: normal;
}
fieldset a {
	color:#FC0;
}
fieldset legend {
	background: transparent;
	padding: 0;
	border: 0;
	text-align:right;
	vertical-align:middle;
}
fieldset legend::before {
	content: url("images/tip.png");
}
fieldset p {
}
fieldset p::last {
 margin-bottom:0;
}
fieldset span.bold {
	font-weight:bold;
}
/*** Form  **/

div.form {
	margin:10px 30px 30px 30px;
	color:#999;
}
div.form div {
	float:left;
	width:50%;
	padding-top:15px;
}
/* Button */

	input[type="button"], input[type="submit"], input[type="reset"], .button, a.button {
	-webkit-appearance: none;
	position: relative;
	color: #fff;
	text-decoration: none;
	border-radius: 4px;
	outline: 0;
	border: 0;
	cursor: pointer;
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
	-o-transition: background-color .25s ease-in-out;
	-ms-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
	font-size:0.9em;
	letter-spacing:0.025em;
	background-color: #b02939;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .button:hover {
	background: #333;
}
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, .button:active {
	background: #b00;
}
input[type=text], input[type=email], input[type=url], input[type=password], textarea {
	border: 1px solid #b02939;
	border-radius:4px;
	padding:6px 8px;
	margin: 5px auto;
	box-shadow:1px 1px #ccc;
	font-size:0.95em;
	outline: none;
}
.srchTop {
	width:18em;
}
input.srchStore {
	width:16em;
	border: 1px solid #666;
	border-radius:4px;
	padding:6px 8px;
	margin: 0px auto 0 auto;
	box-shadow:1px 1px #efefef;
	font-size:0.95em;
	outline: none;
}
input.storeBut {
	-webkit-appearance: none;
	position: relative;
	color: #fff;
	text-decoration: none;
	border-radius: 4px;
	outline: 0;
	border: 0;
	cursor: pointer;
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
	-o-transition: background-color .25s ease-in-out;
	-ms-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
	font-size:0.9em;
	letter-spacing:0.025em;
	background-color: #333;
}
input.storeBut:hover {
	background-color: #b02939;
}
.slctTop {
}
select {
	border: 1px solid #b02939;
	border-radius:4px;
	height:2.15em;
	box-shadow:1px 1px #ccc;
	color:#b02939;
	font-size:1em;
	padding:0 1.5em 0 0.95em;
	-webkit-appearance: none;
	background: #f4f3ef url(images/arr.png) no-repeat 9.5em center;
}
select:focus {
	outline: none;
}
/* Top nav **/

#topMenu a.topNav {
	font-size:0.95em;
	margin-left:0.4em;
	padding:0.40em 0.5em 0.45em 0.5em;
	text-decoration:none;
	border-radius:4px;
	-moz-transition: color .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out;
	-o-transition: color .25s ease-in-out;
	-ms-transition: color .25s ease-in-out;
	transition: color .25s ease-in-out;
}
#topMenu a.topNav:hover {
	color:#FF9;
	border:1px solid #666;
}
textarea {
	width:100%;
	padding: 15px;
	margin-top: 10px;
	border:1px solid #87ba0f;
	border-radius:4px;
	margin-bottom: 20px;
	resize:none;
}
.textarea {
	margin-top:25px;
	display:block;
}
label {
	font-size:1em;
	padding-bottom:0px;
	margin-bottom:-2px;
	display:block;
}
label.other {
	margin-left:8px;
}
input.other {
	width:98%;
	margin-left:8px;
}
input.Sbutton {
	padding: 0.5em 2.5em !important;
	text-align:right;
	margin-top:10px;
	border-radius:5px;
	text-transform:uppercase;
	color:#fff;
	float:right;
	font-size:1.3em;
	box-shadow:1px 1px #333;
}
/* List */

		ul {
}
ul.default {
	list-style: auto;
	padding-left: 2em;
	padding-top: 1em;
	padding-bottom: 1.2em;
	color:inherit;
	text-align: left;
}
ul.default li {
	list-style: disc;
	padding-bottom: 0.9em;
}
ul.actions {
}
ul.actions li {
	display: inline-block;
	padding: 0 0 0 0.25em;
	margin: 0 0 0 0.25em;
}
ul.actions li:first-child {
	margin-left: 0;
	padding-left: 0;
}
ul.menu li {
	border-left: solid 1px #e0e0e0;
	display: inline-block;
	padding: 0 0 0 0.75em;
	margin: 0 0 0 0.75em;
}
ul.menu li:first-child {
	border-left: 0;
	margin-left: 0;
	padding-left: 0;
}
ol {
}
ol.default {
	list-style: decimal;
	padding-left: 4em;
}
ol.default li {
	padding-bottom: 0.6em;
}
/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/
#header-wrapper {
}
#banner-wrapper {
}
#page-banner-wrapper {
	margin-top:0em;
	overflow:hidden;
}
/* ALL Banners general*/
#page-banner, #page-banner-bio, #page-banner-chem, #page-banner-phy, #page-banner-math, #page-banner-page {
	height:120px;
	overflow:hidden;
	border-radius:4px;
}
/* Homepage banner */
#main-banner {
	height:auto;
	overflow:hidden;
	border-radius:4px;
	background: url(images/banner-main.png);
	background-size:cover;
	background-repeat:no-repeat;
}
/* Phy */
#page-banner-phy {
	background: -webkit-linear-gradient(#14497c, #01264b); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#14497c, #01264b); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#14497c, #01264b); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#14497c, #01264b); /* Standard syntax */
	/*background: url(images/banner-phy.jpg);
	background-size:cover;
	background-repeat:no-repeat;*/
}
/* Bio */
#page-banner-bio {
	background: -webkit-linear-gradient(#1e5702, #163503); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#1e5702, #163503); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#1e5702, #163503); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#1e5702, #163503); /* Standard syntax */
	/*background: url(images/banner-bio.jpg);
	background-size:cover;
	background-repeat:no-repeat;*/
}
/* Math */
#page-banner-math {
	/*background: url(images/banner-math.jpg);
	background-size:cover;
	background-repeat:no-repeat;*/
	background: -webkit-linear-gradient(#9F1D00, #621A00); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#9F1D00, #621A00); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#9F1D00, #621A00); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#9F1D00, #621A00); /* Standard syntax */
	
}
/* Chem */
#page-banner-chem {
	/*background: url(images/banner-chem.jpg);
	background-size:cover;
	background-repeat:no-repeat;*/
	background: -webkit-linear-gradient(#45056d, #41054a); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#45056d, #41054a); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#45056d, #41054a); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#45056d, #41054a); /* Standard syntax */
	
}
/* general page */
#page-banner-page {
	background: url(images/banner-main.png);
	background-size:cover;
	background-repeat:no-repeat;
}
/* Page banner title */
#page-banner-wrapper .title {
	font-size:3em;
	color:#FFF;
	text-align:left;
	padding-top:0.99em;
	padding-left:0.8em;
	text-shadow:#000 0px 1px 2px;
	text-decoration:none;
}
.title a {
	text-decoration:none;
	color:#FFF;
}
.title a:hover {
	color:#ccc;
}
#features-wrapper {
	padding: 1.75em 0 2em 0;
}
#main-wrapper {
	padding: 0.5em 0 0 0;
	margin:  0.8em 0 0 0;/*background: #fff;
	box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.05);*/
}
.breadcrumbs {
	font-size:0.9em;
	padding:0.1em 0 0.9em 0;
	color:#fff;
}
.breadcrumbs a {
	color:#fff;
	text-decoration:none;
}
.breadcrumbs a:hover {
	color:#ccc;
}
/*-- SIde bar ---*******/

#sidebar {
	padding: 0 10px 10px 0px;
}
#sidebar h3 {
	color: #343637;
	font-size: 1.15em;
	padding: 0.5em 0.1em 0.4em 0em;
	margin:0;
	border-bottom:1px solid #dddbd6;
	margin-bottom:0.5em;
}
#sidebar section {
	padding: 0.3em 0.3em 0.9em 1.3em;
	border-radius:6px;
	background-color:#fff;
}
#sidebar ul {
	padding:0;
	margin:0;
}
#sidebar ul li {
	border-bottom:1px solid #dddbd6;
	padding-bottom: 0.4em;
	font-size:0.9em;
	color:#999;
	letter-spacing:0.025em;
}
#sidebar ul li a {
	text-decoration:none;
	color:#1d508e;
	-moz-transition: color .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out;
	-o-transition: color .25s ease-in-out;
	-ms-transition: color .25s ease-in-out;
	transition: color .25s ease-in-out;
}
#sidebar ul li a:hover {
	color:#c00;
}
div.butL {
	margin:1.3em auto;
	text-align:center;
}
a.butLrg {
	color: #333;
	width:100%;
	display:block;
	text-decoration: none;
	border-radius: 4px;
	cursor: pointer;
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
	-o-transition: background-color .25s ease-in-out;
	-ms-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
	font-size:1.1em;
	background-color: #ffc000;
	padding:0.8em 0.8em;
	margin: 0;
}
.butLrg:hover {
	background-color:#efefef;
}
#sideBar section div.ads {
	text-align:center;
}
div.ads {
	text-align:center;
	margin-left:-1.3em;
	padding:1em 0;
}



/*body text for CMS pages */
.bodyTxt {
	background-color:#fff;
	padding: 1.9em 2em 3.5em 2em;
	font-size:1em;
	line-height:1.5em;
	border-radius:4px;
	margin-bottom:1.2em;
}
.Pdesc {
	background-color:#f4f3ef;
	padding: 1.5em 2em 2.5em 2em;
	font-size:1em;
	line-height:1.5em;
	border-radius:4px;
	margin-bottom:1.2em;
}
/* contents tabular BG **/

div.evenBg {
	border-bottom:1px solid #999;
	background: #EFEAED;
}
div.oddBg {
	border-bottom:1px solid #999;
	background: #F9FCEF;
}
div.evenBg div, div.oddBg div {
	padding:1em 1em 1em 1.3em;
	margin-bottom:2em;
}
/* responsive div rows (tabular) */

div.bgOne {
	background-color:#F4F5D4;
	margin-bottom:2em;
	padding:0 1em 1em 1em;
	border-radius: 4px;
}
div.bgTwo {
	margin-bottom:2em;
	padding:0 1em 1em 1em;
	background: #ECDDF7;
	border-radius: 4px;
}
/* home page divs */

div.bgThree {
	padding:0em;
	border-radius: 4px;
	background: #e7f0f9;
	border:1px solid #afc6db;
}
div.bgThree h2 {
	background: -webkit-linear-gradient(#4391d6, #2a68a1); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#4391d6, #2a68a1); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#4391d6, #2a68a1); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#4391d6, #2a68a1); /* Standard syntax */
	
}
div.bgFour {
	padding:0;
	border-radius: 4px;
	background: #e8efe5;
	border:1px solid #b2caa6;
}
div.bgFour h2 {
	background: -webkit-linear-gradient(#58b926, #4E882E); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#58b926, #4E882E); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#58b926, #4E882E); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#58b926, #4E882E); /* Standard syntax */
}

div.bgFive {
	padding:0;
	border-radius: 4px;
	background: #ece2f3;
	border:1px solid #cec6d2;
}
div.bgFive h2 {
	background: -webkit-linear-gradient(#8e4ebb, #5C3F73); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#8e4ebb, #5C3F73); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#8e4ebb, #5C3F73); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#8e4ebb, #5C3F73); /* Standard syntax */
}
h2 span{
	float:right;
	
}
h2 span.phys{
	width: 78px;
	margin-top:-12px;
}
h2 span.bios{
	width: 57px;
	margin-top:-12px;
}
h2 span.chems{
	width: 55px;
	margin-top:-13px;
}
h2 span img{
	width:100%;
	
}

/* Home page boxes */
div.links {
	padding:0em 1em 0em 1em;
}
div.links a, div.links ul li a {
	color: #333;
	text-decoration: none;
	border-bottom: 1px dashed #999;
}
div.links a:hover {
	border:none;
	color: #C00;
}
div.mainDivs {
}
div.mainDivs h2 {
	color:#FFF;
	border: none;
	font-size:2.0em;
	padding:0.5em 0.2em 0.5em 1.1em;
	margin:0 0 0.8em 0;
	border-radius: 4px;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	font-weight: normal;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	width:100%;
	display:block;
}
div.mainDivs ul {
	margin-left:1.7em;
}
div.mainDivs ul li {
	padding-bottom:0.6em;
	list-style: disc;
}
/* More Topics button, main page */
.moreMain {
	color:#FFF;
	border: none;
	font-size:1.3em;
	padding:0.8em 1.1em;
	border-radius: 4px;
	border-top-left-radius:0;
	border-top-right-radius:0;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.moreMain a {
	color:#FFF;
	text-decoration:none;
	width:100%;
	display:block;
}
.moreMain a:hover {
	color:#CCC;
	text-decoration:none;
}
.mainDivs .phy {
	background: -webkit-linear-gradient(#4391d6, #2a68a1); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#4391d6, #2a68a1); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#4391d6, #2a68a1); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#4391d6, #2a68a1); /* Standard syntax */
}
.mainDivs .bio {
	background: -webkit-linear-gradient(#58b926, #4E882E); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#58b926, #4E882E); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#58b926, #4E882E); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#58b926, #4E882E); /* Standard syntax */
}
.mainDivs .chem {
	background: -webkit-linear-gradient(#8e4ebb, #5C3F73); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#8e4ebb, #5C3F73); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#8e4ebb, #5C3F73); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#8e4ebb, #5C3F73); /* Standard syntax */
}
/* Main banner titles */
#page-banner-wrapper .MainTxt {
	padding-top:3.3em;
	padding-left:4em;
}
#page-banner-wrapper .titleMain {
	font-size:2.6em;
	line-height:1.13em;
	color:#FFF;
	text-align:left;
	text-shadow:#000 0px 1px 2px;
	text-decoration:none;
}
span.titleMainSub {
	font-size:0.8em;
	line-height:1.4em;
	color:#FFF;
	text-align:left;
	text-shadow:#000 0px 1px 2px;
	text-decoration:none;
}
span.titleMainSub a{
	color:#FFF;
	text-decoration:none;
}
span.titleMainSub a:hover{
	color:#ff9;
	text-decoration:none;
}
.subTxt {
	font-size:1em;
	color:#efefef;
	text-align:left;
	padding-top:1.3em;
	padding-bottom:3em;
}
.title a {
	text-decoration:none;
	color:#FFF;
}
.title a:hover {
	color:#ccc;
}


/* Banner box*/

div.bannerBox{
	color:#FFF;
	background-color:#418cd0;
	border-radius:5px;
	font-size:1.4em;
	padding:1em 1em 1em 1.3em;
	margin: 10px;
	box-shadow: rgba(70, 70, 70, 0.6) -2px 2px 5px;
}
div.bannerBox ul{
	margin:0;
	
}
div.bannerBox ul li{
	padding-bottom:0.5em;
	padding-left:1.6em;
	background: url(images/bull.png) no-repeat left 1px;
	
}


/*********************************************************************************/
/* containers                                                                        */
/*********************************************************************************/

	#header {
	position: relative;
	background-color:#fff;
	border-radius:4px;
	padding-right:1em;
}
#main {
	border-radius: 4px;
	min-height: 450px;
}
/*padding for content pages */	
.page {
	margin: 3em 3em 1em 2em;
}
/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#logo {
	overflow: hidden;
	padding:0.9em 1em 0.3em 0.5em;
}
#logo h1 {
}
#logo span {
}
/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner {
	position: relative;
	border-top-left-radius:0;
	border-top-right-radius:0;
}
/*********************************************************************************/
/* next/prev topics but **/
/*********************************************************************************/	
.nextBut, .prevBut {
	padding-top:1.1em;
	padding-bottom:1em;
}
.nextBut a, .prevBut a {
	text-decoration:none;
	color:#b02939;
	border:1px solid #b02939;
	border-radius:4px;
	padding:0.6em 0.8em;
	font-size:1em;
	background-color: #ffc000;
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
	-o-transition: background-color .25s ease-in-out;
	-ms-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
}
/* Prev Button hidden **/
	.prevBut {
	display:none;
	visibility:hidden;
}
.nextBut, .nextBut a {
	text-align:left;
}
.prevBut {
	text-align:right;
}
.prevBut a:hover, .nextBut a:hover {
	color:#b02939;
	border:1px solid #b02939;
	background-color:#f6f6f6;
}
/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

#footer-wrapper {
	margin: 0;
	padding: 0;
	margin-bottom: 0em;
}
footer {
	margin: 0em 0 0 0;
	padding-top: 2.8em;
	padding-left:2em;
	padding-right:1.5em;
	padding-bottom:2em;
	border-radius:4px;
}
#footer {
	font-family: Arial, Helvetica, sans-serif;
	/*background-color:#1d508e;*/
	background-color:#fff;
	color:#afbbcf;
	min-height: 160px;
	font-size:0.82em;
}
#footer ul {
	text-align: left;
	padding-top: 0em;
	margin: 0;
}
#footer ul li {
	display: inline;
	padding-left:1em;
	padding-right:0.6em;
}
#footer ul li:first-child {
	border-left:none;
}
#footer ul li {
	border-left:1px solid #666;
}
#footer ul li a, #footer a {
	text-decoration:none;
	color: #07457d;
	cursor:pointer;
	font-size: 1.2em;
	-moz-transition: color .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out;
	-o-transition: color .25s ease-in-out;
	-ms-transition: color .25s ease-in-out;
	transition: color .25s ease-in-out;
}
#footer ul li a:hover {
	color: #afbbcf;
}
#copyright {
	padding-top:0.3em;
	font-size:1em;
}
#footer span {
	display:block;
	padding-bottom:0.2em;
	padding-right:0.5em;
}
#footer span a:hover {
	color:#efefef;
}
#footer span img {
	width:25px;
	padding-right:0.5em;
	vertical-align:middle;
}
.logoBot {
	padding-bottom:0.5em;
}
.logoBot img {
	width:198px;
}
/** -- All topics page --**/
div#allTopics, div#allTopics a {
	color: #373F47;
}
div#allTopics a {
	border-bottom:1px solid #C7E7FF;
	text-decoration: none;
}
div#allTopics a:hover {
	border-bottom:0px;
}
div#allTopics h2 {
	border-bottom-color: #8FB8DE;
	margin-top: 1.6em;
	font-size: 1.6em;
	padding-bottom:0.1em;
}
div#allTopics ol {
	margin-left:0.8em;
}
div#allTopics ol>li {
	font-size: 1.3em;
	font-weight: normal;
	padding-bottom: 0.7em;
	color: #373F47;
}
div#allTopics ol li a:hover {
	color: #DF0400;
	text-decoration: none;
}
div#allTopics ol ul {
	font-size: 1.1em;
	padding-bottom: 1.2em;
	margin-bottom:0;
}
div#allTopics ol ul li {
	list-style: disc;
	color: #373F47;
	font-weight: normal;
	margin-left:4em;
	padding-bottom: 0.4em;
}
div#allTopics ul>li>ul>li {
	font-size: 0.9em;
}
div#allTopics ul>li>ul {
	padding-top:0.6em;
	padding-bottom:0;
	margin-bottom:0;
}
div#allTopics ol ul li a:hover {
	color: #DF0400;
	text-decoration: none;
}

/** -- /All topics page --**/

/** periodic table **/

div.pTable{
  background: #eefddb; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#b8f2ec, #aceafa, #b5d6fc, #cfb0fe); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#b8f2ec, #aceafa, #b5d6fc, #cfb0fe); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#b8f2ec, #aceafa, #b5d6fc, #cfb0fe); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#b8f2ec, #b5d6fc, #cfb0fe); /* Standard syntax */
  padding-right:0.3em;

}
div.pTable h3{
	color:white;
	margin:0.5em 0 1.3em 0;
	padding:0.5em 0.5em 0.5em 0.5em;
	margin-right:-5px;
}
div.pTable h3.one{
	margin-top:0;
	background-color:#05b8a1;
}
div.pTable h3.two{
	margin-top:0;
	background-color:#0585c8;
}
div.pTable h3.three{
	margin-top:0;
	background-color:#435dbd;
}
div.pTable h3.four{
	margin-top:0;
	background-color:#57249a;
	margin-right:0;
}
.arrow-down {
	font-size:5em;
	margin:0 0 0 0;
	padding:0 0.9em 0.5em 0em;
	text-align:center;
	margin-top:-0.4em;

}
div.pTable div.one{
	color:#05b8a1;
}
div.pTable div.two{
	color:#0585c8;
}
div.pTable div.three{
	color:#435dbd;
}
div.pTable div.four{
	color:#57249a;
	
}
div.pTable div.content{
	background-color: #f6f6f6;
	padding:1em 0.5em 1em 0.5em;
}
div.pTable table.default{
	font-size:1;
}
/** /periodic table **/

/* elec diagram table **/
table#eConfig{
	background-color: #f7ffe4;
}
table#eConfig td strong{
	font-size:1.8em;
}
table#eConfig td{
	padding-left:3.7em;
}

table#eConfig tr:nth-child(even) {background-color: #d4f9d7}

/* animation effects */
header, #content, section, div{
	-moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
    -webkit-transition: width 1s ease-in-out, left 1.5s ease-in-out;
    -moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
    -o-transition: width 1s ease-in-out, left 1.5s ease-in-out;
    transition: width 1s ease-in-out, left 1.5s ease-in-out;
}

/* Formula sub/super script*/

.limes {
    position: relative;
    display: inline-block;
    margin: 0 0.2em;
    vertical-align: middle; 
    text-align: center;
}
.limes > span { 
    display: block;
    margin:-0.5ex auto;
}
.limes span.numup,
.limes span.overdn {
    font-size: 70%;
}

/* fractions */
.upper_line{
	border-top:1px solid rgba(41,41,41,1.00);
}

/* NEW fractions */
.frac{
	display: inline-table;
	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;
	margin: 0 2px 0 2px;
}
.frac em{
	display: table-row;
	text-align: center;
	border-bottom: solid black 1px;
	font-style: inherit;
	font-size: 92%;
}
.frac strong{
	display: table-row;
	text-align: center;
	font-weight: inherit;
	font-size: 92%;
}

/* flash video */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videoWrapper2 {
	position: relative;
	padding-bottom: 72%; 
	padding-top: 25px;
	height: 0;
}

table.eqTbl {
	
}

table.eqTbl td {
	vertical-align:top !important;
	
}table.eqTbl td.c{
	background-color: rgba(246,242,210,1.00);
}table.eqTbl td.d{
	background-color: rgba(236,232,200,1.00);
}table.eqTbl td.e{
	background-color: rgba(205,242,228,1.00);
}table.eqTbl td.f{
	background-color: rgba(219,248,211,1.00);
}