/* this is a CSS answer to fix the hover/focus '~' and hover/focus '+' problem in safari and chrome */
/* tabindex="1" in the link code to fix the 'focus persist' problem in safari and chrome */
html {-webkit-animation: safariSelectorFix infinite 1s;}
@-webkit-keyframes safariSelectorFix {
0% {zoom:1;}
100% {zoom:1;}
}

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;
}

#gsgallery {padding:0; margin:0; list-style:none; position:relative; width:690px; height:737px; margin:0 auto; border:5px solid #000; background:#ddd;}
#gsgallery li.sets {width:690px; height:740px; overflow:hidden; position:relative;}
#gsgallery li.sets a.topa {display:block; width:10px; padding:0 10px; float:left; margin-right:1px; text-decoration:none; color:#fff; font:bold 12px/35px arial, sans-serif; background:#444; outline:0;}
/*#gsgallery div {width:3500px; height:690px; margin-left:-1400px; margin-top:35px; text-align:right;}
*/

/* width must be:
(700 * number of pages) + (700 * (number of pages -1))
margin-left must be:
(-700 * (number of pages-1))
*/
#gsgallery div {width:4900px; height:690px; margin-left:-2100px; margin-top:35px; text-align:right;}
#gsgallery div span {display:inline-block; height:10px;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
#gsgallery div span {*display:inline;}

#gsgallery div ul {width:610px; height:690px; background:#ddd; padding:45px; display:inline-block; margin:0; list-style:none; position:relative; z-index:10;}
#gsgallery div ul {*display:inline;}
#gsgallery div ul li {width:120px; height:120px; float:left;}
#gsgallery div ul li a {display:block; width:118px; height:118px; border:1px solid #000; border-color:#888 #000 #000 #888; background:#333; outline:0;}
#gsgallery div ul li a img {display:block; border:1px solid #888; margin:0 auto;}
#gsgallery div ul li.hz a img {margin-top:20px;}
#gsgallery div ul li.vt a img {margin-top:8px;}

#gsgallery div ul li em {display:block; position:absolute; left:-9999px; top:5px; width:690px; height:690px; background:#ddd; opacity:0; filter: alpha(opacity=0);
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}

#gsgallery div ul li.pointer1, #gsgallery div ul li.pointer2, #gsgallery div ul li.pointer3, #gsgallery div ul li.pointer4 {position:absolute; top:0px; padding:0; margin:0; height:24px; width:58px; background:url(../images/pointer.png) no-repeat center center; z-index:200;}
#gsgallery div ul li.pointer5 {position:absolute; top:0px; padding:0; margin:0; height:24px; width:58px; background:url(../images/pointer.png) no-repeat center center; z-index:200;}
#gsgallery div ul li.pointer6 {position:absolute; top:0px; padding:0; margin:0; height:24px; width:58px; background:url(../images/pointer.png) no-repeat center center; z-index:200;}
#gsgallery div ul li.pointer7 {position:absolute; top:0px; padding:0; margin:0; height:24px; width:58px; background:url(../images/pointer.png) no-repeat center center; z-index:200;}
#gsgallery div ul li.pointer8 {position:absolute; top:0px; padding:0; margin:0; height:24px; width:58px; background:url(../images/pointer.png) no-repeat center center; z-index:200;}
#gsgallery div ul li.pointer9 {position:absolute; top:0px; padding:0; margin:0; height:24px; width:58px; background:url(../images/pointer.png) no-repeat center center; z-index:200;}
#gsgallery div ul li.pointer10 {position:absolute; top:0px; padding:0; margin:0; height:24px; width:58px; background:url(../images/pointer.png) no-repeat center center; z-index:200;}
#gsgallery div ul li.pointer11 {position:absolute; top:0px; padding:0; margin:0; height:24px; width:58px; background:url(../images/pointer.png) no-repeat center center; z-index:200;}
#gsgallery div ul li.pointer12 {position:absolute; top:0px; padding:0; margin:0; height:24px; width:58px; background:url(../images/pointer.png) no-repeat center center; z-index:200;}

#gsgallery div ul.u1 li.pointer1 {left:-10px;}
#gsgallery div ul.u2 li.pointer2 {left:20px;}
#gsgallery div ul.u3 li.pointer3 {left:50px;}
#gsgallery div ul.u4 li.pointer4 {left:80px;}
#gsgallery div ul.u4 li.pointer5 {left:110px;}
#gsgallery div ul.u4 li.pointer6 {left:140px;}
#gsgallery div ul.u4 li.pointer7 {left:170px;}
#gsgallery div ul.u4 li.pointer8 {left:200px;}
#gsgallery div ul.u4 li.pointer9 {left:230px;}
#gsgallery div ul.u4 li.pointer10 {left:260px;}
#gsgallery div ul.u4 li.pointer11 {left:290px;}
#gsgallery div ul.u4 li.pointer12 {left:320px;}

#gsgallery div ul li em img {display:block; margin:0 auto; border:1px solid #fff;}
#gsgallery div ul li.hz em img {margin-top:99px;}
#gsgallery div ul li.vt em img {margin-top:19px;}
#gsgallery div ul li.hz em img.close {border:0; position:absolute; right:2px; top:76px; cursor:pointer; margin:0;}
#gsgallery div ul li.vt em img.close {border:0; position:absolute; right:80px; top:-4px; cursor:pointer; margin:0;}


#gsgallery li a.p1:hover ~ div span {width:0px;}
#gsgallery li a.p2:hover ~ div span {width:700px;}
#gsgallery li a.p3:hover ~ div span {width:1400px;}
#gsgallery li a.p4:hover ~ div span {width:2100px;}
#gsgallery li a.p5:hover ~ div span {width:2800px;}
#gsgallery li a.p6:hover ~ div span {width:3500px;}
#gsgallery li a.p7:hover ~ div span {width:4200px;}
#gsgallery li a.p8:hover ~ div span {width:4900px;}
#gsgallery li a.p9:hover ~ div span {width:5600px;}
#gsgallery li a.p10:hover ~ div span {width:6300px;}
#gsgallery li a.p11:hover ~ div span {width:7000px;}
#gsgallery li a.p12:hover ~ div span {width:7700px;}

#gsgallery li a.p1:hover ~ div ul li a + em {opacity:0; z-index:-1; filter: alpha(opacity=0);}
#gsgallery li a.p2:hover ~ div ul li a + em {opacity:0; z-index:-1; filter: alpha(opacity=0);}
#gsgallery li a.p3:hover ~ div ul li a + em {opacity:0; z-index:-1; filter: alpha(opacity=0);}
#gsgallery li a.p4:hover ~ div ul li a + em {opacity:0; z-index:-1; filter: alpha(opacity=0);}
#gsgallery li a.p5:hover ~ div ul li a + em {opacity:0; z-index:-1; filter: alpha(opacity=0);}
#gsgallery li a.p6:hover ~ div ul li a + em {opacity:0; z-index:-1; filter: alpha(opacity=0);}
#gsgallery li a.p7:hover ~ div ul li a + em {opacity:0; z-index:-1; filter: alpha(opacity=0);}
#gsgallery li a.p8:hover ~ div ul li a + em {opacity:0; z-index:-1; filter: alpha(opacity=0);}
#gsgallery li a.p9:hover ~ div ul li a + em {opacity:0; z-index:-1; filter: alpha(opacity=0);}
#gsgallery li a.p10:hover ~ div ul li a + em {opacity:0; z-index:-1; filter: alpha(opacity=0);}
#gsgallery li a.p11:hover ~ div ul li a + em {opacity:0; z-index:-1; filter: alpha(opacity=0);}
#gsgallery li a.p12:hover ~ div ul li a + em {opacity:0; z-index:-1; filter: alpha(opacity=0);}

#gsgallery li ul.u1:hover ~ span {width:0px;}
#gsgallery li ul.u2:hover ~ span {width:700px;}
#gsgallery li ul.u3:hover ~ span {width:1400px;}
#gsgallery li ul.u4:hover ~ span {width:2100px;}
#gsgallery li ul.u5:hover ~ span {width:2800px;}
#gsgallery li ul.u6:hover ~ span {width:3500px;}
#gsgallery li ul.u7:hover ~ span {width:4200px;}
#gsgallery li ul.u8:hover ~ span {width:4900px;}
#gsgallery li ul.u9:hover ~ span {width:5600px;}
#gsgallery li ul.u10:hover ~ span {width:6300px;}
#gsgallery li ul.u11:hover ~ span {width:7000px;}
#gsgallery li ul.u12:hover ~ span {width:7700px;}

#gsgallery li div ul li a:active {outline:0;}
#gsgallery li div ul li a:active + em {left:0; opacity:1; filter: alpha(opacity=100);}

#gsgallery li div ul li a:focus {outline:0;}
#gsgallery li div ul li a:focus + em {left:0; opacity:1; filter: alpha(opacity=100);}


#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;
}

#gscontainer {
  width: 860px;
  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;
}

#gscontainer #maintitle {
/*  width:730px; */
/*  margin-right:0px;
  margin-left:0px;
  margin-top:0px;
  padding:0px;
  border:0px; */
  position:relative;
  left:-10px;
}

#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; */
}
#gscontainer #col1 {
  width: 150px;
  float: left;
}

#gscontainer #col2outer {
  width: 700px;
  float: right;
  margin: 0;
  padding: 0;

}

#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-lefthalf {
  width: 350px;
  float: left;
}
#container #home-righthalf {
  width: 350px;
  float: right;
  margin: 0;
  padding: 0;
}
#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;
}

/* #gscontainer #footer {*/
#footer {
  margin-top: 3px;
  float: left;
  width: 100%;
  font-size: 9px;
  	color: #369;
  border-top: #ccc solid 1px;
  text-align: center;
}

/*#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;*/
}

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

#gscontainer #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;
}