body { color: #4D4D4D; font-family: 'Comic Sans MS', Calibri, Verdana, Sans-Serif; background: #FFFFFF url(/images/custom/Background.jpg) repeat top left; font-size: 14px;  }
h1, h2, h3, h4, h5, h6 { font-family: 'Comic Sans MS', Calibri, Verdana, Sans-serif; font-weight: 600; line-height: 1.20em;}
h1 {	font-size: 1.90em; margin: 0px 0px 10px 0px; color: #224792; padding: 0px 0px 3px 0px; }
h2 {	font-size: 1.6em; margin: 0px 0px 5px 0px; color: #496eb9; padding: 0px 0px 2px 0px; }
h3 {	font-size: 1.4em; margin: 0px 0px 5px 0px; color: #61a50b; }
h4 {	font-size: 1.2em; margin: 0px 0px 4px 0px; color: #496eb9; }
h5 {	font-size: 1.1em; margin: 0px 0px 3px 0px; }
h6 {	font-size: 1.1em; margin: 0px 0px 2px 0px; }
a { color: #224792; text-decoration: underline;} 
a:hover, a:active, a:focus { color: #61a50b; text-decoration: underline; }
ul, ol { margin: 10px 15px 0px 18px; padding: 0px 5px 10px 10px; }
ul li, ol li {	margin-bottom: 5px;  }

/** AJAX Progress Indicator **/
table.ajaxProgressUpdating { border: 1px solid black; width: auto; margin: 4px auto; background: #E7EBD0; }
table.ajaxProgressUpdating h3 { color: #000; font-weight: bold; }
.ajaxProgressUpdateSmall { width: 100px; text-align: left; float: left; display: inline; border: none; }
.ajaxProgressUpdateSmall img { float: left; padding-right: 4px; }
.ajaxProgressUpdateSmall span { line-height: 25px; font-weight: bold; }

img.thumbnail, img.smallThumb { padding: 3px; }

::-moz-selection, ::selection { background: #9476AE; color: #FFF; text-shadow: none; }

#container { width: 100%; background: transparent; margin: 0 auto; text-align: left; } 
#header { position: relative; width: 100%; height: 100%; margin: 0 auto; padding: 0; z-index: 12; text-align: left; background: transparent; }

#header .logo { position: relative; display: block; border: none; margin: 0px auto; padding: 0px; z-index: 15; width: 303px; height: 189px; }
#header .portal { display: none; visibility: hidden; }
#header .fb { display: none; visibility: hidden; }
#header .pic { display: none; visibility: hidden; }

#header .b { position: relative; display: block; background: rgba(255,255,255,0.5); z-index: 30; padding: 10px 0px; text-align: center; }
#header .w { position: relative; display: block; background: rgba(255,255,255,0.5); z-index: 30; padding: 10px 0px; text-align: center;}
#header .b h4, #header .w h4 { color: #224792; font-size: 16pt; padding: 0px; margin: 0px 10px 0px 0px; display: inline-block; }
#header .b h5, #header .w h5 { color: #4862a1; font-size: 12pt; padding: 0px; margin: 0px 0px 0px 0px; display: inline-block; }
	
#content { margin: 0px auto; padding: 0px; clear: both; text-align: left; color: #000; background: transparent; line-height: 1.60em; height: 100%; }

#rightColLarge { float: none; width: 94%; padding: 10px 3%; margin: 10px 0px 0px 0px; background: #FFF; border-top: 4px solid #e4e4e4; border-bottom: 4px solid #e4e4e4; }
#leftColSmall { float: none; width: 94%; padding: 10px 3%; margin: 10px 0px 0px 0px; background: #FFF; border-top: 4px solid #e4e4e4; border-bottom: 4px solid #e4e4e4; }

#leftColLarge { float: none; width: 94%; padding: 10px 3%; margin: 10px 0px 0px 0px; background: #FFF; border-top: 4px solid #e4e4e4; border-bottom: 4px solid #e4e4e4; }
#rightColSmall { float: none; width: 94%; padding: 10px 3%; margin: 10px 0px 0px 0px; background: #FFF; border-top: 4px solid #e4e4e4; border-bottom: 4px solid #e4e4e4; }

#leftColEven { float: none; width: 94%; padding: 10px 3%; margin: 10px 0px 0px 0px; background: #FFF; border-top: 4px solid #e4e4e4; border-bottom: 4px solid #e4e4e4; }
#rightColEven { float: none; width: 94%; padding: 10px 3%; margin: 10px 0px 0px 0px; background: #FFF; border-top: 4px solid #e4e4e4; border-bottom: 4px solid #e4e4e4; }	

#oneCol { float: none; width: 94%; padding: 10px 3%; margin: 10px 0px 0px 0px; background: #FFF; border-top: 4px solid #e4e4e4; border-bottom: 4px solid #e4e4e4; }	


.footerWrapper { width: 100%; background: transparent; margin-top: 0px; }
#footer { width: 100%; clear: both; margin: 20px auto 0px auto; padding: 0px 0px 0px 0px; text-align: center; font-size: 11pt; color: #979797; background: #FFF; border-top: 4px solid #e4e4e4; }
#footer p { margin: 12px 0px 4px 0px; margin-top: 16px; }
#footer a { color: #979797; text-decoration: underline; padding: 5px 0px; margin: 2px 0px; }
#footer a:hover, #footer a:active, #footer a:focus { color: #333333; text-decoration: underline; background: #97cb30; }
#footer h4 { color: #496eb9; }
#footer .iqfooter img { margin: 5px; vertical-align: middle; border:none; }
#footer .iqfooter a:hover, #footer .iqfooter a:active, #footer .iqfooter a:focus { background: none; }

.footerNav { display: none; visibility: hidden; }

#footer .col1 { width: 100%; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; text-align: center; line-height: 24px; }
#footer .col2 { width: 100%; padding: 0px 0px 0px 0px; margin: 20px 0px 0px 0px; text-align: center; line-height: 24px; }
#footer .col3 { width: 100%; padding: 0px 0px 0px 0px; margin: 20px 0px 0px 0px; text-align: center; line-height: 28px; }	
#footer .col3 a { display: block; text-transform: uppercase; font-size: 1.10em; }


.topNav { position: relative; margin: 0px 0px 10px 0px; padding: 0px 0px; width: 98%; text-align: center; font-size: 15pt; line-height: 20px; display: block; z-index: 15;
          border: 4px solid #FFF; background: #97cb30; background: -moz-linear-gradient(top,  #97cb30 0%, #61a50b 100%);
          background: -webkit-linear-gradient(top,  #97cb30 0%,#61a50b 100%); background: linear-gradient(to bottom,  #97cb30 0%,#61a50b 100%);	     
}
.topNav ul { display: none; visibility: visible; margin: 0px auto; padding: 0px; width: 100%; }
.topNav li { display: block; border-bottom: 1px solid #61a50b; padding: 0px; margin: 0px; }
.topNav li a { font-family: 'Comic Sans MS'; color: #FFF; font-weight: bold; display: block; padding: 14px 0px 14px 0px; margin: 0px; text-align: center; 
               text-decoration: none; text-shadow: 2px 1px 0px rgba(0,0,0,0.3); }
.topNav li a:hover, .topNav li a:active, .topNav li a:focus { color: #FFF; cursor: pointer; text-decoration: underline; background: #9476AE; }
.topNav li.last { }
.topNav li.mobile-only { }

.topNav .btn-expand { width: 100%; padding: 14px 0px 14px 0px; background: #9476AE url(/images/menu-32.png) no-repeat 10px 50%; color: #FFF; display: block; text-decoration: none; }


@media screen and (min-width: 768px) {
#content { background: transparent; margin: 0px auto; padding: 0px 0px; line-height: 1.33em; }

#rightColLarge { float: right; width: 60%; padding: 15px; margin: 0px; background: #FFF; border: 4px solid #e4e4e4; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; }
#leftColSmall { float: left; width: 28%; padding: 15px; margin: 0px; background: #FFF; border: 4px solid #e4e4e4; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; }

#leftColLarge { float: left; width: 60%; padding: 15px; margin: 0px; background: #FFF; border: 4px solid #e4e4e4; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; }
#rightColSmall { float: right; width: 28%; padding: 15px; margin: 0px; background: #FFF; border: 4px solid #e4e4e4; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; }

#leftColEven { float: left; width: 44%; padding: 15px; margin: 0px; background: #FFF; border: 4px solid #e4e4e4; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; }
#rightColEven { float: right; width: 44%; padding: 15px; margin: 0px; background: #FFF; border: 4px solid #e4e4e4; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; }

#oneCol { padding: 15px; margin: 0px; background: #FFF; border: 4px solid #e4e4e4; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; }

.footerWrapper { margin-top: 20px; }
#footer { width: 98%;  -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; }
#footer .col1 { float: left; width: 45%; padding: 0px; margin: 10px 0px 0px 10px; text-align: left; line-height: 22px; }
#footer .col2 { float: right; width: 45%; padding: 0px; margin: 10px 0px 0px 10px; text-align: left; line-height: 22px; }
#footer .col3 { clear: both; display: block; width: 100%; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: center; line-height: 28px; }
}

@media screen and (min-width: 1000px) {
#container { width: 1040px; }
#header { height: 315px; }

#header .logo { position: absolute;	top: 5px; left: 10px; border: none; margin: 0px; padding: 0px; z-index: 15; }	

#header .portal { display: block; visibility: visible; position: relative; float: right; border: none; margin: 0px 60px 0px 0px; padding: 0px; z-index: 20; background: transparent url(/images/custom/portal.png) no-repeat top left;
                  width: 134px; height: 136px; }	
#header .portal:hover, #header .portal:active, #header .portal:focus { background: transparent url(/images/custom/portalHov.png) no-repeat top left; }

#header .fb { display: block; visibility: visible; position: absolute; top: 228px; right: 72px; border: none; margin: 0px; padding: 0px; z-index: 20; background: transparent url(/images/custom/fb.png) no-repeat top left;
                  width: 46px; height: 45px; }	
#header .fb:hover, #header .fb:active, #header .fb:focus { background: transparent url(/images/custom/fb-purple.png) no-repeat top left; }	

#header .pic { display: block; visibility: visible; position: absolute; top: 0px; left: 400px; border: none; margin: 0px; padding: 0px; z-index: 10; }

#header .b { position:absolute; top: 185px; left: 416px; background: transparent; z-index: 30; padding: 0px; text-align: left; }
#header .w { position:absolute; top: 185px; left: 700px; background: transparent; z-index: 30; padding: 0px; text-align: left; }
#header .b h4, #header .w h4 { color: #224792; font-size: 16pt; padding: 0px; margin: 0px 10px 0px 0px; display: inline-block; }
#header .b h5, #header .w h5 { color: #4862a1; font-size: 12pt; padding: 0px; margin: 0px 0px 0px 0px; display: inline-block; }

#rightColLarge { float: right; width: 630px; }
#leftColSmall { float: left; width: 265px; }

#leftColLarge { float: left; width: 630px; }
#rightColSmall { float: right; width: 300px; }

#leftColEven { float: left; width: 45%; }
#rightColEven { float: right; width: 45%; }

#oneCol {  }


/*** footer ***/
#footer { width: 960px; clear: both; margin: 0 auto; padding: 18px 20px 0px 20px; text-align: left; font-size: 11pt; color: #979797; 
          background: #FFF; border: 4px solid #e4e4e4; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; }
#footer a { text-decoration: none; padding: 0px; margin: 2px 0px; }
#footer a:hover, #footer a:active, #footer a:focus { background: none; }

.footerNav { margin: 0px auto; padding: 0px; width: 100%; height: 25px; text-align: center; font-size: 11pt; }
.footerNav ul { list-style: none; margin: 0px auto; padding: 0px; }
.footerNav li { display: inline; }
.footerNav li a { color: #000; padding: 0px 12px 0px 6px; margin: 0px 0px 0px 0px; text-align: center; text-decoration: none; font-weight: normal; border-right: 1px solid #000; }
.footerNav li a:hover { color: #22160a; cursor: pointer; text-decoration: underline; }
.footerNav li a.last { border: none; }

#footer .col1 { float: left; width: 375px; padding: 0px; margin: 0px 0px 0px 0px; text-align: left; line-height: 22px; }
#footer .col2 { float: left; width: 350px; padding: 0px; margin: 0px 0px 0px 10px; text-align: left; line-height: 22px; }
#footer .col3 { clear: none; float: right; width: 200px; padding: 0px; margin: 0px 0px 0px 0px; text-align: right; line-height: 28px; }


.topNav { position: absolute; top: 218px; left: 30px; margin: 0px; padding: 8px 0px; width: 940px; text-align: center; font-size: 15pt; line-height: 20px; display: block; z-index: 15;
          border: 4px solid #FFF; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;
          background: #97cb30; background: -moz-linear-gradient(top,  #97cb30 0%, #61a50b 100%);
          background: -webkit-linear-gradient(top,  #97cb30 0%,#61a50b 100%); background: linear-gradient(to bottom,  #97cb30 0%,#61a50b 100%);
	     -moz-box-shadow:-3px 5px 3px rgba(0,0,0,0.6); -webkit-box-shadow:-3px 5px 3px rgba(0,0,0,0.6); box-shadow: -3px 5px 3px rgba(0,0,0,0.6);
}
.topNav ul { display: block; visibility: visible; list-style: none; margin: 0px auto; padding: 0px; width: 100%; }
.topNav li { display: inline; border-bottom: none; border-right: 1px solid #61a50b; }
.topNav li a { font-family: 'Comic Sans MS'; color: #E4E4E4; font-weight: bold; display: inline-block; padding: 10px 12px 10px 12px; margin: 0px 4px; text-align: center; 
               text-decoration: none; text-shadow: 2px 1px 0px rgba(0,0,0,0.3); }
.topNav li a:hover, .topNav li a:active, .topNav li a:focus { color: #FFF; cursor: pointer; text-decoration: none; background: none; }
.topNav li a.current { color: #FFF; text-decoration: underline; }
.topNav li a.current:hover { color: #FFF; text-decoration: none; }
.topNav li.last { border: none; }
.topNav li.mobile-only { display: none; }

.topNav .btn-expand { display: none;  }
}