/* Eric Meyer CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
/* CSS reset ends */


body{
    /* default styling */
    font-family: Arial, sans-serif;
    font-size: 22px;
    line-height: 1.33;
}

#mainpage{
    max-width: 960px;
    margin: 30px auto;
}

#wrapper{
    width: 750px;
    margin: 30px auto;
}

article h1{
  font-size:175%;
}


article h2{
  font-size:120%;
}

article h3{
  font-size:110%;
}

h4{
  font-size:105%;
  font-weight:bold;
}
  

article p{
  font-size:100%;
  margin-bottom:20px;
}

/* default paragraph on non-article pages  */
p{
  font-size:100%;
  margin-bottom:20px;
}


p.small{
    font-size: 75%;
}

#mainimagehead{
	font-size: 85%;
	text-align: center;
}

p.news{
    font-size: 85%;
    line-height: 1.2;
    padding-bottom:10px;
}

/* top menu styles  */
p.menulist{
	font-size: 100%;
    line-height: 1;
    font-weight:bold;
	text-align: center;
}


ul{
    list-style: disc;
    margin-left: 30px;
    margin-bottom:10px;
}

ol{
    list-style:decimal;
    margin-left: 30px;
    margin-bottom:10px;
}

li{
    margin-bottom:15px;
}

#menu ul{
    margin-left: 50px;
	}

#menu ul li{
	float: left;
    font-size: 100%;
    font-weight:bold;
	list-style:none;
	margin-right: 30px;
	}

#spacer{
    margin-left: 30px;
}

/* setting heading 1 & 2 styles  */
h1{
    font-size: 200%;
    font-weight:bold;
    margin-top:20px;
    margin-bottom:20px;
}

h2{
    font-size: 150%;
    font-weight:bold;
    padding-bottom:20px;
}

h3{
    font-size: 125%;
    font-weight:bold;
    padding-bottom:20px;
}

h3.listhead{
    font-size: 125%;
    font-weight:bold;
	margin-top:0px;
	padding-top:0px;
    padding-bottom:10px;
}

.list{
    font-size: 85%;
	line-height: 1.33;
	margin-right: 10px;
	margin-bottom: 10px;

}


/* code for IE11 to make wrapper work */
main{
    display:block;
}

article ul{
    list-style: disc;
    margin-left: 30px;
}

article hr{
    color: black;
    border-width: 2px;
}

hr.mainrule {
    color:gray;
    border-width: 1px;
	padding-right: 10px;
	
}

td {padding: 20px;
}


table.sentences{
border: 2px solid;
}

table.sentences td
{border: 2px solid;
}


.orgref{
    font-size: 85%;
	font-style: italic;
	}
	
img{
border: 1px;
}

footer{
    font-size: 85%;
    font-weight:bold;
}


section{
    float: left;
    width: 43%;
}

/* format sidebar (aside)  */

aside{
/*    box-sizing: border-box; */
    float: right;
    width: 55%;
}

.flags{
		padding-left: 5px;
		padding-right: 5px;
	}

.mainimage{
 	display: block;
    margin-left: auto;
    margin-right: auto;
}




/* mobile layout */

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


#wrapper{
    width:auto;
}

    body{
	    font-size: 20px;
		text-align: left;
		padding-left: 5px;
    }
    
h1, h2, h3{
		text-align:left;
		}
		
article{
    width: auto;
    padding-left: 10px;
    padding-right: 20px;
}

article p{
  font-size:100%;
  margin-bottom:20px;
}

article h1{
  font-size:125%;
}


article h2{
  font-size:100%;
}

article h3{
  font-size:100%;
}

	
/* clear floats for main content  */
    aside, section{
        clear: both;
        width: auto;
        height: auto;
    } 


#toprule{
display:none;
}

#menu ul{
    margin-left: 0px;
	}

#menu ul li{
	 clear: both;
    font-size: 100%;
    	list-style:none;
	}

p.small{
    font-size: 100%;
	text-align:left;
}

.mainimage{
 	display: block;
    margin-left: 5px;
}


#mainimagehead{
	text-align: left;
}

.flag{
	display:none;
}
     
    
}