/*
    Based on Michgan State University web style guide (v1.4), 
        http://cabs.msu.edu/toolkit/web.html.
    Some elements based on the Inland One template by andreasviklund.com

    Author: Edward Brown
    Includes:
        jQuery v1.7.1 from http://jquery.org/
        Nivo Slider v2.7.1 by Gilbert Pellegrom, http://nivo.dev7studios.com/
*/

* { border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline; }
i,em {font-style:italic;}
b,strong {font-weight:700;}

/* For subscripts, superscripts */
.fsub {
    font-size: 60%;
    position:relative;
    vertical-align:sub;
}
.fsup {
    font-size: 60%;
    position:relative;
    vertical-align:super;
}

/* HTML */
body {
	background: #F9F9F7 url(bg.jpg) repeat-x;
	color: #000000;
    font-family: 'Noto Sans',Arial,sans-serif;
    font-size:13px;
    line-height:1.6em;
    margin-left:auto;
    margin-right:auto;
}
a{color:#497A49;text-decoration:underline;}
a:hover{text-decoration:none;}
a img{border:none;}

h1,h2,h3,h4,h5,h6 {font:'Noto Sans',Arial,sans-serif;line-height:1.0;}
h2,h3,h4,h5,h6 {padding-top:1.0em;padding-bottom:0.5em;}
h1{font-weight:bold;font-size:1.5em;color:#548654;padding-bottom:1em;}
h2{font-weight:bold;font-size:1.1em;color:#847135;}
h3{font-size:0.9em;color:#82732D;}
h4{font-size:0.9em;}
h5{font-size:0.85em;}
h6{font-size:0.7em;}
p {font-size:0.9em;margin-bottom:1.2em;}

dt{font-weight:bold;margin-top:0.8em;margin-left:1.2em;}
dd{text-indent:1.5em;}
dd ul {margin-left:2.5em;margin-top:0.3em;margin-bottom:0.3em;}

ul{margin-left:2.5em;}

/*Tables*/
table{width: 98%; border-top:1px solid; border-bottom:1px solid;border-collapse:collapse;}
td, th{padding: 0em 0.3em 0.3em 0;vertical-align:top;text-align:left;}
th{border-bottom:3px double;}
tr{margin-bottom: 1em;}

/* Image alignment */
img.alignleft,img.aligncenter,img.alignright{background:#fff;padding:4px;margin-bottom:10px;border:1px solid #ddd;}
.alignleft{float:left;margin-right:30px;}
.alignright{float:right;margin-left:30px;}
.aligncenter{text-align:center;display:block;clear:both;margin:5px auto;}

/* wrapper */
#wrap{margin:0px auto; width:960px;}

/* layout */
#masthead{display:block;height:104px;margin:0 auto;padding:0;position:relative;}
#banner{height:300px;margin:0;padding:0;}

#toppic{margin:0;padding:0;padding-bottom:15px;width:100%;overflow:visible;}
#toppic img{background:#fff;text-align:center;display:block;clear:both;margin:0 auto;padding:4px;border:1px solid #ddd;}

#content {
	padding: 15px 0px;
}

/* columns */
#leftbar{float:left;width:22%;}
#main{float:left;width:56%;}
#rightbar{float:right;width:22%;}

/* nav */
#nav ul{list-style:none;margin:0;}
#nav ul li{padding: 0 0 1.2em 0;}
#nav ul li a, #nav ul li a:visited {
    font-size:0.9em;
    color:#81814B;
    text-decoration:none;
    font-weight:bold;
    text-transform:uppercase;}
#nav ul li a:hover{color:#548654;}
#nav ul ul{list-style:none;margin-left:1.2em;}
#nav ul ul li{padding: 0 0 0.5em 0;}
#nav ul ul li a,#nam ul li a:visited {
    font-size:0.8em;
    color:#81814B;
    text-decoration:none;
    font-weight:normal;
}
#nav ul ul li a:hover{color:#548654;}

/* toc */
#toc ul{list-style:none;margin:0;}
#toc ul li{padding:0;}
#toc ul li a, #toc ul li a:visited {font-size:0.9em;color:#81814B;text-decoration:none;}
#toc ul li a:hover{color:#548654;}

/* callout */
.callout {
    background:#EAEDE6;
    border:1px solid;
    border-color:#81814B;
    border-radius:5px;
    padding:5px 5px;
    margin:0px 0px 40px 10px;
}
.callout h2{padding-top:0em;}
.callout p{
    font-size:0.9em;
    color:#000000;
    line-height:1.5em;
}
.callout a{
    color:#18453B;
    text-decoration:underline;
}
.callout a:hover{text-decoration:none;}
.callout ul{list-style:none;margin-left:0;}
.callout ul li{padding: 0 0 0.8em 0;}

/* image gallery */

#gallery {
  display:block; overflow:hidden; width:78%; margin:0 auto;
}
#gallery img{background:#fff;padding:4px;margin-bottom:5px;border:1px solid #ddd;}
#gallery ul{margin-left:0;}
#gallery li{
    float:left; 
    height: 180px; 
    list-style:none outside none; 
    margin: 10px;
    padding:10px;
    position:relative; 
    width:200px;
    border:1px solid;
    border-color:#81814B;
    border-radius:5px;
    background:none;
    overflow:hidden;
}
#gallery h6{text-align:center;}
#gallery li p{
    margin-left:0px;
    font-size: 0.8em;
    line-height:1.2em;
    text-align:center;
}

/* gallery list */
#gallery-list {
  display:block; overflow:hidden; width:78%; margin:0 auto;
}
#gallery-list img{background:#fff;padding:4px;margin-bottom:5px;border:1px solid #ddd;}
#gallery-list li{
    float:left; 
    height: 180px; 
    list-style:none outside none; 
    margin: 10px 50px 40px 0px;
    padding:10px;
    position:relative; 
    width:200px;
    border:3px double;
    border-color:#81814B;
    border-radius:5px;
    background:#EAEDE6;
    overflow:hidden;
}
#gallery-list h5{text-align:center;font-weight:bold;;}
#gallery-list li p{
    margin-left:0px;
    font-size: 0.8em;
    line-height:1.2em;
    text-align:center;
}

/* footer */
#footer{
    padding:0.7em 0 0.7em 1em;
    font-size:0.7em;
    color:#686963;
    background:#E4E8DE;
    margin-bottom:2em;
    height:42px;
}
#footer img{
    float:left;
    margin-top:2px;
    padding-right: 2em;
}
#footer p{float:left;padding:0;}
#footer a{color:#686963;}

.clear{clear:both;}
.left{float:left;}
.right{float:right;}

/* Clearing fix. Adapted from Inland design by andreasviklund.com */
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
* html .clearfix{height:1%;}
*:first-child+html .clearfix{min-height:1%;}

/*
 jQuery Nivo Slider v2.7.1
 http://nivo.dev7studios.com
 Copyright 2011, Gilbert Pellegrom
 Free to use and abuse under the MIT license.
 http://www.opensource.org/licenses/mit-license.php
 */
.nivoSlider{position:relative;}
.nivoSlider img{position:absolute;top:0;left:0;}
.nivoSlider a.nivo-imageLink{position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}
.nivo-slice{display:block;position:absolute;z-index:5;height:100%;}
.nivo-box{display:block;position:absolute;z-index:5;}
.nivo-caption{position:absolute;left:0;bottom:0;background:#000;color:#fff;opacity:0.8;width:100%;z-index:8;}
.nivo-caption p{padding:5px;margin:0;}
.nivo-caption a{display:inline!important;}
.nivo-html-caption{display:none;}
.nivo-directionNav a{position:absolute;top:45%;z-index:9;cursor:pointer;}
.nivo-prevNav{left:0;}
.nivo-nextNav{right:0;}
.nivo-controlNav a{position:relative;z-index:9;cursor:pointer;}
.nivo-controlNav a.active{font-weight:700;}

/*
Skin Name: Nivo Slider Default Theme (modified)
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider, modified to work with the Inland One template.
Version: 1.2
Author: Gilbert Pellegrom (modified by Andreas Viklund)
Author URI: http://dev7studios.com
*/
.slider-wrapper .nivoSlider{position:relative;height:300px;background:#fafafa url(../images/loading.gif) no-repeat 50% 50%;margin-bottom:55px;}
.slider-wrapper .nivoSlider img{position:absolute;top:0;left:0;display:none;}
.slider-wrapper .nivoSlider a{border:0;display:block;}
.slider-wrapper .nivo-controlNav{position:absolute;left:50%;bottom:-41px;margin-left:-60px;/* Tweak this to center bullets */}
.slider-wrapper .nivo-controlNav a{display:block;width:22px;height:22px;background:url(../images/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
.slider-wrapper .nivo-controlNav a.active{background-position:0 -22px;}
.slider-wrapper .nivo-directionNav a{display:block;width:30px;height:30px;background:url(../images/arrows.png) no-repeat;text-indent:-9999px;border:0;}
.slider-wrapper a.nivo-nextNav{background-position:-30px 0;right:15px;}
.slider-wrapper a.nivo-prevNav{left:15px;}
.slider-wrapper .nivo-caption{font-family:'Noto Sans',Arial,sans-serif;background:rgba(0, 0, 0, 0.2);text-align:center;text-shadow:0 0 4px #111;}
.slider-wrapper .nivo-caption a{color:#fff;border-bottom:1px dotted #fff;}
.slider-wrapper .nivo-caption a:hover{color:#fff;}