*{
	margin: 0 20 0 0;
	padding: 0;
}

body{
  background-color: #1594D0;
  background-image: url(/images/bg.jpg);
  background-repeat: repeat-x;
  font-family: arial;
  font-size: 12px;
  line-height: 18px;
}


a{
  text-decoration: none;
  color: #0057C1;
}
a:focus{
  outline: none;
}
a:hover{
  color: #1694CF;
}

ul, ol{
  margin-left: 30px;
  margin-bottom: 10px;
  margin-top: 10px;
}

li{
  margin-bottom: 5px;
}

p{
  margin-bottom: 10px;
}

h1{
  font-weight: normal;
  font-family: arial;
  font-size: 24px;
  color: #1594D0;
  margin-bottom: 15px;
}

h2{
  font-weight: normal;
  font-family: arial;
  font-size: 18px;
  color: #1594D0;
  margin-bottom: 10px;
  margin-top: 20px;
}

h3{ 
  font-weight: normal;
  font-family: arial;
  font-size: 14px;
  color: #1594D0;
  margin-bottom: 5px;
  margin-top: 15px;
}



#container{
  width: 956px;
  margin: 0 auto;
  margin-top: 10px;
  
}


#header{
  height: 256px;
  width: 956px;
  background-image: url(/images/headerbg.jpg);
  background-repeat: no-repeat;
}

.box{
  float: left;
}



#slideshow{
  padding-left: 292px;
  padding-top: 10px;
}

#main{
  background-image: url(/images/mainbg.jpg);
  width: 930px;
  margin-left: 26px;
}


#navbar{
  width: 245px;
  float: left;
  font-family: "Lucida Sans", arial;
  font-weight: bold;
  color: #FFFFFF;
}



#navbar a{
  display: block;
  padding-left: 30px;
  line-height: 25px;
  height: 25px;
  overflow: hidden;
  border-top: 1px dotted #1594D0;
  color: #FFFFFF;
}

#navbar a:hover{
  color: #04B4FF;
}

#navbar .current{
  color: #FFD204;
  background-image: url(/images/arrow.jpg);
  background-repeat: no-repeat;
  background-position: 1px;
}
#navbar .current:hover{
  color: #FFD204; 
}


#content{
  margin-left: 254px;
  padding: 25px 50px 25px 25px;
  min-height: 200px;
}




#footer{
  text-align:center;
  font-size: 10px;
  padding-top: 5px;
  color: #000000;
  background-image: url(/images/footer.jpg);
  background-repeat: no-repeat;
  margin-bottom: 20px;
  margin-left: 25px;
}
#footer a{
  color: #000000;
}
#footer a:hover{
  text-decoration: underline;
}



.boxes a{
  display: block;
  float: left;
  width: 135px;
  height: 135px;
  text-align: center;
  background-color: #f1f1f1;
  margin-right: 10px;
  margin-bottom: 10px;
}

.boxes a:hover{
  background-color: #ffffff;
}



.line{
  border-bottom: 1px solid #CCC;
  margin: 20px 0 20px 0;
}
  

#intro{
	margin: 0 auto;
	width: 700px;
	height: 600px;
	margin-top: 30px;
}

#introlink{
  text-align: center;
}

#introlink a{
  color: #FFFFFF;
}












.todo{
  padding: 10px;
  margin: 10px;
  border: 1px solid #FF0000;
  background: rgba(255, 0, 0, 0.1);
  -moz-border-radius: 9px; 
  -webkit-border-radius: 9px; 
}




.bus{
  width: 100%;
  border-collapse: collapse;
  background-color: #f1f1f1;
  margin-bottom: 10px;
}

.bus td{
  padding: 2px 10px 2px 0;
  border-bottom: 1px dotted #CCC;
  border-top: 1px dotted #CCC;
}

.bus .heading{
  font-weight: bold;
}



.studentexcellence{
  border-bottom: 1px dotted #CCC;
}


.studentexcellence p{
  margin-right: 220px;
}

.studentexcellence img{
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 4px 4px 4px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 4px 4px 4px;

}
#notifications {
	margin: 0 auto;
	width: 1100px;
}
#notice {
	margin-top: 30px;
	float: right;
	text-align: center;
}