/* 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,Geneva,Swiss, SunSans-Regular ; 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: 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 }
.menu1    { position: absolute; z-index: 3; top: 15px; left: 195px; width: 504px; visibility: visible; font-size: 11px; line-height: 13px }

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

.fhheader { position: absolute; z-index: 0; top: 80px; left: 1px; width: 670px; height: 84px; visibility: visible }
.fhheader1 { position: absolute; z-index: 0; top: 0px; left: 200px; width: 470px; height: 84px; visibility: visible }
.fhheader2 { position: absolute; z-index: 0; top: 55px; left: 2px; width: 670px; height: 84px; visibility: visible }
.usmap { position: absolute; z-index: 0; top: 300px; left: 200px; width: 350px; height: 350px; visibility: visible }
.list {  position: absolute; z-index: 1;  visibility: visible }

.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 }
.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: 2; top: 100px; left: 175px; visibility: visible }
.sidebar  {  font-family: Arial, Verdana, Helvetica, sans-serif ; font-size: 11px; line-height: 12px; font-weight: bold }

.colhead {
font-size:18px; line-height:20px; font-weight: bold;
color: #660033;
}

.colhead2 {
font-size:16px; line-height:18px; font-weight: bold;
color: #660033;
}
.fourpoints { line-height :4px; }
.sixpoints { line-height :6px; }

.three {font-variant: small-caps;}
.four {font-variant: small-caps; color: #008080}
h1 { visibility: visible; 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 }
h2 { visibility: visible; 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 }
h3 { visibility: visible; 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 }
h4 { visibility: visible; 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 }
h5 { visibility: visible; 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 }
ul {line-height: 15px; }
a {font-weight: bold; text-decoration: none }

a.nav1:link {color: #98FB98; font-weight: normal; line-height: 17px; text-decoration: none }
a.nav1:visited {color: #98FB98; font-weight: normal; line-height: 17px; text-decoration: none; } 
a.nav1:hover {color: #ff0000; font-weight: normal; line-height: 17px; text-decoration: none } 
a.nav1:active {color: #999900; font-weight: normal; line-height: 17px; text-decoration: none; background-color: yellow } 
/* a.nav1:focus {color: green; font-weight: normal; line-height: 17px; text-decoration: none; background-color: yellow }*/

a.nav2:link {color: #ffffff; font-weight: normal; text-decoration: none }
a.nav2:visited {color: #006699; font-weight: normal; text-decoration: none; } 
a.nav2:hover {color: #ff0000; font-weight: normal; background-color: #FFDAB9; text-decoration: none } 
a.nav2:active {color: #999900; font-weight: normal; text-decoration: none; background-color: yellow } 
/*a.nav2:focus {color: green; font-weight: normal; text-decoration: none; background-color: yellow }*/

a.nav3:link {color: #ffffff; font-weight: normal; line-height: 17px; text-decoration: none }
a.nav3:visited {color: #006699; font-weight: normal; line-height: 17px; text-decoration: none; } 
a.nav3:hover {color: #ff0000; font-weight: normal; line-height: 17px; text-decoration: none } 
a.nav3:active {color: #999900; font-weight: normal; line-height: 17px; text-decoration: none; background-color: yellow } 
/*a.nav3:focus {color: green; font-weight: normal; line-height: 17px; text-decoration: none; background-color: yellow }*/

a.nav4:link {color: #666666; font-weight: normal; line-height: 17px; text-decoration: none }
a.nav4:visited {color: #CCCCCC; font-weight: normal; line-height: 17px; text-decoration: none; } 
a.nav4:hover {color: #333333; font-weight: normal; line-height: 17px; text-decoration: none } 
a.nav4:active {color: #999999; font-weight: normal; line-height: 17px; text-decoration: none; background-color: yellow } 

a.nav5:link {color: #ffffff; font-weight: normal; line-height: 17px; text-decoration: none; margin: 2px 10px }
a.nav5:visited {color: #999999; font-weight: normal; line-height: 17px; text-decoration: none; margin: 2px 10px } 
a.nav5:hover {color: #ff0000; font-weight: normal; line-height: 17px; text-decoration: none; margin: 2px 10px } 
a.nav5:active {color: #999900; font-weight: normal; line-height: 17px; text-decoration: none; background-color: yellow; margin: 2px 10px } 
/*a.nav3:focus {color: green; font-weight: normal; line-height: 17px; text-decoration: none; background-color: yellow; margin: 2px 10px }*/

a.nav6:link {color: #98FB98; font-weight: normal; line-height: 17px; text-decoration: none; margin: 2px 10px }
a.nav6:visited {color: #98FB98; font-weight: normal; line-height: 17px; text-decoration: none; margin: 2px 10px } 
a.nav6:hover {color: #ff0000; font-weight: normal; line-height: 17px; text-decoration: none; margin: 2px 10px } 
a.nav6:active {color: #999999; font-weight: normal; line-height: 17px; text-decoration: none; background-color: yellow; margin: 2px 10px } 
/* a.nav6:focus {color: green; font-weight: normal; line-height: 17px; text-decoration: none; background-color: yellow }*/

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: #0000CD }
.dark {color: #FFD700; font-size: 14px; line-height: 16px }
.white {color: #ffffff }
.special {font-family: Verdana }
.burgandy {color: #660033; }

.bump { line-height: 16px } 
.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   { color: #990000; font-size: 14px; line-height: 16px }
.big2w   { color: #ffffff; font-size: 20px; line-height: 22px }
.big3   { color: #bb0000; font-size: 16px; line-height: 18px }
.big3g   { color: #bb0000; font-size: 16px; line-height: 22px }
.big3w   { color: #ffffff; font-size: 17px; line-height: 20px }
.big4a   { font-size: 17px; line-height: 19px }
.big4b   { font-size: 19px; line-height: 21px }
.big4c   { font-size: 15px; line-height: 17px }
.big4w   { color: #ffffff; font-size: 15px; line-height: 17px }

.indent1  { margin: 2px 10px }
.indent2   { line-height: 16px; margin: 6px }
.indent3  { margin: 2px 10px; color: #FFD700 }
.indent4  { margin-left: 20px; }


.bground { background-color: #cccccc; padding: 5px; }
.bground2 { background-color: #6E9122; margin: 0px; padding: 5px; color: #ffffff}