/* this is the linked style sheet for Services Site, www.foothill.edu/services */

.three {font-variant: small-caps;}
.four {font-variant: small-caps; color: #008080}
h1 { visibility: visible; display: block;  color: #000006; background-color: #ffffff; font-family: Arial, Verdana, Helvetica, sans-serif ; font-size: 24px; line-height: 22px; font-style: normal; font-variant: normal; font-weight: bold; z-index: 1 }
h2 { visibility: visible; display: block;  color: #000000; background-color: #ffffff; font-family: Arial, Verdana, Helvetica, sans-serif ; font-size: 22px; line-height: 20px; font-style: normal; font-variant: normal; font-weight: bold; z-index: 1 }
h3 { visibility: visible; display: block;  color: #000000; background-color: #ffffff; font-family: Arial, Verdana, Helvetica, sans-serif ; font-size: 16px; line-height: 18px; font-style: normal; font-variant: normal; font-weight: bold; z-index: 1 }
h4 { visibility: visible; display: block;  color: #000000; background-color: #ffffff; font-family: Arial, Verdana, Helvetica, sans-serif ; font-size: 14px; line-height: 16px; font-style: normal; font-variant: normal; font-weight: bold; z-index: 1 }
h5 { visibility: visible; display: block;  color: #663399; background-color: #ffffff; font-family: Arial, Verdana, Helvetica, sans-serif ; font-size: 12px; line-height: 12px; font-style: normal; font-variant: normal; font-weight: bold; z-index: 1 }
ul {line-height: 15px; }


.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: #900; font-size: 14px; font-family: "Comic Sans MS" }
.big2  { color: #660033; font-size: 16px; line-height: 18px; font-weight: bold }
.big3   { color: #660033; font-size: 14px; line-height: 15px; }
.big4   { color: #660033; font-size: 14px; line-height: 18px; }
.big5  { font-variant: small-caps; color: #008080; font-size: 16px; line-height: 18px }
.big6  { font-variant: small-caps; color: #008080; font-size: 18px; line-height: 20px }

.indent1  { margin: 5px 10px }
.indent2   { line-height: 16px; margin: 6px }
.indent3  { margin: 10px }
.indent4  { margin: 20px }

.bground { background-color: #FFEBCD; padding: 3px; block; width: 300px }
.bground2 { background-color: #6E9122; margin: 0px; padding: 5px; color: #ffffff}
.bground3 { background-color: #FFEBCD; padding: 5px; display: block; width: 300px}
.bground4 { background-color: #87d7ff; margin: 0px; padding: 5px; color: #000000}
.bground5 { background-color: #FFEBCD; margin: 0px; padding: 5px; color: #000000 block; width: 500px; height: 160px}
.bground6 { background-color: #FFEBCD; margin: 0px; padding: 5px; color: #000000 block; width: 320px; height: 300px}

.box { /* slide images */
		position: relative;
		background-color: #c0c0c0;
		-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;
        text-align: center;
        padding: 15px;
		width: 200px;
		height: auto;
		margin-right: 15px;
		margin-bottom: 15px;
		z-index:2;
		overflow: visible;
	}
	.boxtext { /* slide images text */
		position: relative;
		width: auto;
		overflow: visible;
		z-index:2;
	}
.box1 { /* slide images */
		position: relative;
		float: right;
		background-color: #c0c0c0;
		-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;
        text-align: center;
        padding: 15px;
		width: 200px;
		height: auto;
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 15px;
		z-index:1;
	}
.box1text { /* slide images text */
		width: auto;
		text-align: left;
		padding: 10px;
		background-color: #ffffff;
		overflow: visible;
		z-index:1;
	}
.box2 { /* news center */

		-moz-border-radius: 6px !important;
		-webkit-border-radius: 6px !important;
		background: -moz-linear-gradient(top, #cec5c8, white);
        background: -webkit-gradient(linear, left top, left bottom, from(#cec5c8), to(#fff));
		border-left: solid 2px #dFdFdF;
        border-right: solid 2px #afafaf;
        border-top: solid 2px #dFdFdF;
        border-bottom: solid 2px #afafaf;
        padding: 10px;
		width: 360px;
		height: auto;
		margin-right: 15px;
		margin-bottom: 15px;
		z-index:1;
	}
.box3 { /* center col headline */
		width: 400px;
		background-color: #dbddc5;
		-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;
        padding: 15px;
		height: auto;
		margin-left: 20px !important;
		margin-top: 15px;
		margin-right: 15px;
		margin-bottom: 15px;
		z-index:1;
	}