/*
CSS for Bubble Under site
*/

p {
  font-size: small;
  font-weight: normal;
  font-family: verdana, arial, helvetica, sans-serif;
  color: #222222;
  }  

body {
  font-family: verdana, helvetica, arial, sans-serif;
  margin: 0px 0px 0px 0px;
  background-color: #003696;
  /*background-image: url('../Images/vGradient1000.png');*/
  padding: 0;
  }

#content, #mainlogo, #header, #dateline, #navfill, #mainnavigation, #homeflash, #textarea, #footer, #textarea1, #tagline, #quicklinks {
  /*border: 1px solid red;*/
  }    

#content {
   position: relative;
   width: 1000px;
   min-height: 800px;
   background-color: #f5f5f5;
   background-repeat:repeat-x;
   margin-right: auto;
   margin-left: auto;
   }     

#mainlogo {
  position: relative;
  background-color: #f5f5f5;
  top: 5px;
  left: 5px;
  width: 140px;
  height: 60px;
  top-padding: 1px;
  }  
     
#tagline {
  position: absolute;
  background-color: #f5f5f5;
  top: 30px;
  left: 250px;
  width: 500px;
  height: 24px;
  text-align:center;
  }     

#header {
  position: absolute;
  top: 5px;
  left: 250px;
  width: 500px;
  height: 60px;
  }     
 
#dateline {
  position: absolute;
  top: 66px;
  left: 0px;
  width: 1000px;
  height: 18px;
  font-color: #003696;
  font-size: .75em;
  font-family: verdana, helvetica, arial, sans-serif;
  text-align: center;
  padding-top: 3px;
  /*background-image: url('../Images/hGradient750.png');*/
  background-repeat:repeat-y;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #003696;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #003696;
  }

#quicklinks {
  position: absolute;
  top: 87px;
  left: 0px;
  width: 1000px;
  height: 18px;
  color: #F7CE00;
  font-size: 0.75em;
  font-family: verdana, helvetica, arial, sans-serif;
  font-weight: bold;
  text-align: right;
  padding-top: 3px;
  background-image: url('../Images/hGradient1000.png');
  background-repeat:repeat-y;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #003696;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #003696;
  }

#quicklinks a:link {
  color: #cccccc;
  font-size: 1.00em;
  font-weight: normal;
  font-family: verdana, helvetica, arial, sans-serif;
  text-align: right;
  text-decoration: none;
  padding-top: 3px;
  }

#quicklinks a:hover {
  color: #ffffff;
  font-size: 1.00em;
  font-weight: normal;
  font-family: verdana, helvetica, arial, sans-serif;
  text-align: right;
  text-decoration: none;
  padding-top: 3px;
  }

#quicklinks a:visited {
  color: #cccccc;
  font-size: 1.00em;
  font-weight: normal;
  font-family: verdana, helvetica, arial, sans-serif;
  text-align: right;
  text-decoration: none;
  padding-top: 3px;
  }
  
#mainnav {  
  position: absolute;
  top: 108px;
  left: 0px;
  width: 1000px;
  }

#homeflash {  
  position: absolute;
  top: 135px;
  left: 5px;
  width: 450px;
  height: 223px;
  }

#newsimg {
  position: absolute;
  top: 135px;
  left: 470px;
  width: 235px;
  height: 25px;
  border: 0px solid #003696;
  /*border: 1px solid red;*/
  }
 
#news {
  position: absolute;
  top: 160px;
  left: 470px;
  background-color: #f5f5f5;
  color: #000000;
  margin-top: 0px;
  font-family: verdana, helvetica, arial, sans-serif;
  font-weight: normal;
  width: 248px;
  height: 200px;
  border: 1px solid #003696;
  /*border: 1px solid red;*/
  }

#news ul li {
   margin: 0px 0px 0px 0px;
   font-size: 12px;
   font-family: verdana, helvetic, arial, sans-serif;
   font-style: normal;
   color: #4d4d4d;
   list-style: disc;
   }
   
#news ul li a {
   font-size: 12px;
   font-family: verdana, helvetic, arial, sans-serif;
   color: #4d4d4d;
   list-style: disc;
   }
   
#news ul li a:link {
   font-size: 12px;
   font-family: verdana, helvetic, arial, sans-serif;
   color: #003696;
   text-decoration: none;
   list-style: disc;
   }   

#news ul li a:hover {
   font-size: 12px;
   font-family: verdana, helvetic, arial, sans-serif;
   color: #868686;
   text-decoration: underline;
   list-style: disc;
   }   

#scoreboard {
  position: absolute;
  top: 325px;
  left: 755px;
  width: 225px;
  height: 200px;
  background-image: url('../Images/Scoreboard.gif');
  font-color: #000000;
  font-size: .75em;
  font-family: verdana, helvetica, arial, sans-serif;
  text-align: center;
  background-color: #f5f5f5;
  }
#scoreboardtext {
  position: absolute;
  top: 420px;
  left: 775px;
  width: 185px;
  height: 85px;
  }

#athleticsnewsimg {
  position: absolute;
  top: 550px;
  left: 755px;
  width: 205px;
  height: 25px;
  border: 0px solid #003696;
  /*border: 1px solid red;*/
  }
  
#athletics {
  position: absolute;
  top: 575px;
  left: 755px;
  background-color: #f5f5f5;
  color: #000000;
  font-family: verdana, helvetica, arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  width: 205px;
  height: 100px;
  border: 1px solid #003696;
  padding: 10px;
  /*border: 1px solid red;*/
  }

#athletics ul li {
   margin: 0px 0px 0px -5px;
   font-size: 12px;
   font-family: verdana, helvetic, arial, sans-serif;
   font-style: normal;
   color: #4d4d4d;
   list-style: disc;
   }
   
#athletics ul li a {
   font-size: 12px;
   font-family: verdana, helvetic, arial, sans-serif;
   color: #4d4d4d;
   list-style: disc;
   }
   
#athletics ul li a:link {
   font-size: 12px;
   font-family: verdana, helvetic, arial, sans-serif;
   color: #003696;
   text-decoration: none;
   list-style: disc;
   }   

#athletics ul li a:hover {
   font-size: 12px;
   font-family: verdana, helvetic, arial, sans-serif;
   color: #868686;
   text-decoration: underline;
   list-style: disc;
   }   
  
#missionvision {
  position: absolute;
  top: 375px;
  left: 470px;
  background-color: black;
  font-family: verdana, helvetica, arial, sans-serif;
  font-weight: normal;
  font-size: 1em;
  width: 250px;
  height: 150px;
  padding: 0px;
  border: 1px solid #003696;
  }
  
#textarea {
  position: absolute;
  top: 365px;
  left: 5px;
  background-color: #f5f5f5;
  color: #000000;
  font-weight: bold;
  width: 450px;
  height: 50px;
  border: 1px solid #003696;

  }

#textarea1 {
  position: absolute;
  top: 415px;
  left: 5px;
  background-color: #ffffff;
  color: #000000;
  font-weight: normal;
  font-size: 12px;
  width: 430px;
  height: 100px;
  padding: 10px;
  border: 1px solid #003696;

  }

#textarea2 {
  position: absolute;
  top: 135px;
  left: 755px;
  background-color: #ffffff;
  color: #000000;
  font-weight: normal;
  font-size: 12px;
  width: 205px;
  height: 150px;
  padding: 5px;
  border: 1px solid #003696;
  text-align: left;
  }
  
  
#dayinlife {
  position: absolute;
  top: 535px;
  left: 470px;
  width: 250px;
  height: 240px;
  background-color: #f5f5f5;
  color: #003696;
  font-size: .75em;
  font-weight: bold;
  font-family: verdana, helvetica, arial, sans-serif;
  text-align: center;
  padding-top: 15px;
  border: 1px solid #003696;
  }     
  
#events {
  position: absolute;
  top: 0px;
  left: 482px;
  background-color: #ffffff;
  color: #000000;
  font-family: verdana, helvetica, arial, sans-serif;
  font-weight: normal;
  width: 267px;
  height: 200px;
  border-left: 1px solid #005daa;
  /*border: 1px solid red;*/
  }

#events2 {
  position: absolute;
  top: 545px;
  left: 5px;
  width: 700px;
  height: 225px;
  background-color: #f5f5f5; 
  background-repeat: no-repeat;
  background-position: center;
  color: #000000;
  font-size: 12px;
  font-weight: normal;
  font-family: verdana, helvetica, arial, sans-serif;
  text-align: center;
  padding: 10px;
  border: 1px solid #003696;
  }     

#textarea2 ul li {
   margin: 0px 0px 0px 0px;
   font-size: 12px;
   font-family: verdana, helvetic, arial, sans-serif;
   font-style: normal;
   color: #4d4d4d;
   list-style: disc;
   }
   
#textarea2 ul li a {
   font-size: 12px;
   font-family: verdana, helvetic, arial, sans-serif;
   color: #4d4d4d;
   list-style: disc;
   }
   
#textarea2 ul li a:link {
   font-size: 12px;
   font-family: verdana, helvetic, arial, sans-serif;
   color: #003696;
   text-decoration: none;
   list-style: disc;
   }   

#textarea2 ul li a:hover {
   font-size: 12px;
   font-family: verdana, helvetic, arial, sans-serif;
   color: #868686;
   text-decoration: underline;
   list-style: disc;
   }   
   
#footer {
  position: absolute;
  top: 801px;
  left: 0px;
  background-color: #000000;
  font-weight: normal;
  width: 1000px;
  height: 150px;
  color: #ffffff;
  font-size: .75em;
  font-family: verdana, helvetica, arial, sans-serif;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  }  

#snow {
  position: absolute;
  top: 375px;
  left: 470px;
  background-color: red;
  color: #ffffff;
  text-align: center;
  font-family: verdana, helvetica, arial, sans-serif;
  font-weight: bold;
  font-size: .9em;
  width: 230px;
  height: 130px;
  padding: 10px;
  border: 1px solid #000000;
  }

div.img
  {
  margin-right: 10px;
  border:1px solid #cccccc;
  float:left;
  text-align:center;
  }
div.img img
  {
  display:inline;
  margin:5px;
  border:1px solid #000000;
  }  
  
h1 {
   font-family: "Trebuchet MS"; arial, helvetica; sans-serif;
   font-size: x-large;
   background-color: navy;
   color: white;
   padding-top: 2em;
   padding-bottom: .2em;
   padding-left: .4em;
   margin: 0;
   }
   
#textarea1 ul li {
   margin: 0px 0px 0px -5px;
   font-size: 11px;
   font-family: verdana, helvetic, arial, sans-serif;
   font-style: normal;
   color: #4d4d4d;
   list-style: disc;
   }
   
#textarea1 ul li a {
   font-size: 11px;
   font-family: verdana, helvetic, arial, sans-serif;
   color: #4d4d4d;
   list-style: disc;
   }
   
#textarea1 ul li a:link {
   font-size: 11px;
   font-family: verdana, helvetic, arial, sans-serif;
   color: #0058a8;
   text-decoration: none;
   list-style: disc;
   }   

#textarea1 ul li a:hover {
   font-size: 11px;
   font-family: verdana, helvetic, arial, sans-serif;
   color: #868686;
   text-decoration: underline;
   list-style: disc;
   }   
   
h2 {
   color: navy;
   font-size: 130%;
   font-weight: normal;
   padding-top: 15px;
   }

h2 ul {
   margin-top: 15px;
   }
   
#tagline p {
           font-style: italic;
           font-family: georgia, times, serif;
           background-color: #bed8f3;
           border-top: 3px solid #7da5d8;
           border-bottom: 3px solid #7da5d8;
           padding-top: .2em;
           padding-bottom: .2em;
           padding-left: .8em;
           margin: 0;
           }      

      
           
           
/*a {
  font-weight: bold;
  }
  
a:link {
  color: black;
  text-decoration: none;
  }
  
a:visited {
  color: gray;
  text-decoration: none;
  }
  
a:hover {
  text-decoration: none;
  color: white;
  background-color: navy;
  }
  
a:active {
  color: aqua;
  background-color: navy;
  }
  
.fun {
  color: #339999;
  font-family: georgia, times, serif;
  letter-spacing: 0.05em;
  }
  
.attentiongrab {
  width: 50%;
  font-weight: bold;
  }

 

#navigation {
  width: 180px;
  border: 1px dotted navy;
  background-color: #7da5a8;}
 
.highlight {
  border-width: 5px;
  border-style: solid;
  border-color: black;
  }  
  
#navigation, #bodycontent {
  top: 6.54em;
  }
  
#bodycontent {
  left: 200px;
  }
  
#menu {
  top: 600px;
  left: 50px;
  }
  
#nav {
  float: right;
  width: 300px;
  background-color: yellow;
  }
 
.nudged {
  position: relative;
  top: 10px;
  left: 10px;
  }
  
.feature {
  float: right;
  margin: 10px;
  }