header, nav, article, footer, section {display:block;}


body{margin:0px;font-family:arial;background-color:#fffff0;line-height:160%;font-size:120%;}

#left {background-color:#2677b8;padding:0.5%;width:20%;position:fixed;top:0;bottom:0;left:0;}
header {text-align:center;color:#fffff0;font-weight:bold;font-size:1.3em;}
nav {margin-top:5%;border-top:1px solid #fffff0;}
nav ul {list-style-type:none;font-weight:bold;color:#fffff0;margin:0;padding:0;}
nav li {padding:0.5%;margin:0.5%;border-bottom:1px solid #fffff0;background-image:url('img/right-pointer.png');background-repeat:no-repeat;background-position:95%;}
nav li:hover, #menuToggle:hover {background-color:#4899da;}
nav li a {text-decoration:none;color:#fffff0;display:block;}
#menuToggle {color:#fffff0;font-weight:bold;font-size:1.1em;cursor:pointer;display:none;border-bottom:2px solid #fffff0;padding:0.5%;background-image:url('img/menu-white.png');background-repeat:no-repeat;background-position:95%;}
footer {padding:0.25%;text-align:center;font-size:0.75em;color:#333;font-style:italic;background-color:#ccc;}

#right {width:79%;position:absolute;right:0px;}
article {}
section {border-bottom:1px solid #4899da;}
section p {padding:0% 1% 1% 1%;text-align:justify;}
section img {border:none;margin:1%;width:98%;height:auto;}
h1 {margin:0 0 0.5% 0;padding:0.5%;background-color: #71c837; /* Old browsers */
background: -moz-linear-gradient(left,  #71c837 0%, #fffff0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#71c837), color-stop(100%,#fffff0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #71c837 0%,#fffff0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #71c837 0%,#fffff0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #71c837 0%,#fffff0 100%); /* IE10+ */
background: linear-gradient(to right,  #71c837 0%,#fffff0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71c837', endColorstr='#fffff0',GradientType=1 ); /* IE6-9 */
}


@media (max-width: 901px) {
	#right {position:static;width:auto;}
	#left {position:static;margin:0 0 1% 0;width:auto}
} 
@media (min-width: 900px) {
	#right {width:79%;position:absolute;right:0px;}
	#left {width:20%;position:fixed;top:0;bottom:0;left:0;margin-right:0.5%;overflow-x:hidden;}
}

span.select {padding:5px;font-weight:bold;cursor:pointer;border:2px solid #2677b8;}