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

body {background-color: #ffffff color: #000000; vertical-align: top; margin: 0pt; font-family: Arial, Verdana, Helvetica, sans-serif ; font-size: 12px; line-height: 18px; font-style: normal; font-variant: normal; font-weight: normal; z-index: 2}
.footnote { background-color: #ffffcc; color: #000000; padding:3px 0 5px 0px; display:block; margin-bottom:.25rem; }
.menu    { position: absolute; z-index: 1; top: 82px; left: 135px; width: 504px; visibility: visible; font-family: Arial, Verdana, Helvetica, sans-serif ; font-size: 11px; line-height: 13px; font-style: normal; font-variant: normal; font-weight: bold; display: block }
.menu1    { position: absolute; z-index: 2; top: 15px; left: 195px; width: 504px; visibility: visible; font-size: 11px; line-height: 13px; font-style: normal; font-variant: normal; font-weight: bold; display: block}
.quicklinks-09  { position: absolute; z-index: 3; top: 135px; left: 470px; width: 160px; height: 50px; visibility: visible; display: block }
.headlines  { color: #006; position: absolute; z-index: 1; font-family: Arial, Verdana, Helvetica, sans-serif ; font-size: 24px; line-height: 22px; top: 130px; left: 175px; width: 275px; height: 26px; visibility: visible; display: block }
.headlines1  { color: #006; position: absolute; z-index: 2; font-family: Arial, Verdana, Helvetica, sans-serif ; font-size: 24px; line-height: 28px; top: 75px; left: 175px; width: 275px; height: 46px; visibility: visible; display: block }
.bugs  { position: absolute; z-index: 1; font-family: Arial, Verdana, Helvetica, sans-serif ; top: 12px; left: 375px; width: 200px; height: 26px; font-size: 11px; line-height: 16px; visibility: visible; display: block }
.bugs1  { position: absolute; z-index: 2; top: 3px; left: 380px; width: 200px; height: 26px; font-size: 11px; line-height: 16px; visibility: visible; display: block }
.fhheader { position: absolute; z-index: 0; top: 80px; left: 2px; width: 670px; height: 84px; visibility: visible; display: block }
.fhheader1 { position: absolute; z-index: 0; top: 0px; left: 200px; width: 470px; height: 84px; visibility: visible; display: block }
.fhheader2 { position: absolute; z-index: 0; top: 55px; left: 2px; width: 670px; height: 64px; visibility: visible; display: block }
.fhheader3 { position: absolute; z-index: 0; top: 0px; left: 0px; width: 670px; height: 64px; visibility: visible; display: block }
.fhheader4 { position: absolute; z-index: 0; top: 0px; left: 670px; width: 50%; height: 64px; visibility: visible; display: block }

.fhheader5h { position: absolute; z-index: 1; top: 0px; left: 0px; width: 650px; height: 72px; visibility: visible; display: block }
.fhheader6 { position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%; height: 89px; visibility: visible; display: block;
			background-image:url(/cms/images/fh_logo_image.jpg); background-repeat: no-repeat; background-color: #a61e2f;}
.fhheader6h { position: absolute; z-index: 0; top: 0px; left: 0px; width: 100%; height: 72px; background-color: #002f2f; visibility: visible; display: block }
.footer { clear: both; position: relative; text-align:center; width: 100%; line-height: 22px;  color: #ffffff; background-color: #002f2f; } /* just to make sure it comes below the columns */ 
.fhheader9 { z-index: 1; left: 0px; width: 100%; height: 89px; visibility: visible; display: block;
			background-image:url(/cms/images/fh_logo_image.jpg); background-repeat: no-repeat; background-color: #002f2f;}

.timedate { color: #006; font-style: normal; font-weight: bold; font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #ffffff; position: absolute; z-index: 2; top: 154px; left: 175px; visibility: visible; display: block }
.timedate1 { color: #006; font-style: normal; font-weight: bold; font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #ffffff; position: absolute; z-index: 1; top: 100px; left: 175px; visibility: visible; display: block }

.colhead {
	font-size:14px; line-height:16px; font-weight: bold;
	color: #660033;
	}
.colhead1 {
	font-size:13px; line-height:15px; font-weight: bold;
	color: #660033;
	}
.colhead2 {
	font-size:18px; line-height:20px; font-weight: bold;
	color: #660033;
	}

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

	
.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; }

a {font-weight: bold; text-decoration: none }
a:link {color: #000066; font-weight: bold; text-decoration: none }
a:visited {color: #006699; font-weight: bold; text-decoration: none; } 
a:hover {color: #ff0000; font-weight: bold; text-decoration: none } 
a:active {color: #999900; font-weight: bold; text-decoration: none; background-color: yellow } 
a:focus {color: green; font-weight: bold; text-decoration: none; background-color: yellow }

.red {color: #ff0000 }
.white {color: #ffffff }
.teal {color: #008080 }
.purple {color: #663399 }
.burnt {color: #990000 }
.blue {color: #006 }
.green {color: #00FF33 }
.green2 {color: #339933 }
.peach {color: #FFCCCC }
.gray {color: #666666 }
.burgandy {color: #660033 }

.small { font-size: 11px }
.small1 { font-size: 11.5px; line-height: 15px }
.big   { color: #660033; font-size: 14px; line-height: 16px; margin: 2px 10px }
.big1  { color: #000080; font-size: 24px; line-height: 24px; margin: 2px 10px }
.big2  { color: #660033; font-size: 17px; line-height: 19px }
.big3  { font-size: 14px; line-height: 16px }
.big4  { color: #660033; font-size: 14px; line-height: 16px;}
.indent  { margin-left: 10px }
.indent1  { margin: 2px 10px }
.indent2   { line-height: 16px; margin: 6px }
.indent3   { line-height: 16px; margin: 12px }
.indent4   { background-color: #FFEBCD; padding: 5px; line-height: 16px; margin: 12px }
.indent5   { background-color: #FFEBCD; padding: 5px 5px 12px 16px; line-height: 16px}
.indent6   { background-color: #efefef; padding: 5px 5px 12px 16px; line-height: 16px}
.indent7  { margin-left: 70px }
.eightspace   { line-height: 8px }
.sixspace   { line-height: 6px }
.fourspace   { line-height: 4px }

.box { background-color: #e1e1e1; padding: 6pt 6pt }
.boxa { background-color: #FFEBCD }
.box2 { background-color: #CCFFFF; padding: 6pt 6pt }
.boxb { background-color: #CCFFFF}
.box3 { padding: 8pt 8pt }
.box4 { background-color: #ffffcc; 
		padding: 8pt 8pt ;
		-moz-border-radius: 6px !important;
		-webkit-border-radius: 6px !important;
		border-left: solid 2px #dFdFdF;
		border-top: solid 2px #dFdFdF;
		border-right: solid 2px #afafaf;
		border-bottom: solid 2px #afafaf;
		top: 30px;
		width: 240px;
		margin-top:20px ;
		margin-right:80px ;
	}
.box5 { float:right;
		background-color: #ffffcc; 
		padding: 8pt 8pt ;
		-moz-border-radius: 6px !important;
		-webkit-border-radius: 6px !important;
		border-left: solid 2px #dFdFdF;
		border-top: solid 2px #dFdFdF;
		border-right: solid 2px #afafaf;
		border-bottom: solid 2px #afafaf;
		top: 30px;
		width: 220px;
		margin-top:20px ;
		margin-left:20px ;
		margin-right:20px ;
	}
.bar {
		-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;
        line-height: 20px;
        background-color: #efefef;
        border-left: solid 2px #dFdFdF;
        border-right: solid 2px #afafaf;
        border-top: solid 2px #dFdFdF;
        border-bottom: solid 2px #afafaf;
        padding-right: 5px;
        padding-left: 5px;
      }

.box0_alt { /* area dark */
		background: #babca7;
		width: 810px;
		height: auto;
		padding-left:10px;
		padding-top:5px;
		padding-bottom:5px;
		line-height: 18px;
		z-index:2;
	}
.box_alt { /* area light */
		background: #dbddc5;
		width: 800px;
		height: auto;
		padding-left:10px;
		padding-right:10px;
		padding-top:5px;
		padding-bottom:5px;
		line-height: 18px;
		-moz-border-radius-bottomleft: 6px !important;
		-moz-border-radius-bottomright: 6px !important;
		-webkit-border-bottom-left-radius: 6px !important;
		-webkit-border-bottom-right-radius: 6px !important;
		z-index:2;
	}

      
.bartextl {
		float:left;
}  
.bartextr {
		float:right ;
}

.outline {
        border-left: solid 2px #dFdFdF;
        border-right: solid 2px #afafaf;
        border-top: solid 2px #dFdFdF;
        border-bottom: solid 2px #afafaf;
        padding-right: 0px;
        padding-left: 4px;
        padding-bottom: 0px;
        width: 210px;
}

html *
{
   font-size: .75rem !important;
   /*
   line-height: unset !important;
   */
}