/* this is the linked style sheet for Chemistry Site, www.foothill.edu/chemistry */

legend { font-size: 16px; font-weight: bold; color: black}
fieldset { background-color: #FFF8DC; border-color: #FFDAB9;}

.red {color: #ff0000 }
.teal {color: #008080 }
.purple {color: #663399 }
.burnt {color: #990000 }
.blue {color: #006 }
.ltblue {color: #3366cc}
.burgandy {color:#660033}

.small   { font-size: 10px; }
.small1  { font-size: 11px; }
.big   { color: #660033; font-size: 14px; line-height: 15px; margin: 2px 10px }
.big1  { color: #660033; font-size: 14px; line-height: 16px }
.big2  { color: #660033; font-size: 16px; line-height: 18px}
.big3  { font-size: 18px; line-height: 20px ; color: #ff0000}
.big4  { font-size: 16px; line-height: 18px ; color: #660033}
.big5  { font-size: 14px; line-height: 17px }
.big6  { font-size: 13px; line-height: 15px }
.big7  { color: #660033; font-size: 20px; line-height: 22px; font-family: "Comic Sans MS" }

.bground { background-color: #EFEFEF; margin: 5px; padding: 10px; }
.bground1 { background-color: #EFEFEF; margin: 5px; padding: 10px; }
.bground2 { background-color: #F0F8FF; margin: 5px; padding: 10px; }

.indent  { margin: 2px 10px }
.indent1  { margin: 5px 10px }
.indent2   { line-height: 16px; margin: 6px }
.logos  { margin: 0px 20px 10px 0px; }
.spacing { line-height: 20px; }

.eightspace   { line-height: 8px }
.sixspace   { line-height: 6px }
.fourspace   { line-height: 4px }

.shadow {
	-moz-box-shadow: 4px 4px 6px #c1c1c1;
	-webkit-box-shadow: 4px 4px 4px #c1c1c1;
	box-shadow: 4px 4px 6px #c1c1c1;
}


a.nav1:hover {
	width:140px !important;
	background-color : #c1cdc1; 
	color:#000033;
	padding-right:3px !important;
	padding-top:3px !important;
	padding-bottom:3px !important;
	}


.box0 { /* area dark */
		background: #babca7;
		width: 850px;
		height: auto;
		padding-left:10px;
		padding-top:5px;
		padding-bottom:5px;
		line-height: 18px;
		z-index:2;
	}

.box { /* area light */
		background: #dbddc5;
		width: 840px;
		height: auto;
		padding-left:10px;
		padding-right:10px;
		padding-top:5px;
		padding-bottom:5px;
		line-height: 18px;
		z-index:2;
	}
.box1 { /* float right */
		margin-top:-30px;float: right;
		margin-left:15px;
		margin-right:-10px;
		background: #ffffff;
		width: 290px;
		height: auto;
	}

.box3 { /* area dark */
		float:right;
		background: #babca7;
		width: 290px;
		height: auto;
		text-align : center;
		padding-top:10px;
		padding-bottom:10px;
		-moz-border-radius-topleft: 6px !important;
		-moz-border-radius-topright: 6px !important;
		-webkit-border-top-left-radius: 6px !important;
		-webkit-border-top-right-radius: 6px !important;
		color: #660033;
	}
.box4 { /* area light */
		float:right;
		background: #dbddc5;
		width: 280px;
		height: auto;
		padding-left:10px;
		padding-top:10px;
		padding-bottom:10px;
	}
.box5 { 
/*		background-color: #FFEBCD; margin: 5px; padding: 5px; */
		padding: 10px;
		background: -moz-linear-gradient(top, #cec5c8, white);
        background: -webkit-gradient(linear, left top, left bottom, from(#cec5c8), to(#fff));
        -moz-border-radius: 6px !important;
		-webkit-border-radius: 6px !important;
		border-left: solid 2px #dFdFdF;
        border-right: solid 2px #afafaf;
        border-top: solid 2px #dFdFdF;
        border-bottom: solid 2px #afafaf;
        }