/* this is the linked style sheet for the main site, www.foothill.edu */
/* active CSS declarations */
body {
margin:0; padding:0; text-align : left; color : #000000;
border:0;
font-family: Arial, Verdana, Helvetica, sans-serif; font-size : 12px;
font-style : normal; font-weight : normal; font-variant : normal;
line-height : 16px; background-image : url('../images/bg_140774.png');
height: 100%; width:100%;
}

.bgstrip { position : absolute; left : 0px; top : 0px; width : 100%; height : 147px; background-color : #003333; z-index : 0 }
.pagewrapper { margin : 0 auto; width : 889px; position : relative; }
.pagearea { position : absolute; width : 889px; height : 950px; left : 0px; top : 0px; background-color : #ffffff; z-index : 0 }
.banner { position : absolute; vertical-align : top; background-color : #003333; top : -4px; left : 0px; height : 151px; width : 889px; z-index : 1 }
.banner2 { position : absolute; top : 251px; left : 0px; height : 513px; width : 770px; z-index : 1 }
.logostrip { position : absolute; vertical-align : top; top : 147px; left : 0px; height : 70px; width : 234px; z-index : 1 }
.search { position : absolute; top : 183px; left : 672px; z-index : 2 }
.newsearch { position : absolute; top : 156px; left : 648px; z-index : 2 }
.qlinks { position:absolute; top:183px; left:460px; z-index:2 }

.siteinfonew { position : absolute; top : 158px; left : 445px; width : 160px; z-index : 1; font-size:11px;}

.siteinfo { position : absolute; top : 155px; left : 530px; width : 358px; z-index : 1; font-size:11px;}
#site a { color: #003333; }
#site a:visited { color:#666666; }
#site a:hover { background-color : #b7b799; color:#000033; }

.navstrip { position : absolute; background-color : #660033; top : 221px; left : 0; width : 100%; height : 30px; opacity : 0.5; filter : alpha(opacity=40); visibility : visible; z-index : 1 }
.navstrip2 { position : absolute; background-color : #660033; top : 221px; left : 0; width : 889px; height : 30px; visibility : visible; z-index : 1 }

.headlinks { position :absolute; background-color : #660033;
			text-align : center;
			top: 228px; left: 0px; width : 889px; height : 23px; z-index: 4; }

a.nav1 { font-size : 14px; font-variant : small-caps; text-decoration : none; color : #ffffff; }
a.nav1:visited:hover { color:#ffffff; }
a.nav1:visited { color:#ffffff; }
a.nav1:hover  { background-color : #b7b799; color:#ffffff; }


.categorystrip { position : absolute; top : 559px; left : 0px; height : 25px; width : 100%; background-color : #666666; opacity : 0.5; filter : alpha(opacity=40);  z-index : 1 }
.categorystrip2 { position : absolute; top : 559px; left : 0px; height : 25px; width : 889px; background-color : #666666; z-index : 1 }

.categorylinks1 { position : absolute; top : 564px; width : 150px; left: 12px; height : 200px; z-index : 1; text-align : left; }
.categorylinks2 { position : absolute; top : 564px; width : 150px; left: 177px; height : 200px; z-index : 1; text-align : left; }
.categorylinks3 { position : absolute; top : 564px; width : 150px; left: 342px; height : 200px; z-index : 1; text-align : left; }
.categorylinks4 { position : absolute; top : 564px; width : 150px; left: 512px; height : 200px; z-index : 1; text-align : left; }
.categorylinks5 { position : absolute; top : 564px; width : 150px; left: 667px; height : 200px; z-index : 1; text-align : left; }

.newstext {  overflow: auto; position : absolute; top : 265px; left : 525px; height : 275px; width : 335px;  z-index : 1 }

.spotlighttext0 { position : absolute; top : 772px; left : 140px; width : 300px }
/* .spotlighttext1 { position : absolute; top : 772px; left : 20px; width : 200px } */
.spotlighttext2 { position : absolute; top : 770px; left : 235px; width : 200px }
.spotlighttext3 { position : absolute; top : 770px; left : 455px; width : 200px }
.spotlighttext4 { position : absolute; top : 770px; left : 680px; width : 200px }

#footer {
	position : relative;
	top: 914px;
	line-height : 16px;
	color : #ffffff;
	font-size:12px;
	text-align : center;
	width : 100%;
	z-index : 4
	}
#footer a {
	text-decoration:none;
	color:#ffffff;
	font-size:12px;
	}
#footer a:hover {
	color:#000033; background-color: #b7b799;
	}
/* color declarations */
.brandy { color: #660033 }
.brandy13 { color: #660033; font-size : 13px; }


.btm_navbar2 { position : absolute;
	top : 920px;
	left : 0;
	width : 889px;
	height : 36px;
	z-index : 4;
	background-color : #000033;
	visibility : visible;
}

.btm_navbar { /* transparant bar on sides */
	position : absolute;
	top : 920px;
	left : 0;
	width : 100%;
	height : 36px;
	line-height : 18px;
	opacity : 0.5;
	filter : alpha(opacity=40);
	z-index : 2;
	background-color : #000033;
	visibility : visible;
}



.spotlight2 
{
    position : absolute;
    top : 694px;
    left : 12px;
    width : 221px;
    height:75px;
    z-index : 2;
}

.spotlight2 a:hover
{
    text-decoration: none ! important;
    background-color: transparent;
}



.indent  { margin: 0px 0px 8px 5px }
.linespace { line-height : 12px }

ul { margin : 0px 0px 2px 0px }

a { font-weight : bold;  color : #003333 }
a:visited { color:#666666; }
a:visited:hover { color:#000033; }
a:hover { background-color : #b7b799; color:#000033; }
a:active { color : #999999; font-weight:bold; background-color : #c1cdc1; }
a:focus { color : green; background-color : #c1cdc1;  }

.twopoints { line-height : 2px }
.threepoints { line-height : 3px }
.fourpoints { line-height : 4px }
.sixpoints { line-height : 6px }
.eightpoints { line-height : 8px }

/* not used
.btm_navbarlinks { position : absolute;
z-index : 5;
top : 905px;
left : 0;
width : 100%;
visibility : visible;
font-size : 10px;
line-height : 11px;
color : #ffffff;
text-align : center;
}
*/


/* in-active CSS declarations

.sixpoints { line-height : 6px }
.sevenpoints { line-height : 7px }
.eightpoints { line-height : 8px }
.ninepoints { line-height : 9px }
.fourteenpoints { line-height : 14px }

.navmenu {
position : absolute;
top : 180px;
left : 0px;
z-index : 3;
}


.bgstrip_level2 {
position : absolute;
left : 0px;
top : 0px;
width : 100%;
height : 89px;
background-color : #003333;
z-index : 1;
}

.search2 {
position : absolute;
top : 200px;
left : 672px;
z-index : 2;
}

.siteinfo2 {
position : absolute;
top : 185px;
left : 429px;
width : 480px;
z-index : 1;
font-size : 11px;
}

.banner_level2 { position : absolute; vertical-align : top; background-color : #ffffff; top : -4px; left : 0px; height : 151px; width : 889px; z-index : 1 }

.navstrip2_level2 {
position : absolute;
background-color : #660033;
text-align : left;
font-size : 14px;
color : #ffffff;
font-variant : normal;
top : 150px;
left : 0;
width : 890px;
height : 30px;
visibility : visible;
z-index : 1;
}

.navstrip_level2 {
position : absolute;
background-color : #660033;
text-align : left;
font-size : 14px;
color : #ffffff;
font-variant : normal;
top : 150px;
left : 0;
width : 100%;
height : 30px;
opacity : 0.5;
filter : alpha(opacity=40);
visibility : visible;
z-index : 1;
}

.spotlighttext { position : absolute; top :770px; left : 17px; width : 182px; color : #333333; z-index : 2 }

*/