/* Firestone High School Stylesheet

| Designed by Chris Knepper |

| Chrisknepper.com | */



* {

 margin: 0; padding: 0;

 font-family: Arial, Helvetica, sans-serif;

}

body {

	background-color: #054d09;

	background-image: url(images/truebg.png);

	background-repeat: repeat;

	font-size: 14px;

	line-height: 24px;

	color: #ffffff;

}

td, th {

	font-size: 16px;

	line-height: 24px;

	color: #ffffff;

	border: 1px solid #000000;

	padding: 5px;

}

td a {

	color:#FFFF33 !important;
	text-decoration: underline !important;
}

table {

	width: auto;

	margin: 0 auto 10px auto;

}

h1 {

	color: #ffff00;

	font-size: 36px;

	text-align: center;

	text-shadow: black 1px 1px 1px;

}

h2 {

	color: #ffffff;

	font-size: 20px;

	text-indent: 20px;

	text-shadow: black 1px 1px 1px;

}

h3 {

	color: #ffff33;

	font-size: 16px;

	font-weight: bold;

	border-bottom: 3px solid #ffff33;

	text-shadow: black 1px 1px 1px;

}

h4 {

	color:#FFFF33 !important;

	font-size: 14px !important;

	text-align: center !important;

	text-shadow: black 1px 1px 1px;

}

ul {

	list-style-type: none;

}

p {

	margin: 0;

	padding: 0;

}

a {

	color: #cccccc;

	text-decoration: none;

}

a:hover {

	color: #ffffff;

	text-decoration: underline;

}

.title {

	font-size: 24px;

	line-height: 30px;

	background-color: #006666;

	color: #DCDCDC;

}

img.facultypage {

	display: block;

	margin: auto;

	border: none;

}

#mobilenav {

	display: none;

}

form {

	margin: 0px 0px 0px 0px;

}

span.center {



	margin: 0 auto;



	text-align: center !important;



}



a.button {



	background-image: url(images/btnbg.gif);



	background-repeat: repeat-x;



	height: 18px;



	border: 1px solid #000000;



	padding: 1px;



}



a.button:hover {



	text-decoration: none;



	color: #ffffff;



}



td.noborder {



	border: none;



	width: 350px;



}



img.noborder {



	border: none;



}



.leftpadded {



	padding-left: 25px;



}



/* Styles for main DIVs (layers) and their associated content styles */



#container {



	width: 800px;



	background-color: #cccccc;



	margin:0 auto 0 auto;



	padding:0;



	height: auto;



}



#noie {



	display: none;



}

#prevideo {

	float: right;

	margin-right: 5px;

	padding-left: 1px;

}



/* DIV to make site look cooler and increase the effect of the "falcon" layer which overlaps it */



#outer {



	background-color: #cccccc;



	width: 800px;



	margin: 0 auto 0 auto;



	height: auto;



	padding: 10px 30px 30px 30px;



	border: 1px solid #000000;



}



p.container {



	color: #009933;



	padding: 5px;



}

#header {



	font-size: 24px;



	background-color: #cccccc;



  	color: #DCDCDC;



  	background-image: url(images/header.png);



	background-repeat: no-repeat;



  	height: 227px;



  	width: 800px;



}



#content {

	width: 798px;

	height: auto;

	border: 1px #000000 solid;

	margin: 10px auto 0 auto;

	padding-bottom: 10px;

	background-color: #336A1F;

	background-image: url(images/divbg.gif);

	background-repeat: repeat;

}

#content p {

	padding: 10px;

	text-indent: 5px;

	text-shadow: #7dc564 0px 1px 0px;

}

#content a {

	color: #fff !important;

	text-decoration: none;

	border-bottom: 1px dotted #fff;

}

#content a:hover {

	background-color: #0C6;

}

#content ul a {

	border-bottom: none !important;

}

#contentcontainer {

	padding: 10px;

	text-indent: 10px;

}

#footer {

	width: 798px;

	border: 1px #000000 solid;

	margin: 10px auto 0 auto;

	background-color: #336A1F;

	background-image: url(images/divbg.gif);

	background-repeat: repeat-x;

	background-position: bottom;

}

a:hover {

	text-decoration: underline;

}

td.pictures {

	padding: 0;

	border: 1px #000000 solid;

	margin: 0;

}

/* Should be called "quicklinks" because this is the DIV containing the quick links */

#success {

	height:	auto;

	width: 798px;

	margin: 5px auto 0 auto;

	border-bottom: 1px solid #000000;

}

#success ul {

	list-style-type: none;

}

/* Style for FHS thumbnail */

img.thumb {

	border: 1px solid #000000;

	float: right;

	margin-left: 0;

	margin-top: 0;

	margin-bottom: 0;

	margin-right: 10px;

	padding: 0;

	height: auto;

	width: auto;

}



p.footer {

	color: #ffffff;

	text-align: center;

	margin: 0;

	padding: 0;

}



p.headtext {

	color: #E7F34B;

	padding: 10px;

	font-size: 18px;

	text-indent: 10px;

	line-height: 20px;

	text-align: left;

}



p.headtext a{

	color: #fff;

	text-decoration: underline;

}



p.headtext a:hover{

	text-decoration: none;

}



p.content {

	color: #ffffff;

	font-size: 14px;

	padding: 10px;

}



/* The transparent image used over the header, can edit this to change the look of the header and have it appear to overlap the container */



.falcon {



	width: 900px;



	height: 200px;



	background-image: url(images/falcon.png);



	margin-left: -25px;



}



#parent4 li{



	background: #009933;



	margin: 5px;



}



#slides {



	padding: 0;



	margin: 10px;



}



#menu4 a.wactive{



	color: #B2CCFF;



	text-decoration: underline;



}



/* Forces textboxes (search, input) to use FHS colors (green) in IE and Firefox */



input.textfield {



	background-color: #009933;



	background-image: url(images/btnbg.gif);



	color: #cccccc;



	border: 1px solid #000000;



}



input.textfield:hover {



	color: #ffffff



}



input.textfield:focus {



	color: #ffffff;



	background-image: url(images/btnbg_hover.gif);



}



/* Forces buttons (search, input) to use FHS colors (green) in IE and Firefox */



input.button {



	background-color: #009933;



	background-image: url(images/btnbg.gif);



	color: #cccccc;



	border: 1px solid #000000;



}



input.button:hover {



	color: #ffffff



}



/* Styles for the news slideshow on main page */



#s3 {



	width: auto;



	height: auto;



	float: right;



	margin-right: 410px;



}



img.slidelink {



	border: none;



}



/*Styles for the newsbox (top left) on main page */



.newsbox {



	width: 368px;



	height: 250px;



	margin: 0 0 10px 10px;



	float: left;



	background-image: url(images/news.gif);



	background-repeat: no-repeat;



}



a.newslink {



	color: #ffffff;



}

#sitemap ul {

	margin-left: 35px;

	font-size: 14px !important;

	list-style-type: circle;

}

#sitemap ul li ul {

	margin-left: 10px;

	font-size: 14px !important;

	color: #FF3 !important;

	list-style-type: disc;

}



.newsticker {



	list-style-type: none;



	height: 18px;



	line-height: 18px;



	margin-top: -10px;



	border: none;



	background-color: #32811B;



	background-image: url(images/latest.gif);



	background-repeat: no-repeat;



	padding-left: 118px;



	margin: 0;



}



p.newstx {



	text-align: right;



	margin-top: -5px;



	margin-right: 10px;



}



.newsbox ul {



	margin-top: 40px;



	margin-left: 10px;



	list-style-type: none;



}



/* Styles for the javascript navigation bar */



#navigation {



	margin-top: 2px;



	margin-left: 10px;



}



.suckertreemenu ul{



margin: 0 auto 0 auto;



padding: 0;



list-style-type: none;



}







/*Top level list items*/



.suckertreemenu ul li{



position: relative;



display: inline;



float: left;



z-index: 10;



}







/*Top level menu link items style*/



.suckertreemenu ul li a{



display: block;



width: auto; /*Width of top level menu link items*/



padding: 1px 8px;



border-left-width: 0;



font-size: 12px;



text-decoration: none;



color: #fff;



}



	



/*1st sub level menu*/



.suckertreemenu ul li ul{



left: 0;



position: absolute;



top: 1em; /* no need to change, as true value set by script */



display: block;



background-color: #009933;



border: 1px solid #000000;



padding: 10px;



margin-top: -2px;



visibility: hidden;



}







/*Sub level menu list items (undo style from Top level List Items)*/



.suckertreemenu ul li ul li{



display: list-item;



float: none;



margin-top: 1px;



}







/*All subsequent sub menu levels offset after 1st level sub menu */



.suckertreemenu ul li ul li ul{ 



left: 159px; /* no need to change, as true value set by script */



top: 0;



}







/* Sub level menu links style */



.suckertreemenu ul li ul li a{



display: block;



width: 110px; /*width of sub menu levels*/



color: #cccccc;



text-decoration: none;



background-color: #336633;



background-image: url(images/navbutton.gif);



padding: 1px 5px;



border: 1px solid #000000;



}







.suckertreemenu ul li a:hover{



color: #ffffff;



background-image: url(images/navbghover.gif);



background-repeat: repeat-x;



}



.suckertreemenu ul li ul li a:hover {



background-image: url(images/navbutton_h.gif);



background-repeat: repeat;



background-color: #336699;



}







/*Background image for top level menu list links */



.suckertreemenu .mainfoldericon{



}







/*Background image for subsequent level menu list links */



.suckertreemenu .subfoldericon{



}







* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/



padding-top: 1em;



}



	



/* Holly Hack for IE \*/



* html .suckertreemenu ul li { float: left; height: 1%; }



* html .suckertreemenu ul li a { height: 1%; }



/* End JS navbar styles */

#sun {

background-image: url(images/leaves.png);

width: 141px;

height: 162px;

position:fixed;

bottom:0;

left:0;

}