/* 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: 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: 1; font-family: Arial, Verdana, Helvetica, sans-serif ; font-size: 24px; line-height: 22px; top: 75px; left: 175px; width: 275px; height: 26px; visibility: visible; display: block }
.headlines2  { color: #006; position: absolute; z-index: 1; font-family: Arial, Verdana, Helvetica, sans-serif ; font-size: 24px; line-height: 22px; top: 75px; left: 170px; width: 275px; 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: 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 }


.three {font-variant: small-caps;}
.four {font-variant: small-caps; color: #008080}
h1 { visibility: visible; display: block;  color: #000006; background-color: #ffffff; font-size: 24px; line-height: 26px; font-style: normal; font-variant: normal; font-weight: bold; z-index: 1 }
h2 { visibility: visible; display: block;  color: #000000; background-color: #ffffff; font-size: 22px; line-height: 24px; font-style: normal; font-variant: normal; font-weight: bold; z-index: 1 }
h3 { visibility: visible; display: block;  color: #000000; background-color: #ffffff; 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-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-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 }
.black {color: #000000 }
.ltblue {color: #F0F8FF }

.small { font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif }
.small1 { font-size: 11.5px; line-height: 13px }
.big   { color: #990000; font-size: 14px; line-height: 16px; }
.big1    { color: #000080; font-size: 24px; line-height: 26px; margin: 2px 10px }
.big2  { color: #990000; font-size: 16px; line-height: 18px; font-weight: bold }
.big3   { color: #990000; font-size: 14px; line-height: 16px }
.big4  { font-size: 16px; line-height: 18px ; color: #990000}
.big5    { color: #000080; font-size: 22px; line-height: 24px }

.linespace {line-height: 17px; }
.fourspace {line-height: 4px; }
.indent  { margin: 2px 10px }
.indent1  { margin: 5px 10px }
.indent2   { line-height: 16px; margin: 6px }
.indent3   { line-height: 24px; margin: 6px }

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

.popup {color: #000066; font-weight: bold; text-decoration: none }
.popup:hover {color: #ff0000; font-weight: bold; text-decoration: none }