/**
* Kaneland High School 50th Anniversary Screen Style Sheet
*
* @version 1.0
* @author Nicolas Borg <nborg@kaneland.org>
*/
#univ_home {
  padding:9px 0 10px;
  margin-bottom:5px;
  text-align:center;
  font-size:14px;
  color:#333;
  font-family:Verdana,sans-serif;
  }

/* =Body
----------------------------------------------- */
body {
  margin:0;
  padding:0;
  color:#000;
  background:#039 url(http://www.kaneland.org/universal/img/top_frame.png) repeat-x top left;
  font:x-small Arial,Sans-serif;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size:small;
  } html>body {font-size:small;}

/* =XHTML Tags
----------------------------------------------- */
a {
  font-weight:bold;
  }
a:link {
   color:#039;
   }
img {
  border:none;
  }
hr {
  display:none;
  }
h2 {
  font-size:120%;
  margin:0;
  padding:0;
  color:#000;
  }
h3 {
  font-size:100%;
  margin:0 0 .5em 0;
  padding:5px 7px;
  color:#000;
  background:#ddd;
  }
h4 {
  font-size:100%;
  margin:0;
  padding:0;
  }

/* =Content Wrapper
----------------------------------------------- */
#content_wrap {
  width:773px;
  background:#039 url(../img/maintop.gif) no-repeat top;
  padding:40px 0 0;
  margin:0 auto;
  clear:both;
  }

/* =Content
----------------------------------------------- */
#content {
  background:#fff url(../img/mainbody.gif) repeat-y top;
  padding:0;
  }

/* =Header
----------------------------------------------- */
#hdr {
  text-align:left;
  }
#hdr img {
  margin-left:40px;
  }

/* =Main Navigation
----------------------------------------------- */
#m_nav {
  text-align:center;
  background:url(../img/mnav_bg.gif) no-repeat top left;
  width:375px;
  margin:0 0 0 40px;
  }
#m_nav ul {
  margin:0;
  padding:5px 0 9px;
  list-style:none;
  font:12px Verdana,Sans-serif;
  }
#m_nav li {
  display:inline;
  margin:0 25px;
  }
#m_nav a {
  color:#fff;
  font-weight:normal;
  }
#m_nav strong {
  color:#ddd;
  }

/* =Column Wrapper
----------------------------------------------- */
#col_wrap {
  width:670px;
  margin:0 auto;
  }

/* =Main Column
----------------------------------------------- */
#main_col {
  margin:1em 0 0 0;
  }
#main_col p {
  margin:.5em 0;
  padding:0;
  }

/* =List of Contents
----------------------------------------------- */
#list_of_contents {
  border:solid #ccc;
  border-width:1px 0;
  margin-bottom:3em;
  }
#list_of_contents ul {
  list-style:none;
  margin:0;
  padding:0;
  }
#list_of_contents li {
  margin:0;
  padding:.5em;
  }

/* =Divided Content
----------------------------------------------- */
.divided_content {
  margin:1em auto;
  width:570px;
  clear:both;
  }
.divided_content h4 {
  margin:0;
  padding:0;
  }
.divided_content .float_right, #divided_content .float_left {
  padding:.5em .5em 0;
  margin:0;
  }
.divided_content p {
  padding:0 0 1em;
  margin:0;
  }
.divided_content div {
  margin:0 15px 3em 15px;
  }
.divided_content ul {
  list-style:none;
  margin:0 0 .5em 1em;
  padding:0;
  }
.divided_content h3 {
  margin-top:2em;
  }
.divided_content h3.first_hdr {
  margin-top:0;
  }

/* =Resources List
----------------------------------------------- */
ul.resources li {
  background:url(../img/small_box.gif) no-repeat left;
  padding:5px 0 5px 15px;
  }

/* =Employee Type List
----------------------------------------------- */
#emp_type {
  list-style:none;
  margin:.5em 0 0 1em;
  padding:0;
  }
#emp_type li {
  font-size:120%;
  margin:0 0 .5em 0;
  background:url(../img/large_box.gif) no-repeat left;
  padding:5px 0 5px 30px;
  }

/* =Bottom Links
----------------------------------------------- */
#bottom_links {
  text-align:center;
  background:#fff url(../img/mainbottom.gif) no-repeat bottom;
  padding:15px 0;
  clear:both;
  font-size:85%;
  margin-top:4em;
  }
#bottom_links ul {
  list-style:none;
  margin:0;
  padding:0 0 2em 0;
  }
#bottom_links li {
  display:inline;
  margin:2em;
  }
#bottom_links a {
  font-weight:normal;
  }

/* =Footer
----------------------------------------------- */
#footer {
  text-align:center;
  padding:5px 0;
  margin:0;
  color:#fff;
  font-size:85%;
  }

/* =Floats
----------------------------------------------- */
.float_right {
  float:right;
  }
.float_left {
  float:left;
  }
.normal_weight {
  font-weight:normal;
  }
.col_hdrs td {
  font-weight:bold;
  }

/* =Form
----------------------------------------------- */
form {
  margin: 0 20px 25px 20px;
  padding: 0;
  }
form dt em, #note em {
  color: #c00;
  font-family: "Lucida Grande", Verdana, sans-serif;
  font-size: 120%;
  font-weight: bold;
  font-style: normal;
  }
form p, form dl dd {
    margin: 0 0 8px 0;
    padding: 0;
    }
#note {
    margin-top: 20px;
    }
form dl {
    margin: 0;
    padding: 0;
    font-size: 90%;
    }
form dt {
    color: #333;
    font-weight: normal !important;
    }
form input {
    width: 250px;
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 130%;
    color: #444;
    }
form #state, form #zip, form #has_child {
  width:auto;
  }
.question {
  border:1px solid #ccc;
  padding:5px 7px;
  }
form textarea {
    width: 250px;
    height: 30px;
    font-family: inherit;
    color: #444;
    border: 1px solid #ccc;
    }
.button {
  border:1px solid #ccc;
  background:#eee;
  font-weight:bold;
  color:#039;
  font-size:125%;
  padding:5px;
  display:block;
  margin-top:15px;
  width:auto;
  }
.error {
  color:#c00;
  font-weight:bold;
  }
  /* =Effects
----------------------------------------------- */
.tri_shadow {
	-moz-box-shadow:0px 0px 10px #000;
	-webkit-box-shadow:0px 0px 10px #000;
	box-shadow:0px 0px 10px #000;
	/* For IE 8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000');
}
.tri_shadow5 {
	-webkit-box-shadow:0px 0px 5px #000;
	-moz-box-shadow:0px 0px 5px #000;
	box-shadow:0px 0px 5px #000;
	/* For IE 8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000');
  }
.tri_corners {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior:url(border-radius.htc);
  }
.tri_steel {
	background: #999; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#999999'); /* for IE */
	background:-webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999)); /* for webkit browsers */
	background:-moz-linear-gradient(top,  #ccc,  #999); /* for firefox 3.6+ */
}
.tri_pearl {
	background: #999; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#DDDDDD'); /* for IE */
	background:-webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#DDDDDD)); /* for webkit browsers */
	background:-moz-linear-gradient(top,  #F0F0F0,  #DDDDDD); /* for firefox 3.6+ */
}