html {
background:#B3B3B3; /* 30% gray */

}

article, figure, footer, header, hgroup, main,
menu, nav, section { display: block; }

body {
color:#000;
font-family: 'Source Sans Pro', Ariel, sans-serif;
width: 80%;
margin: 0 auto;
}

header {
background: #ffffff;
border-style: solid;
border-width: 2px;
border-color: #000;
padding: 1.5% 1.5% 0 1.5%;
text-align: center;
}
nav ul{
display: block;
padding-left: 0; 
margin: .75em 0;
text-align: center;  
}
nav li {
display: inline;
background: #D9D9D9;
border-style: solid;
border-width: 2px;
border-radius: 10px;
border-color: #000;
padding: 6px 10px 6px 10px;
font-weight: bold;
}
nav a:link{
color: #000;
text-decoration: none;
}
nav a:visited{
color: #555;
}
nav a:hover{
text-decoration: underline;
}
nav a:active{
}
nav a.current{
color: #7d55c7;
}

main, footer {
background: #ffffff;
border-style: solid;
border-width: 2px;
border-color: #000;
padding: 1.5%;
clear: both;
}
main img{
display: block; 
margin: 0 auto;
}



footer{
margin: .5em 0;
}

.rightAl{
float: right;
position: relative;
top: -7px;
}

h1{
font-style: italic;
font-size: 1.75em;
line-height: 2em;
}

h1.pagetitle{
font-style: normal;
font-weight: bold;
font-size: 3em;
}


h2{
color: #7d55c7;
font-size: 1.5em;
margin: .5em auto;
}

h4{
margin-left: 1.5em;
}

p{
margin-bottom: .5em;
}

main ul{
margin-top: .5em;
margin-bottom: .5em;
list-style-position: outside;
}

main ul li{
margin-left: 2.5em;
list-style-type: disc;
}

main ul li li{
list-style-type: circle;
}

main nav ul{
display: block;
padding-left: 0; 
margin: 0 0;
text-align: center;  
}

main nav img{
display: inline;
margin: auto;
padding: 0 0 2pt 0;
} 

main nav li {
display: inline;
background: #D9D9D9;
border-style: solid;
border-width: 2px;
border-radius: 10px;
border-color: #000;
padding: 6px 10px 6px 10px;
font-weight: bold;
margin-left: 0;
}
main nav a:link{
color: #000;
text-decoration: none;
}
main nav a:visited{
color: #555;
}
main nav a:hover{
text-decoration: underline;
}
main nav a:active{
}
main nav a.current{
color: #7d55c7;
}

.inline_list ul{
	list-style-position: outside;
}
.inline_list ul li {
	
	list-style-type: inherit;
	list-style-position: inherit;
	display: inline;
	margin-left: inherit;
}

@media screen and (max-width:1024px) {

header img,main img{
max-width: 100%;
}


}

/* this is a comment */