/* 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: 14px; font-style: normal; font-variant: normal; font-weight: normal; z-index: 2}
.menu    { position: absolute; z-index: 2; top: 82px; left: 140px; 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: 1; 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: 22px; line-height: 20px; top: 130px; left: 160px; width: 285px; height: 24px; visibility: visible; display: block }
.headlines1  { color: #006; position: absolute; z-index: 1; font-family: Arial, Verdana, Helvetica, sans-serif ; font-size: 22px; line-height: 22px; top: 75px; left: 165px; width: 290px; height: 26px; 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 }

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

.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 }
.teal {color: #008080 }
.purple {color: #663399 }
.burnt {color: #990000 }
.blue {color: #006 }
.ltblue {color: #3366cc}
.green {color: #006400}

.small   { font-size: 10px; }
.big   { color: #990000; font-size: 14px; line-height: 15px; margin: 2px 10px }
.big1  { color: #000080; font-size: 24px; line-height: 24px; margin: 2px 10px }
.big2  { font-size: 20px; line-height: 22px }
.big3  { font-size: 18px; line-height: 20px ; color: #ff0000 }
.big4  { font-size: 16px; line-height: 18px ; color: #990000 }
.big5  { font-size: 14px; line-height: 17px }
.big6  { font-size: 13px; line-height: 15px }

.indent1  { margin: 5px 10px }
.indent2   { line-height: 16px; margin: 6px }
.bground { background-color: #ffebcd; text-align: center; padding: 5px; width:200px; align:center }

/* .box1 { background-color: #FFEBCD; width: 98%; padding: 4px 2px 4px 2px; */
.box1 { background-color: #E0FFFF; width: 98%; padding: 4px 2px 4px 2px;
		-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;
        }