/* this is the linked style sheet for Divisions Site, www.foothill.edu/div */

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: 250px; 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: 250px; height: 26px; visibility: visible; display: block }

.fhheader { position: absolute; z-index: 0; top: 80px; left: 2px; width: 670px; height: 84px; 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: 2; top: 100px; left: 175px; 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: 84px; 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: #000000; font-weight: bold; text-decoration: none }
a:visited {color: #000000; font-weight: bold; text-decoration: none } 
a:hover {color: #333333; font-weight: bold; text-decoration: underline } 
a:active {color: #CCCCCC; font-weight: bold; text-decoration: underline } 
a:focus {color: green; font-weight: bold; text-decoration: none; background-color: yellow }


a.nav1:link {color: #ff0000; font-weight: bold; text-decoration: none }
a.nav1:visited {color: #ff0000; font-weight: bold; text-decoration: none; } 
a.nav1:hover {color: #ff0000; font-weight: bold; text-decoration: underline } 
a.nav1:active {color: #ff0000; font-weight: bold; text-decoration: none; background-color: yellow } 
/* a.nav1:focus {color: green; font-weight: bold; text-decoration: none; background-color: yellow }*/


.red {color: #ff0000 }
.teal {color: #008080 }
.purple {color: #663399 }
.burnt {color: #990000 }
.grey {color: #d3d3d3 }
.orange { color: #FF8C00 }
.blue  { color: #0000af }
.green { color: #008000 }

.small   { font-size: 11px; line-height: 12px }

.big   { color: #990000; font-size: 13px; line-height: 14px; margin: 4px 8px }
.big1    { color: #000080; font-size: 24px; line-height: 24px; margin: 2px 10px }
.big2    { font-size: 14px; line-height: 16px }
.big3    { font-size: 16px; line-height: 18px }
.big4    { font-size: 18px; line-height: 20px }
.indent1  { margin: 10px 10px }
.indent2   { line-height: 16px; margin: 4px 8px }