body      {
	background-color: rgb(220,220,220);
	color: rgb(59,67,68);
	margin: 0;
	padding: 0;
	font: 1em/1.4 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
}

}
.ListFont li{ font-family: 'Trebuchet MS', Tahoma, Sans-serif;
font-size:11px;
font-weight: bold;
}
h1, h2 {
	margin: 0;
	padding: 0 0 1em 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}

h3 {
	margin: 0;
	padding: 0 0 1em 0;
}
p {
	margin: 0;
	padding: 0 0 1em 0;
}

ul, ol {
	margin: 0;
	padding: 0 0 1em 1em;
}


h1 {
	font-size: 125%;
	color: rgb(241,47,93);
}

h2 {
	font-size: 125%;
	color: rgb(241,47,93);
}

h3 {
	font-size: 100%;
	color: #3e0dc6;
}


}
/* End of Regular Navigation Lists */

.header {
	text-align: left;
	padding: 40px 0 0 0;
	border: none;
	margin-bottom: 40px;
}

.header h1 {
	font-size: 125%;
	padding-bottom: 10px;
	color: rgb(51, 64, 104);
}

.header .inner {
	border-bottom: none;
	margin-bottom: 2px;
}

.header h1 span {
	font-style: italic;
	color: rgb(241,47,93);
}

.footer {
	clear: both;
background: linear-gradient(#DCDCDC,#6060ff);	

	color: rgb(255,255,255);
	padding: 20px 0 20px 0;
	overflow: auto;
}

.footer a:link, .footer a:visited {
	color: rgb(255,255,255);

p.double {border-style: double;}
}
nav#hmenu   {
    display: block;
    width: 100%;
    overflow: hidden;
}

nav ul {
    margin: 0 0 0 0;
    padding: .7em;
    float: left;
    list-style: none;
    background: #444;
    background: rgba(0,0,0,.2);
    border-radius: .5em;    
    box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 3px 1px rgba(0,0,0,.8) inset; 
}

nav li {
    float:left;
}

nav a {
    float:left;
    padding: .5em 1.4em;
    text-decoration: none;
    color: black;	
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    font: bold 1.1em/1 'trebuchet MS', Arial, Helvetica;
    letter-spacing: 1px;
    text-transform: none;
    border-width: 1px;
    border-style: solid;
    border-color: #fff #fff #3c3c3c #3c3c3c;
   background: #c1c1c1; 
    background: linear-gradient(#bfbfff,#6060ff);            
 }

 
nav a:hover, nav a:focus {
    outline: 0;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,.2);
    background: #fac754;
    background: linear-gradient(#f1f800, #f8ac00);
}

nav a:active {
    box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;

}
 
nav li:first-child a {
    border-left: 0;
    border-radius: 4px 0 0 4px;            
}

nav li:last-child a {
    border-right: 1;
    border-radius: 0 4px 4px 0;            
}


/* End of hmenu */
.nav {
	list-style-type: none;
	padding: 0;
}

.nav a:link, .nav a:visited {
	text-decoration: none;
	display: block;
	border-top: 1px solid rgb(232,243,248);
	padding: 0.5em 0 0.5em 1em;
	
/*	color: rgb(66,148,182);   */
/*	color: #2980B9;       */
	color: #6C3483;      
}

.nav a:hover {
	background-color: rgba(232,243,248,0.3);
}

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

@media only screen and (min-width: 768px) {
	.subnav {
		width: 31.42857%; /* 220/700 */
		float: left;
	background-color:   #cec1f8
	}

	.article {
		float: right;
		width: 65.71428%; /* 460/700 */
		
	}

	.aside {
		width: 100%; 
		clear: both;
		
		margin-bottom: 5px;		
		border-style: solid;
		border-right-width: 1px;
    		border-right-color: white;
		border-left: none;
		border-top: none;
		border-bottom: none;
		
	}
	.rightnav {
		
	background-color:   #cec1f8
	}
	.footer {width: 100%;}
	.footer .copy {
		float: left;
		width: 31.42857%; /* 220/700 */
	}

	.footer .vcard {
		float: right;
		width: 31.42857%; /* 220/700 */
	}
}

@media only screen and (min-width: 992px) {
	.wrapper {
		max-width: 1180px;
	}
	
	.subnav {
		width: 23.404255%; /* 220/940 */
		margin-right: 2.1276596%; /* 20/940 */
background: #cec1f8
		border-style: solid;
		border-left-width: 1px;
    		border-left-color: white;
		border-right: none;
		border-top: none;
		border-bottom: none;
	}

	.article {
		float: left;
		width: 46.808511%; /* 440/940 */
	}

	.aside {
		width: 23.404255%; /* 220/940 */
		float: right;
		clear: none; /* to counteract the clearing of the previous breakpoint */
			}

	.footer  {max-width: 1180px;
		float: right;
		border-bottom-left-radius:25px; 
		border-bottom-right-radius:25px;}
	.footer .copy {
		width: 23.404255%; /* 220/940 */
	}

	.footer .vcard {
		width: 23.404255%; /* 220/940 */
	}
}