/* =================================================
    CSS STYLES FOR PinkLemur
   =================================================*/   
/* 
  === Basic Color Directory === 
Blue			  #003399
Red         #cc0000
Yellow      #ffff00
Green       #006600
Pink	      #ffccff
Light Blue  #99ccff
Lime        #99ff00
Tan         #e0cca1
Olive       #669900
Marroon     #660000

*/ 
   
body {
  margin:0px 0px; 
  text-align:left;
  font-family: Myrad, Arial, Helvetica, sans-serif;
  font-size: 12px; 
  font-weight:normal; 
  color:#000;
  }

h1, h2, h3, h4, h5 {color:#000;}
h1 {font-size:20px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {line-height:0px; }
h5 {font-size:14px; letter-spacing:-1px;}

a:link {text-decoration:underline; color: #039;}
a:visited {text-decoration:underline; color:#039;}
a:active{text-decoration:underline; color:#039;}
a:hover {text-decoration:underline; color:#000;}
.small {font-size:10px; font-weight:normal;}
.big {font-size:18px; font-weight:bold;}
.error {color:#cc0000;}
.message {text-align:center; font-weight:bold;}
.hidden {display:none;}
.indent {margin-left:15px;}
.left {float:left;}
.right {float:right; margin:15px;}
.center{text-align:center;}
.bold{font-weight:bold;}
.link{text-align:center; font-weight:bold; color: #039;}
.outline {border:solid 1px #dddddd; padding:5px;}
img {border:0; font-size:0px; margin:0px; padding:0px;}

ul li {list-style-type:circle ;}
ol li {list-style-type:decimal;}
.closer {font-size: 1px; clear: both; height: 0px;}

.divider{background-image:url(media/bar.jpg); background-repeat:repeat-x; width:100%; height:50px;}

#columnLeft{float:left; width:300px; margin:0px 5px;}
#columnRight{position:relative; margin:0px 0px 0px 320px;}

#ItemTemplate{background-color:#dddddd; padding:10px;}
#AlternatingItemTemplate{background-color:#eeeeee; padding:10px;}

.EventName{font-weight:bold; font-size:14px;}
.Type{font-style:italic;}
.EventDate{}
.EventDateTime{}
.Location{}
.Notes{}

#selectionGrid{position:absolute;}
#selectionSubGrid{margin:0px auto; text-align:center; width:625px;}

#gradef a, #gradek a, #grade1 a, #grade2 a, #grade3 a, #grade4 a, #grade5 a, #grade6 a
{
   background-repeat: no-repeat;
   display: block;
   height: 125px;
   background-position: 0% 0px;
   font-size: 100px;
   line-height: 100px;
   margin:0px;
   padding:0px;
}

#gradef a:hover, #gradek a:hover, #grade1 a:hover, #grade2 a:hover, #grade3 a:hover, #grade4 a:hover, #grade5 a:hover, #grade6 a:hover {background-position: 0px -125px;}

#gradef a {width: 125px; background-image: url(media/f.png); float:left;}
#gradek a {width: 125px; background-image: url(media/k.png); float:left;}
#grade1 a {width: 125px; background-image: url(media/1.png); float:left;}
#grade2 a {width: 125px; background-image: url(media/2.png); float:left;}
#grade3 a {width: 125px; background-image: url(media/3.png); float:left;}
#grade4 a {width: 125px; background-image: url(media/4.png); float:left;}
#grade5 a {width: 125px; background-image: url(media/5.png); float:left;}
#grade6 a {width: 125px; background-image: url(media/6.png); float:left;}

#gradef, #gradek, #grade1, #grade2, #grade3, #grade4, #grade5, #grade6  
{visibility: visible; width:125px; height: 125px;}

.login{float:right; margin-top:10px;}
.login a{font-size: 12px; font-weight:bold; margin-right:10px;}
.login a:link, .login a:visited, .login a:active  {text-decoration:none; color: #039;}
.login a:hover {text-decoration:none; color:#c00;}

#adminNav{border:solid 1px #000; padding:2px; text-align:center; margin-bottom:10px; background-color:#eee;}
.gradeSelect{margin:0px 10px;}

#divSchedule{width:97%;}