/* ############ */
/* Boiler Plate */
/* ############ */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
body {
	line-height: 1.5;
	background: #fff;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th, td {
	text-align: left;
	font-weight:400;
	vertical-align: top;
}
a img {
	border: none;
}
input, textarea {
	margin: 0;
}
a {
	outline: none;
}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, input, textarea {
	font-family: Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
h1, h2, h3, h4, h5, h6, p {
	margin-bottom: 14px;
}
h1 {
	font-size: 20px;
}
h2 {
	font-size: 14px;
}
h3 {
	font-size: 125%;
}
h4 {
	font-size: 100%;
}
h5, h6, p {
	font-size: 100%;
}

/* Boiler Plate End */

/* ##### */
/* FIXES */
/* ##### */

.group:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.group {
	display: inline-block;
}
html[xmlns] .group {
	display: block;
}
* html .group {
	height: 1%;
}
.group:after { content:""; clear:both; display:table;}
.group  {zoom:1}

hr.bottomFix {
	width: 100%;
	color: #ffffff;
	border-color: #ffffff;
	background-color: #ffffff;
	border-width: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.clear {
	clear: both;
}

/* ############### */
/* Main Containers */
/* ############### */

html {
	background-color: #ffffff;
}
body  {
	width: 100%;
	margin: 0px auto;
	font-size: 16px;
	background-color: #ffffff;
}

/* ########### */
/* Main Layout */
/* ########### */

/* All Nain sections */
#header, #splash, #pageNav, #content, #footer, #copyright {
	width: 100%;
	clear: both;
}

/* All Nain sections have an "inner", this is what keeps the width set */
.inner {
	width: 1000px;
	margin: 0px auto;
}
@media screen and (min-width: 1px) {
	.inner {width: 300px; margin: 0px auto;}
}
@media screen and (min-width: 300px) {
	.inner {width: 96%; margin: 0px 2%;}
}
@media screen and (min-width: 1040px) {
	.inner {width: 1000px; margin: 0px auto;}
}

/* ###### */
/* Header */
/* ###### */

#header {
	background-color: #ffffff;
	height: 167px;
}
@media screen and (min-width: 1px) {
	#header {height: 210px;}
}
@media screen and (min-width: 300px) {
	#header {height: 210px;}
}
@media screen and (min-width: 570px) {
	#header {height: 210px;}
}
@media screen and (min-width: 750px) {
	#header {height: 144px;}
}
@media screen and (min-width: 840px) {
	#header {height: 167px;}
}

#header a {
	text-decoration: none;
}

#headerLogo {
	float: left;
	width: 315px;
	padding-top: 24px;
	text-align: center;
}
#headerLogo img {
	width: 315px;
}
@media screen and (min-width: 1px) {
	#headerLogo {width: 100%;}
	#headerLogo img {width: 250px;}
}
@media screen and (min-width: 750px) {
	#headerLogo {width: 250px;}
	#headerLogo img {width: 250px;}
}
@media screen and (min-width: 780px) {
	#headerLogo {width: 285px;}
	#headerLogo img {width: 285px;}
}
@media screen and (min-width: 840px) {
	#headerLogo {width: 315px;}
	#headerLogo img {width: 315px;}
}

#headerContact, #headerPhone {
	width: 177px;
	float: right;
	text-align: right;
	font-weight: bold;
	padding-top: 60px;
	color: #272361;
	font-size: 20px;
}
#headerContact a, #headerPhone a {
	color: #272361;
}
#headerContact {
	width: 117px;
}
#headerPhone {
	width: 177px;
}

@media screen and (min-width: 1px) {
	#headerContact, #headerPhone {width: 177px; padding-top: 17px; font-size: 16px;}
	#headerContact {width: 38%; text-align: left; float: right;}
	#headerPhone {width: 56%; text-align: right; float: left;}
}
@media screen and (min-width: 350px) {
	#headerContact {width: 41%;}
	#headerPhone {width: 53%;}
}
@media screen and (min-width: 400px) {
	#headerContact {width: 43%;}
	#headerPhone {width: 53%;}
}
@media screen and (min-width: 450px) {
	#headerContact {width: 45%;}
	#headerPhone {width: 52%;}
}
@media screen and (min-width: 500px) {
	#headerContact {width: 45%;}
	#headerPhone {width: 52%;}
}
@media screen and (min-width: 550px) {
	#headerContact {width: 45%;}
	#headerPhone {width: 52%;}
}
@media screen and (min-width: 600px) {
	#headerContact {width: 46%;}
	#headerPhone {width: 52%;}
}
@media screen and (min-width: 650px) {
	#headerContact {width: 45%;}
	#headerPhone {width: 53%;}
}
@media screen and (min-width: 700px) {
	#headerContact {width: 46%;}
	#headerPhone {width: 52%;}
}
@media screen and (min-width: 749px) {
	#headerContact, #headerPhone {width: 177px; padding-top: 40px; font-size: 20px;}
	#headerContact {width: 117px; text-align: right; float: right;}
	#headerPhone {width: 177px; text-align: right; float: right;}
}
@media screen and (min-width: 750px) {
	#headerContact, #headerPhone {width: 177px; padding-top: 40px; font-size: 20px;}
	#headerContact {width: 117px;}
}
@media screen and (min-width: 780px) {
	#headerContact, #headerPhone {width: 177px; padding-top: 45px; font-size: 20px;}
	#headerContact {width: 117px;}
}
@media screen and (min-width: 840px) {
	#headerContact, #headerPhone {width: 177px; padding-top: 50px; font-size: 20px;}
	#headerContact {width: 117px;}
}

#headerNav {
	padding-top: 40px;
	clear: right;
	text-align: right;
	color: #a1a2a6; /* Grey for Vertical Bars */
	margin-bottom: 10px;
}

@media screen and (min-width: 1px) {
	#headerNav {padding-top: 8px; clear: both;}
}
@media screen and (min-width: 300px) {
	#headerNav {padding-top: 10px; clear: both; text-align: center;}
}
@media screen and (min-width: 749px) {
	#headerNav {padding-top: 10px; clear: both; text-align: right;}
}
@media screen and (min-width: 750px) {
	#headerNav {padding-top: 30px; clear: right; text-align: right;}
}
@media screen and (min-width: 840px) {
	#headerNav {padding-top: 40px; clear: right;}
}

#headerNav a {
	color: #272361; /* Dark blue for Links */
	display: inline-block;
	padding: 0px 20px;
}
#headerNav a:link, #headerNav a:visited, #headerNav a:active {
	color: #272361; /* Dark blue for Links */
}
#headerNav a:hover, #headerNav a.selected {
	color: #0f76bb; /* Light Blue for hover / selected */
}
#headerNav a.selected {
	font-weight: bold;
}
#headerNav a:last-child {
	padding-right: 0px; /* Remove right end padding */
}

@media screen and (min-width:    1px) {#headerNav a {padding: 0px 20px;}}
@media screen and (min-width:  300px) {#headerNav a {padding: 0px  0px;}}
@media screen and (min-width:  840px) {#headerNav a {padding: 0px  0px;}}
@media screen and (min-width:  860px) {#headerNav a {padding: 0px  2px;}}
@media screen and (min-width:  880px) {#headerNav a {padding: 0px  4px;}}
@media screen and (min-width:  900px) {#headerNav a {padding: 0px  6px;}}
@media screen and (min-width:  920px) {#headerNav a {padding: 0px  8px;}}
@media screen and (min-width:  940px) {#headerNav a {padding: 0px 10px;}}
@media screen and (min-width:  960px) {#headerNav a {padding: 0px 12px;}}
@media screen and (min-width:  980px) {#headerNav a {padding: 0px 14px;}}
@media screen and (min-width: 1000px) {#headerNav a {padding: 0px 16px;}}
@media screen and (min-width: 1020px) {#headerNav a {padding: 0px 18px;}}
@media screen and (min-width: 1040px) {#headerNav a {padding: 0px 20px;}}

/* ###### */
/* Splash */
/* ###### */

.color1, .color6 {
	background-color: #0f76bb;
}
.color2, .color4 {
	/* background-color: #d0a13f; */
	background-color: #e3b424;
}
.color3, .color5 {
	background-color: #272361;
}

#splash, #splash3, .cycle-slideshow {
	height: 284px;
	overflow: hidden;
	margin-bottom: 28px;
}

div.cycle-slideshow div {height: 284px; overflow: hidden; margin-bottom: 10px;}
div.cycle-slideshow div h1 {font-size: 20px; margin-top: 28px;}
div.cycle-slideshow div h2 {font-size: 16px; font-weight: normal}








@media screen and (min-width: 1px) {
	#splash {display: none;}
	#splash3 {display: none;}
	div.ZZZcycle-slideshow {display: none;}
	div#splash div.inner h1{display: none;}
	div#splash div.inner h2{display: none;}
	#splash, #splash3, .cycle-slideshow {display: block;}
}
@media screen and (min-width: 625px) {
	#splash {display: block;}
	#splash3 {display: block;}
	div.cycle-slideshow {display: block;}
}
@media screen and (min-width: 825px) {
	#splash {display: block;}
	#splash3 {display: block;}
	div.cycle-slideshow {display: block;}
	div#splash div.inner h1{display: block;}
	div#splash div.inner h2{display: block;}
}



#splash .inner {
	height: 284px;
	overflow: hidden;
}
#splash .inner img {
	float: right;
	margin-left: 20px;
}
#splash .inner h1, #splash .inner h1 a {
	color: #ffffff;
	text-decoration: none;
}
#splash .inner h2, #splash .inner h2 a {
	color: #ffffff;
	text-decoration: none;
}
#splash .inner h3, #splash .inner h3 a {
	color: #ffffff;
	text-decoration: none;
}
#splash .inner p, #splash .inner p a {
	color: #ffffff;
	text-decoration: none;
}

@media screen and (min-width: 1px) {
	#splash .inner img {width: 436px; margin-left: 0px;}
}
@media screen and (min-width: 300px) {
	#splash .inner img {width: 532px;}
	#splash .inner h2 {margin-bottom: 8px;}
	#splash .inner p img {width: 100%;}
}
@media screen and (min-width: 625px) {
	#splash .inner p img {float: none;}
	#splash .inner p {text-align: center;}
}
@media screen and (min-width: 625px) {
	#splash .inner p img {float: none; width: 654px}
	#splash .inner p {text-align: center;}
}
@media screen and (min-width: 825px) {
	#splash .inner p img {float: right; margin-left: 20px;}
	#splash .inner p {text-align: left;}
	
}
@media screen and (min-width: 900px) {
	#splash .inner p img {width: 654px;}
	#splash .inner h2 {margin-bottom: 14px;}
}
@media screen and (min-width: 1024px) {
	#splash .inner p img {width: 654px;}
	#splash .inner h2 {margin-bottom: 14px;}
}














@media screen and (min-width: 1px) {
	#splash, .cycle-slideshow, #splash .inner, div.cycle-slideshow div  {height: 284px;}
}
@media screen and (min-width: 275px) {
	#splash, .cycle-slideshow, #splash .inner, div.cycle-slideshow div  {height: 284px;}
}
@media screen and (min-width: 275px) {
	#splash, .cycle-slideshow, #splash .inner, div.cycle-slideshow div  {height: 130px;}
}
@media screen and (min-width: 300px) {
	#splash, .cycle-slideshow, #splash .inner, div.cycle-slideshow div {height: 140px;}
}
@media screen and (min-width: 325px) {
	#splash, .cycle-slideshow, #splash .inner, div.cycle-slideshow div {height: 150px;}
}
@media screen and (min-width: 350px) {
	#splash, .cycle-slideshow, #splash .inner, div.cycle-slideshow div {height: 160px;}
}
@media screen and (min-width: 375px) {
	#splash, .cycle-slideshow, #splash .inner, div.cycle-slideshow div {height: 170px;}
}
@media screen and (min-width: 400px) {
	#splash, .cycle-slideshow, #splash .inner, div.cycle-slideshow div {height: 180px;}
}
@media screen and (min-width: 425px) {
	#splash, .cycle-slideshow, #splash .inner, div.cycle-slideshow div {height: 190px;}
}
@media screen and (min-width: 450px) {
	#splash, .cycle-slideshow, #splash .inner, div.cycle-slideshow div {height: 200px;}
}
@media screen and (min-width: 475px) {
	#splash, .cycle-slideshow, #splash .inner, div.cycle-slideshow div {height: 210px;}
}
@media screen and (min-width: 500px) {
	#splash, .cycle-slideshow, #splash .inner, div.cycle-slideshow div {height: 220px;}
}
@media screen and (min-width: 525px) {
	#splash, .cycle-slideshow, #splash .inner, div.cycle-slideshow div {height: 230px;}
}
@media screen and (min-width: 550px) {
	#splash, .cycle-slideshow, #splash .inner, div.cycle-slideshow div {height: 240px;}
}

@media screen and (min-width: 575px) {
	#splash, .cycle-slideshow, #splash .inner, div.cycle-slideshow div {height: 250px;}
}

@media screen and (min-width: 600px) {
	#splash, .cycle-slideshow, #splash .inner, div.cycle-slideshow div {height: 260px;}
}
@media screen and (min-width: 625px) {
	#splash, .cycle-slideshow, #splash .inner, div.cycle-slideshow div {height: 270px;}
}


@media screen and (min-width: 625px) {
	#splash, .cycle-slideshow, #splash .inner, div.cycle-slideshow div {height: 280px;}
}
@media screen and (min-width: 825px) {
	#splash, .cycle-slideshow, #splash .inner, div.cycle-slideshow div {height: 284px;}
}
@media screen and (min-width: 900px) {
	#splash, .cycle-slideshow, #splash .inner, div.cycle-slideshow div {height: 284px;}
}

@media screen and (min-width: 1024px) {
	#splash, .cycle-slideshow, #splash .inner, div.cycle-slideshow div {height: 284px;}
}





@media screen and (min-width: 1px) {
	#splash3 {height: 105px;}
}
@media screen and (min-width: 275px) {
	#splash3 {height: 105px;}
}
@media screen and (min-width: 275px) {
	#splash3 {height: 105px;}
}
@media screen and (min-width: 300px) {
	#splash3 {height: 110px;}
}
@media screen and (min-width: 325px) {
	#splash3 {height: 115px;}
}
@media screen and (min-width: 350px) {
	#splash3 {height: 120px;}
}
@media screen and (min-width: 375px) {
	#splash3 {height: 125px;}
}
@media screen and (min-width: 400px) {
	#splash3 {height: 130px;}
}
@media screen and (min-width: 425px) {
	#splash3 {height: 135px;}
}
@media screen and (min-width: 450px) {
	#splash3 {height: 140px;}
}
@media screen and (min-width: 475px) {
	#splash3 {height: 145px;}
}
@media screen and (min-width: 500px) {
	#splash3 {height: 150px;}
}
@media screen and (min-width: 525px) {
	#splash3 {height: 155px;}
}
@media screen and (min-width: 550px) {
	#splash3 {height: 160px;}
}

@media screen and (min-width: 575px) {
	#splash3 {height: 165px;}
}

@media screen and (min-width: 600px) {
	#splash3 {height: 170px;}
}
@media screen and (min-width: 625px) {
	#splash3 {height: 175px;}
}
@media screen and (min-width: 650px) {
	#splash3 {height: 180px;}
}
@media screen and (min-width: 675px) {
	#splash3 {height: 190px;}
}


@media screen and (min-width: 700px) {
	#splash3 {height: 200px;}
}
@media screen and (min-width: 725px) {
	#splash3 {height: 210px;}
}
@media screen and (min-width: 750px) {
	#splash3 {height: 220px;}
}
@media screen and (min-width: 775px) {
	#splash3 {height: 230px;}
}
@media screen and (min-width: 800px) {
	#splash3 {height: 240px;}
}
@media screen and (min-width: 825px) {
	#splash3 {height: 250px;}
}
@media screen and (min-width: 850px) {
	#splash3 {height: 260px;}
}
@media screen and (min-width: 875px) {
	#splash3 {height: 270px;}
}
@media screen and (min-width: 800px) {
	#splash3 {height: 280px;}
}


@media screen and (min-width: 825px) {
	#splash3 {height: 284px;}
}
@media screen and (min-width: 900px) {
	#splash3 {height: 284px;}
}

@media screen and (min-width: 1024px) {
	#splash3 {height: 284px;}
}






/* ######## */
/* Splash 3 */
/* ######## */

#splash3 .inner {
	height: 284px;
	overflow: hidden;
}
#splash3 .inner img {
	float: left;
	margin-top: 22px;
	margin-right: 27px;
	width: 315px;
	display: block;
	height: auto;
}

@media screen and (min-width: 1px) {
	#splash3 .inner {height: 284px;}
	#splash3 .inner img {width: 315px;}
}
@media screen and (min-width: 300px) {
	#splash3 .inner {height: 227px;}
	#splash3 .inner img {width: 315px;width: 30%; margin-right: 3%;}
}
@media screen and (min-width: 500px) {
	#splash3 .inner img {width: 30%; margin-right: 5%;}
}

@media screen and (min-width:  750px) {
	#splash3 {height: 225px;}
}
@media screen and (min-width:  820px) {
	#splash3 {height: 225px;}
}
@media screen and (min-width:  840px) {
	#splash3 {height: 230px;}
}
@media screen and (min-width:  860px) {
	#splash3 {height: 235px;}
}
@media screen and (min-width:  880px) {
	#splash3 {height: 241px;}
}
@media screen and (min-width:  900px) {
	#splash3 {height: 244px;}
}
@media screen and (min-width: 1000px) {
	#splash3 {height: 247px;}
}
@media screen and (min-width: 1010px) {
	#splash3 {height: 247px;}
}
@media screen and (min-width: 1020px) {
	#splash3 {height: 251px;}
}
@media screen and (min-width: 1030px) {
	#splash3 {height: 253px;}
	#splash3 .inner img {width: 30%; margin-right: 5%;}
}
@media screen and (min-width: 1040px) {
	#splash3 {height: 284px;}
	#splash3 .inner {height: 284px;}
	#splash3 .inner img {width: 315px; margin-right: 27px;}
}

#splash3 .inner img:last-child {
	margin-right: 0px;
}


/* ######## */
/* Page Nav */
/* ######## */

#pageNav {
	background-color: #ffffff;
	margin-bottom: 10px;
}

a.colorLink0 {
	background-color: #e6ebf7;
	color: #272361;
}
a.colorLink1, a.colorLink6 {
	background-color: #0f76bb;
	color: #e3b424;
}
a.colorLink2, a.colorLink4 {
	color: #272361;
	background-color: #e3b424;
}
a.colorLink3, a.colorLink5 {
	background-color: #272361;
	color: #e3b424;
}

a.ASNavB {
	text-decoration: none;
	display: block;
	float: left;
	font-size: 18px;
	font-weight: bold;
	width: 315px;
	margin-right: 27px;
	margin-bottom: 20px;
	text-align: center;
	padding-top: 9px;
	padding-bottom: 9px;
	-moz-box-shadow: 0px 10px 3px -3px #CCC;
	-webkit-box-shadow: 0px 10px 3px -3px #CCC;
	box-shadow: 0px 10px 3px -3px #CCC;
}

a.buttonSelected {
	text-decoration: underline;
	color: #ffffff;
}

@media screen and (min-width:    1px) {a.ASNavB {width: 100%;} a.ASNavB:nth-child(1n+0) {margin-right: 0px;} a.ASNavB:nth-child(2n+0) {margin-right: 0px;}}
@media screen and (min-width:  615px) {a.ASNavB {width: 100%;} a.ASNavB:nth-child(1n+0) {margin-right: 0px;} a.ASNavB:nth-child(2n+0) {margin-right: 0px;}}
@media screen and (min-width:  625px) {a.ASNavB {width: 48%;} a.ASNavB:nth-child(1n+0) {margin-right:  4%;} a.ASNavB:nth-child(2n+0) {margin-right: 0px;}}
@media screen and (min-width:  735px) {a.ASNavB {width: 48%;} a.ASNavB:nth-child(1n+0) {margin-right: 4%;} a.ASNavB:nth-child(2n+0) {margin-right: 0px;}}

@media screen and (min-width:  898px) {a.ASNavB {width: 270px;} a.ASNavB:nth-child(1n+0) {margin-right: 11px;} a.ASNavB:nth-child(3n+0) {margin-right: 0px;}}
@media screen and (min-width:  900px) {a.ASNavB {width: 270px;} a.ASNavB:nth-child(1n+0) {margin-right: 12px;} a.ASNavB:nth-child(3n+0) {margin-right: 0px;}}
@media screen and (min-width:  902px) {a.ASNavB {width: 270px;} a.ASNavB:nth-child(1n+0) {margin-right: 13px;} a.ASNavB:nth-child(3n+0) {margin-right: 0px;}}
@media screen and (min-width:  904px) {a.ASNavB {width: 270px;} a.ASNavB:nth-child(1n+0) {margin-right: 14px;} a.ASNavB:nth-child(3n+0) {margin-right: 0px;}}
@media screen and (min-width:  906px) {a.ASNavB {width: 270px;} a.ASNavB:nth-child(1n+0) {margin-right: 15px;} a.ASNavB:nth-child(3n+0) {margin-right: 0px;}}
@media screen and (min-width:  908px) {a.ASNavB {width: 270px;} a.ASNavB:nth-child(1n+0) {margin-right: 16px;} a.ASNavB:nth-child(3n+0) {margin-right: 0px;}}
@media screen and (min-width:  910px) {a.ASNavB {width: 270px;} a.ASNavB:nth-child(1n+0) {margin-right: 17px;} a.ASNavB:nth-child(3n+0) {margin-right: 0px;}}
@media screen and (min-width:  912px) {a.ASNavB {width: 270px;} a.ASNavB:nth-child(1n+0) {margin-right: 18px;} a.ASNavB:nth-child(3n+0) {margin-right: 0px;}}
@media screen and (min-width:  914px) {a.ASNavB {width: 270px;} a.ASNavB:nth-child(1n+0) {margin-right: 19px;} a.ASNavB:nth-child(3n+0) {margin-right: 0px;}}
@media screen and (min-width:  916px) {a.ASNavB {width: 270px;} a.ASNavB:nth-child(1n+0) {margin-right: 20px;} a.ASNavB:nth-child(3n+0) {margin-right: 0px;}}
@media screen and (min-width:  918px) {a.ASNavB {width: 270px;} a.ASNavB:nth-child(1n+0) {margin-right: 21px;} a.ASNavB:nth-child(3n+0) {margin-right: 0px;}}
@media screen and (min-width:  920px) {a.ASNavB {width: 270px;} a.ASNavB:nth-child(1n+0) {margin-right: 22px;} a.ASNavB:nth-child(3n+0) {margin-right: 0px;}}
@media screen and (min-width:  922px) {a.ASNavB {width: 270px;} a.ASNavB:nth-child(1n+0) {margin-right: 23px;} a.ASNavB:nth-child(3n+0) {margin-right: 0px;}}
@media screen and (min-width:  924px) {a.ASNavB {width: 270px;} a.ASNavB:nth-child(1n+0) {margin-right: 24px;} a.ASNavB:nth-child(3n+0) {margin-right: 0px;}}
@media screen and (min-width:  926px) {a.ASNavB {width: 270px;} a.ASNavB:nth-child(1n+0) {margin-right: 25px;} a.ASNavB:nth-child(3n+0) {margin-right: 0px;}}
@media screen and (min-width:  928px) {a.ASNavB {width: 270px;} a.ASNavB:nth-child(1n+0) {margin-right: 26px;} a.ASNavB:nth-child(3n+0) {margin-right: 0px;}}
@media screen and (min-width:  930px) {a.ASNavB {width: 270px;} a.ASNavB:nth-child(1n+0) {margin-right: 27px;} a.ASNavB:nth-child(3n+0) {margin-right: 0px;}}
@media screen and (min-width:  932px) {a.ASNavB {width: 270px;}}
@media screen and (min-width:  935px) {a.ASNavB {width: 271px;}}
@media screen and (min-width:  938px) {a.ASNavB {width: 272px;}}
@media screen and (min-width:  941px) {a.ASNavB {width: 273px;}}
@media screen and (min-width:  944px) {a.ASNavB {width: 274px;}}
@media screen and (min-width:  947px) {a.ASNavB {width: 275px;}}
@media screen and (min-width:  950px) {a.ASNavB {width: 276px;}}
@media screen and (min-width:  953px) {a.ASNavB {width: 277px;}}
@media screen and (min-width:  956px) {a.ASNavB {width: 278px;}}
@media screen and (min-width:  959px) {a.ASNavB {width: 279px;}}
@media screen and (min-width:  962px) {a.ASNavB {width: 280px;}}
@media screen and (min-width:  965px) {a.ASNavB {width: 281px;}}
@media screen and (min-width:  968px) {a.ASNavB {width: 282px;}}
@media screen and (min-width:  971px) {a.ASNavB {width: 283px;}}
@media screen and (min-width:  974px) {a.ASNavB {width: 284px;}}
@media screen and (min-width:  977px) {a.ASNavB {width: 285px;}}
@media screen and (min-width:  980px) {a.ASNavB {width: 286px;}}
@media screen and (min-width:  983px) {a.ASNavB {width: 287px;}}
@media screen and (min-width:  986px) {a.ASNavB {width: 288px;}}
@media screen and (min-width:  989px) {a.ASNavB {width: 289px;}}
@media screen and (min-width:  992px) {a.ASNavB {width: 290px;}}
@media screen and (min-width:  995px) {a.ASNavB {width: 291px;}}
@media screen and (min-width:  998px) {a.ASNavB {width: 292px;}}
@media screen and (min-width: 1001px) {a.ASNavB {width: 293px;}}
@media screen and (min-width: 1004px) {a.ASNavB {width: 294px;}}
@media screen and (min-width: 1007px) {a.ASNavB {width: 295px;}}
@media screen and (min-width: 1010px) {a.ASNavB {width: 296px;}}
@media screen and (min-width: 1013px) {a.ASNavB {width: 297px;}}
@media screen and (min-width: 1016px) {a.ASNavB {width: 298px;}}
@media screen and (min-width: 1019px) {a.ASNavB {width: 299px;}}
@media screen and (min-width: 1022px) {a.ASNavB {width: 300px;}}
@media screen and (min-width: 1025px) {a.ASNavB {width: 301px;}}
@media screen and (min-width: 1028px) {a.ASNavB {width: 302px;}}
@media screen and (min-width: 1031px) {a.ASNavB {width: 303px;}}
@media screen and (min-width: 1034px) {a.ASNavB {width: 304px;}}
@media screen and (min-width: 1037px) {a.ASNavB {width: 305px;}}
@media screen and (min-width: 1040px) {a.ASNavB {width: 315px;} a.ASNavB:nth-child(3n+0) {margin-right: 0px;}}


@media screen and (min-width:  1px) {#pageNav div.innerB {display: block;} #pageNav div.inner {display: none;}}
@media screen and (min-width:  350px) {#pageNav div.inner {display: block;} #pageNav div.innerB {display: none;}}


/* ####### */
/* Content */
/* ####### */

#content {
	background-color: #ffffff;
}
#rightPanel {
	width: 657px;
	float: right;
	margin-bottom: 36px;
}
#leftPanel {
	width: 315px;
	float: left;
}

#rightPanel a {
	text-decoration: none;
	color: #0f76bb;
	font-weight: bold;
}


#rightPanel table img {
	border: solid 1px #cccccc;
	margin-right: 20px;
}
#rightPanel table td {
	padding-bottom: 15px;
}


@media screen and (min-width:    1px) {#rightPanel {width:  100%;} #leftPanel {width:  100%;}}
@media screen and (min-width:  300px) {#rightPanel {width:  100%;} #leftPanel {width:  100%;}}
@media screen and (min-width:  740px) {#rightPanel {width:   64%;} #leftPanel {width:   32%;}}
@media screen and (min-width: 1039px) {#rightPanel {width:   64%;} #leftPanel {width:   32%;}}
@media screen and (min-width: 1040px) {#rightPanel {width: 657px;} #leftPanel {width: 315px;}}


@media screen and (min-width:    1px) {#rightPanel table img {width: 66px; margin-right: 10px; height: auto;}}
@media screen and (min-width:  400px) {#rightPanel table img {width: 100px; margin-right: 10px; height: auto;}}
@media screen and (min-width: 900px) {#rightPanel table img {width: 175px;  margin-right: 20px;}}


#leftPanelTop, #leftPanelBottom {
	background-color: #e6ebf7;
	border: solid 1px #c8c9cb;
	padding: 10px;
	margin-bottom: 36px;
	-moz-box-shadow: 0px 5px 4px 1px #CCC;
	-webkit-box-shadow: 0px 5px 4px 1px #CCC;
	box-shadow: 0px 5px 4px 1px #CCC;
}
#leftPanelTop {
	font-size: 14px;
}
#leftPanelTop ul li ul li{
	margin-bottom: 0px;
}
#leftPanelTop p:last-child{
	margin-bottom: 0px;
}

#leftPanelBottomHeader {
	margin-bottom: 0px;
	background-color: #0f76bb;
	padding: 10px;
	text-align: center;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
}
#leftPanelBottom {
	line-height: 2.4;
	font-size: 18px;
	font-weight: bold;
}
#leftPanelBottom a {
	text-decoration: none;
	color: #272361;
}
#leftPanelBottom img {
	width: 30px;
	margin-right: 20px;
	vertical-align: middle;
}

#content h1 {
	font-size: 18px;
	color: #272361;
}
#content ul {
	list-style-position: outside;
	margin-left: 20px;
	margin-bottom: 14px;
}
#content ul li {
	margin-bottom: 8px;
}

/* ##### */
/* Forms */
/* ##### */


div.form {
	padding: 15px;
	background-color: #e7e7e8;
	border: solid 1px #a8a9ad;
}
div.formPair {
	clear: left;
}
div.formPairTextarea {
	height: 120px;
	clear: left;
}
div.formPairSubmit {
	height: 15px;
	clear: left;
}
label {
	display: block;
	padding-top: 4px;
	margin-bottom: 20px;
	width: 150px;
	float: left;
	clear: left;
}
input[type=text] {
	display: block;
	margin-bottom: 15px;
	width: 450px;
	float: right;
	font-size: 18px;
	padding: 3px;
}
textarea {
	display: block;
	margin-bottom: 15px;
	width: 450px;
	float: right;
	font-size: 18px;
	padding: 3px;
	height: 100px;
}
input[type=submit] {
	display: block;
	margin-bottom: 15px;
	width: 90px;
	float: right;
	font-size: 18px;
	padding: 3px;
	background-color: #0f76bb;
	color: #ffffff;
}


@media screen and (min-width:    1px) {input[type=text] {width: 250px;} textarea {width: 250px;}}
@media screen and (min-width:  300px) {input[type=text] {width: 250px;} textarea {width: 250px;}}
@media screen and (min-width:  400px) {input[type=text] {width: 350px;} textarea {width: 350px;}}
@media screen and (min-width:  800px) {input[type=text] {width: 450px;} textarea {width: 450px;}}




/* ###### */
/* Footer */
/* ###### */

#footer {
	background-color: #272361;
}

/*
	background-color: #ff0000;

*/

#footer .inner {
	background: transparent URL(/images/template/Footer-Triangle.png) 100% 100% no-repeat;
	background-size: 132px 138px;
}
#footerRight {
	width: 657px;
	float: right;
	padding: 15px 0px;
	color: #ffffff;
}
#footerRight p {
	margin-bottom: 5px;;
}
#footerRight p a {
	color: #ffffff;
	text-decoration: none;
	display: inline-block;
	padding-right: 15px;
}
#footerRight img {
	height: 60px;
	display: block;
	width: auto;
	float: left;
	margin-right: 70px;
}
#footerLeft {
	width: 315px;
	float: left;
	padding: 15px 0px;
	color: #ffffff;
}
#footerLeft a{
	color: #ffffff;
	text-decoration: none;
}

@media screen and (min-width:    1px) {#footerRight {width:  100%;} #footerLeft {width:  100%;}}
@media screen and (min-width:  300px) {#footerRight {width:  100%;} #footerLeft {width:  100%;}}
@media screen and (min-width:  740px) {#footerRight {width:   64%;} #footerLeft {width:   32%;}}
@media screen and (min-width: 1039px) {#footerRight {width:   64%;} #footerLeft {width:   32%;}}
@media screen and (min-width: 1040px) {#footerRight {width: 657px;} #footerLeft {width: 315px;}}

/* ######### */
/* Copyright */
/* ######### */

#copyright {
	background-color: #ffffff;
}
#copyright {
	text-align: center;
	font-size: 10px;
	color: #949599;
}
#copyright .inner {
	padding: 5px 0px;
}