@charset "UTF-8";
/* CSS Document */

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

html{
	/* FORMATS FONT-SIZE FOR REM TO PX SIZING */
	font-size:62.5%;
    	margin-left:auto;
    	margin-right:auto;
}

body{
	font-family: 'Myriad Pro', sans-serif;
	font-size:18px;
	font-size:1.8rem;
	background-color:rgb(79,16,173);
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
}

h1{	
	font-size:32px;
	font-size:3.2rem;
	margin:10px;
}

h2{	
	font-size:28px;
	font-size:2.8rem;
	margin:10px;
}

h3{	
	font-size:24px;
	font-size:2.4rem;
	margin:10px;
}

h4{	
	font-size:20px;
	font-size:2.0rem;
	margin:10px;
}

h5{	
	font-size:18px;
	font-size:1.8rem;
	margin:10px;
}

p{
	font-size:18px;
	font-size:1.8rem;
	margin:10px;
}

#banner{
	display:block;
    	max-width:960px;
    	width:100%;
}

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

footer{
	display:block;
	background-color:rgba(255,255,255,.8);
    	width:100%;
    	margin-left:auto;
    	margin-right:auto;
}

nav{
	font-size:22px;
	font-size:2.2rem;
	margin:.1rem;
	padding:.1rem;
	text-align:center;
    	margin-left:auto;
    	margin-right:auto;
}

	nav > ul{
		list-style:none;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
	}
		
		nav > ul > li{
			display:block;
			
			
		}
		
			nav > ul > li > ul{
				list-style:none;
				display:block;
				position:absolute;
				z-index:1;
					
				
			}
			
				nav > ul > li > ul > li{
					display:block;	
					padding:1.1rem;
				}
				
					nav > ul > li > ul > li > ul{
						list-style:none;
						position:absolute;
						z-index:1;
						left:100%;
						top:-3px;
						right:auto;
						
					}
					
						nav > ul > li > ul > li > ul > li{
							display:inline;
							padding:1.1rem;
							right:auto;
							
						}

a.navi:link{
	background-color:rgb(168,240,0);
	border-style:solid;
	border-width:1px;
	border-color:rgb(0,0,0);
	padding:.5rem 1.5rem .5rem 1.5rem;
	border-top-left-radius:10px 40px;
	border-top-right-radius:10px 40px;
	text-decoration:none;
}

a.navi:visited{
	background-color:rgb(168,240,0);
	border-style:solid;
	border-width:1px;
	border-color:rgb(0,0,0);
	padding:.5rem 1.5rem .5rem 1.5rem;
	border-top-left-radius:10px 40px;
	border-top-right-radius:10px 40px;
	text-decoration:none;
}

a.navi:hover{
	background-color:rgba(255,255,255,0.65);
	border-style:solid;
	border-width:1px;
	border-color:rgb(0,0,0);
	padding:0.5rem 1.5rem .5rem 1.5rem;
	border-top-left-radius:10px 40px;
	border-top-right-radius:10px 40px;
	text-decoration:underline;
}

a.navi:active{
	background-color:rgb(168,240,0);
	border-style:solid;
	border-width:1px;
	border-color:rgb(0,0,0);
	padding:0.5rem 1.5rem 0.5rem 1.5rem;
	border-top-left-radius:10px 40px;
	border-top-right-radius:10px 40px;
	text-decoration:underline;
}

.subnav{
	font-size:22px;
	font-size:2.2rem;
	margin:0.25rem 0rem 0rem 0rem;
	padding:0;
	text-align:left;
    	margin-left:auto;
    	margin-right:auto;
	background-color:rgb(168,240,0);
	border-style:solid;
	border-width:1px;
	border-color:rgb(0,0,0);
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}

a.subnavi:link{
	text-decoration:none;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}

a.subnavi:visited{
	text-decoration:none;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}

a.subnavi:hover{
	background-color:rgba(255,255,255,0.65);
	text-decoration:underline;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}

a.subnavi:active{
	text-decoration:underline;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}

#menu{
	align="center";
}

.sitemap{
	float:right;
	margin-right:25px;
	width:100%
}

a.sitemap:link,a.sitemap:visited{
	font-size:18pt;
	font-size:1.8rem;
	color:rgb(255,169,0);
	text-decoration:underline;
}

a.sitemap:hover,a.sitemap:active{
	font-size:18pt;
	font-size:1.8rem;
	color:rgb(0,169,255);
	text-decoration:underline;
}

.page{
	background-color:rgba(255,255,255,.65);
	color:rgb(0,0,0);
	border-radius:5px;
}

#sitelist{
	list-style-type:none;
}

.expanded{
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

a.expanded:link,a.expanded:visited{
	font-size:18pt;
	font-size:1.8rem;
	color:rgb(35,25,35);
	text-decoration:underline;
}

a.expanded:hover,a.expanded:active{
	font-size:18pt;
	font-size:1.8rem;
	color:rgb(230,230,230);
	text-decoration:underline;
}

#accordion {
	width:90%;
}

#accordion li{
	cursor: pointer;
	background:url(images/background.png) repeat-x;
	font-weight:bold;
	color:rgb(0,70,70);
	border:1px solid #b2b2b2;
	margin-bottom:5px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 4px 8px;
}

#accordion li.active{
	color:rgb(255,255,255);
}

#accordion li ul{
	padding:0;
	margin:10px 0 0 0;
}

#accordion li.active li{
	text-indent:0;
}

#accordion li li{
	font-weight:normal;
	background:none;
	border:0;
}

.categories{
	color:rgb(230,230,230);
}

article{
	font-size: 1.8rem;
}

form{
	padding:5px;
	padding:.5rem;
	margin:10px;
	margin:1.0rem;	
}

#wrapper{
	display:-webkit-inline-flex;
	display:inline-flex;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-flex:1;
	flex:1;
	flex-wrap:wrap;
	-webkit-wrap:wrap;
	-moz-wrap:wrap;
    	margin-left:auto;
    	margin-right:auto;
}

#wrapper > section{
		-webkit-flex:2;
		flex:2;
		-webkit-order:1;
		order:1;
		width:100%
}

section{
    	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	flex-direction:row;
}

section > article{
	padding-left:1rem;
	padding-right:1rem;
}

section > article[id|="1"]{
		-webkit-flex:2;
		flex:2;
		-webkit-order:1;
		order:1;
}
	
section > article[id|="2"]{
		-webkit-flex:2;
		flex:2;
		-webkit-order:2;
		order:2;
}
}

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

html{
	/* FORMATS FONT-SIZE FOR REM TO PX SIZING */
	font-size:62.5%;
    	margin-left:auto;
    	margin-right:auto;
}

body{
	font-family: 'Myriad Pro', sans-serif;
	font-size:14px;
	font-size:1.4rem;
	background-color:rgb(79,16,173);
	max-width:960px;
	min-width:480px;
	margin-left:auto;
	margin-right:auto;
}

h1{	
	font-size:28px;
	font-size:2.8rem;
	margin:10px;
}

h2{	
	font-size:24px;
	font-size:2.4rem;
	margin:10px;
}

h3{	
	font-size:20px;
	font-size:2.0rem;
	margin:10px;
}

h4{	
	font-size:18px;
	font-size:1.8rem;
	margin:10px;
}

h5{	
	font-size:16px;
	font-size:1.6rem;
	margin:10px;
}

p{
	font-size:16px;
	font-size:1.6rem;
	margin:10px;
}

#banner{
	display:block;
    	max-width:960px;
    	min-width:480px;
    	width:100%;
}

img{
	max-width:960px;
	min-width:480px;
}

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

footer{
	display:block;
	background-color:rgba(255,255,255,.8);
    	width:100%;
    	margin-left:auto;
    	margin-right:auto;
}

nav{
	font-size:18px;
	font-size:1.8rem;
	margin:.1rem;
	padding:.1rem;
	text-align:center;
    	margin-left:auto;
    	margin-right:auto;
    	max-width:960px;
    	min-width:480px;
}

	nav > ul{
		list-style:none;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
	}
		
		nav > ul > li{
			display:block;
			
			
		}
		
			nav > ul > li > ul{
				list-style:none;
				display:block;
				position:absolute;
				z-index:1;
					
				
			}
			
				nav > ul > li > ul > li{
					display:block;	
					padding:1.1rem;
				}
				
					nav > ul > li > ul > li > ul{
						list-style:none;
						position:absolute;
						z-index:1;
						left:100%;
						top:-3px;
						right:auto;
						
					}
					
						nav > ul > li > ul > li > ul > li{
							display:inline;
							padding:1.1rem;
							right:auto;
							
						}

a.navi:link{
	background-color:rgb(168,240,0);
	border-style:solid;
	border-width:1px;
	border-color:rgb(0,0,0);
	padding:.5rem 1.5rem .5rem 1.5rem;
	border-top-left-radius:10px 40px;
	border-top-right-radius:10px 40px;
	text-decoration:none;
}

a.navi:visited{
	background-color:rgb(168,240,0);
	border-style:solid;
	border-width:1px;
	border-color:rgb(0,0,0);
	padding:.5rem 1.5rem .5rem 1.5rem;
	border-top-left-radius:10px 40px;
	border-top-right-radius:10px 40px;
	text-decoration:none;
}

a.navi:hover{
	background-color:rgba(255,255,255,0.65);
	border-style:solid;
	border-width:1px;
	border-color:rgb(0,0,0);
	padding:0.5rem 1.5rem .5rem 1.5rem;
	border-top-left-radius:10px 40px;
	border-top-right-radius:10px 40px;
	text-decoration:underline;
}

a.navi:active{
	background-color:rgb(168,240,0);
	border-style:solid;
	border-width:1px;
	border-color:rgb(0,0,0);
	padding:0.5rem 1.5rem 0.5rem 1.5rem;
	border-top-left-radius:10px 40px;
	border-top-right-radius:10px 40px;
	text-decoration:underline;
}

.subnav{
	font-size:18px;
	font-size:1.8rem;
	margin:0.25rem 0rem 0rem 0rem;
	padding:0;
	text-align:left;
    	margin-left:auto;
    	margin-right:auto;
	background-color:rgb(168,240,0);
	border-style:solid;
	border-width:1px;
	border-color:rgb(0,0,0);
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}

a.subnavi:link{
	text-decoration:none;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}

a.subnavi:visited{
	text-decoration:none;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}

a.subnavi:hover{
	background-color:rgba(255,255,255,0.65);
	text-decoration:underline;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}

a.subnavi:active{
	text-decoration:underline;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}

#menu{
	align="center";
}

.sitemap{
	float:right;
	margin-right:25px;
	max-width:960px;
	min-width:480px;
	width:100%
}

a.sitemap:link,a.sitemap:visited{
	font-size:18px;
	font-size:1.8rem;
	color:rgb(255,169,0);
	text-decoration:underline;
}

a.sitemap:hover,a.sitemap:active{
	font-size:18px;
	font-size:1.8rem;
	color:rgb(0,169,255);
	text-decoration:underline;
}

.page{
	background-color:rgba(255,255,255,.65);
	color:rgb(0,0,0);
	border-radius:5px;
}

#sitelist{
	list-style-type:none;
}

.expanded{
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

a.expanded:link,a.expanded:visited{
	font-size:18pt;
	font-size:1.8rem;
	color:rgb(35,25,35);
	text-decoration:underline;
}

a.expanded:hover,a.expanded:active{
	font-size:18pt;
	font-size:1.8rem;
	color:rgb(230,230,230);
	text-decoration:underline;
}

#accordion {
	width:90%;
}

#accordion li{
	cursor: pointer;
	background:url(images/background.png) repeat-x;
	font-weight:bold;
	color:rgb(0,70,70);
	border:1px solid #b2b2b2;
	margin-bottom:5px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 4px 8px;
}

#accordion li.active{
	color:rgb(255,255,255);
}

#accordion li ul{
	padding:0;
	margin:10px 0 0 0;
}

#accordion li.active li{
	text-indent:0;
}

#accordion li li{
	font-weight:normal;
	background:none;
	border:0;
}

.categories{
	color:rgb(230,230,230);
}

article{
	font-size: 1.8rem;
}

form{
	padding:5px;
	padding:.5rem;
	margin:10px;
	margin:1.0rem;	
}

#wrapper{
	display:-webkit-inline-flex;
	display:inline-flex;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-flex:1;
	flex:1;
	flex-wrap:wrap;
	-webkit-wrap:wrap;
	-moz-wrap:wrap;
    	margin-left:auto;
    	margin-right:auto;
}

#wrapper > section{
		-webkit-flex:2;
		flex:2;
		-webkit-order:1;
		order:1;
		width:100%
}

section{
    	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:column;
	flex-direction:column;
}

section > article{
	padding-left:1rem;
	padding-right:1rem;
}

section > article[id|="1"]{
		-webkit-flex:1;
		flex:1;
		-webkit-order:1;
		order:1;
}
	
section > article[id|="2"]{
		-webkit-flex:1;
		flex:1;
		-webkit-order:2;
		order:2;
}
}

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

html{
	/* FORMATS FONT-SIZE FOR REM TO PX SIZING */
	font-size:62.5%;
    	margin-left:auto;
    	margin-right:auto;
}

body{
	font-family: 'Myriad Pro', sans-serif;
	font-size:12px;
	font-size:1.2rem;
	background-color:rgb(79,16,173);
	max-width:480px;
	margin-left:auto;
	margin-right:auto;
}

h1{	
	font-size:24px;
	font-size:2.4rem;
	margin:10px;
}

h2{	
	font-size:20px;
	font-size:2.0rem;
	margin:10px;
}

h3{	
	font-size:18px;
	font-size:1.8rem;
	margin:10px;
}

h4{	
	font-size:16px;
	font-size:1.6rem;
	margin:10px;
}

h5{	
	font-size:14px;
	font-size:1.4rem;
	margin:10px;
}

p{
	font-size:14px;
	font-size:1.4rem;
	margin:10px;
}

#banner{
	display:block;
    	max-width:480px;
    	width:100%;
}

img{
	max-width:480px;
}

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

footer{
	display:block;
	background-color:rgba(255,255,255,.8);
    	width:100%;
    	margin-left:auto;
    	margin-right:auto;
}

nav{
	font-size:16px;
	font-size:1.6rem;
	margin:.1rem;
	padding:.1rem;
	text-align:center;
    	margin-left:auto;
    	margin-right:auto;
    	max-width:480px;
}

	nav > ul{
		list-style:none;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
	}
		
		nav > ul > li{
			display:block;
		}
		
			nav > ul > li > ul{
				list-style:none;
				display:block;
				position:absolute;
				z-index:1;
			}
			
				nav > ul > li > ul > li{
					display:block;	
					padding:1.1rem;
				}
				
					nav > ul > li > ul > li > ul{
						list-style:none;
						position:absolute;
						z-index:1;
						left:100%;
						top:-3px;
						right:auto;
					}
					
						nav > ul > li > ul > li > ul > li{
							display:inline;
							padding:1.1rem;
							right:auto;	
						}

a.navi:link{
	background-color:rgb(168,240,0);
	border-style:solid;
	border-width:1px;
	border-color:rgb(0,0,0);
	padding:.5rem 1.5rem .5rem 1.5rem;
	border-top-left-radius:10px 40px;
	border-top-right-radius:10px 40px;
	text-decoration:none;
}

a.navi:visited{
	background-color:rgb(168,240,0);
	border-style:solid;
	border-width:1px;
	border-color:rgb(0,0,0);
	padding:.5rem 1.5rem .5rem 1.5rem;
	border-top-left-radius:10px 40px;
	border-top-right-radius:10px 40px;
	text-decoration:none;
}

a.navi:hover{
	background-color:rgba(255,255,255,0.65);
	border-style:solid;
	border-width:1px;
	border-color:rgb(0,0,0);
	padding:0.5rem 1.5rem .5rem 1.5rem;
	border-top-left-radius:10px 40px;
	border-top-right-radius:10px 40px;
	text-decoration:underline;
}

a.navi:active{
	background-color:rgb(168,240,0);
	border-style:solid;
	border-width:1px;
	border-color:rgb(0,0,0);
	padding:0.5rem 1.5rem 0.5rem 1.5rem;
	border-top-left-radius:10px 40px;
	border-top-right-radius:10px 40px;
	text-decoration:underline;
}

.subnav{
	font-size:18px;
	font-size:1.8rem;
	margin:0.25rem 0rem 0rem 0rem;
	padding:0;
	text-align:left;
    	margin-left:auto;
    	margin-right:auto;
	background-color:rgb(168,240,0);
	border-style:solid;
	border-width:1px;
	border-color:rgb(0,0,0);
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}

a.subnavi:link{
	text-decoration:none;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}

a.subnavi:visited{
	text-decoration:none;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}

a.subnavi:hover{
	background-color:rgba(255,255,255,0.65);
	text-decoration:underline;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}

a.subnavi:active{
	text-decoration:underline;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}

#menu{
	align="center";
}

.sitemap{
	float:right;
	margin-right:25px;
	max-width:480px;
	width:100%
}

a.sitemap:link,a.sitemap:visited{
	font-size:14px;
	font-size:1.4rem;
	color:rgb(255,169,0);
	text-decoration:underline;
}

a.sitemap:hover,a.sitemap:active{
	font-size:14px;
	font-size:1.4rem;
	color:rgb(0,169,255);
	text-decoration:underline;
}

.page{
	background-color:rgba(255,255,255,.65);
	color:rgb(0,0,0);
	border-radius:5px;
}

#sitelist{
	list-style-type:none;
}

.expanded{
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

a.expanded:link,a.expanded:visited{
	font-size:14pt;
	font-size:1.4rem;
	color:rgb(35,25,35);
	text-decoration:underline;
}

a.expanded:hover,a.expanded:active{
	font-size:14pt;
	font-size:1.4rem;
	color:rgb(230,230,230);
	text-decoration:underline;
}

#accordion {
	width:90%;
}

#accordion li{
	cursor:pointer;
	background:url(images/background.png) repeat-x;
	font-weight:bold;
	color:rgb(0,70,70);
	border:1px solid #b2b2b2;
	margin-bottom:5px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:4px 8px;
}

#accordion li.active{
	color:rgb(255,255,255);
}

#accordion li ul{
	padding:0;
	margin:10px 0 0 0;
}

#accordion li.active li{
	text-indent:0;
}

#accordion li li{
	font-weight:normal;
	background:none;
	border:0;
}

.categories{
	color:rgb(230,230,230);
}

article{
	font-size:1.4rem;
}

form{
	padding:5px;
	padding:.5rem;
	margin:10px;
	margin:1.0rem;	
}

#wrapper{
	display:-webkit-inline-flex;
	display:inline-flex;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-flex:1;
	flex:1;
	flex-wrap:wrap;
	-webkit-wrap:wrap;
	-moz-wrap:wrap;
    	margin-left:auto;
    	margin-right:auto;
}

#wrapper > section{
		-webkit-flex:2;
		flex:2;
		-webkit-order:1;
		order:1;
		width:100%
}

section{
    	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:column;
	flex-direction:column;
}

section > article{
	padding-left:1rem;
	padding-right:1rem;
}

section > article[id|="1"]{
		-webkit-flex:1;
		flex:1;
		-webkit-order:1;
		order:1;
}
	
section > article[id|="2"]{
		-webkit-flex:1;
		flex:1;
		-webkit-order:2;
		order:2;
}
}