/* Reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent; border: 0; outline: 0; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline;
}
body { line-height: 1; }
ul, ol li ul li { list-style: none; }

iframe { border: 0; }

/* Enable HTML5 parsing engine */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section, nav.primary { display: block; }
/* -------------------------------------- */

/* Rounded corners */
article, section, aside, h2, h3 {
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}

h2, article h1, section h1, h3, article h2, section h2, aside h1 {
  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}

footer, #info {
  border-radius-bottomright: 5px; border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;
  -webkit-border-radius-bottomright: 5px; -webkit-border-radius-bottomleft: 5px;
}

/* Elements */

body {
  position: relative;
  background-image: url('../images/bg_grad.jpg'); background-repeat: repeat-x; /* gradient */
  font: 14px/1.3em Helvetica, Arial, sans-serif;
  color: #222;
  width: 1000px; margin: 0 auto; padding: 0;
}

a { color: #3d6fac; text-decoration: none; }
  a[href^="mailto:"], a[href$=".pdf"], a[href$=".PDF"], a[href$=".doc"], a[href$=".docx"], a[href$=".xls"], a[href$=".xlsx"], a[href$=".ppt"], a[href$=".pptx"], a[href$=".ps"] {
    padding-right: 14px; margin-bottom: -1px;
  }
  a[href^="mailto:"] { background: url(../images/email.png) transparent top right no-repeat; }
  a[href$=".pdf"]    { background: url(../images/pdf.png)   transparent top right no-repeat; }
  a[href$=".PDF"]    { background: url(../images/pdf.png)   transparent top right no-repeat; }
  a[href$=".doc"]    { background: url(../images/word.png)  transparent top right no-repeat; }
  a[href$=".docx"]   { background: url(../images/word.png)  transparent top right no-repeat; }
  a[href$=".xls"]    { background: url(../images/excel.png) transparent top right no-repeat; }
  a[href$=".xlsx"]   { background: url(../images/excel.png) transparent top right no-repeat; }
  a[href$=".ps"]     { background: url(../images/ps.png)    transparent top right no-repeat; }
  a[href$=".ppt"]    { background: url(../images/ppt.png)   transparent top right no-repeat; }
  a[href$=".pptx"]   { background: url(../images/ppt.png)   transparent top right no-repeat; }
  #info a:hover, #breadcrumblinks a:hover { color: #333; background-color: #fed; }
  #info a:hover img { background-color: transparent; }
  a:hover h1, a:hover h2, a:hover h3 { background-color: #fed; }
  a[name] { color: #222; }
  a[name]:hover { border-bottom: 0 !important; background-color: transparent !important; }


article, section, aside {
  position: relative;
  margin: 3px; padding: 3px;
  border: 1px solid #ddd;
  z-index: 10;
}
article:after, section:after, aside:after, figure:after, nav.primary:after { /* clearfix */
  visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;
}

aside { 
  float: right; 
  margin-top: 0; margin-right: 0;
  background-color: #fff;
  font-size: 0.9em;
  z-index:15;
}

blockquote { margin-left: 2%; }

caption { font-size: 1.2em; font-weight: bold; }

dl, dd { margin-bottom: 1em; }
dt { font-weight: bold; }

fieldset { padding-bottom: 5px; }

figure {
  position: relative;
  margin: 3px; padding: 3px;
  z-index: 10;
}

figcaption { font-size: 0.9em; font-style: italic; }

footer {
  font-size: 0.8em;
  background-color: #eee;
  border: solid 1px #ccc;
}
  footer:after { clear: right; }
  footer img {
    margin: 1%;
    height: 24px;
    outline: 0;
  }
  footer section {
    float: left; 
    margin: 1%; padding: 0;
    width: 31%;
    text-align: center;
  }

h1, h2, h3 {
  position: relative;
  text-align: center;
  z-index: 0;
}
h1 {
  clear: both;
  margin: 0; padding: 0.1em 0;
  font: bold 2.1em Droid Serif, New York, Times New Roman, serif;
  letter-spacing: 0.1em; word-spacing: 0.1em;
  text-shadow: 2px 2px 4px #999;
  color: #335; background-color: #eee;
}
h2, article h1, section h1 {
  clear: none;
  margin: 5px auto; padding: 0.1em 0 0.2em 0;
  font: 1.8em Droid Sans, Tahoma, Geneva, sans-serif;
  letter-spacing: 0.08em; 
  text-shadow: 1px 1px 2px #666;  
  color: #224; background-color: #c6ae9b;
}
hgroup h2 { margin: 0; }
h3, article h2, section h2, aside h1 {
  margin: 5px 0; padding: 10px 5px;
  font: bold 1.3em New York, Times New Roman, serif;
  background-color: #e1dcce;
}
h4, article h3, section h3, aside h2 {
  margin: 5px; padding: 10px 5px;
  font: bold 1.2em New York, Times New Roman, serif;
  background-color: #eee;
}
 
header { 
  min-width: 1004px;
  margin: 0 auto; 
}
  header img {
    float: left;
    outline: 0;
  }

hgroup h2 { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }

img { outline: 1px solid #ccc; }

li { margin-bottom: 1em; }

nav.primary {
  position: relative;
  clear: both;
  min-width: 1000px;
  margin: 0; padding: 0; 
  font-size: 0.75em;
  z-index: 100;
}
  nav.primary .active { color: #ff6; }
  nav.primary a {
    display: block;
    height: 100%;
    margin: 0; padding: 0;
    font: bold 12px Helvetica,Arial,sans-serif; 
    color: #fff;
  }
  nav.primary a:hover { color: #fc9; }
  nav.primary ul { margin: 0; padding: 0; list-style-type: none; }
    nav.primary li {
      display: block;
      background: #09f url('../images/navbar_grad0.jpg') repeat-x;
      margin: 0; padding: 8px 0 0 0;
      border: 1px solid #ccc;
      height: 42px;
      text-align: center;
      float: left;
    }
      nav.primary li#home,     nav.primary li#home li     { width: 150px; }
      nav.primary li#about,    nav.primary li#about li    { width: 110px; }
      nav.primary li#current,  nav.primary li#current li  { width: 115px; }
      nav.primary li#archives, nav.primary li#archives li { width: 115px; }
      nav.primary li#news,     nav.primary li#news li     { width: 115px; }
      nav.primary li#future,   nav.primary li#future li   { width: 150px; }
      nav.primary li#staff,    nav.primary li#staff li    { width: 115px; }
      nav.primary li#events,   nav.primary li#events li   { width: 114px; }
      nav.primary li#home, nav.primary li#events, nav.primary li#search, nav.primary li#staff { padding-top: 15px; height: 35px; }
        nav.primary li#about ul   { left: 152px; }
        nav.primary li#current ul { left: 264px; }
        nav.primary li#news ul    { left: 498px; }
        nav.primary li#future ul  { left: 615px; }
        nav.primary li#events ul  { left: 884px; }
      nav.primary li ul {
        position: absolute;
        display: none;
        top: 51px;
      }
        nav.primary li ul li {
          float: none;
          height: auto;
          margin: 0; padding: 5px 0;
          font-size: 1em;
        }

nav.sub {
  float: left; 
  width: 149px; height: 100%; 
  margin: 0; padding: 0;
  border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;
  font-size: 0.7em;
  background: #09f url('../images/navbar_grad1.png') repeat-x;
}
  nav.sub li {
    display: block; 
    margin: 0 0 0 15px;
    width: 123px; 
    padding-left: 0.75em; 
    text-indent: -1em;
  }
  nav.sub img { outline: 0; float: left; } /* Main headings */
  nav.sub a.submenu img { float: none; margin-right: 0.25em; } /* Secondary headings */
  nav.sub li, nav.sub p  { background: #09f url('../images/navbar_grad1.png') repeat-x; padding: 5px; }
  nav.sub a { display: block; font: bold 12px Helvetica,Arial,sans-serif; color: #fff; padding-left: 10px; }
    nav.sub a:hover { color: #fc9; }
      nav.sub a.active:hover { color: #ff6; }
  nav.sub p { margin: 0; }
    nav.sub p:hover { cursor: pointer; }
      nav.sub p a { display: block; margin-left: 1em; text-indent: -0.75em; }
  nav.sub ul li ul li { width: 108px; margin: 5px 0 -5px 10px; } /* Drop-downs within the secondard headings */
  nav.sub .active { color: #ff6; }

nav.aside img { outline: 0; margin-bottom: 2px; } /* Headings within aside navigation */

ul                { margin-top: 5px; }
ol li, ul li      { margin-bottom: 0.3em; }
ol li             { list-style-type: decimal !important; margin-left: 2em; }
ol.upper_alpha li { list-style-type: upper-alpha !important; }
ol.lower_roman li { list-style-type: lower-roman !important; }
ul.disc li        { list-style-type: disc; margin-left: 2em; }
ul ol li          { list-style-type: decimal; margin-left: 2em; }
ol ul.disc li     { list-style-type: disc !important; margin-left: 2em; }
ol.decimal li     { list-style-type: decimal !important; margin-left: 2em; }

p { margin: 0.8em auto; }

small { font-size: 0.8em; }

table {
  border: 1px solid #ccc;
  border-spacing: 1px;
  background-color: #eee;
  margin: 0 auto;
}
td, th { padding: 3px; }
td { border: 1px solid #e9e9e9; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; vertical-align: top; }
th {
  border-bottom: 2px solid #258; border-right: 2px solid #258;
  text-align: center;
  color: #fff; background-color: #c6ae9b;
  font-weight: bold;
}

/* IDs */

#breadcrumb { margin: 0; padding: 10px 15px 0 0; text-align: right; }
#breadcrumblinks { position: absolute; right: 5px; margin: 2px 0; }
  #breadcrumblinks li { display: inline; margin: 0; padding: 0; font: 0.8em Helvetica,sans-serif; color: #6397fc; }
    #breadcrumblinks li.path:before { content: " > "; padding: 0 5px; color: #999; }
    #breadcrumblinks li:first-child:before { content: ""; }
    #breadcrumblinks li a { padding: 0 3px; }
/* Hack to get webkit (Safari/Chrome) to behave */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #breadcrumblinks { margin: -3px 0; }
}

#info {
  float: right;
  width: 834px;
  margin: 0 5px; padding: 1px; /* padding is to accommodate the curve */
  background-color: #fff;
  border: 1px solid #ccc;
}
  #info.full { width: 986px; }

#search_box {
  padding-top: 10px;
  text-align: right;
}
  #search_box input {
    font-size: 0.8em;
    background-color: #def;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  }

#search_form_catalog {
  display: none;
  width: 200px;
  margin: 0;
}
  #search_submit_catalog {
    font: 10px Helvetica, Arial, sans-serif;
    margin-left: 25px;
  }

/* Classes */

.center { text-align: center; }
.left   { text-align: left; }
.right  { text-align: right; }
.fullj  { text-align: justify; }
.do_not_display { display: none; }

.clear      { clear: both; }
.clear_left { clear: left; }
.clear_none { clear: none; }
  .clear_none:after { clear: none; }
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* The content classes are intended to be used with the div element */
/*   and may not render properly with article and section elements  */
.content100, .content80, .content75, .content70, .content66, .content60, .content50, .content40, .content33, .content30, .content25, .content20, .content15, .content10 {
  float: left; 
  margin: 0.25%; padding: 0.25%; 
  background-color: #fff;
}
.content100 { width: 99%; }
.content80  { width: 78.6%; }
.content75  { width: 74%; }
.content70  { width: 68%; }
.content66  { width: 65.7%; }
.content60  { width: 58%; }
.content50  { width: 49%; }
.content40  { width: 38%; }
.content33  { width: 32.3%; }
.content30  { width: 28%; }
.content25  { width: 23.2%; }
.content20  { width: 19%; }
.content15  { width: 15%; }
.content10  { width: 10%; }

.click_for_larger:after {
  font-size: 0.8em;
  content:"\000D" "- Click for larger image -";
  display: block;
  text-align: center
}

.add_border  { border:  1px solid #ccc; }
.add_outline { outline: 1px solid #ccc; }

.background_color_red    { background-color: #f00; }
.background_color_yellow { background-color: #ff0; }

.courier { font-family: courier; }

.cursor_text { cursor: text !important; }

.direct_link_ul { height: 1px; margin-bottom: -1px; } /* Having no display or height breaks the accordian */
.direct_link_li { background-image: none; padding: 0 !important; }

.em { font-style: italic; }

.fade  { color: #999; }
.black { color: #222; }
.red   { color: #f00; }
.white { color: #fff; }
.blue_link { color: #3d6fac; }
.green { color: #00FF00}

.float_left { float: left; margin: 5px; }
.float_right { float: right; margin: 5px; }
.no_float    { float: none; }

.faq_info { cursor: pointer; }
.faq_info dt:hover { background-color: #eee; }
.faq_info dt { margin-top: 0.5%; }
.faq_info dd { margin-left: 2%; }

.full_width      { width: 100%; }
.full_page_width { width: 986px !important; }

.larger_font  { font-size: 1.2em; }
.larger_font5 { font-size: 1.5em; }

.no_border { border: none; outline: none; }
.no_clear { clear: none; display: inline !important; }

.tt { font-family: monospace; }

ol.alpha li  { list-style-type: lower-alpha !important; }
ul.disc li   { list-style-type: disc; }
ul.circle li { list-style-type: circle !important; } /* !important so that it works within nested ul */
ul.square li { list-style-type: square; }
ul.no_style li, ol.no_style li { list-style-type: none; }

.pointer { cursor: pointer; }

.small_font { font-size: 0.8em; line-height: 1.5em; }
.strong { font-weight: bold; }
.shadow {
  -moz-box-shadow: 3px 3px 3px #999; -webkit-box-shadow: 3px 3px 3px #999; box-shadow: 3px 3px 3px #999;
  border: none; outline: none;
  margin: 6px 6px 3px 3px;
}
  .light_shadow {
    -moz-box-shadow: 2px 2px 2px #ddd; -webkit-box-shadow: 2px 2px 2px #ddd; box-shadow: 2px 2px 2px #ddd;
    border: none; outline: none;
    margin: 6px 6px 3px 3px;
  }

/* Apply to article within div#info to accommodate information too wide for container */
.wide_info { overflow: visible; float: left; background-color: #fff; }

/* Positioning classes */
.add_vert_space  { margin: 1.5em auto !important; }
.add_vert_space2 { margin: 2.5em auto !important; }
.add_vert_space3 { margin: 3.5em auto !important; }
.add_li_space li { margin-bottom: 1em; }

.vert_center { vertical-align: middle; }

.block1  { margin: auto 1%; }
.block2  { margin: auto 2%; }
.block5  { margin: auto 5%; }
.block10 { margin: auto 10%;}
.block15 { margin: auto 15%; }
.block20 { margin: auto 20%; }
.block30 { margin: auto 30%; }

.indent1  { margin-left: 1%; }
.indent2  { margin-left: 2%; }
.indent5  { margin-left: 5%; }
.indent10 { margin-left: 10%; }
.indent15 { margin-left: 15%; }
.indent20 { margin-left: 20%; }
.indent35 { margin-left: 35%; }

.padding1  { padding: 1%; }
.padding2  { padding: 2%; }
.padding5  { padding: 5%; }
.padding10 { padding: 10%; }
.padding15 { padding: 15%; }
.padding20 { padding: 20%; }
.padding35 { padding: 35%; }

.lower_by_8 { margin-bottom: -8px; }