li { 
	list-style-type: none;
	}

a { 
	text-decoration: none;
	color: #000;
	}

a:hover {  
	border-bottom: 1px dotted;
	color: #333;
	}
	
a:active {
	color: #000;
	}

body {
    background-color: #fdefce;
	}

.subtext { 
	opacity: 0.4; 
	}

small { 
	opacity: 0.4;
	}
	
.active {
	color: #cc0000;
	text-decoration: underline;
	}


@media only screen and (min-width: 550px) {
	h4 { 
		 text-indent: -9999px;
		 width: 64px;
		 height: 64px;
		 background: url("../images/reading.png");
		}
	
	
	.title { 
	float: left;
	margin-right: 50px;
	}
	
	}

.head { 
 margin-top:50px;
 }
 
@media only screen and (min-width: 550px) {

	.navbar-list li {
		display:inline;
		margin-right: 20px; 
		}

	.navbar-lower-list {
		margin-left: 0px; 
		}

	.navbar-lower-list li { 
		display: inline;
		margin-right: 20px;
		opacity: 0.60; 
		}
	
	}

@media only screen and (max-width: 550px) {
h4 {width: 100%; }
	.navbar-list li {
		font-weight: strong;
		margin-bottom: 0px;
		}
		
	.navbar-lower-list li { 
		font-weight: strong;
		margin-bottom: 0px;
		opacity: 0.60; 

		}
}