/* CSS Document */

/*
Coded by: Karson Enns
Email: Karson.enns@gmail.com
Karsonenns.com
2009-2010 Internet Applications class
I would not attemt editing this unless you know what your doing. I am a pretty messy coder. This is not very structured. Sorry! Email me if you want any help.

Copyright (c) 2009, Karson Enns -- Karson.Enns@gmail.com
You may freely use and redistribute this code under the terms 
of the BSD license: http://creativecommons.org/licenses/BSD/
*/



body{
background-color:#353535;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
margin:0px;

}

.page p{
margin-bottom:5px;
padding:0;
}


a, a :visited, a :active{
color:#4e4e4e;

}

.breadcrumb a{
color:#FFFFFF;
text-decoration:none;
}

#main{
margin-left:auto;
margin-right:auto;
width:895px;

}


#site{
background-color:#26386c;
height:222px;
background-image: url('../template_images/header-background.jpg');
background-repeat:no-repeat;
background-position:center;
border-bottom:4px #FFCC00 solid;

}

#header-content{
width:900px;
margin-left:auto;
margin-right:auto;
margin-top:0;

}

#logo{
	height:222px;
	width:270px;
	background-repeat:no-repeat;
	background-position: 10% 10%;
	background-image: url('../template_images/logo.png');
	background-position:15% 15%;
	float:left;


}

#navigation{
float:right;
}


#content-background{
background-color:#212121;
clear:both;
border-bottom:4px solid #e2aa19;
border-bottom:4px #FFCC00 solid;
}

#content{
min-height:125px;
}

#box-table-main{
background-color:#FFFFFF;
position:absolute;
padding:1px;
margin-top:-100px;
}

#text{
padding-top:115px;
margin-bottom:20px;
}

.box-table{
border:3px #363636 solid;
padding:0px;
width:287px;

}

.announcements{
background-color:#1f1f1f;
border:3px #2c499a solid;
background-color: #1f1f1f;
background-image: url('../template_images/eagle-background.png');
background-position:90% 50%;
background-repeat:no-repeat;

}




h6{
margin: 5px 0px 0px 8px;
padding:0px;
font-size:16px;
color:#fefeff;
}


#scroll{
	height:166px;

    overflow: auto;
    z-index: 1;
color:#FFFFFF;
font-size:11px;
line-height:18px;
padding-left:8px;
padding-right:8px;
}


#navigation
{	margin: 0;
	padding: 0;
	z-index: 30;
	}

#navigation li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	

	}

#navigation li a
{		
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	color: #FFF;
	text-align: center;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	font-size:18px;
	padding:10px;
	font-family:tahoma, arial, helvetica, sans-serif;
}

#navigation li a:hover
{	
	background: #f0b61c
}

#navigation div
{	
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #1f336b;
	border: 3px solid #ffffff;
	z-index:200;
	background-image: url('../template_images/navigation-background.png');
	background-repeat:repeat-x;
	
	
}


#navigation div a
{	
	position: relative;
	display: block;
	margin: 0;
	padding:10px;
	width: auto;
	font-weight:normal;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	color: #ffffff;
	z-index:200;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image: url('../template_images/navigation-bar.png');
	background-repeat:repeat-x;
	background-position:bottom;
}

#navigation div a:hover
{	
	background: #1e2c54;
	color: #FFF;

}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #454545;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-image: url('../template_images/scroll-top.gif');
	width:10px;
	height:9px;
	background-color:#1f1f1f;

}
a.jScrollArrowUp:hover {
	background-color: #454545;

}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-image: url('../template_images/scroll-bottom.gif');
	width:10px;
	height:9px;
	background-color:#1f1f1f;
}
a.jScrollArrowDown:hover {
	background-color: #454545;

}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-color: #353535;	
}


#slideshow {
    position:relative;
    height:193px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 193px;
	width:287px;
    display: block;
    border: 0;
	margin:0;
	padding:0;
   
}

#slideshow span{
padding:5px;
color:#FFF;
font-size:12px;
	position:absolute;
	bottom:0px;
	background-image:url('../template_images/captian-background.png');
	z-index:200;
	width:277px;
}

#slideshowtwo {
    position:relative;
    height:193px;

}

#slideshowtwo DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	
    background-color: #FFF;
}

#slideshowtwo DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshowtwo DIV.last-active {
    z-index:9;
}

#slideshowtwo DIV IMG {
      height: 193px;
	width:287px;
    display: block;
    border: 0;
   
}

#slideshowtwo span{
padding:5px;
color:#FFF;
font-size:10px;
	position:absolute;
	bottom:0px;
	background-image:url('../template_images/captian-background.png');
	z-index:200;
	width:287px;
}

#slideshowempty {
    position:relative;
    height:193px;
}

#slideshowempty DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	
    background-color: #FFF;
}

#slideshowempty DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshowempty DIV.last-active {
    z-index:9;
}

#slideshowempty DIV IMG {
    height: 193px;
	width:287px;
    display: block;
    border: 0;
	margin:0;
	padding:0;
   
}

#slideshowempty span{
padding:5px;
color:#FFF;
font-size:12px;
	position:absolute;
	bottom:0px;
	background-image:url('../template_images/captian-background.png');
	z-index:200;
	width:277px;
}


	.searchun{
		color:#999;
	}
	.searchselect{
		color:#000;
	}
	
.right{
	float:right;
	width:283px;
}

.left{
float:left;
width:598px;
}
	
.sportsbox{
width:310px;
color:white;
font-size:12px;
float:left;
margin: 0px 8px 0px 0px;
}

.fridayrotation{
	width:126px;
	float:left;
	margin: 0px 8px 0px 8px;
	color:#FFF;
	font-size:12px;
}

.photosmain{
	width:126px;
	float:right;
	margin: 0px 0px 0px 10px;
	color:#FFF;
	font-size:12px;
}

#text h6{
	margin:0px;
	padding:0px;
	color: #4e81e8;
	font-size:15px;
}



#text div.hr{
	padding:0px;
	border-top: #424242 1px solid;
	border-bottom: 1px solid #1b1b1b;
	border-left:none;
	border-right:none;
margin-top:5px;
margin-bottom:5px;
}

#text div.title{
		color: #4e81e8;
		float:left;
		margin-right:10px;
		font-weight:bold;
		padding-left:3px;
}
#text div.date{
	font-style:italic;
	float:right;
	color:#999;
	font-size:11px;
}
#text div.content{
	clear:both;
	padding:0px 0px 5px 5px;
	font-size:12px
}

.sportsbox .title, .sportsbox .title a{
		color: #4e81e8;
		float:left;
		font-weight:bold;
		padding-left:3px;
		font-size:11px;
		text-decoration:none;
}

.h2 .title{
		color: #4e81e8;
		float:left;
		font-weight:bold;
		padding-left:3px;
		font-size:11px;
}

.sportsbox .submitted{
	font-style:italic;
	float:right;
	color:#999;
	font-size:11px;
}

#awardsbox{
	width:261px;
	height:216px;
	background-color:#FFF;
	border:3px solid #252e49;
	padding:5px;
	
}


#awardsbox img{
vertical-align:top;
}

#awardsbox div.box{
	width:128px;
	height:216px;

	margin:1px;
}

#awardsbox div.info{
	width:122px;
	height:18px;
	background-color:#212121;
	padding:5px 3px 3px 3px;
	font-size:11px;
	color:#FFF;
	margin:0px;
	text-align:center;
}

#awardsbox div.margin{
margin-bottom:2px;
	
}
#awardsbox img{
	margin-bottom:2px;

}

#awardsbox div.blue{
color:#2c7fb9;
font-weight:bold;
font-size:14px;
padding-top:4px;
margin:0;
}

.homelist { 
margin:0px;
width:126px;
}

.homelist ul
{
margin:0px;
padding-left: 0;
list-style-type: none;
}

.homelist a
{
display: block;
padding: 3px;
background-image: url('../template_images/hr.gif');
background-position:bottom;
background-repeat:repeat-x;
background-color:#353535;
}

.photosmain .homelist a{
	background-color:#1F1F1F;
}

.photosmain .content .navlist a{
background-color:#212121;
}

.schoollinks .edit .block-edit, .quicklinks .edit .block-edit{
	color:#000;
}

#awardsbox .content{
	margin:0px -5px -5px -5px;
	padding:0px;
}


.homelist a:link, .navlist a:visited
{
color: #EEE;
text-decoration: none;
}

.homelist a:hover
{
background-color: #369;
color: #fff;
}
.comingsoon{
	font-size:12px;
	margin:8px 0px 3px 0px;
	font-weight:bold;
	text-align:center;
}

#footer{
width:880px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
color:#FFF;
font-size:11px;
padding:10px;
}

#footer h6{
	font-size:13px;
	font-weight:bolder;
	color:#b3b3b3;
	padding-left:0px;
	margin-left:0px;
}

.address div.hr{
	padding:0px;
	border-top: #424242 1px solid;
	border-bottom: 1px solid #1b1b1b;
	border-left:none;
	border-right:none;
margin-top:5px;
margin-bottom:5px;
}

.quicklinks div.hr{
	padding:0px;
	border-top: #424242 1px solid;
	border-bottom: 1px solid #1b1b1b;
	border-left:none;
	border-right:none;
margin-top:5px;
margin-bottom:0px;
}

.schoollinks div.hr{
	padding:0px;
	border-top: #424242 1px solid;
	border-bottom: 1px solid #1b1b1b;
	border-left:none;
	border-right:none;
margin-top:5px;
margin-bottom:0px;
}


.address{
	width:150px;
	float:left;
}

.quicklinks{
	width:150px;
	float:left;
	margin-left:20px;
}

.schoollinks{
	width:150px;	
	float:left;
	margin-left:20px;
}

#footer .homelist { 
margin:0px;
width:150px;
}

#footer .homelist a:hover
{
background-color:#2c2c2c;
color: #fff;
}

.copyright{
	 color:#6e6c6c;
	 float:right;
	 font-size:12px;
	 font-weight:bold;
}




/* Start of stuff that customises drupal. Everything before was coded for the static html front page. This is coded in with the template coded in drupal */


.breadcrumb{
	padding:4px 4px 4px 8px;
	width:878px;
	background-color:#373737;
	margin-bottom:8px;
	font-size:11px;
	color:#727272;
}
.page{
	background-color:#FFF;
height:100%;
background-image: url('../template_images/page-bg.gif');
background-repeat:repeat-y;
	width:883px;
	border:3px #646464 solid;
	font-size:12px;
}

.page .right{
	float:right;
	width:653px;
	
	padding:10px;

}

.page .left{
float:left;
padding:0px;
width:210px;
padding:0px;

}

.page h2{
	margin:0px 0px 5px 0px;
	padding:5px 2px 3px 2px;
	font-weight:normal;
	color:#727272;
	font-size:20px;
	border-bottom: #919191 solid 1px;
}

/*
.page h1{
	margin:0px 0px 5px 0px;
	padding:5px 2px 3px 2px;
	font-weight:normal;
	color:#727272;
	font-size:20px;
	border-bottom: #919191 solid 1px;
}
*/

.left h3{
	background-color:#A4A4A4;
	padding:5px;
	margin:5px 2px 1px 5px;
	color:#FFF;
	
}


.left h3 a{

    color:#FFF;
	text-decoration:none;
	font-size:12px;
	
}
.left h3:hover{
	background-color: #369;
	text-decoration:none;
	
	
}

.left h3 a:hover{
	color:#FFF;
}

.left h3 .active, .menu .leaf .active{
	color:#3A3A3A;
	font-weight:bold;
	
}

.left h3 .active a:hover, .menu .leaf a:hover{
	color:#FFF;
	
}



/*misc*/

#user-login-form{
	margin:10px;
}


.form-item{
	margin:5px;
}




/* Left Page Navigation */


.left .content .menu .menu li a{
background-color:#dedede;
color:#000000;
padding:0px;
margin:5px 0px 5px 20px;
padding-left:10px;
background: url('../template_images/icon.png');
background-position: left center;
color:#3E3E3E;
background-repeat:no-repeat;
}

.left .content .menu .menu .menu li a{
margin:5px 0px 5px 40px;
}

.left .content .menu .menu .menu .menu li a{
margin:5px 0px 5px 60px;
}
.left .content .menu .menu .menu .menu .menu li a{
margin:5px 0px 5px 60px;
}


.left .content .menu .menu li a:hover{
color: #369;
}


.left .content ul
{
margin:0px;
padding-left: 0;
list-style-type: none;
}

.left .content li a
{
display: block;
padding: 5px;
background-color:#A4A4A4;
margin:1px;
font-size:12px;
}

.left .content li a:link, .left .content li a:visited
{
color: #EEE;
text-decoration: none;
}

.left .content li a:hover
{
background-color: #369;
}


.menu li ul{
	margin-left:20px;
	color:#FFF;
}

.pagenavigation { 
margin:4px;


}

.pagenavigation ul
{
margin:0px;
padding-left: 0;
list-style-type: none;
}

.pagenavigation li{

}


.pagenavigation a
{
display: block;
padding: 5px;
background-color: #c6c6c6;
font-weight:bold;
margin:1px;
color:#FFFFFF;
}

.pagenavigation a:link, .pagenavigation a:visited
{
text-decoration: none;
}

.pagenavigation a:hover
{
background-color: #369;

}



/* From Dpupal stuff */


.box-table .edit a{
position:absolute;

}

#scroll .edit a{
top:0px;
right:0px;
}


.edit a{
background-color:#DADADA;
padding:1px;
font-size:10px;
border:1px solid #ADADAD;
text-decoration:none;
color:#373737;
}


.edit a:hover{
background-color:#303030;
color:#FFFFFF;
}

.block-region{
background-color:#9AC8ED;
padding:3px;
}

#current
{
background-color:#26386c;

color:#3399FF;

}

.clear-block{


padding:5px;
margin: 5px 0px 5px 0px;
}



.pagelinks {
margin:0px 0px 10px 0px;
padding:5px;
border:1px #999999 solid;
background-color:#E1E1E1;
text-decoration:none;
display:block;
}


#blocks{
	width:600px;
}

.region{
	font-size:14px;
	padding:5px;
	background-color: #26386c;
	color:#FFF;
}

.book-navigation{
display:none;

}

.designby{
color:#535353;
 font-size:9px; 
 text-align:right;
 }
 
 .designby a{
color:#535353;
text-decoration:none;
}

 .designby a:hover{
 color:#626262;
}

.adminbutton{
position:absolute;
border:#C81717 2px solid;
background-color:#DE2121;
padding:5px;
}

.adminbutton a{
background-color:#DE2121;

font-size:12px;
color:#FFFFFF;
padding:5px;

}

.pdf{
display:block;
height:16px;
background:none;
background-image:url('../template_images/print.gif');
padding:0px;
color:#000000;
width:50px;
 text-decoration:none;
 float:left;
}

.pdf a{
background:none;
color:#ffffff;
 height:16px;
 width:50px;
padding:0px;
display:block;
text-decoration:none;
}

.pdf a:hover{
background:none;
text-decoration:none;
}


.download{
display:block;
float:left;
height:16px;
background:none;
background-image:url('../template_images/download.gif');
padding:0px;
color:#000000;
width:75px;
text-decoration:none;

}

.download a{
background:none;
color:#ffffff;
 height:16px;
 width:75px;
padding:0px;
display:block;
text-decoration:none;
}

.download a:hover{
background:none;
text-decoration:none;
}



.sportsbox .content p{
padding:0px 3px 0px 3px;
margin:0px 0px 10px 0px;
}

.block-id-82{
margin-top:10px;
}
.studentcouncilblock{
background-color:#eaeaea;
 padding:0px;
  background-image: url('/secondary/newschool/images/student_council/background.gif');
  background-repeat:no-repeat;
  background-position:75% 50%;
}


.sportsbox .item-list, .sportsbox .edit{
display:none;
}

.block-id-83 .content{
padding:0px;
margin:0px;
top:340px;
left:280px;
position:absolute;
}

.page .right h1{
margin:0px;
padding:0px;
font-size:24px;
}

.page .right h3{
margin:0px;
padding:0px;
font-size:18px;
}


.page .right h4{
margin:0px;
padding:0px;
font-size:16px;
}


.page .right h5{
margin:0px;
padding:0px;
font-size:14px;
}

.block-id-66 .info a{
color:#ffffff;
text-decoration:none;

}


#secret{
	padding:20px 10px 10px 20px;

	text-align:center;
}