.responsive-img {
	width: 100%;
	height: auto;
	max-width: 100%;
}

.carousel-caption {
	padding: 0;
	font-size: 77%;
	background-color: rgba(0, 0, 0, 0.33);
}

.carousel-caption a {
	color: #fff;
}

.carousel-caption .title a {
	color: #fff;
	font-size: 120%;
}

.carousel-caption .author {
	color: #fff;
	font-size: 105%;
}

.carousel-control {
	&.left,
	&.right {
		background-image: none;
	}
}


@media screen and (min-width: 480px) {
body {
    margin:0;
    padding-left:0;
    background-color:#333;
    background-position:left top;
  	max-width:950px;
    font-family:'Varela',sans-serif;
    color:#DDD;
    background-repeat:no-repeat
}

h1 {
	font-size:22px;
	color:#DDD;
	margin-top:0%;
}


}

@media screen and (max-width: 479px) {
body {
    margin:0;
    padding:0;
    background-color:#333;
    background-position:left top;
    font-family:'Varela',sans-serif;
    color:#DDD;    
    background-repeat:no-repeat
}

h1 {
	font-size:16px;
	margin-left:3%;
	margin-top:15%;
	color:#333;
}

}


#container {
 margin-top:15px;
  max-width:100%;
}

#top {

  display: inline-block; width: 100%;
}

#mainBody {
		font-size:12px;
		line-height:17px;
		max-width:600px;
		text-align:justify;
		padding-left:10px;
		padding-right:15px;
		margin-left: auto;
		margin-right:auto;
}

#bottom {
  max-width:100%;
  height: 25px;
  background-position:right top;
  background-repeat: no-repeat; 
  clear: both;
}

#footer {
    max-width:100%
}

.copyright {
  font-size: 9px;
  font-weight: 400;
  font-style: italic;
  color: #666;
  padding-left:40px;

}

td, tr, p, div {
  color            : #DDD;
}

img {
	border: 0 none;
	max-width: 100%;
	height: auto;
	width: auto\9;/* ie8 */
}

/*
ul {
  margin           : 0px 0px 0px 0px;
}
*/




.title {
font-family: sans-serif;
font-size: 24px;
font-weight: bold;
color            : #666;
}

.pathway {
  color: #AAA333;
}

a.pathway:link, a.pathway:visited {
  color            : #666;
  font-weight      : normal;
}

a.pathway:hover {
  color            : #336666;
  font-weight      : normal;
  text-decoration   : underline;
       
}

/* -- Menus -- */
 @media screen and (min-width: 380px) {
 
	.menu {
		font-family:'Varela Round',sans-serif;
		display: -webkit-flex; /* Safari */
		display: flex;
		flex-wrap: wrap;
            
	}

	ul.menu {
	  list-style: none;
	  width:65%;
	  text-align: center;
	 max-width:620px;
		

		margin-left: auto;
		margin-right:auto;
	}

	.menu li
	{
	  font-size:12px;
	  line-height:20px;
	  display: inline;
	  padding-right:20px;
	  padding-left:15px;
         
	}

	a.menu:link,a.menu:visited {
		color:#666;
		font-weight:700;
      
	}
	
}

 @media screen and (max-width: 380px) {
 
	.menu {
		font-family:'Varela Round',sans-serif
	}

	ul.menu {
	  list-style: none;
	  width:100%;
	  text-align: left;
	}

	.menu li
	{
	  font-size:14px;
	  line-height:20px;
	}

	a.menu:link,a.menu:visited {
		color:#666;
		font-weight:700;
	}
	
}




a.mainlevel:link, a.mainlevel:visited {
    font-size:12px;
        color: #666;
    float: left; 
        font-weight: bold;
    padding-right: 12px;
    vertical-align:bottom;
 }

a.mainlevel:hover {
        color: #DDD;
 
        }

a.sublevel:link, a.sublevel:visited {
        color: #666; 
        font-weight: bold;
}

a.sublevel:hover {
        color: #DDD;
 
        }

/* -- ////////////////// -- */
    
table.moduletable {
        width: 95%;
        }

table.moduletable th {

  font-weight      : bold;
  color            : #666;
  text-align       : left;
  width            : 100%;
}

/*
table.moduletable td {

        }
        */

.poll {
  font-size        : 10px;
  color            : #666;
  line-height      : 14px;
}

.sectiontableheader {
  
  color            : #666;
  font-weight      : bold;
}

/*
.sectiontableentry1 {
  
}

.sectiontableentry2 {
 
}
*/

.small {
  font-size        : 10px;
  color            : #3366C0;
  text-decoration  : none;
  font-weight      : medium;
}

.smalldark {
  font-size        : 10px;
  color            : #666;
  text-decoration  : none;
  font-weight      : normal;
}

.contentpane {
font-weight: normal;
}

.contentpaneopen {
font-weight: normal;
}

.contentheading, .componentheading {
  
  font-size        : 11px;
  font-weight      : bold;
  color            : #666;
  text-align       : left;
}

.createdate {
  
  font-size        : 10px;
  color            : #999999;
  text-align       : left;
}




a:link, a:visited {
  color            : #999;
  text-decoration  : none;
  font-weight: bold;
}

a:hover {
  color            : #DDD;
  text-decoration  : none;
          
  font-weight: bold;
}

/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
  
  font-size: 13px;
  font-weight: bold;
   color: #666;
  text-align:left;
  }

a.contentpagetitle:hover {
  
  font-size: 13px;
  font-weight: bold;
  text-align:left;
  color: #336666;
  text-decoration: underline;
     
  }

a.category:link, a.category:visited {
  color            : #666;
  font-weight      : bold;
}

a.category:hover {
  color            : #336666;
      
}