html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  font: 75%/1.40 Verdana, Geneva, Arial, sans-serif;
  color: #444;
  background: #336799 url(../img/bg.jpg) 0 0 repeat-x;
  padding: 20px 0;
}
blockquote, q {
  quotes: none;
  padding: 0 10px;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html {
  height: 100%;
}
h1, h2, h3, h4, h5, h6 {
      font: bold 1em/1.5 verdana, geneva, arial, sans-serif;
}
h1,h2,h3,h4,h5,h6,p,li {
  margin-right:10px;
}
h1 {
  font-size: 1.8em;
  padding: 0;
  color: #679966;
}
h2 {
  font-size: 1.6em;
  padding: 15px 0 7px 0;
}
h3 {
  font-size: 1.2em;
  margin: 7px 0;
}
h4, h5, h6 {
  font-size:1.0em;
}
img {
  border: 0;
}
p {
  margin: 10px 0;
}
a {
  text-decoration:none;
}
ul, ol {
  padding: 10px 0 20px 40px;
}
input {
  margin: 2px 0 5px 0;
  padding: 3px 0;
}
dl {
  margin: 0;
  padding-top: 10px;
}
dt {
  font-weight: bold;
   float: left;
   clear: left;
   width: 8em;
 }
 dd {
   margin: 0 0 0 9em;
  padding: 0 0 0.5em 0;
 }
/*--------------------------*/
/* Global Classes           */
/*--------------------------*/
.simple_list {
  list-style: none;
  padding: 20px 20px 20px 0;
}
.float_left {
  float: left;
  width:auto;
}
.float_left_pad {
  float: left;
  margin: 7px 0 0 15px;
  width:auto;
}
.float_right {
  float:right;
  width:auto;
}
.clear_both {
  clear: both;
}
.clear_right {
  clear: right;
}
.clear_left {
  clear: left;
}
.border {
  border: 1px solid #fff;
  padding: 20px;
}
.img_right {
  float: right;
  margin-left: 15px;
  width:auto;
}
.img_left {
  float: left;
  margin-right: 15px;
  width:auto;
}
.bold {
  font-weight:bold;
}
.mar {
  margin-top: 15px;
}
/*--------------------------*/
/* page classes             */
/*--------------------------*/
.pageWrapper {
  width: 1152px;
  margin: 0 auto;
  background-color: #fff;
  overflow:hidden;
}
.narrow {
  width:782px;
}
.header {
  background: #369 url(../img/hdr_bg.jpg) 0 0 no-repeat;
  height:157px;
  position:relative;
  z-index:100;
}
.narrow .header {
  background-position:0 -157px;
}
.staff .header {
  background-position:0 -314px;
}
.staff .narrow .header {
  background-position:0 -472px;
}
.staff .narrow .header h2 {
  font-size:2.0em;
}
.header a.home {
  display:block;
  width: 150px;
  height:150px;
  text-indent:-9999px;
  float:left;
}
.header h2 {
  width: 13em;
  padding: 10px 0 0 0;
  margin: 0 0 0 155px;
  font-size: 2.5em;
  line-height:1.0;
}
.narrow .header h2 {
  font-size:2.0em;
  padding-top:20px;
}
* html .header h2 {
  width:350px;
  height: 76px;
}
.header h2 a {
  color:#fff;
}
.header h3 {
  clear:right;
  width:236px;
  text-transform:uppercase;
  color:#fff;
  font-size:2.5em;
  margin:0;
  padding:0 16px 0 0;
  float:right;
  text-align:right;
}
.staff .narrow .header h3 {
  font-size: 1.5em;
  padding-bottom:0;
}
.contentWrapper {
  clear:both;
  width: 1152px;
  margin: 0 auto;
  float:left;
  position:relative;
}
.narrow .contentWrapper {
  width:783px;
}
/*--------------------------*/
/* navigation               */
/*--------------------------*/
.hdr_right {
  float:right;
  width:21em;
}
.hdr_right form {
  clear:right;
  float:right;
  margin-top:30px;
  width:226px;
}
.staff .hdr_right {
  width:45%;
}
.staff .narrow .hdr_right {
  width:308px;
}
.staff .hdr_right form {
  margin-top: 0;
}
.welcome {
  background:#5680aa url(../img/welcome_bg.jpg) bottom left repeat-x;
  border-left:1px solid #333;
  margin:0;
  padding:12px 10px 10px 10px;
  height:18px;
  float:right;
  color:#fff;
  width:auto;
}
.staff .narrow .welcome {
  background:#369 url(../img/welcome_narrow_bg.jpg) bottom left repeat-y;
  height:auto;
  width:281px;
  text-align:right;
  padding-right:16px;
  border-bottom:1px solid #333;
}
ul.hdr_list {
  list-style:none;
  float:right;
  padding: 12px 10px 0 0;
  width:auto;
}
ul.hdr_list li {
  float:left;
  color: #fff;
  margin-right:0;
  width:auto;
}
ul.hdr_list li a {
  color: #fff;
  text-transform: uppercase;
  padding: 10px;
}
.nav_menu {
  margin-top: -36px;
}
ul.nav_list {
  position:absolute;
  bottom:3px;
  right: 0;
  clear: both;
  list-style: none;
  padding: 0;
  width: 72em;
}
.narrow ul.nav_list  {
  /*width:58em;*/
  width:54.5em;
}
ul.nav_list li {
  float: left;
  padding: 0;
  margin-right:16px;
  width:auto;
}
.narrow ul.nav_list li {
  /*margin-right:5px;*/
  margin-right:2px;
}
.narrow ul.nav_list li#homeLink {
  display: none;
}
ul.nav_list li a{
  background: transparent url(../img/nav_bg.gif) top right no-repeat;
  display: block;
  font-weight: bold;
  color: #fff;
  padding: 10px 0 0 10px;
  height:19px;
}
* html ul.nav_list li a {
  float:left;
  padding: 10px 10px 5px 10px;
  width:auto;
}
* html ul.nav_list li ul li {
  padding-bottom:5px;
}
ul.nav_list li a:hover {
  color: #262626;
}
ul.nav_list li ul li {
  padding: 0 5px;
}
ul.nav_list li ul li a {
  background-image:none;
  height:auto;
  padding:5px;
  width:14.5em;
}
ul.nav_list li:first-child a {
  padding-right:20px;
}
.narrow ul.nav_list li:first-child a {
  padding-right:10px;
}
ul.nav_list li ul li:first-child a, .narrow ul.nav_list li ul li:first-child a {
  padding-right:0;
}
ul.nav_list li#homeLink a:hover {
  background-color:#fc0;
}
ul.nav_list li#aboutLink ul {
  background-color:#e48c15;
}
ul.nav_list li#aboutLink a:hover, ul.nav_list li#aboutLink ul li a:hover {
  background-color:#e46103;
}
.staff ul.nav_list li#policiesLink ul {
  background-color:#e48c15;
}
.staff ul.nav_list li#policiesLink a:hover, .staff ul.nav_list li#policiesLink ul li a:hover {
  background-color:#e46103;
}
ul.nav_list li#academicsLink ul {
  background-color:#19239e;
}
ul.nav_list li#academicsLink a:hover, ul.nav_list li#academicsLink ul li a:hover {
  background-color:#00037e;
  color:#aaa;
}
.staff ul.nav_list li#techLink ul {
  background-color:#19239e;
}
.staff ul.nav_list li#techLink a:hover, .staff ul.nav_list li#techLink ul li a:hover {
  background-color:#00037e;
  color:#aaa;
}
ul.nav_list li#calendarLink ul {
  background-color:#5c9cdd;
}
ul.nav_list li#calendarLink a:hover, ul.nav_list li#calendarLink ul li a:hover {
  background-color:#3c7cbd;
}
ul.nav_list li#servicesLink ul {
  background-color:#ac79fe;
}
ul.nav_list li#servicesLink a:hover, ul.nav_list li#servicesLink ul li a:hover {
  background-color:#8c59de;
}
.staff ul.nav_list li#resourcesLink ul {
  background-color:#ac79fe;
}
.staff ul.nav_list li#resourcesLink a:hover, .staff ul.nav_list li#resourcesLink ul li a:hover {
  background-color:#8c59de;
}
ul.nav_list li#studentLink ul {
  background-color:#59a830;
}
ul.nav_list li#studentLink a:hover, ul.nav_list li#studentLink ul li a:hover {
  background-color:#398810;
}
.staff ul.nav_list li#dataLink ul {
  background-color:#59a830;
}
.staff ul.nav_list li#dataLink a:hover, .staff ul.nav_list li#dataLink ul li a:hover {
  background-color:#398810;
}
ul.nav_list li#contactLink ul {
  background-color:#b8a159;
}
.narrow ul.nav_list li#contactLink ul li a {
  width:9.5em;
}
ul.nav_list li#contactLink a:hover, ul.nav_list li#contactLink ul li a:hover {
  background-color:#988139;
}
.footer {
  background: transparent url(../img/footer_bg.jpg) 0 0 no-repeat;
  height:65px;
  clear:both;
}
.footer ul {
  list-style:none;
  padding: 40px 0 0 30px;
  float:right;
  width: 816px;
  height: 25px;
  line-height:80%;
}
.narrow .footer {
  background-position: 0 -67px;
}
.narrow .footer ul {
  width: auto;
}
.footer ul li {
  display:inline;
  padding: 0 5px;
}
.footer ul li a {
  color:#222;
}
/*--------------------------*/
/* content                  */
/*--------------------------*/
.content {
  clear:both;
  padding-top: 20px;
}
#home .content {
  padding-right:0;
  background:#fff url(../img/content_bg.gif) right top repeat-y;
}
#home .narrow .content {
  background:#fff;
}
.inner_content {
  width: 850px;
  padding:0 0 16px 16px;
}
.inner_content a:hover{
  text-decoration:underline;
}
#home .inner_content, #staff_home .inner_content {
  width: 650px;
  min-height: 475px;
}
.narrow .inner_content {
  width: 750px;
}
#home .narrow .inner_content, #staff_home .narrow .inner_content {
  /*width: 280px;*/
  min-height: 200px;
}
h1.section {
  background:#000 url(../img/corner_white.gif) right top no-repeat;
  color:#fff;
  padding: 5px 20px 0 20px;
  display:inline;
}
#home h1.section, #home h2.title {
  display:none;
}
#about h1.section {
  background-color: #e48c15;
}
#policies.staff h1.section {
  background-color: #e48c15;
}
#academics h1.section {
  background-color:#19239e;
}
#tech.staff h1.section {
  background-color:#19239e;
}
#calendar h1.section {
  background-color:#5c9cdd;
}
#services h1.section {
  background-color:#ac79fe;
}
#resources.staff h1.section {
  background-color:#ac79fe;
}
#student h1.section {
  background-color:#59a830;
}
#data.staff h1.section {
  background-color:#59a830;
}
#contact h1.section {
  background-color:#b8a159;
}
h2.title{
  font-weight:normal;
  padding-top: 5px;
}
#about h2.title {
  color: #e48c15;
}
.staff #policies h2.title {
  color: #e48c15;
}
#academics h2.title {
  color:#19239e;
}
#tech.staff h2.title {
  color:#19239e;
}
#calendar h2.title {
  color:#5c9cdd;
}
#services h2.title {
  color:#ac79fe;
}
#resources.staff h2.title {
  color:#ac79fe;
}
#student h2.title {
  color:#59a830;
}
#data.staff h2.title {
  color:#59a830;
}
#contact h2.title {
  color:#b8a159;
}
.left_col_wrapper {
  width: 290px;
  background: #679966 url(../img/left_col_corn.jpg) bottom left no-repeat;
  float:left;
  padding-bottom:32px;
  border-top:1px solid #fff;
}
.left_col {
  width: 272px;
  background-color:#fff;
  padding-bottom:0px;
  min-height: 320px;
}
.left_col h2 {
  background: transparent url(../img/blue_corner.gif) 0 0 no-repeat;
  color: #fff;
  font-size:1.2em;
  font-weight:bold;
  padding: 0 0 0 10px;
  font-weight:normal;
  margin-right:0;
}
.left_col a {
  font-weight: bold;
  font-size: 0.9em;
  color: #336089;
}
.left_col a:hover{
  color: #767676;
}
.left_col p, .left_col dl {
  color: #336089;
}
.announce {
  overflow:auto;
  min-height:222px;
}
.announce_text {
  padding: 10px;
  padding-top:5px;
  display:none;
  height:142px;
}
.announce_text p {
  /*margin:0;*/
}
.announce ul.all {
  list-style:none;
  width:auto;
  padding: 2px 24px 0 12px;
}
.announce ul.all li {
  color:#336089;
  display: inline;
}
.announce ul.prev_next {
  padding: 0 0 10px 0;
  margin-left: 50px;
}
.announce ul.prev_next li {
  display:inline;
  color: #336089;
}
.announce_count {
  padding-left:80px;
}
.newsWrapper {
  clear: both;
}
.news {
  padding: 0 5px 0 10px;
  min-height:150px;
}
.news dt {
  width:6.9em;
  font-weight:bold;
  font-size:0.85em;
}
.news dd {
  margin-left:6.9em;
}
.news dd a {
  vertical-align:top;
}
.news_text {
  display:none;
  background-color:#fff;
  overflow-y:auto;
  max-height:400px;
}
.newsWrapper p a {
  float:right;
  padding-right:10px;
  padding-bottom:5px;
  width:auto;
}
.multimedia {
  display:none;
}
#home .multimedia {
  display: block;
}
.lower_left {
  background: transparent url(../img/multimedia.jpg) 0 0 no-repeat;
  color:#fff;
  height:143px;
  width:270px;
  padding: 20px 0 0 20px;
  position:absolute;
  bottom:63px;
  left:0;
}
.lower_left h2 {
  color: #fff;
  font-size: 1.5em;
  background:none;
  padding:0;
}
.lower_left p, .lower_left a {
  color: #fff;
}
.lower_left .icons {
  float:left;
  width: 119px;
  margin-top: 20px;
}
.lower_left .icons img{
  float:left;
  padding-right:5px;
}
.lower_left .icons p {
  font-size:0.8em;
  margin-top:0;
}
.icons_bottom {
  float:left;
  width:auto;
}
.icons_bottom img {
  vertical-align:middle;
  padding: 10px 0 0 20px;
}
* html .icons_bottom img {
  margin: 15px 20px 0 20px;
  float:left;
}
#home .right_col, #staff_home .right_col {
  float:right;
  width:861px;
}
#home .narrow .right_col, #staff_home .narrow .right_col  {
  width:493px;
}
.mission {
  background-color:#fff;
  padding-bottom: 10px;
}
.mission p {
  margin-top: 0;
  font-size:0.9em;
  padding: 20px 30px 5px 30px;
}
.mission p a {
  color: #222;
  font-weight:bold;
}
.mission p a:hover {
  color: #767676;
}
.mission img {
  width:484px;
  margin: 0 auto;
  display:block;
}
.quote {
  color:#fff;
  width:880px;
  margin-left:-19px;
  position:relative;
  background-color:#8abc89;
}
.narrow .quote {
  width:511px;
  margin-left: -18px;
}
* html .quote {
  float:left;
  width:auto;
}
.quote h2 {
  background: transparent url(../img/quote_bg.jpg) 0 0 no-repeat;
  height:28px;
  color: #fff;
  font-size:1.3em;
  padding: 15px 0 0 20px;
  margin-right:0;
}
.narrow .quote h2 {
  background-position:0 -157px;
}
.quote_bot {
  background: transparent url(../img/quote_bg.jpg) 0 -123px no-repeat;
  height:32px;
}
.narrow .quote_bot {
  background-position:0 -279px;
  width:511px;
}
.quote a {
  background: transparent url(../img/arrow.gif) 0 0 no-repeat;
  width:52px;
  height:22px;
  display:block;
  float:right;
  text-indent:-9999px;
  margin-top:8px;
}
.quote_text {
  display:none;
  padding: 20px 20px 10px 20px;
  background-color:#8abc89;
}
.quote .display {
  display:block;
}
.quote_text q {
  font-size: 1.2em;
  quotes: "\201C" "\201D";
}
.quote_text blockquote:before { content: open-quote; }
.quote_text blockquote:after { content: close-quote; }
.quote_text p {
  font-size: 1.3em;
  font-weight:bold;
}
.quote_text img {
  float:left;
  margin-right: 20px;
  border:1px solid #fff;
}
.address {
  background-color: #ffffcb;
  width: 180px;
  height: 120px;
  float:right;
  padding: 15px 0 15px 15px;
  font-size:0.9em;
}
.narrow .address {
  display: none;
}
.address ul {
  padding-top: 0;
}
.this_week {
  background-color: #fff;
  overflow:hidden;
}
.narrow .this_week {
  width:475px;
}
.this_week h2, .find_more h2 {
  color: #336089;
  font-weight:normal;
}
.staff .find_more h2 {
  padding: 0 0 7px 0;
  line-height:1;
}
.find_more h3 {
  font-weight:normal;
  font-size: 1.4em;
  margin:0;
}
.find_more p {
  margin-top: 0;
}
.this_week p a, .find_more p a {
  color: #444;
  font-weight:bold;
  font-size:0.9em;
  /*float:right;*/
  padding-right: 10px;
  width:auto;
}
.this_week p a:hover {
  color:#767676;
}
.day {
  margin: 10px 0;
  /*float:left;*/
  /*width:265px;*/
  padding-right:20px;
}
.day h3 {
  font-size:1.1em;
}
.day p {
  line-height: 1.1;
  margin:0;
  font-size:0.9em;
}
.event {
  margin: 10px 0 10px 20px;
}
.day_left {
  float:left;
  clear:left;
  width: 237px;
}
.day_right {
  float:right;
  clear:right;
  width: 237px;
}
.find_more {
  margin: 30px 20px 0 0;
  padding: 10px 0 0 20px;
  border-top: 5px solid #b4ccb4;
}
.find_more img {
  border:1px solid #444;
  margin-right:15px;
}
.narrow .find_more img {
  margin-right:0;
}
#staff_home .narrow .find_more img {
  margin: 7px 15px 0 0;
}
#staff_home .narrow .find_more h2 {
  font-size:1.6em;
}
img.lower_right {
  position:absolute;
  bottom:63px;
  right:0;
}
.narrow img.lower_right {
  display: none;
}
.angled_corner {
  border-top: 20px solid #fff;
  border-left: 20px solid transparent;
  font-size: 0px;
  line-height: 0%;
  width: 861px;
}
.links {
  float:right;
  padding:20px 10px 20px 30px;
  width: 200px;
}
.narrow .links {
  display: none;
}
.links h3 {
  background:transparent url(../img/arrows_links.jpg) right 5px no-repeat;
  display:inline;
  padding: 0 20px 0 0;
  color:#679966;
}
.links ul {
  list-style:none;
  padding: 10px 10px 10px 0;
}
.links ul li {
  padding-left:15px;
}
.links ul li.current {
  background:transparent url(../img/arrows_links.jpg) 0 -36px no-repeat;
}
.row input {
  width: 140px;
  border:0;
}
.row input.button {
  background-color:#666;
  text-transform:uppercase;
  font-size:0.9em;
  color:#fff;
  width:auto;
  padding: 3px 7px;
  border:1px solid #888;
}
.default {
  display:block;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
  margin:  0;
  padding:0;
  list-style:none;
}
.sf-menu {
  line-height:1.0;
}
.sf-menu ul {
  position:absolute;
  top:-999em;
  width:16em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
  width:100%;
}
.sf-menu li:hover {
  visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
  float:left;
  position:relative;
  width:auto;
}
.sf-menu a {
  display:block;
  position:relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left:0;
  top:2.5em; /* match top ul list item height */
  z-index:99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top:-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left:10em; /* match ul width */
  top:0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top:-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left:16em; /* match ul width */
  top:0;
}

.narrow .sf-menu li#contactLink ul {
  width:12em; /* left offset of submenus need to match (see below) */
}
.narrow ul.sf-menu li#contactLink li li:hover ul,
.narrow ul.sf-menu li#contactLink li li.sfHover ul {
  left:12em; /* match ul width */
}

/*** DEMO SKIN ***/

/*** arrows **/
.sf-menu a.sf-with-ul {
  padding-right:   2.25em;
  min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
  position:absolute;
  display:block;
  right:  .75em;
  top:1.05em; /* IE6 only */
  width:  10px;
  height:  10px;
  text-indent: -999em;
  overflow:hidden;
  background:url('../img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
  top:11px;
  background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
  background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
  background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
  background:  url('../img/shadow.png') no-repeat bottom right;
  padding: 0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
  background: transparent;
}
.error
{
  color: #FF0000;
  font-weight: bold;
}