@charset "utf-8";
/* CSS Document */

@media only screen and (min-width:1200px){
	header{background: url("../images/pageBanner.png") no-repeat right; padding-top: 6px;}    
	.cycle-slideshow img{height:149px; width:229px;}
	#bannerxs{display: none;}
	.navbar-brand{display: none;}
	#navbar>ul>li>a{font-size: 1.1em;}
	.mainsidebar{display: block;}
	.weather{width: 200px;}
	.newstable{width: 500px;}
	#contacttable{width: 80%;}
	.ggslider{width: 650px;}
	#propanerates{width: 50%;}
	#benefitstable{width:80%; margin:0 auto;}
	#languagetable{width: 50%;}
    .nahmevents{width:80%;}
    #cannerycal{width: 100%; height: 734px;}
	
}
@media only screen and (min-width:992px) and (max-width:1199px){
	header{background: url("../images/pageBanner-md.png") no-repeat right; padding-top: 7px;}
   .cycle-slideshow img{height:128px; width:197px;}
	#bannerxs{display: none;}
	.navbar-brand{display: none;}
	.mainsidebar{display: block;}
	.weather{width: 165px;}
	.newstable{width: 500px;}
	#contacttable{width: 80%;}
	.ggslider{width: 650px;}
	#propanerates{width: 50%;}
	#benefitstable{width:80%; margin:0 auto;}
	#languagetable{width: 50%;}
    .nahmevents{width:80%;}
    #cannerycal{width: 100%; height: 627px;}
	
}
@media only screen and (min-width:768px) and (max-width:991px){
	header{background: url("../images/pageBanner-sm.png") no-repeat right; padding-top: 7px;}
    .cycle-slideshow img{height:109px; width:167px;}
	#bannerxs{display: none;}
	.navbar-brand{display: none;}
	.caret{display: none;}
	#navbar>ul>li>a{padding: 14px 10px;}
	.mainsidebar{display: block;}
	.weather{width: 125px;}
	.newstable{width: 500px;}
	#contacttable{width: 80%;}
	.ggslider{width: 100%;}
	#propanerates{width: 75%;}
	#benefitstable{width:90%; margin:0 auto;}
	#languagetable{width: 80%;}
    .nahmevents{width:90%;}
    .reportlist{width: 100%;}
    #cannerycal{width: 100%; height: 480px;}
	
}
@media only screen and (max-width:767px){
	#bannerxs{display: block;}    
	.cycle-slideshow{display: none;}
	.navbar-brand{display: block;}	
	.mainsidebar{display: none;}	
	.innerbanner{width: 100%;}
	.newstable{width: 100%;}
	#contacttable{width: 100%;}
	.ggslider{width: 100%;}
	#propanerates{width: 90%;}
	#benefitstable{width:100%; margin:0 auto;}
	#languagetable{width: 100%;}
    .nahmevents{width:95%;}
    .reportlist{width: 100%;}
    #cannerycal{width: 100%; height: 400px;}
}

#noticepanel .panel-heading-nav
{
    background-color: #F7E7C0;
}

.newtxt
{
    color: mediumseagreen;
    font-size: .85em;
    font-weight: 400;
}

.smindent
{
    padding-left: 10px;
}

.menutext
{
    color: white;
    font-size: .90em;
}

.courttable td
{
    padding: 7px;
}

#cobell a:hover
{
    color: blue;
}

.enrolleeday
{
    max-width: 550px;
    margin: 0 auto;
    margin-top: -10px;  
}

.eday h3
{
    background: #04f4c3;
    color: black;
    border: solid thin black;
}

.eday h3:hover
{
    background: #05a987;
    color: white;
}

.eday a:hover
{
    color: blue;
}

.noticeboxHousing
{
    width: 70%;
    margin: 0 auto 5px auto;
    background: #e2c793;
    border: solid black thin;  
    padding: 5px 10px;
}

.noticeboxscholar
{
    max-width: 600px;
    margin: 0 auto 5px auto;
    background-image: url("../scholarships/moneybg.jpg");  
    border: medium solid #0C3E18;
    padding: 15px;
    color: black;
    /*border: 30px solid transparent;
    border-image: url(../scholarships/border.png) 40 stretch;*/
    
}
.noticered
{
    width: 100%;
    margin: 0 auto 5px auto;
    background: red;
    color: white;
    border: solid black thin;  
    padding: 5px 5px;    
}

.noticered a
{
    color: white;
}

.noticebox
{
    width: 80%;
    margin: 0 auto 5px auto;
    background: #D0F3C8;
    border: solid black thin;  
    padding: 5px 10px;
}

.noticebox>a:link .noticebox>a:visited
{
    color: black;
}

.noticebox>a:hover .noticebox>a:focus
{
    color: blue;
}

.imgright
{
    float: right;
    padding: 0 0 8px 10px;
}

.darkbg
{
    background-color: #520002;
    padding: 3px 5px;
    border: solid thin white;   
}

.yellowbg
{
    background-color: #EFD316;
    padding: 3px 5px;
    color: black;
    border: solid thin black;
}

.whitebg
{
    background-color: white;
    padding: 3px 5px;
    color: black;
    border: solid thin black;
}

.ojibwebanner
{
    padding-bottom: 10px;
}

.panel-heading-nav {
  border-bottom: 0;
  padding: 10px 0 0;  
}

.panel-heading-nav .nav {
  padding-left: 15px;
  padding-right: 15px;  
  font-weight: 600;
}

body
{
	background: url(../images/page-bg.jpg);
	font-family: Helvetica, Arial, sans-serif;
	font-size: small;
	color: #412A15;
	margin: 0;
}

hr
{
	border-color: #A3A3A3;
}

#contentmain a
{
	text-decoration: underline;
}

h3
{
	font-size: medium;
	font-weight: bold;
}

.sm-text
{
    font-size: .9em;
}

#allcontent
{
	background: url(../images/containertop-bg.jpg) no-repeat;
	background-size: contain;
	background-color:#FFF7E4;
	min-height: 600px;
	padding-top: 10px;	
}

#bannerxs
{
	width: 95%;
	margin: 0 auto;
}

nav
{
	margin-top: 5px;
}

.btn-default {
	background-color: #412a15;
	border-color: #412a15;	
}

.btn-default:focus {
	background-color: #412a15;	
}

.btn-default:hover{color: #fff;background-color:#77593d;}

.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color: #fff;background-color:#77593d;}

.btn-default:active:hover,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#fff;background-color:#77593d;}

.dropdown-menu{background-color:#412a15;}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color: #fff;background-color:#77593d;}

.navbar-default {
  background-color: #412a15;
  border-color: #412a15;  
}
.navbar-default .navbar-brand {
  color: #fff;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #fff; 
}
.navbar-default .navbar-text {
  color: #fff;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #77593d;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #e7a221;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #77593d;
}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus {
  border-color: #fff7e4;
  background-color: #412a15;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:active {
  background-color: #77593d;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff7e4;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #000;
}
.navbar-default .navbar-link {
  color: #fff;
}
.navbar-default .navbar-link:hover {
  color: #fff;
}
.navbar-default .dropdown-menu { 
  background-color: #412a15;
}
.navbar-default .dropdown-menu a{
  color: #fff; 
}

.indent {
	padding-left: 12px;	
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;background-color: #77593d;	
  }
  
}

#content
{
	min-height: 550px;
}

.maintext
{
	min-height: 50px;	
}

.mainnews
{
	background-color: #FFEFBE;
	width: 100%;
}

.mainnews tr td
{
	padding: 3px;
}

.mainnewscol1
{
	width: 40px;
	vertical-align: top;	
}

.nahmevents
{
    background-color: #FFEFBE;
    margin: 0 auto 5px auto;	
    padding: 5px;
    border: solid thin #000000;
}

.smtext
{
    font-size: .95em;
}

.mainsidebar
{
	min-height: 50px;
	background-image: url('../images/main_sidebar-bg.jpg');
	background-repeat: repeat-y;
}

.righttext
{
	text-align: right;
}

.innerbanner
{
	width: 90%;
	/*height: 35px;*/
	background: url(../images/innerbannerBack.jpg) repeat;	
	margin-bottom: 5px;
}
.innerbanner h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 1.5em;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.redtext
{
	color: red;
}

.bluebold
{
	color: blue;
	font-weight: bold;
}

.stripetable
{
	width: 90%;
	margin: 0 auto;
}

.striperow
{
	background: #e4cfaf;
}

.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th 
{
   background-color: #e4cfaf;
}

.newstable td
{
	width: 33%;
}

.toggleview
{
	display: none;
}

#contacttable
{
	margin: 0 auto;
	border: solid thin;
	border-color: #111;
}

#contacttable td
{
	padding: 2px;
	border: solid thin;
	border-color: #111;
}

#kasaya:link, #kasaya:visited 
{
	text-decoration: none;	
	cursor: default;
	color: #412A15;
}

.ggslider
{
	margin: 0 auto;
}

.leftimage
{
	float: left;
	margin-right: 7px;
	margin-bottom: 15px;
}

.rightimage
{
	float: right;
	margin-left: 7px;
	margin-bottom: 15px;
}

#listings a
{
	color: blue;
}

.reportlist
{
    width: 75%;
    margin: 0 auto;
}

#zaagi
{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
#zaagi iframe
{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.itbanner:hover
{
    border: #AAAAAA thin solid;
}

#foodnews .ui-accordion-header
{
    background-color: #1d5113;
    color: white;
    border: #14390e solid thin;
}

#foodnews .ui-accordion-header.ui-state-hover
{
    background-color: #236217;    
}

#foodnews .table-striped>tbody>tr:nth-child(odd)>td
{
	background: #c6f5bd;
}

#foodnews .table-striped>tbody>tr>td
{
	color: black;
}

#archive .ui-accordion-header
{
    background-color: #412a15;
    color: white;
    border: black solid thin;
}

#archive .ui-accordion-header.ui-state-hover
{
    background-color: #614327;    
}

.agsocials
{
    color: #3A1D0A;
    font-size: 1.5em;
    font-weight: 600;
}

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #000;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            background-color: white;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            padding: 20px;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 1em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -25px;
            background-color: #999999;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}

#footer
{
	font-size: .9em;
	font-style: italic;
	text-align: center;
}