/* Elements */

/* Fonts - change 'Helvetica, Arial, Geneva, Swiss, SunSans-Regular' to your preferred font
ADDRESS, BLOCKQUOTE, BODY, CAPTION, CENTER, DD, DIR, DIV, DL, DT, FORM, H1, H2, H3, H4, H5, H6, MENU, OL, TD, TH, UL {
 font-size: .9em;
 font-family: Helvetica, Verdana, Arial, Geneva, SunSans-Regular, sans-serif, serif;
}
*/

/*!body!Body!*/
body {
 margin: 0;
 font-family: Helvetica, Verdana, Arial, Geneva, SunSans-Regular, sans-serif, serif;
 font-size: small;
}

/*!text!Body 2!*/
.text {
  font-size: 110%;
 }

/*!text1!Body 3!*/
.text1 {
  font-size: 120%;
}


a:link    {text-decoration: none;}
a:visited {text-decoration: none;}
a:active  {text-decoration: none;}
a:hover   {text-decoration: none;}

/*************
 Form Field Class
***************/
.form_fields {
 font-weight: bold;
 color: #0046D5;
}


/*************
 `welcome to...` TEXT Class
***************/
.welcome {
 display: inline;
 font-size: 120%;
 font-weight: bold;
 color: white;
 text-transform: lowercase;
}


/*************
 2nd Layer WCS Title TEXT Class
***************/
.secondlayertitle {
 display: inline;
 font-size: 120%;
 color: #333399;
 font-weight: bold;
 text-transform: uppercase;
}


/*************
Big Text
***************/
/*!bigtext!Big Text!*/
.bigtext {
 font-size: 150%;
 padding-bottom: 4px;
}


/*************
 Header TEXT Class
***************/
/*!header1!Header 1!*/
.header, .header1, h1 {
 display: inline;
 font-size: 130%;
 color: #CC0033;
 font-weight: bold;
}

/*************
 Header 2 TEXT Class
***************/
 h2 {
 font-size: 120%;
 color: #330099;
 font-weight: bold;
}

/*************
 Header 2 TEXT Class
***************/
/*!header2!Header 2!*/
.header2, a.header2:link, a.header2:visited {
 display: inline;
 font-size: 11pt;
 color: #330099;
 font-weight: bold;
 word-spacing: 0em;
 letter-spacing: 0.09px;
}

.header2 a:link, .header2 a:visited {
  color: blue;
  text-decoration: none;
}

.header2 a:active {
  color: blue;
  text-decoration: none;
}

.header2 a:hover {text-decoration: underline;}

/*************
 Header 3 TEXT Class
***************/
/*!header3!Header 3!*/
.header3, h3 {
 font-size: 110%;
 color: #330099;
 font-weight: bold;
}

/*************
 SMALL TEXT
***************/
/*!small!Small!*/
small, .small {
 font-size: 80%;
}

/*************
 Copyright TEXT Class
***************/
.copyright {
 display: block;
 color: #707070;
 text-align: center;
 font-size: 80%;
}

/*************
 `Search` TEXT Class
***************/
.search {
 color: #9999CC;
 font-weight: bold;
 font-size: 90%;
 text-transform: uppercase;
}

/*************
 `Search` INPUT BOX Class
***************/
input.search_input  {
 font-size: 90%;
}


/*************
 `In The News` TEXT Class
***************/
.news {
 display: inline;
 font-size: 11pt;
 color: white;
 font-weight: bold;
 word-spacing: 0em;
 letter-spacing: 0.09px;
 padding-bottom: 0px;
 text-transform: uppercase;
}

/*************
 Actual News Items TEXT Class
***************/
.news_items {
 margin: 6px 0;
}


/*************
 Top Static Links TEXT Class
**************/
.staticlinks {
 font-size: 100%;
 color: white;
 font-weight: bold;
 word-spacing: 0.2em;
 letter-spacing: 0.1em;
 text-transform: uppercase;
}

/*************
 Top Static Links A Class
**************/
a.staticlinks {text-decoration: none;}
a.staticlinks:hover  {text-decoration: none;}

/*************
 Error TEXT Class
***************/
.error {
  font-weight: bold;
  font-size: 100%;
  color: #FF0000
}

/*************
 Body Title TEXT Class
***************/
.body_title {
 font-size: 120%;
 color: #330099;
 font-weight: bold;
}

/*******************************
 Classes for SEARCH RESULTS Page
********************************/
.search_title {
 font-size: 110%;
 color: #330099;
}

.phpdigHighlight {
  font-weight: bold;
 }


/* Grey Separator */
td.grey_separator {
 background: #FFFFFF url(http://www.waterloo.k12.ia.us/images/grey_seperator.gif) repeat-y;
}

/* UL styling for the New Residents section */
ul#newresidents_sidelinks {
  list-style-image: url(http://www.waterloo.k12.ia.us/images/triangle.gif);
  margin: 1em;
  width: 100px;
  padding: 5px;
}

ul#newresidents_sidelinks li {
  padding-bottom: 10px;
}


/* Remove default <p> spacing in tables */
table tr td p {
  padding: 0;
}

/*--- Search Form ---*/
form.search_form {
 margin: 2px 0;
}
form.search_form label {
 text-decoration: none;
 color: #9999CC;
 font-weight: bold;
 font-size: 80%;
 text-transform: uppercase;
}
form.search_form input {
 font-size: 80%;
}
form.search_form #submit {
 display: none;
}
/*-------------------*/

#newsticker-demo { 
width:348px; 
height: 200px;
/*background:#EAF4F5;*/ 
background:#FFFFFF; 
padding:0px 0px 0; 
font-family:Verdana,Arial,Sans-Serif;
font-size:12px;
margin:1px auto;
/*margin:10px auto;*/
border:0px solid black;
}

#newsticker-demo a { text-decoration:none; }
#newsticker-demo img { border: 2px solid #FFFFFF; }

#newsticker-demo .title {
text-align:center;
font-size:14px;
font-weight:bold;
padding:2px;
}

.newsticker-jcarousellite { width:345px; height:197px; }
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }
.newsticker-jcarousellite .thumbnail { float:left; width:110px; }
.newsticker-jcarousellite .info { float:right; width:345px; height:197px; }
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }

.clear { clear: both; }