@charset "UTF-8";
/* CSS Document */

*{
margin:0;
padding:0;
}

html{
height:100%;
}


.clr { clear: both; height: 0px; }
.rel { position:relative; z-index: 99; margin-bottom:10px; }

html, body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; background: url(images/subpage-bg.jpg) center top no-repeat #FFFFFF; height: 100% !Important; }

p { line-height: 19px; margin: 0 0 10px 0; }
.small {font-size: 11px;  line-height: 16px;}
.large {font-size: 18px; font-weight: bold;}


a, a:link, a:visited { color: #009FD7; text-decoration: none; font-weight: bold; letter-spacing: -0.035em; }
a:hover, a:active { color: #E84025; text-decoration: none; font-weight: bold; }

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight:normal; color: #688B76; margin: 0 0 -15px 0; padding:0; line-height: 28px; }
h2 { font-family: Arial, Helvetica, sans-serif; font-weight:normal; color: #FFFFFF; line-height: 27px; margin:0; padding:0; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight:normal; font-style: italic; color: white; margin:0; padding:0; }
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 21px; font-style: italic; font-weight:normal; color: #666666; line-height: 24px; margin:0; padding:0; }

h2.blue { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight:bold; font-style: italic; color: #009FD7; margin:0; padding:0; }
h2.green { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight:bold; font-style: italic; color: #0E791F; margin:0; padding:0; }
h2.red { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight:bold; font-style: italic; color: #E84025; margin:0; padding:0; }

h4.blue { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; font-style: italic; color: #009FD7; margin:0; padding:0; }
h4.green { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; font-style: italic; color: #0E791F; margin:0; padding:0; }
h4.red { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; font-style: italic; color: #E84025; margin:0; padding:0; }

.page-wrap { width: 960px; margin: 0 auto 0 auto; height: 100% !Important; }

.header { height: 165px; }
.logo { float: left; }
.contact { float: right; margin: 60px 0 0 0; font-size: 16px; font-style: italic; line-height: 24px; }
.pledge { float: right; margin: 45px 15px 0 0; font-size: 16px; font-style: italic; line-height: 24px; }

.navi { margin: 0 auto; text-align: center; height: 35px; }

a.navilink, a.navilink:link, a.navilink:visited { display: inline-block; padding: 3px 3px; margin: 0 10px; font-weight: bold; font-family: Century Gothic, Arial, sans-serif; font-style: italic; }
a.navilink:hover, a.navilink:active { display: inline-block; padding: 3px 3px 15px 3px; margin: 0 10px; text-decoration:none; background: url(images/navi-over.png) bottom center no-repeat; font-weight: bold; font-family: Century Gothic, Arial, sans-serif; color: #E84025; }

.content { margin: 10px 0 22px 0; }

.tabsContainer { height: 328px; overflow: hidden; }
.tabsHolder { float: left; width: 328px; height: 328px; }
.panelHolder { float: right; width: 632px; height: 328px; }
.tabsTab { display: block; width: 318px; height: 28px; margin: 0 0 8px 0; background: url(images/tabBG.png) no-repeat; padding: 12px 0 0 10px; }
.tabsTab:hover { cursor: pointer; background: url(images/tabBGover1.png) no-repeat; }
.tabsTab2 { display: block; width: 318px; height: 28px; margin: 0 0 8px 0; background: url(images/tabBG.png) no-repeat; padding: 12px 0 0 10px; }
.tabsTab2:hover { cursor: pointer; background: url(images/tabBGover2.png) no-repeat; }
.tabsTab3 { display: block; width: 318px; height: 28px; margin: 0 0 8px 0; background: url(images/tabBG.png) no-repeat; padding: 12px 0 0 10px; }
.tabsTab3:hover { cursor: pointer; background: url(images/tabBGover3.png) no-repeat; }
.tabsPanel { height: 328px; }
#panel0 { visibility: visible; z-index: 0; position: relative; top: 0; left: 0px; }

.home-boxes { height: 362px; overflow: hidden; margin-bottom: 15px; }

.homeboxa { width: 234px; margin-right: 8px; height: 362px; float:left; display: block; }
.homeboxb { width: 234px; height: 362px; float:left; display: block; }
.homeboxa:hover { cursor: pointer; }
.homeboxb:hover { cursor: pointer; }
.whitetab { background: #FFFFFF; padding: 5px 10px; margin: 0 8px; }
.boxtext { margin: 10px 8px 0 8px; color: white; line-height: 16px; font-size: 12px; }

.footer { height: 140px; margin: 20px 0; }
.footercola { margin: 10px 30px 0 0; float: left; }
.footercolb { margin: 0 0 0 0; float: right; }