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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 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; }
	
body {
	background: #F2F2ED;
	font-family: "Segoe","Segoe WP",Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	color: rgb(51, 51, 51);
	line-height: 1.6em;
}

h1, h2, h3, h4, h5, h6 {
	color: #181818;
	font-family: "Segoe UI","Segoe WP",Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 2.25em; line-height: 3.125em; margin-bottom: 0.875em; color: #008bb6; }
h2 { font-size: 1.775em; line-height: 1.65em; margin-bottom: 0.625em; color: #fff; background-color: #417081; padding-left: 1.85em; font-weight: 600;}
h3 { font-size: 1.375em; line-height: 2.125em; margin-bottom: 0.5em; color: #fff; background-color: rgb(96, 125, 103); font-weight: 600; text-align: center; border-top-left-radius: 4px; border-top-right-radius: 4px;}
h4 { font-size: 1.25em; line-height: 1.875em; margin-bottom: 0.25em; color: #000; background-color: #FFF8DC;  padding-left: 0.3125em;}
h5 { font-size: 1.0625em; line-height: 1.5em; font-weight: 600;}
h6 { font-size: 0.875em; line-height: 1.3125em; color: #fff; background-color: #417081; padding-left: 0.625em;}
.subheader { color: #777; }

.header {
    height: 8em;
    margin-bottom: 1em;
	padding: 1.6em 0 0 0;
}
.logoimg {
    float: left;
    height: 91px;
	width: 100px;
	padding: 1em;
}
#logo {
    font: 3.73em "Segoe UI";
    color: #008bb6;
    line-height: 1.25em;
    padding-left: 1em;
}
.strap {
 font-size: 1.125em;
 line-height: 1.4em;
 margin-left: 3.5em;
 font-weight: 600;
 color: rgb(72, 61, 139);
}

p { 
line-height: 1.375em;
margin: 0 0 0.7em 0;
font-family: inherit;
font-size: 1em;
font-weight: normal;
}

p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777; }
.pnl_lite {
    background-color: rgb(248, 248, 255);
    padding-top: 1em;
    padding-bottom: 1em;
    color: initial;
	text-align: center;
	}
.pnl_lite_b {
	background-color: rgb(248, 248, 255);
    color: rgb(100, 149, 237);
	font-size: 21px;
	line-height: 27px;
	text-align: center;
	}

em { font-style: italic; }
strong { font-weight: bold; }
small { font-size: 80%; }

/*	Blockquotes  */
blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

.tagline {
    color: #663399;
    font-family: "Segoe UI", Verdana, 'Trebuchet MS', Arial; 
    text-align: center;
	background-color: ghostwhite;
	font-weight: 600;
	min-width: 18em;
    max-width: 33em;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 1em;
	margin-top: 1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.25em;
    padding-bottom: 0.25em;
}

a:link {
    color: rgb(68, 68, 68);
}
a:visited {
    color: rgb(68, 68, 68);
}
a:hover {
    color: #663399;
}
a:active {
     color: #663399;
}

ul, ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 1em;  }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 18px; margin-bottom: 12px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }

img.scale-with-grid {
	max-width: 100%;
	height: auto; }

.img_first {float: left;padding-right: 1em;padding-bottom: 1em;}
.hl {color: rgb(102, 51, 153);font-weight: 600;font-size: 1.25em;}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  background: #eee; /* Old browsers */
  background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
  background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
  background: #eee -webkit-linear-gradient(to bottom, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
  background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
  background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
  background: #eee linear-gradient(to bottom, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
  border: 1px solid #aaa;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding: 4px 12px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #444;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, .75);
  cursor: pointer;
  margin-bottom: 20px;
  line-height: normal;
  padding: 8px 10px;
  font-family: "Monaco", "Trebuchet MS", Helvetica, Arial, sans-serif; }

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
 color: #222;
 background: #ddd; /* Old browsers */
 background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
 background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
 background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
 background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
 background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
 background: #ddd linear-gradient(to bottom, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
 border: 1px solid #888;
 border-top: 1px solid #aaa;
 border-left: 1px solid #aaa; }

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	border: 1px solid #666;
	background: #ccc; /* Old browsers */
	background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
	background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
	background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
	background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
	background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
	background: #ccc linear-gradient(to bottom, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

ul.tabs {
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
	border-bottom: solid 1px #ddd; }
ul.tabs li {
	display: block;
	width: auto;
	height: 30px;
	padding: 0;
	float: left;
	margin-bottom: 0; }
ul.tabs li a {
	display: block;
	text-decoration: none;
	width: auto;
	height: 29px;
	padding: 0px 20px;
	line-height: 30px;
	border: solid 1px #ddd;
	border-width: 1px 1px 0 0;
	margin: 0;
	background: #f5f5f5;
	font-size: 13px; }
ul.tabs li a.active {
	background: #fff;
	height: 30px;
	position: relative;
	top: -4px;
	padding-top: 4px;
	border-left-width: 1px;
	margin: 0 0 0 -1px;
	color: #111;
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	border-top-right-radius: 2px; }
ul.tabs li:first-child a.active {
	margin-left: 0; }
ul.tabs li:first-child a {
	border-width: 1px 1px 0 1px;
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	border-top-left-radius: 2px; }
ul.tabs li:last-child a {
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	border-top-right-radius: 2px; }

ul.tabs-content { margin: 0; display: block; }
ul.tabs-content > li { display:none; }
ul.tabs-content > li.active { display: block; }

ul.tabs:before,
ul.tabs:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
ul.tabs:after {
  clear: both; }
ul.tabs {
  zoom: 1; }

form {
	margin-bottom: 0; }
fieldset {
	margin-bottom: 20px; }
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
	border: 1px solid #ccc;
	padding: 6px 4px;
	outline: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font: 13px "Monaco", "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #777;
	margin: 0;
	width: 210px;
	max-width: 100%;
	display: block;
	margin-bottom: 20px;
	background: #fff; }
select {
	padding: 0; }
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
	border: 1px solid #aaa;
	color: #444;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	box-shadow:  0 0 3px rgba(0,0,0,.2); }
textarea {
	min-height: 60px; }
label,
legend {
	display: block;
	font-weight: bold;
	font-size: 13px;  }
select {
	width: 220px; }
input[type="checkbox"] {
	display: inline; }
label span,
legend span {
	font-weight: normal;
	font-size: 13px;
	color: #444; }

.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }

div.hideSkiplink {
width: 100%;
}

/* skeleton*/
.container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.row                                        { margin-bottom: 20px; }
.column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; }
.container .one.column,
.container .one.columns                     { width: 40px;  }
.container .two.columns                     { width: 100px; }
.container .three.columns                   { width: 160px; }
.container .four.columns                    { width: 220px; }
.container .five.columns                    { width: 280px; }
.container .six.columns                     { width: 340px; }
.container .seven.columns                   { width: 400px; }
.container .eight.columns                   { width: 460px; }
.container .nine.columns                    { width: 520px; }
.container .ten.columns                     { width: 580px; }
.container .eleven.columns                  { width: 640px; }
.container .twelve.columns                  { width: 700px; }
.container .thirteen.columns                { width: 760px; }
.container .fourteen.columns                { width: 820px; }
.container .fifteen.columns                 { width: 880px; }
.container .sixteen.columns                 { width: 940px; }
.container .one-third.column                { width: 300px; }
.container .two-thirds.column               { width: 620px; }
.container .offset-by-one                   { padding-left: 60px;  }
.container .offset-by-two                   { padding-left: 120px; }
.container .offset-by-three                 { padding-left: 180px; }
.container .offset-by-four                  { padding-left: 240px; }
.container .offset-by-five                  { padding-left: 300px; }
.container .offset-by-six                   { padding-left: 360px; }
.container .offset-by-seven                 { padding-left: 420px; }
.container .offset-by-eight                 { padding-left: 480px; }
.container .offset-by-nine                  { padding-left: 540px; }
.container .offset-by-ten                   { padding-left: 600px; }
.container .offset-by-eleven                { padding-left: 660px; }
.container .offset-by-twelve                { padding-left: 720px; }
.container .offset-by-thirteen              { padding-left: 780px; }
.container .offset-by-fourteen              { padding-left: 840px; }
.container .offset-by-fifteen               { padding-left: 900px; }

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container                                  { width: 768px; }
    .container .column,
    .container .columns                         { margin-left: 10px; margin-right: 10px;  }
    .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
    .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
    .alpha.omega                                { margin-left: 0; margin-right: 0; }
    .container .one.column,
    .container .one.columns                     { width: 28px; }
    .container .two.columns                     { width: 76px; }
    .container .three.columns                   { width: 124px; }
    .container .four.columns                    { width: 172px; }
    .container .five.columns                    { width: 220px; }
    .container .six.columns                     { width: 268px; }
    .container .seven.columns                   { width: 316px; }
    .container .eight.columns                   { width: 364px; }
    .container .nine.columns                    { width: 412px; }
    .container .ten.columns                     { width: 460px; }
    .container .eleven.columns                  { width: 508px; }
    .container .twelve.columns                  { width: 556px; }
    .container .thirteen.columns                { width: 604px; }
    .container .fourteen.columns                { width: 652px; }
    .container .fifteen.columns                 { width: 700px; }
    .container .sixteen.columns                 { width: 748px; }
    .container .one-third.column                { width: 236px; }
    .container .two-thirds.column               { width: 492px; }
    .container .offset-by-one                   { padding-left: 48px; }
    .container .offset-by-two                   { padding-left: 96px; }
    .container .offset-by-three                 { padding-left: 144px; }
    .container .offset-by-four                  { padding-left: 192px; }
    .container .offset-by-five                  { padding-left: 240px; }
    .container .offset-by-six                   { padding-left: 288px; }
    .container .offset-by-seven                 { padding-left: 336px; }
    .container .offset-by-eight                 { padding-left: 384px; }
    .container .offset-by-nine                  { padding-left: 432px; }
    .container .offset-by-ten                   { padding-left: 480px; }
    .container .offset-by-eleven                { padding-left: 528px; }
    .container .offset-by-twelve                { padding-left: 576px; }
    .container .offset-by-thirteen              { padding-left: 624px; }
    .container .offset-by-fourteen              { padding-left: 672px; }
    .container .offset-by-fifteen               { padding-left: 720px; }
	#logo { font-size: 3.73em; padding-left: 1em; }
	.strap { margin-left: 6.5em; }
	.container .column, .container .columns {float: none; }
	h2 { font-size: 1.2em; }
	.tagline { font-size: 1em; }
	.foot { height: 18.25em !important; }
	.foot .copybar { margin-top: 7em !important; }
}

@media only screen and (max-width: 767px) {
    .container { width: 300px; }
    .container .columns,
    .container .column { margin: 0; }
    .container .one.column,
    .container .one.columns,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column  { width: 300px; }
    .container .offset-by-one,
    .container .offset-by-two,
    .container .offset-by-three,
    .container .offset-by-four,
    .container .offset-by-five,
    .container .offset-by-six,
    .container .offset-by-seven,
    .container .offset-by-eight,
    .container .offset-by-nine,
    .container .offset-by-ten,
    .container .offset-by-eleven,
    .container .offset-by-twelve,
    .container .offset-by-thirteen,
    .container .offset-by-fourteen,
    .container .offset-by-fifteen { padding-left: 0; }
	#logo { font-size: 3em; padding-left: 0; }
	.strap { margin-left: 1.5em; }
	.container .column, .container .columns {float: none; }
	h2 { font-size: 1.2em; }
	.tagline { font-size: 1em; }
	.foot { height: 18.25em !important; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container { width: 420px; }
    .container .columns,
    .container .column { margin: 0; }
    .container .one.column,
    .container .one.columns,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column { width: 420px; }
}

@media screen and (max-width: 425px){
.logoimg {
   width: 20%;
   padding: 0;
}
#logo {
    width: 50%;
    font-size: 2rem;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1.5rem;
}
.strap {
   font-size: 0.85em;
   margin-left: 1.5em;
}
}

.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.row:after, .clearfix:after {
  clear: both; }
.row, .clearfix {
  zoom: 1; }
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
} 
/* Layout*/
code,kbd,pre,samp {
 background-color: #FFFEF8;
 font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
 font-size: 1em;
}
code {
  padding: 2px 4px;
  vertical-align: text-bottom;
}
pre {
	white-space: pre;
	padding: 0.25em;
	border: solid 1px #C0C0C0;
}
pre > code {white-space: normal;}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    -webkit-box-shadow: none;
    box-shadow: none
}

/* Smaller than standard 960 (devices and browsers) */
/* @media only screen and (max-width: 959px) {} */

/* Tablet Portrait size to standard 960 (devices and browsers) */
/* @media only screen and (min-width: 768px) and (max-width: 959px) {} */

/* All Mobile Sizes (devices and browser) */
/* @media only screen and (max-width: 767px) {} */

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/* @media only screen and (min-width: 480px) and (max-width: 767px) {} */

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
/* @media only screen and (max-width: 479px) {} */

/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */
/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

.mainnav {
    width: 850px;
	margin-left: auto;
	margin-right: auto;
}
#menuMain {
	padding: 0; position: relative;
	font-family: "Segoe UI", "Georgia", "Times New Roman", Helvetica, Arial, sans-serif; font-size: 1em;
	float: none !important;
}
#menuMain ul {
	list-style: none; margin: 0px; padding: 0px; width: auto; z-index: 9999; text-align: center;
}
#menuMain ul li ul { 
    display: none;
	font-size: 1em;
} 
#menu ul li { 
    position: relative;  
    float: left; 
    list-style: none;
	display: inline-block;
	min-width: 110px;
} 

#menuMain ul li a {
	padding: 0.5em 0.85em;
	line-height: 1.8em;
	font-weight: bold;
	text-decoration: none;
	margin-right: 5px;
	display: block;
	white-space: nowrap; 
	border: 1px solid rgb(255, 255, 255); 
	}

#menuMain ul li .static {
color: rgb(255, 255, 255);
	background-color: rgb(65, 112, 129);
	}

#menuMain ul li a:link.level1.static {
	 color: rgb(255, 255, 255); background-color: rgb(65, 112, 129) !important;
}

#menuMain ul li a:visited.level1.static {
    color: rgb(255, 255, 255) !important;
}

#menuMain ul li a:hover.level1.static {
	color: rgb(25, 13, 13); background-color: rgb(175, 196, 223) !important;
}
#menuMain ul li a:active.level1.static {
	color: rgb(207, 219, 230); background-color: rgb(175, 196, 223) !important;
}

#menuMain .level1.selected.static {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(0, 139, 182) !important;
}

#menuMain ul li a:link.level2.dynamic {
	 color: rgb(255, 255, 255); background-color: rgb(65, 112, 129) !important;
}

#menuMain ul li a:visited.level2.dynamic {
    color: rgb(255, 255, 255); background-color: rgb(65, 112, 129) !important;
}

#menuMain ul li a:hover.level2.dynamic {
	color: rgb(25, 13, 13); background-color: rgb(175, 196, 223) !important;
}
#menuMain ul li a:active.level2.dynamic {
	color: rgb(207, 219, 230); background-color: rgb(175, 196, 223) !important;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {

#menuMain { padding-top: 1em; }

}

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

.logoimg {
    float: left;
    height: 91px;
    width: 100px;
    padding: 1em;
}

#menuMain {
width: 600px;
padding-top: 2em;
}
#menuMain li { min-width: 25%; }
}

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

.logoimg {
    float: left;
    height: 91px;
    width: 100px;
    padding-top: 1em;
    padding-right: 1em;
    margin-left: -1em;
}

#menuMain {
width: 350px;
padding-left: 0;
}
#menuMain li {
    line-height: 18px;
    margin-bottom: 12px;
    min-width: 33.333%;
    text-align: center;
}

h2 {
font-size: 1em;
padding-left: .5em;
}
}

.new {
color: rgb(102, 51, 153);
}
.soon {
color: rgb(46, 139, 87);
}
#main {
background: url(yorkwalls.svg) no-repeat bottom 1em center;
min-height: 600px;
padding-bottom: 6em;
}

.devmenu { padding-left: 3em; padding-top: .25em;}

.devmenu li {
    border-radius: 4px;
    border: 1px solid rgb(65, 112, 129);
}
.devmenu li a {
    font-family: "Segoe UI", "Georgia", "Times New Roman", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.5rem;
    color: rgb(65, 112, 129);
    text-decoration: none;
    display: block;
	padding: 8px;
}
.devmenu li:hover {
    background-color: #6495ED;
}

.devmenu li a:hover, li a.current {
 color: #fff;
 background-color: rgb(65, 112, 129);
}
.rightnav {color: rgb(95, 158, 160);background-color: ghostwhite; padding: 0.25em 0.5em; border-bottom: solid 1px; border-right: solid 1px;}
.rightnav li {padding: 0.25em 0;}
.rightnav li a {color: rgb(95, 158, 160); border-left: rgb(95, 158, 160) solid 3px; border-bottom: rgb(95, 158, 160) solid 3px; text-decoration: none; padding: 0 1.2em 0 0.5em;}
.rightnav li a:hover {color: rgb(60, 90, 152); border-left: rgb(60, 90, 152) solid 3px; border-bottom: rgb(60, 90, 152) solid 3px;}

@media screen and (min-width: 480px){
    .devmenu li {
        display: inline-block;
    }
    .devmenu li a {
        padding: 8px;
    }
}

@media screen and (max-width: 480px){
    .devmenu li {
        display: block;
        margin: 2px 0px;
    }
    .devmenu li a {
        padding: 1.26%;
    }
    .devmenu img {
        padding: 1.26%;
        margin: 3px 0;
        width: 98%;
    }
}

.webbox {
    position: relative; 
    float:left;
    width: 270px;
    border: 4px solid #99cc33;
    min-height: 360px;
    margin: 10px;
    padding: 5px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding-bottom: 25px;
} 

.webboxr {
    position: relative; 
    float: right;
    width: 340px;
	background-color: #528fac;
	color: #fff;
    border: 4px solid #528fac;
    min-height: 290px;
	padding-bottom: 10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin-bottom: 10px;
} 

.webboxr .red {
	color: #99cc33;
	font-weight: bold; 
}

.webboxr .fa {
	color: orange;
}

.webboxr a {
	color: orange;
}
.webboxr a:hover {
	color: #99cc33;
}

.webboxr p {
  padding-left: 10px;
  padding-right: 5px;
  text-align: center;
}
.webboxr ul {
  padding-left: 10px;
  padding-right: 5px;
}
.webboxr .o{
color: orange;
}

.webbox p {
  padding-top: 5px;
  padding-left: 5px;
} 
.wbsul{
text-align: center;
}

.wbsr {
 color: #fff;
 background-color: #528fac;
 width: 100%;
 margin: 0;
 padding: 0;
 text-align: center;
 border-bottom: 1px solid #eee;
 padding-bottom: 2px;
 margin-bottom: 3px;
}

.wbs {
 color: #fff;
 background-color: #99cc33;
 width: 93%;
 margin: 0;
 padding: 10px;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 text-align: center;
}  

.webbox .fa {
	color: #99cc33;
}

.webbox a:hover {
	color: #99cc33;
}

.devbox {
  position: relative; 
  float:left;
  width: 270px;
  border: 4px solid #008bb6;
  min-height: 535px;
  margin: 10px;
  padding: 5px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding-bottom: 25px;
} 

.devboxr {
  position: relative; 
  float: right;
  width: 270px;
  border: 4px solid #008bb6;
  min-height: 360px;
  margin: 10px;
  padding: 5px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
} 

.devbox p {
  padding-top: 5px;
  padding-left: 5px;
}

.devbox .fa {
	color: #008bb6;
}
.devbox a:hover {
	color: #008bb6;
}
.dbs {
	color: #fff;
	background-color: #008bb6;
	width: 93%;
	margin: 0;
	padding: 10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-align: center;
}    
.conbox {
  position: relative; 
  float:left;
  width: 270px;
  border: 4px solid #ff9900;
  min-height: 535px;
  margin: 10px;
  padding: 5px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding-bottom: 25px;
}
.conbox p {
  padding-top: 5px;
	padding-left: 5px;
}

.conbox .fa {
color: #ff9900;
}
.conbox a:hover {
	color: #ff9900;
}

.cbs {
	color: #fff;
	background-color: #ff9900;
	width: 93%;
	margin: 0;
	padding: 10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-align: center;
}
.bmore {   
  position: absolute;  
  bottom: 10px;
  right: 30px;  
} 

legend {
	background-color: #89b2ea;
	margin: 0;
	padding: 5px;
	border-style: solid;
	border-width: 2px;
	border-color: #89b2ea;
	font-weight: bold;
	font-size: medium;
	color: white;
	text-transform: capitalize;
	font-family: 'Trebuchet MS';
}

fieldset {
	margin: 0 0 10px 0;
	padding: 5px;
	border: 2px solid #89b2ea;
}

blockquote {
	margin: 1em 3em;
	padding: .5em 1em;
	border-left: 5px solid #89b2ea;
	background-color: #C2DFFF;
	width: 350px;
	text-align: left;
}

.ulist {
	float: left;
	width: 48em;
	margin-left: 25px;
	padding: 0;
  list-style: none;
	color: lightseagreen;
}
 
.ulist li {
	float: left;
	width: 24em;
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
} 

.lblfeedback {
	color: #008bb6;
	font-family: Arial, Verdana, 'Trebuchet MS'; 
	font-weight: bold;
}

.line {
    color: rgb(92, 135, 178);
    background-color: rgb(92, 135, 178);
    width: 80%;
    height: 3px;
	margin: 1em auto;
}
.clear {
 clear: both;
}
  
.noMarg{
	margin:0;
}
.normMarg{
	margin-bottom:5px;
}
.extraMarg{
	margin-bottom:15px !important;
}
.indented{
	padding-left:15px;
}

.right 
{
  float: right;
  padding-left: 0.5em;
}

.cent {
  text-align: center;
}
.centnp {text-align: center;padding: 0;}

.site {
 list-style-type: square; 
}
.required {
  color: Red;
}

sup {
vertical-align: super;
font-size: smaller;
}

.cform *{font:14px 'nimbus sans l',sans-serif;margin:0;padding:0 0 0 8px;}
.cform ul{list-style:none;}
.cform ul li{float:left;clear:both;margin-top:20px;}
.cform label{color:gray;display:block;margin-bottom:6px;}
.cform input[type=text],#form_name select,#form_name textarea{width:280px;padding:6px 7px;border:1px solid #e4e5e7;margin-left: 10px;border-top-color:#adadad;background:#fff;color:#333;}
.cform textarea{width:380px;min-height:180px;margin-left: 10px;}
.cform ul ul li{float:left;clear:both;margin-top:5px;}
.cform ul ul input{float:left;width:auto;margin:0 10px 0 0;}
.cform ul ul label{float:left;width:auto;margin:0;}
.cform input[type=submit]{float:left;font-weight:700;color:#fff;width:auto;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#999;background-image:linear-gradient(to bottom,#999,#808080);margin:0 0 50px 10px;padding:10px 20px;border:0;}
.cform input[type=submit]:hover{cursor:pointer;background:#999;}
.cform input[type=submit]:active{cursor:pointer;background:#999;-webkit-box-shadow:inset 0 0 2px 3px rgba(0, 0, 0, .1);-moz-box-shadow:inset 0 0 2px 3px rgba(0,0,0,.1);box-shadow:inset 0 0 2px 3px rgba(0, 0, 0, .1);}
.cform .error input,#form_name .error textarea{border-color:#f44;}
.cform .error-message{color:#f44;}
.remove-link {
	text-decoration: none !important;
}
.foot {
  background-color: rgb(119, 136, 153);
  color: rgb(255, 255, 255);
  width: 100%;
  height: 13.25em;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  padding-top: 1em;
  padding-bottom: 1em;
  position: relative;
}
.foot a:link {
    color: white;
}
.foot a:visited {
    color: white;
}
.foot a:hover {
    color: #663399;
}
.foot a:active {
     color: #663399;
}
.foot .copybar {
padding: 0.5em 0px;
color: white;
font-size: 0.85em;
display: block;
background-color: rgb(104, 122, 137);
margin-top: 3em;
position: absolute;
bottom: 0; 
left: 0;
width: 100%;
}
.foot .fa {color: rgb(255, 215, 0);}
.imgleft {
float: left;
margin: 1em 1em;
}
.box-text {
 padding-left: 0.5em;
 padding-right: 0.5em;
}
.news_date {
	font-weight: bold;
    color: rgb(95, 158, 160);
    border-bottom: 1px solid rgb(95, 158, 160);
}
.fa {color: rgb(95, 158, 160);}
.twin {
     -webkit-columns: 2;
    -moz-columns: 2;
	columns: 2;
	-webkit-column-gap: 1.1em;
	-moz-column-gap: 1.1em;
	column-gap: 1.1em;
	width: 100%;
}
.speakbox {
	background-color: rgba(248, 248, 255, 0.7);
	padding: 1em;
}
.speak {
    font-size: 1.65em;
    color: rgb(102, 51, 153);
}
.callout {
    margin: 1em 1em;
    padding: .5em 1em;
    border: 2px solid rgb(255, 255, 255);
    border-left: 5px solid rgb(137, 178, 234);
    width: 75%;
    text-align: left;
    background-color: rgba(248, 248, 255, 0.7);
}
.site li a:hover {
	color: rgb(65, 112, 129);
	border-bottom: 1px solid rgb(65, 112, 129);
}
.hor_ul li {
	display: inline;
	padding-left: 1em;
}

/* http://prismjs.com/download.html?themes=prism-okaidia&languages=markup+css+clike+javascript */
/**
 * okaidia theme for JavaScript, CSS and HTML
 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
 * @author ocodia
 */

code[class*="language-"],
pre[class*="language-"] {
	color: #f8f8f2;
	background: none;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
	border-radius: 0.3em;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #272822;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: slategray;
}

.token.punctuation {
	color: #f8f8f2;
}

.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
	color: #f92672;
}

.token.boolean,
.token.number {
	color: #ae81ff;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
	color: #a6e22e;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
	color: #f8f8f2;
}

.token.atrule,
.token.attr-value,
.token.function {
	color: #e6db74;
}

.token.keyword {
	color: #66d9ef;
}

.token.regex,
.token.important {
	color: #fd971f;
}

.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}