/************************************
 * style.css
 * Version 1.3
 *  
 * Created by Andrew D. Jensen
 * for Lone Peak High School
 ************************************/



/* ELEMENTS
 ************************************/
html, body, h1, h2, h3, h4, h5, h6
{
	margin: 0px;
	padding: 0px;
}

body
{
	color: black;
	background: white url('http://www.alpine.k12.ut.us/privateComponents/lonePeakHighSchool/images/bg_body.png') top left repeat-x;
	text-align: center;
	font-family: 'arial', 'tahoma', 'sans-serif';
}

table.teacherTable a{
  color: #ffcc00;
  text-decoration: none;
}

table.teacherTable a:hover{
  color: #ffcc00;
  text-decoration: underline;
  font-weight: bold;
}


a:link, a:visited
{
	color: #BB0000;
	text-decoration: none;
	font-weight: bold;
}
a:hover
{
	color: #bb0000;
	text-decoration: underline;
}
a img { border: none; }

p
{
	margin: 0px 0px 0.5em 0px;
	text-align: left;
	/*text-indent: 1.5em;*/
}

h1, h2, h3, h4, h5, h6
{
	font-family: 'times new roman', 'garamond', 'georgia', 'serif';
	font-weight: bold;
	font-variant: small-caps;
	line-height: 100%;
	margin-bottom: 0.3em;
	color: black;
}
h1{font-size:30px;margin-bottom:0.6em;color:#660000;border-bottom:1px solid #660000;}
h2{font-size:22px;}
h3{font-size:18px;font-variant:normal;}
h4{font-size:16px;font-variant:normal;}

big{font-size:120%;}
small{font-size:85%;}

table{margin:1em auto;border-collapse:collapse;border:solid #666666 1px;}
th,td{text-align:left;padding:4px;border:solid #666666 1px;}
th{font-weight:bold;background-color:#f0f0f0;}
td{background-color:white;}

ul, ol{margin:1em 0px;padding:0px 0px 0px 2em;}
li{margin:0px;padding:0px;}


/* PAGE STRUCTURE
 ************************************/

/*
	defininitions are listed by position,
	from top to bottom, left to right order.
*/
#container
{
	width: 970px;
	background-color: transparent;
	margin: 0px auto;
}

#header
{
	height:140px;
	background: transparent url('http://www.alpine.k12.ut.us/privateComponents/lonePeakHighSchool/images/bg_header.png') top left no-repeat;
	
	
}
#headerLink {
	margin: 0px auto;
	border: none;
	display: block;
	position: relative;
	width: 528px;
	height: 85px;
	top: 10px;
	overflow:hidden;
	margin-bottom:40px;
	background: transparent url('http://www.alpine.k12.ut.us/privateComponents/lonePeakHighSchool/images/bg_title.gif') top left no-repeat scroll;
}
#headerLink:hover
{
	background-position: 0px -100px;
}
#header h1,#header h2{display:none;text-align:center;}


#navigation
{
	clear: both;
	position: relative;
	top: 20px;
	font-weight: bold;
	font-size: 14px;
	font-family: 'arial', 'tahoma', 'sans-serif';

}
#navigation ul {
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: left;
	padding-bottom: 4px;
	margin-bottom: 4px;
}
#navigation li {
	display: inline;
	margin-right: 0.3em;
}
#navigation a {
	color: #F0C22A;
}
#navigation a:hover {
	color: #FFDE6F;
	text-decoration: none;
}


#search
{
	float: right;
	text-align: right;
}
#search input {
	border: solid #666666 1px;
	padding: 1px;
	width: 200px;
	margin: 0 0.3em 0 0;
	font-size: 12px;
	font-family: 'arial', 'tahoma', 'sans-serif';
	color: #666666;
}




#page
{
	margin-top:25px;
	padding: 20px 0px 10px;
	min-height: 400px;
	text-align: left;
	font-size: 13px;
	border-top:1px solid #660000;
}


#sidebar
{
	float: left;
	
	/*width: 160px;*/
	
	padding: 0 10px 0 0;
	margin-bottom: 20px;
	/*background: transparent url('http://www.alpine.k12.ut.us/privateComponents/lonePeakHighSchool/images/bg_sidebar.png') left top no-repeat scroll;*/
}
#sidebar h3
{
	font-size: 22px;
	font-variant: small-caps;
	color: #333333;
}
#sidebar .sidebarFooter
{
	clear: both;
	margin-top: 10px;
	width: 160px;
	height: 126px;
	background: transparent url('http://www.alpine.k12.ut.us/privateComponents/lonePeakHighSchool/images/sidebar_lphs.gif') center top no-repeat scroll;
}


/* Dynamic Navigation Dropdown Menu Styles: */
#dynamicNav, #dynamicNav ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 160px;
}
#dynamicNav
{
	padding-bottom: 20px;
	background: transparent url('http://www.alpine.k12.ut.us/privateComponents/lonePeakHighSchool/images/bg_sidebar.png') bottom left no-repeat scroll;
}
#dynamicNav li
{
	position: relative;
	width: 160px;
}

#dynamicNav li ul
{
	display: none;
	position: absolute;
	left: 160px;
	top: 0px;
	
	padding-bottom: 6px;
	border-right: 1px solid #CFB97A;
	border-bottom: 1px solid #CFB97A;
	
	background-color: #FFE481;
	background-color: #F0DBA2; /* new bg color */
}

#dynamicNav li:hover ul{display:block; }

#dynamicNav li h4
{
	display: block;
	margin: 0px;
	font-family: 'times new roman';
	font-size: 18px;
	font-weight: normal;
	padding: 5px 2px 5px 12px;
	cursor: default;
	background: transparent url('http://www.alpine.k12.ut.us/privateComponents/lonePeakHighSchool/images/bullet_dynamicNav.gif') 5px 10px no-repeat scroll;
}

#dynamicNav li ul li a
{
	display: block;
	text-decoration: none;
	color: black;
	background-color: #FFE481;
	background-color: #F0DBA2; /* new bg color */
	padding: 3px 2px 3px 12px;
	font-weight: normal;
	background: transparent url('http://www.alpine.k12.ut.us/privateComponents/lonePeakHighSchool/images/bullet_dynamicNavSub.gif') 5px 10px no-repeat scroll;
}


#dynamicNav li:hover h4
{
	color: #6C5503;
	background-color: #FFE481;
	background-color: #F0DBA2; /* new bg color */
	background-position: -155px 10px;
}

#dynamicNav li:hover a
{
	background-color: #FFE481;
	background-color: #F0DBA2; /* new bg color */
}

#dynamicNav li a:hover
{
	color: #6C5503;
	text-decoration: underline;
	background-position: -155px 10px;
}

/* End Dynamic Nav styles. */



#content
{
	margin-left: 170px;
}

/* for front page, in the future... */
#news{float:left;width:440px;padding-right:10px;border-right:solid #cccccc 1px;}
#notices{margin-left:635px;margin-left:610px;border-left:solid #cccccc 1px;padding-left:10px;}


#footer
{
	background: transparent url('http://www.alpine.k12.ut.us/privateComponents/lonePeakHighSchool/images/bg_divider.png') top center no-repeat scroll;	
	clear: both;
	font-family: 'tahoma', 'arial', 'sans-serif';
	font-size: 11px;
	padding-top: 15px;
	padding-bottom: 25px;
	margin: 0px;
}
#footer .contact{float:left;text-align:left;}
#footer .authors{float:right;text-align:right;}
#footer .pageAuthor{font-weight:bold;}
/*
#footer a{font-weight:normal;text-decoration:none;}
#footer a:hover{text-decoration:underline;}
*/





/* CLASSES FOR PAGE AUTHORS TO USE:
 ************************************/

.floatLeft
{
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}
.floatRight
{
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}

.clear
{
	display: block;
	clear: both;
}

div.frame, img.frame
{
	padding: 1px;
	border: 1px solid #666666;
	background-color: white;
	font-family: 'tahoma', 'arial', 'sans-serif';
	font-size: 11px;
}
div.frame img, img.frame{display: block;}
a:link img.frame,a:visited img.frame{border:1px solid #800000;}
a:hover img.frame{border:1px solid #cc0000;}

.accentBox
{
	background-color: #FFE44C;
	border: solid #CCAC00 1px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 6px;
}

.column2
{
	float: left;
	margin-right: 2%;
	overflow: hidden;
	width: 48%;
}
.column3
{
	float: left;
	margin-right: 2%;
	overflow: hidden;
	width: 31%;
}


ul.subnav
{
	list-style-type: none;
	display: block;
	margin: 0px auto 15px;
	padding: 0px;
	height: 23px;	/* TODO: this will likely need to change someday! */
	border-left: 1px solid black;
}
ul.subnav li
{
	margin: 0px auto;
	display: block;
	padding: 0px;
	float: left;	/* ADDED 5/12/09 */
}
ul.subnav a:link, ul.subnav a:visited
{
	display: block;
	float:left;
	padding: 4px 15px;
	color: #F0C22A;
	background-color: #400000;
	border-right: 1px solid black;
	font-size: 12px;
	font-weight: bold;
}
ul.subnav a:hover{color: #FFDE6F;}

table.noborder, table.noborder th, table.noborder td
{
	border: medium none;
}

.textLeft{text-align:left;}
.textRight{text-align:right;}
.textCenter{text-align:center;}
.textJustify{text-align:justify;}

.bold{font-weight: bold;}
.italic{font-style: italic;}
.underline{text-decoration: underline;}


/* STYLES FOR MAIN PAGES:
 ************************************/

#index_main
{
	float: left;
	width: 500px;
}
#index_main h1
{
	border: none;
	font-size: 36px;
	margin-bottom: 10px;
}
#index_main h2
{
	font-size: 26px;
	margin-bottom: 10px;
}
#rotatingImage
{
	display: block;
	width: 500px;
	margin-bottom: 10px;
}



#index_right
{
	margin-left: 510px;
}
#index_right h3 /* see #sidebar h3 */
{
	font-size: 22px;
	font-variant: small-caps;
	color: #333333;
}
#index_right h4
{
	font-size: 18px;
	color: #333333;
}



/* SPECIAL FORMATTING FOR PAGE TYPES
 ************************************/

/* page types (included as classes to div#page):
mainpage
contentwithsidebar
contentwithoutsidebar
*/

.mainpage {}

.contentwithsidebar {}

.contentwithoutsidebar {}
.contentwithoutsidebar #sidebar
{
	display: none !important;
}
.contentwithoutsidebar #content
{
	margin-left: 0px !important;
}



/* PRINT-SPECIFIC STYLES:
 ************************************/

@media print
{
	body,#header{background:transparent none;}
	
	#sidebar,#navigation{display:none !important;}
	
	#content{margin-left:0px;}
	
	#content,#header,#footer{width:100%;height:auto;}
	
	#headerLink
	{
		position: static;
		width: auto;
		height: auto;
		background: none;
	}
	#headerLink h1, #headerLink h2
	{
		display: block;
		border: none;
		margin: 0px;
		color: black;
		text-align: left;
	}
	#headerLink h1
	{
		font-size: 20px;
	}
	#headerLink h2
	{
		margin-bottom: 10px;
		font-size: 16px;
	}


}