/* CSS Document */


h1 {font-size:xx-large;
color:#666666;}
img {
     width: 100%;
    height: auto;
	
}
img-strap: {width:100px; height:17px;border: 0; }
a {color:#0048ff;text-decoration:none;font-size:small;font-weight:bold;}
#pagewrap {font-family:'Raleway', Trebuchet MS, sans-serif;font-size:larger;
  padding: 15px;
  max-width: 980px;
  margin: auto auto;
}
#wrapper {max-width:980px;margin:auto;}
header {
  height: auto;
  padding: 0 0px;
}
header{max-width:980px;}
title {
  height: 100px;font-size:large;
  padding: 0 15px;
}
#desc {
  width: 100%;
 margin:auto;
  font-family:'Raleway', Trebuchet MS, sans-serif;
  padding: 5px 0px 5px 15px;
}


#content {font-size:small;font-family:Trebuchet MS, sans-serif;color:5a5a5a;
  width: 290px;
  float: left;
  padding: 5px 0px 5px 25px;
}

#middle {font-size:small;font-family:Trebuchet MS, sans-serif;color:5a5a5a;
  width: 294px;
  float: left;
  padding: 5px 15px;
  margin: 0px 5px 5px 5px;
}

#sidebar {font-size:small;font-family:Trebuchet MS, sans-serif;color:5a5a5a;
  width: 270px;
  padding: 5px 15px;
  float: left;
}
.fixed_width {

 max-width: 180px;
display: block;
    margin-left: auto;
    margin-right: auto;
}
.fixed_width200 {
font-size:smaller;
 max-width: 200px;
display: block;
    margin-left: auto;
    margin-right: auto;
}
.fixed_width100 {
 max-width: 100px;
}
footer {font-size:smaller;
  clear: both;
  padding: 0 0px;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/


/* for 980px or less */

@media screen and (max-width: 980px) {
  #pagewrap {
	width: 94%;
  }
  #content {
	width: 41%;
	padding: 1% 0%;
  }
  #middle {
	width: 41%;
	padding: 1% 0%;
	margin: 0px 0px 5px 5px;
	float: right;
  }
  #sidebar {
	clear: both;
	padding: 1% 0%;
	width: auto;
	float: none;
  }
  header,
  footer {
	padding: 0%;
  }
}


/* for 700px or less */

@media screen and (max-width: 600px) {
  #content {
	width: auto;
	float: none;
  }
  #middle {
	width: auto;
	float: none;
	margin-left: 0px;
  }
  #sidebar {
	width: auto;
	float: none;
  }
}


/* for 480px or less */

@media screen and (max-width: 480px) {
  header {
	height: auto;
  }
  h1 {
	font-size: 2em;
  }

}

#content {
  background: #fff;
}

#sidebar {
  background: #fff;
}


header,
#content,
#middle,
#sidebar {
  margin-bottom: 5px;
}

#pagewrap,
header,
#content,
#middle,
#sidebar,
footer {
  border: solid 0px #ccc;
  
}
/* Responsive Navigation Bar */
#navlinks {margin:auto;width:730px;}
		.nav{padding-left:0;margin-bottom:0;list-style:none;}
		.nav:before, .nav:after{display:table;content:" ";}
		.nav:after{clear:both;}
		.nav:before, .nav:after{display:table;content:" ";}
		.nav:after{clear:both;}
		.nav > li{position:relative;display:block;}
		.nav > li > a{position:relative;display:block;padding:0px 0px;}
		.nav > li > a:hover, .nav > li > a:focus{text-decoration:none;background-color:#fff;}
		.nav > li > a > img{max-width:180px;}
		
		.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent;}
		@media (min-width:768px){.navbar{border-radius:4px;}
		}
		.navbar-header:before, .navbar-header:after{display:table;content:" ";}
		.navbar-header:after{clear:both;}
		.navbar-header:before, .navbar-header:after{display:table;content:" ";}
		.navbar-header:after{clear:both;}
		@media (min-width:768px){.navbar-header{float:left;}
		}
		.navbar-collapse{max-height:340px;padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch;}
		.navbar-collapse:before, .navbar-collapse:after{display:table;content:" ";}
		.navbar-collapse:after{clear:both;}
		.navbar-collapse:before, .navbar-collapse:after{display:table;content:" ";}
		.navbar-collapse:after{clear:both;}
		.navbar-collapse.in{overflow-y:auto;}
		@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none;align:center;}
		.navbar-collapse.collapse{display:block !important;height:auto !important;padding-bottom:0;overflow:visible !important;}
		.navbar-collapse.in{overflow-y:visible;}
		}
		@media (min-width:768px){.container > .navbar-header, container > .navbar-collapse{margin-right:0;margin-left:0;}
		}
		.navbar-brand{padding:15px 15px;font-size:18px;line-height:20px;}
		.navbar-brand:hover, .navbar-brand:focus{text-decoration:none;}
		@media (min-width:768px){.navbar > .container .navbar-brand{margin-left:-15px;}
		}
		.navbar-nav{margin:7.5px -15px;}
		
		.navbar-nav > li > a{padding-top:10px;padding-bottom:10px;line-height:20px;}
		@media (min-width:768px){.navbar-nav{float:left;margin:0;}
		.navbar-nav > li{float:left;}
		.navbar-nav > li > a{padding-top:15px;padding-bottom:15px;}
		.navbar-nav.navbar-right:last-child{margin-right:-15px;}
		}
		@media (min-width:768px){.navbar-left{float:left !important;}
		.navbar-right{float:right !important;}
		}
/* Responsive Navigation Bar */
#navlinks {margin:auto;width:80%;}

		.nav{padding-left:0;margin-bottom:0;list-style:none;}
		.nav:before, .nav:after{display:table;content:" ";}
		.nav:after{clear:both;}
		.nav:before, .nav:after{display:table;content:" ";}
		.nav:after{clear:both;}
		.nav > li{position:relative;display:block;}
		.nav > li > a{position:relative;display:block;padding:10px 10px;}
		.nav > li > a:hover, .nav > li > a:focus{text-decoration:none;background-color:#fff;}
		.nav > li > a > img{max-width:170px;}
		
		.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent;}
		@media (min-width:768px){.navbar{border-radius:4px;}
		}
		.navbar-header:before, .navbar-header:after{display:table;content:" ";}
		.navbar-header:after{clear:both;}
		.navbar-header:before, .navbar-header:after{display:table;content:" ";}
		.navbar-header:after{clear:both;}
		@media (min-width:768px){.navbar-header{float:left;}
		}
		.navbar-collapse{max-height:340px;padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch;}
		.navbar-collapse:before, .navbar-collapse:after{display:table;content:" ";}
		.navbar-collapse:after{clear:both;}
		.navbar-collapse:before, .navbar-collapse:after{display:table;content:" ";}
		.navbar-collapse:after{clear:both;}
		.navbar-collapse.in{overflow-y:auto;}
		@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none;align:center;}
		.navbar-collapse.collapse{display:block !important;height:auto !important;padding-bottom:0;overflow:visible !important;}
		.navbar-collapse.in{overflow-y:visible;}
		}
		@media (min-width:768px){.container > .navbar-header, container > .navbar-collapse{margin-right:0;margin-left:0;}
		}
		.navbar-brand{padding:15px 15px;font-size:18px;line-height:20px;}
		.navbar-brand:hover, .navbar-brand:focus{text-decoration:none;}
		@media (min-width:768px){.navbar > .container .navbar-brand{margin-left:-15px;}
		}
		.navbar-nav{margin:7.5px -15px;}
		
		.navbar-nav > li > a{padding-top:10px;padding-bottom:10px;line-height:20px;}
		@media (min-width:768px){.navbar-nav{float:left;margin:0;}
		.navbar-nav > li{float:left;}
		.navbar-nav > li > a{padding-top:15px;padding-bottom:15px;}
		.navbar-nav.navbar-right:last-child{margin-right:-15px;}
		}
		@media (min-width:768px){.navbar-left{float:left !important;}
		.navbar-right{float:right !important;}
		}