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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	color: #383838; 
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
		font-family: Arial,Helvetica,sans-serif;

background: rgb(246,246,246); /* Old browsers */
background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(220,225,226,1) 21%, rgba(184,195,198,1) 49%, rgba(221,227,227,1) 80%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(21%,rgba(220,225,226,1)), color-stop(49%,rgba(184,195,198,1)), color-stop(80%,rgba(221,227,227,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(220,225,226,1) 21%,rgba(184,195,198,1) 49%,rgba(221,227,227,1) 80%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(220,225,226,1) 21%,rgba(184,195,198,1) 49%,rgba(221,227,227,1) 80%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(220,225,226,1) 21%,rgba(184,195,198,1) 49%,rgba(221,227,227,1) 80%,rgba(246,246,246,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(246,246,246,1) 0%,rgba(220,225,226,1) 21%,rgba(184,195,198,1) 49%,rgba(221,227,227,1) 80%,rgba(246,246,246,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */


}

ol, ul {
	list-style: none;
}

h1 { 
font-family: 'Oswald', sans-serif;
font-variant:small-caps;
	font-size: 1.5em;  
	font-weight: 400;
	margin:0 0 3% 0;
	color: #660000; /* #003366; */
	text-align:center;
}

h1 span { font-variant:normal;color:#003366;font-size:.75em; }

h2 { 
font-family: 'Oswald', sans-serif;
	font-size: 1em;  
	font-weight: 400;
    margin-bottom:6px;
	color: #336699;
	text-align:left;

}

h3 {
	font-size: 1em;  
	font-weight: 400;
	margin-bottom:1%;
	color: #336699;
	font-style:italic;
}


h3.hctr {
	text-align:center;
}

p { 
	font-family: Arial,Helvetica,sans-serif;
   line-height: 130%;
	color: #383838; 
	font-size: .875em; /* 14 ÷ 16 */ 
	margin-bottom:2%;
}

p.close {margin-bottom:1%;}

p.big { font-size: 1.5em; color: navy;text-align:right;margin:.5%;} 

p.close {margin-bottom:1%;}

p.emph { font-weight:600;}

ol, ul {
	list-style: disc;
	margin-bottom: 2%;
	line-height: 130%;
}

li {font-size:.875em;padding-bottom:10px;} /* margin-bottom:1%; */

img {border:1px solid #999;} 


caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* self-clear floats - if you need them, this is my (current) favourite technique. More info: http://nicolasgallagher.com/micro-clearfix-hack/ */

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}


/* wrap url's */
pre {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	word-wrap: break-word;      /* IE 5+ */
	}



a {
	color: #660000;
	text-decoration:none; 
}

a:visited {
	color: #003399;
}

a:hover {
	color: Navy;
}

a.uline { text-decoration:underline; }
a.footLnk { text-decoration:underline; color:white;}
a.footLnk:hover { 	color: #660000;}

a.hdr   {  
font-family: 'Oswald', sans-serif;
font-variant:small-caps;
	font-size: 1.5em;  
	font-weight: 400;
	margin:0 0 3% 0;
	color: #660000; 

}

a.hdr:hover { 	color: Navy;}

a.hdrLnk   {  
font-family: Arial,Helvetica,sans-serif;
	font-size: .75em;  
	font-weight: 400;
	margin:0 0 3% 0;
	color: Navy; 
	text-decoration:underline;
}

a.hdrLnk:hover {
	color: #660000;
}

a.bFont {font-size:1em;color:Navy;}
a.bFont:hover {	color: #660000;}




img,video { 
	max-width: 100%; height: auto; 
}

table {border-collapse:collapse;margin:1% auto 1% auto;font-size:.75em;}
th {border:1px solid DimGray;padding:5px;background-color:black;color:white;}
td {border:1px solid DimGray;padding:5px;}

td.tdrt {text-align:right;} 

#wrapper {
	margin: 0 auto 2% auto;
	width: 96%; /* Holding outermost DIV */
	/*max-width: 1306px; */
	max-width:1000px;
}

header {
	background-position: 0 top;
	text-align:left;
    margin-top:1%;
	margin-right: auto; /* 10 ÷ 960 */
	margin-left: auto; /* 10 ÷ 960 */
	width: 97.9166667%; /* 940 ÷ 960 */
}

#banner {width:auto;text-align:center;margin:0 auto 2% auto;
         background-color:inherit;
         background-image: url('../img/banner-star-bkg.png'); 
background-repeat: repeat;
background-position:center center; 
}
#banner img {width:15%; max-width:104px;margin-right:2px;box-shadow: 3px 5px 2px #999;} /* was width: 125px; */

header a {
	text-decoration: none;
}
header h1 {text-align:left;}
header sup {font-size:smaller; color:#660000;vertical-align: super;}

/* 2 column */
.maincontent {
	margin:1% auto 1% auto;
	width:  97.9166667%; 
	height: 100%;
	overflow:hidden;
 }

.maincontent > section {
    background: white;
     width:39%; /* was 40% 4/25/15 */
	padding:3% 5% 1000px 5%; 
	margin:4% 0 -1000px 0;	
    float:left;
	border-radius:25px;border:1px solid #999;  		
}


.maincontent > aside {
    background:inherit;
    float:right;
	width:48%;
	margin:4% auto -1000px auto; /* was 9 0 1 1 3/18/15 */
    padding: 1% 0 1000px 0; /* @max-column-height */
	text-align:center;
}

.subpage {
	margin:0 auto 1% auto;
	width: 97.9166667%; 
	height: 100%;
	
 }

.subpage > section {
    background: white;
     width:90%; 
	padding:3% 5% 3% 5%;
	margin:4% 0 4% 0;	
	
	border-radius:25px;border:1px solid #999;  		
}


footer {
    margin:2% auto 2% auto;
    width: 97.9166667%;
	height: 100%;
	line-height: 150%;    
    
	clear: both;
	/* border-top: 4px double #bfbfbf; */
}

footer p {
	margin:1% auto 0 auto;
	text-align: left;
	font-size: 1em; /* 16 pt ÷ 16 */
font-family: 'Oswald', sans-serif;
font-weight:300;
font-style:italic;
	color: black;  /* #757474; */
	text-align:center;
	
}
footer  a {
	color: #666; font-size:smaller;
}


.fbook {float:right; width:35px;height:35px;margin:4px 3px 0 8px;border:none}
.fbook2 {width:50px;height:50px;border:none;}
.button {float:right; width:68px;height:40px;margin:4px 3px 0 0;border:none;border-radius:20px;}
.news {float:right; width:55px;margin:0 3px 0 8px;box-shadow: 3px 5px 2px #999;} 

.indent {margin-left:4%;}
.bigindent {margin-left:10%;}
.indentBorder {margin-left:4%;border-bottom:1px solid #999;}

.foot {
	width: auto; /* width:100%; */
/*	background-color:#31309c; */
background: rgb(25,32,101); /* Old browsers */
background: -moz-linear-gradient(top, rgba(25,32,101,1) 32%, rgba(86,122,194,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,rgba(25,32,101,1)), color-stop(99%,rgba(86,122,194,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(25,32,101,1) 32%,rgba(86,122,194,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(25,32,101,1) 32%,rgba(86,122,194,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(25,32,101,1) 32%,rgba(86,122,194,1) 99%); /* IE10+ */
background: linear-gradient(to bottom, rgba(25,32,101,1) 32%,rgba(86,122,194,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#192065', endColorstr='#567ac2',GradientType=0 ); /* IE6-9 */
	margin-top:0;
	overflow:hidden;
    margin:1% 0 0 0;
    color:white;
	font-size:.8125em;
box-shadow: 5px 5px 2px #999;
/*    border-bottom-left-radius:1em;
border-bottom-right-radius:1em; */
    padding:2% 5% 2% 5%;

 }


.foot > section {
   /* background: inherit;*/
     width:60%; 
	padding:2% 2% 1000px 2%;
	margin:0 0 -1000px 0;
	float:left;
 
}
.foot > aside {
  /*  background:inherit; */
    float:right;
	width:25%;
	padding:2% 2% 1000px 2%;
	margin:0 0 -1000px 0;
	text-align:left;
		

}


.footerPic {float:right;width:125px;}
.padLft {padding-left:2%;}
#web {
	/* padding-bottom: 20px; */
	float: left;
	margin:0 auto 20px auto;
	clear: both;
	width: 97.9166667%; /* 940 ÷ 960 */
	text-align:center;
}

#web a { font-size:.75em; }

.ctr {text-align:center;}
.frm {border:1px solid black; }
.Cdiv {margin-left:auto;margin-right:auto;}

.cnote {text-align:center;font-style:italic;} 
.Lpic {
    float:left;
    width:45%;
	margin:1% 2% 2% 0;;
	}
	
.Rpic {
    float:right;
    width:45%;
	margin-left: 1%;
	margin-bottom:1%;
}


.Ltxt {text-align:left;}
.Rtxt {text-align:right;}

/* Media Queries */
@media screen and (min-width: 300px) and (max-width: 400px) {
	
#content h1 { font-size:1.5em;margin-top:15%; }
	
	#content { margin-top: 20px; width: 96%;margin: 2%;}
	
	#content img.cimg { box-shadow: 4px 4px 4px #a2a2a2;}
	
	#footer p {	font-size: .75em; /* 14 ÷ 16 */ }
	
	#content p {font-size: 1em; line-height: 1.3em; color: #383838;	}
	
   
	#footer p {	font-size: .75em; /* 14 ÷ 16 */ }



}

@media screen and (max-width: 640px) { 
	#wrapper { 	margin: 0px;width: 100%; }
}
	

@media screen and (min-width: 475px) and (max-width: 600px) {

	#content img.cimg { box-shadow: 4px 4px 4px #a2a2a2;}
	#content { margin-top: 20px; width: 96%;margin: 2%;}
	
	#footer p {	font-size: .75em; /* 14 ÷ 16 */ }

}


@media screen and (max-width: 600px) {
	#content { margin-top: 20px; width: 96%;margin: 2%;}
			#footer p {	font-size: .75em; /* 14 ÷ 16 */ }


}

@media screen and (max-width: 768px) {
	#body {width: 96%; margin: 2%; padding: 0px; margin-bottom: 0px;}	
	/* #logo { 	text-align:center; } */
	#content { margin-top: 20px; width: 96%;margin: 2%;}
	#content h2 {font-size:1em; }
	#footer p {	font-size: .75em; /* 14 ÷ 16 */ }

	
}

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

  
	#content h1 {
		font-size: 2em; 
	}
	
	#content h2 {font-size:1.4em; }


}

/************************************************************************************
MOBILE
*************************************************************************************/
@media screen and (max-width: 500px) {
	#banner img {width:22%;}
	#banner {background-image: url('../img/banner-star-bkg-small.png'); background-repeat: repeat;}

}

@media screen and (min-width: 600px) and (max-width: 800px) {
	.maincontent > section {
	    background: white;
	     width:90%; 
	border-radius:0;
	border:none;
	padding:5%;
	margin:1%;	
	float:none;
	}
	
	.maincontent > aside {
	    background:inherit;
	    width:94%;
	    float:none;
	    padding:1%; 
	  margin:1% auto 1% auto;
		 
	}
	
}

@media screen and (min-width: 200px) and (max-width: 599px) {
	.maincontent > section {
	    background:#fff;
	     width:90%; 
	border-radius:0;
	border:none;
	padding:5%;
	margin:1%;	
	float:none;
	}
	
.maincontent > aside {
	/* display: none;	*/
	 width:90%;	
	float:none; 
	}

}