html, body {
	background: #fcfaf8 url('../images/bkg.jpg') repeat-x;
	margin: 0px;
	padding: 0px;	
}

div.mainContainer {
	background: url('../images/bkgMain.png') no-repeat top left;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 980px;
	clear: both;
	overflow: auto;
}

div.header {
	background: url('../images/bkgHeader.png') no-repeat top left;
	margin: 0px;
	padding: 0px;
	width: 980px;
	height: 135px;
	float: left;
	clear: both;
}

div.headerMenu {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: right;
}

div.headerMenu h2 {
	margin: 40px 20px 0px 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 23px;
	font-weight: bold;
	color: #999999;
	vertical-align: top;
	text-align: right;	
}

div.menuText {
	margin: 40px 20px 0px 0px;
	padding: 0px;
	text-align: right;
	float: right:
}

div.headerMenu a {
	margin: 0px 0px 0px 35px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	text-decoration : none;
}

#carousel {
	background: url('../images/bkgCarousel.png') no-repeat top left;
	margin: 0px;
	padding: 0px;
	width: 980px;
	height: 367px;
	float: left;
	clear: both;
}

#carousel img {
	margin: 45px 0px 0px 108px
}

div.content {
	margin: 0;
	padding: 20px 0px 20px 0px;
	width: 980px;
	min-height: 500px;
/*	float: right; */
	clear: both;
}

div.contentLeft {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	width: 625px;
	min-height: 400px;
	float: left;
}

div.contentLeft .imgLarge {
	margin: 20px 0px 20px 0px;
	padding: 0px;
	width: 625px;
	height: 200px;
	float: left;
	clear: both;
	font-family: Arial, sans-serif;
	background-color: #E6E6E6;
	overflow:hidden;
}

div.contentLeft .imgSmall {
	margin: 20px 0px 20px 0px;
	padding: 0px 20px 0px 0px;
	width: 180px;
	height: 180px;
	float: left;
	font-family: Arial, sans-serif;
}

div.contentLeft .highlight {
	background: url('../images/bkgHighlight.png') repeat;
	margin: 20px 0px 20px 0px;
	padding: 0px;
	width: 623px;
	min-height: 200px;
	border: #FBB03B 1px solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px;
	float: left;
	clear: both;
	font-family: Arial, sans-serif;
}

div.formContainer {
	background: url('../images/bkgAppRowAlt.png') repeat;
	margin: 20px 0px 20px 0px;
	padding: 0 20px 0 20px;
	width: 938px;
	min-height: 200px;
	border: #0071BC 1px solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px;
	float: left;
	clear: both;
	font-family: Arial, sans-serif;
}

div.contentLeft .formContainer {
	background: url('../images/bkgAppRowAlt.png') repeat;
	margin: 20px 0px 20px 0px;
	padding: 0px;
	width: 623px;
	min-height: 200px;
	border: #0071BC 1px solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px;
	float: left;
	clear: both;
	font-family: Arial, sans-serif;
}

h2 {
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 26px;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	color: #4D4D4D;
}

div.contentLeft h2 {
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 26px;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	color: #4D4D4D;
}

div.contentLeft p {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #838383;
	text-align: left;
}

div.contentRight {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	width: 235px;
	min-height: 400px;
	float: right;
}

div.contentRight h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	color: #999999;
}

div.contentRight ul {
	margin: 0px;
	padding: 0px;
	width: 234px;
	border-left: #cccccc 1px dashed;
	float: left;
	clear: both;
}

div.contentRight ul li {
	list-style-type: none;
	margin: 5px 10px 5px 0px;
	padding: 0px 0px 10px 0px;
	width: 204px;
	border-bottom: #cccccc 1px dashed;
	float: right;
	clear: both;
}

div.contentRight ul li a.current {
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fbb03b;
	vertical-align: top;
	text-align: left;
}

div.contentRight ul li a {
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #2e3192;
	vertical-align: top;
	text-align: left;
}

div.module {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 888px;
/*	float: left;  */
	clear: both;
}

div.moduleNode {
	margin: 0px 22px 40px 0px;
	padding: 0px 0px 0px 22px;
	width: 180px;
/*	height: 320px;  */
	border-left: #cccccc 1px dashed;
	float: left;
}

div.moduleNode img {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: both;
}

div.moduleNode:first-child {
	padding: 0px;
	border-left: none;
}

div.moduleNode h2 {
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 26px;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	float: left;
	clear: both;
	width:100%;
}

div.moduleNode h3 {
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 19px;
	font-weight: normal;
	color: #999999;
	vertical-align: top;
	text-align: left;
	float: left;
	clear: both;
	width:100%;
}

div.moduleNode p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #B3B3B3;
	vertical-align: top;
	text-align: left;
	float: left;
	clear: both;
	width:100%;
}

div.moduleNode p a {
	margin: 0px;
	padding: 10px 10px 0px 0px;
	font-family: Arial, sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
	float: right;
	clear: both;
}

#classApp {
	background: url('../images/bkgClassApp.png') no-repeat;
	margin: 20px 0px 20px 0px;
	padding: 0px;
	width: 888px;
	height: 241px;
/*	float: left;  */
	clear: both;
}

#classApp .left {
	margin: 0px;
	padding: 0px;
	width: 627px;
	height: 240px;
	float: left;
}

#classApp .left .row {
	margin: 0px;
	padding: 0px;
	width: 627px;
	height: 40px;
	float: left;
	overflow:hidden;
}

#classApp .left .row p.legend {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 19px;
	font-weight: bold;
	color: #999999;
	vertical-align: top;
	text-align: left;
	line-height: 40px;
}

#classApp .left .row p {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #2e3192;
	vertical-align: top;
	text-align: left;
	line-height: 40px;
}

#classApp .left .rowAlt {
	background: url('../images/bkgAppRowAlt.png') repeat;
	margin: 0px;
	padding: 0px;
	width: 627px;
	height: 40px;
	float: left;
	overflow:hidden;
}

#classApp .left .rowAlt p {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #2e3192;
	vertical-align: top;
	text-align: left;
	line-height: 40px;
}

#classApp .left p a {
	margin: 0px;
	padding: 0px 20px 0px 0px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2e3192;
	vertical-align: top;
	text-decoration: none;
	line-height: 40px;
	float: right;
}

#classApp .right {
	margin: 0px;
	padding: 0px;
	width: 221px;
	height: 240px;
	float: left;
}

#classApp .right .row {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 221px;
	height: 40px;
	float: left;
}

#classApp .right .row p.legend {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 19px;
	font-weight: bold;
	color: #8C6239;
	vertical-align: top;
	text-align: left;
	line-height: 40px;
}

#classApp .right p {
	margin: 5px 0px 0px 8px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4D4D4D;
	vertical-align: top;
	text-align: left;
}

#classApp .right p a {
	color: #4D4D4D;
	text-decoration:none;
}

#classApp .right p a.dormant {
	margin: 5px 0px 0px 12px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #B3B3B3;
	vertical-align: top;
	text-align: left;
}

#classApp .right p a.dormant:hover {
	color: #4D4D4D;
}

div.seo {
	margin: 20px 0px 20px 0px;
	padding: 0px;
	width: 888px;
	float: left;
	clear: both;
}

div.seoNode {
	background: url('../images/bkgSeoNode.png') no-repeat;
	margin: 0px 26px 0px 0px;
	padding: 0px;
	width: 150px;
	height: 172px;
	float: left;
}

div.seoNode h2 {
	margin: 8px 0px 0px 8px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #2e3192;
	width:100%;
}

div.seoNode h2 a {
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #2e3192;
}

div.seoNode p {
	margin: 12px 8px 0px 14px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #B3B3B3;
}

div.dividerBlue {
	margin: 0px;
	padding: 0px;
	width: 980px;
	min-height: 7px;
	background-color: #0071bc;
	float: left;
	clear: both;
}

div.mainFooter {
	background-image: url('../images/bkgFooter.jpg');
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 20px 0px;
	width: 980px;
	clear: both;
}

div.footerContent {
	margin: 10px 0px 0px 0px;
	width: 980px;
	float: right;
}

div.footerContent p {
	margin: 0px;
	padding: 0px 10px 0px 0px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #4d4d4d;
	margin: 0px;
	vertical-align: top;
	text-align: right;
	float: right;
}

div.footerLogo {
	margin: 10px 0px 0px 10px;
	padding: 0px;
	width: 160px;
	height: 70px;
	float: left;
	clear: none;
}

div.footerContent p.menu {
	margin: 0px;
	padding: 0px;
	font-family: Trebuchet MS, sans-serif;
	font-size: 12px;
	color: #00ffff;
	vertical-align: top;
	float: right;
}

label.field_desc {
	width:150px;
	font-weight:bold;
	display:inline-block;
}

/*----- Pagination -----*/

div#pagination-top {
	margin: 20px 0px 20px 0px;
	padding: 0px;
	width: 625px;
	height: 35px;
	float: left;
	clear: both;
	font-family: Arial, sans-serif;
	border-bottom: 1px solid #E6E6E6;
	text-align:right;
}

div#pagination-top a.paginationlink {
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	border-top: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
	width:35px;
	height:35px;
	text-align:center;
	display:inline-block;
	line-height:35px
}

div#pagination-bottom {
	margin: 20px 0px 20px 0px;
	padding: 0px;
	width: 625px;
	height: 35px;
	float: left;
	clear: both;
	font-family: Arial, sans-serif;
	border-top: 1px solid #E6E6E6;
	text-align:right;
}

div#pagination-bottom a.paginationlink {
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	border-right: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
	width:35px;
	height:35px;
	text-align:center;
	display:inline-block;
	line-height:35px
}

div.pagination a {
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #2e3192;
	vertical-align: top;
	text-align: left;
}

div.pagination a.current {
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fbb03b;
	vertical-align: top;
	text-align: left;
}

div.pagination label.info {
	margin: 0px;
	padding: 0px;
	line-height:35px;
	font-size:12px;
	color: #939393;
}

p.article a {
	font-family: Arial, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #2e3192;
}

p.article i {
	font-family: Arial, sans-serif;
	font-size: 12px;
}

div#class-list .row {
	margin: 0px;
	padding: 0px;
	width: 627px;
	height: 40px;
	float: left;
	overflow:hidden;
}

div#class-list .row p {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #2e3192;
	vertical-align: top;
	text-align: left;
	line-height: 40px;
}

div#class-list .row a {
	font-family: Arial, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #2e3192;
}

div#class-list .row a:hover {
	font-family: Arial, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #fbb03b;
}

div#class-list .rowAlt {
	background: url('../images/bkgAppRowAlt.png') repeat;
	margin: 0px;
	padding: 0px;
	width: 627px;
	height: 40px;
	float: left;
	overflow:hidden;
}

div#class-list .rowAlt p {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #2e3192;
	vertical-align: top;
	text-align: left;
	line-height: 40px;
}

div#class-list .rowAlt a {
	font-family: Arial, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #2e3192;
}

div#class-list .rowAlt a:hover {
	font-family: Arial, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #fbb03b;
}

.required {
	color:#dd2222;
	margin-right:7px;
}

.footer_bottom{
	margin: 0px auto 20px auto;
    width: 980px;
    max-width: 100%;
    font-family: Arial, sans-serif;
    font-size: 9px;
    color: #CCCCCC;
    text-align: center;
}
/* =Nav
-------------------------------------------------------------- */
#nav-trigger {
  display: none;
  text-align: center; }
  #nav-trigger span {
    display: inline-block;
    padding: 10px 30px;
    background-color: #313494;
    color: white;
    cursor: pointer;
    text-transform: uppercase; }
    #nav-trigger span:after {
      display: inline-block;
      margin-left: 10px;
      width: 0px;
      height: 2px;
      content: "";
      border-left: solid 10px transparent;
      border-top: solid 10px #fff;
      border-right: solid 10px transparent; }
    #nav-trigger span:hover {background-color: #313494; }
    #nav-trigger span.open:after {
      border-left: solid 10px transparent;
      border-top: none;
      border-bottom: solid 10px #fff;
      border-right: solid 10px transparent; }

nav {
  margin-bottom: 30px; }

nav#nav-main {
  background-color: #ff0032;
  padding: 10px 0; }
  nav#nav-main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center; }
  nav#nav-main li {
    display: inline-block;
    border-right: solid 1px #cc0028;
    padding: 0 5px; }
    nav#nav-main li:last-child {
      border-right: none; }
  nav#nav-main a {display: block;color: #333;padding: 10px 0px;margin: 0px;}
    nav#nav-main a:hover {
      background-color: #e6002d;
      color: #fff; }

nav#nav-mobile {
  position: relative;
  display: none; }
  nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #313494;
    padding: 0px;
  }
  nav#nav-mobile li {
    display: block;
    padding: 5px 0;
    margin: 0 5px;
    border-bottom: solid 1px #ccc; }
    nav#nav-mobile li:last-child {
      border-bottom: none; }
  nav#nav-mobile a {display: block;color: #333;padding: 10px 0px;margin: 0px;}
    nav#nav-mobile a:hover {
      background-color: #e6002d;
      color: #fff; }
.menuText ul li {
    display: inline-block;
}
a.clickherenow{display:block; margin: 40px 0 0 10px; width:200px; text-decoration:none; outline:none; border:none;}
.clr{clear:both;}
/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 900px) {
  #nav-trigger {display: block; }
  .menuText {display: none; }
  nav#nav-mobile {display: block;z-index: 10;}
  nav#nav-mobile a{color:#fff;}
}
@media (max-width: 768px){
	div.headerMenu h2 {margin: 20px 0px;display: block;text-align: center;}
	div.header {
	    max-width: 100%;
	    height: auto;
	    padding-top: 135px;
	    padding-bottom: 20px;
	    float: none;
	}
	div.headerMenu {
	    float: none;
	}
	#carousel {
	    max-width: 90%;
	    float: none;
	    height: auto;
	    background: #fff;
	    padding: 10px;
	    margin: 10px auto;
	    box-shadow: 0px 0px 10px #ccc;
	}
	div.content {
	    max-width: 90%;
	    margin: 0px auto;
	}
	div.mainFooter {
	    max-width: 100%;
	}
	div#classApp {
	    max-width: 100%;
	    height: auto;
	    background-position: top center;
	}
	#classApp .left {
	    max-width: 100%;
	    float: none;
	    height: auto;
	}
	#classApp .left .row,#classApp .left .rowAlt {
	    max-width: 100%;
	    float: none;
	    height: auto;
	    margin-bottom: 10px;
	}
	#classApp .right, #classApp .right .row {
	    max-width: 100%;
	    width: 100%;
	}
	div.dividerBlue {
	    max-width: 100%;
	    float: none;
	}
	div.footerContent {
	    max-width: 90%;
	    float: none;
	    margin: 20px auto;
	}
	div.mainContainer {
	    max-width: 100%;
	    padding: 0px;
	}
	#carousel img {
	    width: 100%;
	    height: auto;
	    margin: 0px auto;
	}
	div.module {
	    max-width: 100%;
	}
	div.footerLogo, div.footerContent p {
	    float: none;
	    margin: 20px auto;
	    text-align: center;
	}
	div.seo {
	    max-width: 100%;
	    float: none;
	    margin: 0px auto;
	    text-align: center;
	}
	#classApp .right {padding-bottom: 70px;}
	div.seoNode {float: none;margin: 0px 10px;display: inline-block;vertical-align: top;text-align: left;}
	div.moduleNode {
	    float: none;
	    width: auto;
	    margin: 0px 20px 40px;
	    clear: both;
	    padding: 0px;
	}
	#classApp .left .row p, #classApp .left .rowAlt p{
	    margin: 0px 0px 0px 20px;
	    padding: 0px 0px 10px;
	    line-height: 24px;
	}
	#classApp .left p a {padding: 0px 20px 0px 20px;}
	#classApp .right p {text-align: center;margin: 0px 0px 10px;}
	a.clickherenow{margin: 20px auto;}
	#classApp .right {padding-bottom: 70px;}
	div.contentLeft {
	    max-width: 100%;
	    float: none;
	}
	div.contentRight {
	    width: 100%;
	    float: none;
	    text-align: center;
	    min-height: initial;
	    margin-bottom: 30px;
	}
	div.contentRight ul {
	    width: 100%;
	    text-align: center;
	    float: none;
	}
	div.contentRight ul li {
	    float: none;
	    width: auto;
	}
	div.contentRight h2 {
	    text-align: center;
	}
	div#pagination-top, div#pagination-bottom {
	    max-width: 100%;
	}
	div#class-list .row,div#class-list .rowAlt {
	    max-width: 100%;
	    height: auto;
	}
	div#class-list .row p, div#class-list .rowAlt p {
	    line-height: 1.8em;
	    margin-bottom: 10px;
	    padding: 10px 0px 5px;
	}
	div.formContainer {
	    width: auto;
	    float: none;
	    max-width: 100%;
	}
	div.content .formContainer div.formLeft, div.content .formContainer div.formRight{
	    max-width: 100%;
	    float: none;
	    margin: 0px;
	    padding: 0px 0px 20px;
	    border: 0px;
	}
	.formContainer input, .formContainer textarea, .formContainer select {
	    max-width: 100%;
	}
	.formContainer h3,.formContainer label {
	    max-width: 100%;
	}
}