BODY {
background-color: #87aec5;
background-image: url(../images/bluegradient2.jpg); background-repeat:repeat-x;

font-family : Verdana, Arial, Helvetica, sans-serif; line-height: 1.3em; font-size: 8.5pt;
}

/*   	color: #369; cool blue
	color: #993266; cool red
	color: #fff; white
	color: #000; black
*/

hr {
	height: 2px;
	width:100%;
	color: #000;
   }
hr.thin {height: 1px;}
hr.thick {height: 3px;}
hr.superthick {height: 5px;}
hr.half {width:50%;}
hr.twothirds {width:66%;}

html, body {
margin: 0px;
  padding: 0px;
  text-align: center;
  border: 0px; 
}
#studentservedcontainer {
  width: 540px;
  vertical-align: top;
  font-size: 11px;
  margin: 0;
  border: #000 solid 0px;
	  text-align: left;
}

#studentservedcontainer #title{
  width: 100%;
  vertical-align: top;
  font-size: 14px;
  line-height:1.3em;
 color: #369;
  text-align: center;
  font-weight:bold;
  margin-bottom:4px;
}

#studentservedcontainer #allcols {
  width: 100%;
  float: left;
  padding-left: 2px;
  text-align:left;
  font-size: 10px;

}

#container #studentservedcontainer #allcols.total {
  width: 100%;
  float: left;
  padding-left: 2px;
  text-align:left;
  font-weight:bold;
}

#container #studentservedcontainer #allcols.altcolor {
	background-color: #eee;
}

#studentservedcontainer #allcols #col1 {
  width: 5px;
  float: left;
}
#studentservedcontainer #allcols #col2 {
  width: 98px;
  float: left;
  border-right: #000 1px solid;
 }

#studentservedcontainer #allcols #col1-2 {
  width: 103px;
  float: left;
    border-right: #000 1px solid;
 
 }
#studentservedcontainer #allcols #remainder {
  width: 388px;
  float: left;
  padding-left: 4px;
 }
#studentservedcontainer #allcols #agrade {
  width: 26px;
  float: left;
  padding-left: 2px;
  text-align: right;
 }
 #studentservedcontainer #allcols #ayear {
  width: 35px;
  float: left;
  padding-left: 2px;
  text-align: right;
 }
 #studentservedcontainer #allcols #ayeartotal {
  width: 37px;
  float: left;
  padding-left: 2px;
  text-align: right;
 }
#studentservedcontainer #allcols #total {
  width: 34px;
  float: right;
  padding-left: 2px;
  text-align: right;
 }
 #agrade.header {
 font-weight:bold;
 text-align:left;
 }


#photocontainer #allcols #col2outer #col3 {
  width: 100px;
  float: right;
  text-align: right;
}


#studentservedcontainer #col2outer {
  width: 550px;
  float: right;
  margin: 0;
  padding: 0;

}

#supplylistcontainer {
  width: 540px;
  vertical-align: top;
  font-size: 11px;
/*  margin: 0; */
  margin-right: auto;
  margin-left: auto;
  padding: 5px;
  border: #000 solid 0px;
	  text-align: left;
}
#supplylistcontainer #allcols {
  width: 520px;
  float: left;
  padding-left:10px;
  text-align:center;
}
#supplylistcontainer #allcols #col1 {
  width: 30px;
  float: left;
}
#supplylistcontainer #allcols #col2 {
  width: 490px;
  float: right;
  text-align:left;
 }

#photocontainer #allcols #col2outer #col3 {
  width: 100px;
  float: right;
  text-align: right;
}


#supplylistcontainer #col2outer {
  width: 550px;
  float: right;
  margin: 0;
  padding: 0;

}

#photocontainer {
  width: 525px;
  vertical-align: top;
  font-size: 11px;
/*  margin: 0; */
  margin-right: auto;
  margin-left: auto;
  padding: 10px;
/*  background-color: #fff;*/
background-color:#b5cff4;
  border: #000 solid 1px;
	  text-align: left;
}

#photocontainer a{
	text-decoration: none;
	color: #993266;
	} 

#photocontainer a:hover { 
color: #FFF;
background: #993266;
	}

#photocontainer #allcols {
/*  margin-top: 1px;*/
  float: left;
  width: 525px;
/* 710 width: 525px;*/
  font-size: 11px;
  	color: #444;
 /* border-top: #ccc solid 1px; */
 padding-bottom: 5px;
 }
#photocontainer #allcols #col1 {
  width: 100px;
  float: left;
}
#photocontainer #allcols #col2outer {
  width: 425px;
/*   610 width: 425px; */
  float: right;
 }
#photocontainer #allcols #col2outer #col2 {
  width: 300px;
/*  575 width: 300px; */
  float: left;
}
#photocontainer #allcols #col2outer #col3 {
  width: 125px;
  float: right;
  text-align: right;
}

#container {
  width: 710px;
  vertical-align: top;
  font-size: 11px;
/*  margin: 0; */
  margin-right: auto;
  margin-left: auto;
/*  margin-top:10px; */
  padding-left: 10px;
  padding-right:10px;
  padding-bottom:10px;
  background-color: #d2e7f4;
  border: 2px solid #000;
  text-align: left;
}
#container #maintitle {
/*  width:730px; */
/*  margin-right:0px;
  margin-left:0px;
  margin-top:0px;
  padding:0px;
  border:0px; */
  position:relative;
  left:-10px;
}


#container #all3cols {
  margin-top: 3px;
  float: left;
  width: 710px;
  font-size: 11px;
  	color: #369;
/*  border-top: #ccc solid 1px;*/
}

#container #all3cols #entry {
  margin-top: 6px;
  width: 700px;
  float: left;
}

#container #all3cols #date {
  width: 30px;
  float: left;
}

#container #all3cols #description {
  width: 660px;
  float: right;
}

#container h1 {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  border: #000 solid 1px;
/*  border-bottom: #fff solid 3px; */
}
#container #col1 {
  width: 150px;
  float: left;
}

#container #col2outer {
  width: 550px;
  float: right;
  margin: 0;
  padding: 0;

}
#col2outer #col2mid {
  width: 275px;
  float: left;

}
#col2outer #col2side {
  width: 275px;
  float: right;

}

/* column defs for columns within column2 on a 2-column layout
   (used for example by the calendar display for displaying 3
   months at a time)
*/

#container #col2outer #col23col1 {
  width: 178px;
  float: left;
  margin: 0;
  padding: 0;
/*    background-color: #eee; */
	min-height: 300px;
}

#container #col2outer #col23col1 #entry {
  margin-top: 6px;
  width: 178px;
  float: left;
}

#container #col2outer #col23col1 #date {
  width: 30px;
  float: left;
}

#container #col2outer #col23col1 #description {
  width: 140px;
  float: right;
}

#container #col2outer #entry {
  margin-top: 6px;
  width: 362px;
  float: left;
}

#container #col2outer #date {
  width: 30px;
  float: left;
}

#container #col2outer #description {
  width: 332px;
  float: right;
}

#container #col2outer #col23col2all {
  width: 362px;
  float: right;
  margin: 0;
  padding: 0;


}
#container #col2outer #col23col2all #col23col2middle {
  width: 176px;
  float: left;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
	min-height: 300px;

}

#container #col2outer #col23col2all #col23col2middle #entry {
  margin-top: 6px;
  width: 178px;
  float: left;
}

#container #col2outer #col23col2all #col23col2middle #date {
  width: 30px;
  float: left;
}

#container #col2outer #col23col2all #col23col2middle #description {
  width: 140px;
  float: right;
}


#container #col2outer #col23col2all #col23col2right {
  width: 176px;
  float: right;
  margin: 0;
  padding: 0;
    word-wrap: break-word;
/*	  background-color: #eee; */
	  	min-height: 300px;
}

#container #col2outer #col23col2all #col23col2right #entry {
  margin-top: 6px;
  width: 178px;
  float: left;
}

#container #col2outer #col23col2all #col23col2right #date {
  width: 30px;
  float: left;
}

#container #col2outer #col23col2all #col23col2right #description {
  width: 140px;
  float: right;
}


/* column defs for the home page */
#container #home-col1 {
  width: 230px;
  float: left;
}
#container #home-col2outer {
  width: 470px;
  float: right;
  margin: 0;
  padding: 0;
}
#home-col2outer #home-col2mid {
  width: 230px;
  float: left;
}
#home-col2outer #home-col2side {
  width: 230px;
  float: right;
}


#container #footer {
  margin-top: 3px;
  float: left;
  width: 710px;
  font-size: 9px;
  	color: #369;
  border-top: #ccc solid 1px;
  text-align: center;
}
#home {

}

p { color : #000000; font-family : Verdana, Helvetica, sans-serif; font-size : 11px; line-height: 13px; }


#topnav {
	font-size: 9px;
	line-height: 1.3em;
	background-color: #eee;
	border-top : 1px solid #ccc;
	border-bottom : 1px solid #ccc;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: 900;
	color: #000;
}

#topnav a{
	text-decoration: none;
	color: #000;
	} 

#topnav a:hover { 
color: #FFF;
background: #993266;
	}

a.topnavbutton, a.topnavbutton:link, a.topnavbutton:visited a.topnavbutton:active {
	border-bottom : 1px solid #ccc;
	color: #000;
	width:100%;
	display:block;
	background: #eee;
	text-decoration:none;
	margin-right: 2px;
	line-height: 1.3em;
	font-weight: 900;
	font-size:9px; overflow:hidden;}

a.topnavbutton:hover {color:#fff; background:#993266; font-weight:normal;}


#sidenav {
	font-size: 9px;
	line-height: 1.3em;
	background-color: #fff;
	border-bottom : 1px solid #ccc;
	font-family: Verdana, Helvetica, sans-serif;
	color: #369;
}

#sidenav a{
	text-decoration: none;
	color: #369;
	} 
#sidenav a:hover { 
color: #FFF;
background: #993266;
	}

a.sidenavbutton, a.sidenavbutton:link, a.sidenavbutton:visited a.sidenavbutton:active {
	border-bottom : 1px solid #ccc;
	color: #369;
	width:100%;
	display:block;
	background: #fff;
	text-decoration:none;
	margin-right: 2px;
	line-height: 1.3em;
	font-size:9px; overflow:hidden;}

a.sidenavbutton:hover {color:#fff; background:#993266; font-weight:normal;}

#container #navbuttonbar {
	margin: 0;
  padding: 0;
  width: 100%;
  height: 45px;
  float: left;
  border-bottom: #ccc solid 1px;
  border-top: #ccc solid 1px;
}

#container #horiznavbuttonbar {
	margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  border-top: #993266 solid 5px;
	margin-top:-2px;
  margin-bottom: 5px;
/*  border-bottom: #ccc solid 1px;
  border-top: #ccc solid 1px;*/
}


.text /* main body text */ {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: black;
}

a.horiznavbutton, a.horiznavbutton:link, a.horiznavbutton:visited a.horiznavbutton:active {
	display:block;
	width:72px;
	height:18px;
	background: #993266;
	text-align:center;
	text-decoration:none;
	padding: 4px 0 0 4px;
	margin-right: 2px;
	color:#fff; font-weight:normal;
	line-height: 1.3em;
	font-size:10px; overflow:hidden; float:left;}

a.horiznavbutton:hover {color:#fff; background:#369; font-weight:normal;}
/* a.horiznavbutton:active {color:#fff; background:#c00;} */

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

.text a:hover {
color: #FFF;
background: #993266;
}

.question {
border-top: #000 solid 1px;
font-weight: bold;
/*margin-top: -3px;*/
/* padding-top: 4px; */
}

.answer {
font-style: italic;
padding: 0;
/* border-bottom: #000 solid 1px; */
/* margin-top: -16px; */
margin-bottom: 3px;
margin-left: 30px;
}

.headline /* main page headline */ {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 18px;
font-weight: bold;
color: #369;
}

/*HOME PAGE STYLES */

.welcome /* homepage welcome message */ {
vertical-align: top;
font-size: 14px;
line-height: 24px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
background: #369;
padding: 10px 10px 10px 10px;}

.home_head_main /* main page headline */ {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold; 
color: #993266;
font-size: 12px;
/*background: #DDD;*/
padding: 1px 5px 5px 10px;
vertical-align: top;
}

.home_lead_text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
padding: 0px 5px 5px 10px;
}

.home_lead_text a {
color: #993266;
text-decoration: none;
}

.home_lead_text a:hover {
color: #FFF;
background: #993266;
}

.home_body {
padding: 0px 0px 0px 10px;
}

.home_body a {
color: #993266;
text-decoration: none;
}

.home_body a:hover {
color: #FFF;
background: #993266;
}

/* photo gallery box  stuff */
.photogallery {
color: #000;
background: #EEE;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
margin-bottom: 5px;
font-size: 9px;
padding-bottom: 3px;
line-height: 10px;
}

.photogallery a {
color: #993266;
font-size: 9px;
text-decoration: none;
}

.photogallery a:hover {
color: #FFF;
background: #993266;
}


.galleryhead /* headline in photo gallery box */{
font-weight: bold;
color: #369;

}

.history /* style for text in photo history popup pages */{
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	vertical-align: top;

}

.history a {
color: #F60;
text-decoration: none;
}

.history a:hover {
color: #FFF;
background: #F60;
}

.historytitle /* headline in photo history popup pages */{
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #369;
}

.caption /* style for the photo caption */ {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
background: #EEE;
padding: 3px 3px 3px 3px;
margin-top: 5px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}

.caption a {
color: #F60;
text-decoration: none;
}

.caption a:hover {
color: #FFF;
background: #F60;
}


.home_head_secondary /* main page headline */ {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
font-weight: bold;
color: #993266;
}

.leaderboard /* homepage welcome message */ {
vertical-align: top;
color: #000;
background: #ddd;
padding: 0px 20px 10px 0px;}

.resultboard /* homepage welcome message */ {
vertical-align: top;
color: #000;
background: #ddd;
/*padding: 0px 20px 10px 0px;*/}

.coolblue {
   color: #369
}

.coolred {
  color: #993266;
}





a {
	text-decoration: none;
}