body {font-family: Verdana, Arial, Tahoma, Serif;}
h1 {color:#008000; text-align:center; margin-left: auto; margin-right: auto; }
h2 {color:#a00000;}
h3 {color:#000000; text-align:center; margin-left: auto; margin-right: auto; }
a.visited {color:#530785;}
a.link {color:#012d5c;}

#magimage { 
	  margin-left: auto;
	  margin-right: auto;
	  text-align:center;
}

#wrapper {width:90%;
	  margin-left: auto;
	  margin-right: auto;
	  background-color:#e6e0d4;
	 }

#header {width:100%; }

#content {width:90%;
	  margin-top:10px;
	  margin-bottom:10px;
	  padding-top:10px;
	  padding-bottom:10px;
          margin-left: auto;
	  margin-right: auto;
}

#sidebar {width:100%; }

#footer {width:100%; }

// Small devices (landscape phones, 576px and up)

@media (min-width: 576px) {

    // Medium devices (tablets, 768px and up)

    @media (min-width: 768px) {

#wrapper {width:90%;
	  margin-left: auto;
	  margin-right: auto;
}


	#content {width:70%; float:left; }

	#sidebar {width:30%; float:right; }

	// Large devices (desktops, 992px and up)

	@media (min-width: 992px) { ... }

    }

    // Extra large devices (large desktops, 1200px and up)

    @media (min-width: 1200px) {

	#wrapper {width:90%;  margin: 0 auto; }

    }

    img {
	max-width: 100%;
	display: block;
    }