/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */
body {}
/* TOP STYLES */
.top {background: url(img/top.gif) repeat-x;}
.utility-nav ul {margin: 1% 0 }
.utility-nav li {margin-right: 2%; display: inline;}
.utility-nav{width: 855px; text-align: right; float: left; }
.utility-nav.demo-off {width: 925px;}
.utility-lang ul {margin: 12% 0; padding: 0; height: 22px }
.utility-lang li {margin-left: 15%; display: inline;}
.utility-lang{width: 70px; text-align: right; float: left; }
.text-size li {margin: 0 2%; list-style: none; float: left;}
.text-size a {float:left;}
.text-size {width: 50px; float: left; margin-top: .5%; padding-left: 0;}

.identity {float: left; width: 753px; height: 59px; text-indent: -9999px; background: url(img/header.png) no-repeat; margin-top: 2%; margin-bottom: 1.5%; margin-left: .5%;}
.agbell {float: right; margin-top: 3%;  }
.print-identity {display: none;}

.main-content{margin-top: 25px; min-height: 800px;}
.widecol.last .main-content {margin-top:0px;}
.breadcrumbs{color: #999; margin-top: 15px;}
.breadcrumbs + .main-content{margin-top: 12px;}

/*MAIN MENU BAR*/
.nav-bar {background: url(img/main-nav.jpg) no-repeat; margin-top: 1%; padding-bottom:2px; position: relative; z-index: 101;}
.nav-hd {display: none;}
/*------------------------------------*\
	NAV
\*------------------------------------*/
.nav-list{ margin: 2px 0 0 0; padding: 0;list-style:none;float:left;}
.nav-list li{float:left;position:relative;}
.nav-list > li > a {padding: 12px 17px;background:url(img/nav-div.png) repeat-y left top;}
.nav-list.lang1034 > li > a {padding: 12px 16px;}
.nav-list a{display:block; font-weight:bold; color:#663;padding:5px 17px;text-decoration:none; font-size: 100%; text-shadow: 1px 1px 1px #fff; }
.nav-list li:first-child a {background-image:none;}
.nav-list a:hover{color:#666;}
.nav-list .nav-fam a {color:#fff; background: #7a9c44 url(img/nav-fam.gif) repeat-x; margin-top: -2px; border: 1px solid #bcc29f; text-shadow: none;}
.nav-list .nav-prof a {color:#fff; background: #4178a5 url(img/nav-prof.gif) repeat-x; margin-top: -2px; border: 1px solid #bcc29f;text-shadow: none;}
.nav-list .nav-prof:hover a{color: #fff; background: #4279a6; margin-left: 0; margin-right: 0;}
.nav-list .nav-fam:hover a{color: #fff; background: #7b9e42; margin-left: 0; margin-right: 0;}



/*--- DROPDOWN ---*/
.nav-list ul{background:transparent; background:rgba(255,255,255,0); /* background transparent */list-style:none;position:absolute; left:-9999px; width: 15em; margin: 0; padding: 0; } 

.nav-list ul li{float:none; }
.nav-list ul a{ color:#fff;}
.nav-list li:hover ul{ left:0; }
.nav-list li:hover a {background: #f6f8ed;border-left: 1px solid #bcc29d; margin-left: -1px;}
.nav-list li:hover li a{ /* persistent hover state for top link */background:#f6f8ed; color:#663; border: 1px solid #bcc29d; border-top-style: dashed; border-bottom: none;}
.nav-list li li:first-child a {border-top: none;}
.nav-list li:hover ul li a:hover{ background:#fff; color:#663;}
.nav-list li li:last-child a {border-radius: 0 0 5px 5px; }
.nav-list > li:first-child:hover > a {border-radius: 5px 0 0 0;}
.no-borderradius .nav-list > li:first-child:hover > a {background:#f6f8eb url(img/nav-corner.gif) no-repeat 0 -2px; border-left: none; margin-left: 0;}

.nav-list li.nav-prof:hover li a {border-top: 1px dashed #5ca5d5; }
.nav-list li.nav-fam:hover li a {border-top: 1px dashed #88af27;  }
.nav-list li.nav-prof:hover li:first-child a, .nav-list li.nav-fam:hover li:first-child a{border-top: none;}
.nav-list li.nav-fam:hover li a:hover {color: #7b9e42;}
.nav-list li.nav-prof:hover li a:hover {color: #4279a6;}
.no-borderradius .nav-list > li:first-child li a {margin-left: 0;}
.nav-list ul {border-bottom: 1px solid #bcc29d; border-radius: 0 0 5px 5px;}


/* LEFT NAV */
#nav {padding: 0; margin: 0;}
#nav *{position:relative;/* peek-a-boo bug fix for IE6 */min-width:0;/* peek-a-boo bug fix for IE7 */}
#nav li {cursor:pointer; list-style:none;padding:0;margin:0; clear: both; overflow: hidden;}
#nav a, .nav-text { display: block; float: left; text-decoration:none; width: 90%;}
#nav img {float: left; padding: 0 4% 0 0; width: 9px; margin-top: 3px;}
#nav ul{display:none;margin:0;padding:0;zoom:1;/*fixes ie6 bug (list will disappear after slideDown)*/}
#nav ul li {padding-left:0}
#nav ul li a {padding:0;}
.nav-box { position: relative;background: #eff0f0; border: 1px solid #e3e3e3; border-radius: 6px; padding: 10px; }


.no-borderradius .nav-box {background: url(img/left-nav.gif) no-repeat 0 bottom; border: none;}
#nav > li > a, #nav > li > .nav-text {font: bold 100% arial, sans-serif;color: #7ba61a;}
#nav > li {border-top: 1px dashed #c6c7c7; padding: 5% 0;}
#nav li li a {margin: 4% 0;}
#nav li:first-child {border-top: none;}
.leftnav-hd{background: url(img/nav-ribbon.gif) no-repeat 0 bottom; padding: 9px 12px 17px 12px; position: relative; left: -23px; top: -12px; min-width: 200px;}
#nav li li {line-height: 105%;}
#nav > li > a {padding-left: 16px;}
#nav > li > img + a {padding-left: 0;}

/*SEARCH*/
.search {margin-top: 1%; float:left; margin-left: 2%; width: 255px;}
[aria-label=search]{background: url(img/search.png) no-repeat; border: none; width: 227px; height: 35px; padding: 0px 3px 3px 3px;}


.box{background: url(img/mainbox-btm.gif) no-repeat left bottom; width: 646px; padding-bottom: 5px; position: relative;}
.topbox {background: url(img/mainbox-top.gif) no-repeat left top; width: 646px; height: 7px; }
.box-area.home-slider {min-height: 360px;}
.box-area {background: #eff0f0 url(img/mainbox.gif) repeat-x; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; }
.caption-corner{background: url(img/box-caption.gif) no-repeat left bottom; height: 12px; width: 12px; position:absolute; bottom: -12px; left: 0;}
.box-img {border: 5px solid #fff; box-shadow:  -moz-box-shadow: 2px 2px 5px 3px #ccc; -webkit-box-shadow: 2px 2px 5px 3px #ccc; box-shadow:2px 2px 5px 3px #ccc; float: left; margin-right: 3%; }
.box .content-area { min-height: 210px; padding: 3% 3% 4%;}
.no-boxshadow .box-img {background: url(img/img-shadow.png) no-repeat; padding: 10px; border: none; }


/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0 0 3% 0; position: relative; z-index: 20;}
.flexslider ul, .flexslider ol {list-style: none; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides .main-img {max-width: 100%; display: block;z-index: 100; float: right; margin-right: 34px; margin-top: 21px;}
.flex-pauseplay span {text-transform: capitalize;}
/* custom slider styles */
.slider-img {background: url(img/slider-bg.png) no-repeat;  width: 444px; height: 310px; position: absolute; top: 0; right: 0; z-index: 10;}
.slide-hd, .nav-title {position: absolute; top: -7px; left: -1px; background:#86b703 url(img/green-grad.png) repeat-x;background: -moz-linear-gradient(top, rgba(119,175,0,1) 0%, rgba(134,183,3,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(119,175,0,1)), color-stop(100%,rgba(134,183,3,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(119,175,0,1) 0%,rgba(134,183,3,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(119,175,0,1) 0%,rgba(134,183,3,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(119,175,0,1) 0%,rgba(134,183,3,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(119,175,0,1) 0%,rgba(134,183,3,1) 100%); /* W3C */ color: white; min-height: 55px; padding: 10px 10px 10px 15px; max-width: 600px; margin-left: -12px;}
.nav-title {min-height: 0; width:100%;  position: relative; padding: 8px 11px 8px 22px; margin-right: -11px; margin-left: -22px; margin-top: -4px;}


.flex-caption {margin: 90px 20px 10px 25px; width: 180px;}
.flexslider .flex-control-nav {margin: 0 2% 0 4%; overflow: hidden;}
.flex-control-nav a {text-indent: -9999px; background: url(img/dot.png) no-repeat; width: 11px; height: 11px; float: left; margin-right: 1%;}
.flex-control-nav a.active{background: url(img/dot-active.png);}
.flex-direction-nav {display: none;}
.more-btn {margin: 10px 0 15px 25px;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* TABBED BOX */
.smbox {background: #f2f2f2; border: 1px solid #e3e3e3; border-radius: 6px; text-shadow: 1px 1px 1px #fff; position: relative; z-index: 20;}
.book-hd {padding: 4.5%;}
ul.tabs {margin: 0;padding: 0;float: left;list-style: none;height: 32px; /*--Set height of tabs--*/width:100%;}
ul.tabs li {float: left;margin: 0;padding: 0;line-height: 31px; /*--Vertically aligns the text within the tab--*/overflow: hidden;position: relative; width: 49.83%; background: url(img/pro-grad.gif) repeat-x;}

ul.tabs li:first-child {background: url(img/fam-grad.gif) repeat-x; border-right: 1px solid #fff;}

ul.tabs li a {text-decoration: none;color: #fff; text-shadow: none;font: normal 176.92% 'Rokkitt', georgia, serif;display: block;padding: 5px 20px 12px 20px;outline: none;}

ul.tabs li.active a  { 
background: url(img/up-arrow.png) no-repeat 20px 29px; position: relative; z-index: 10;
}
.tab_container {overflow: hidden;clear: both;float: left; width: 100%;}
.tab_content {padding: 20px;}
#tab1 {border: 2px solid #84b410; border-radius: 0 0 6px 6px; position: relative; z-index: 5; margin-top: 5px;}
#tab2 {border: 2px solid #4172a0; border-radius: 0 0 6px 6px; position: relative; z-index: 5; margin-top: 5px;}
.no-borderradius .book-hd {background: transparent url(img/smbox-top.gif) no-repeat; position: relative; z-index: 100; margin: -1px -1px 0 -1px;}
.no-borderradius ul.tabs li {width: 49.8%;}

.poll-icon {background: url(img/poll-icon.gif) no-repeat right center;}
.res-icon {background: url(img/icon-folder.gif) no-repeat right center;}
.book-icon {background: url(img/icon-book.png) no-repeat right center; padding: 5px 0;}

.community-hd {background: url(img/hd-comm.png) no-repeat 0 7px; text-indent: -9999px; width: 230px; height: 55px; padding: 2% 2% 4% 2%;}
.comm-hd {background: url(img/orange-grad.jpg) repeat-x; position: relative; width: 100%; left: 0; padding: 0px 32px 0 20px; margin: 0 -32px 0 -20px;}
.comm-corner{background: url(img/comm-corner.gif) no-repeat right bottom; position: absolute; bottom: -11px; right: 0;  width: 12px; height: 11px; }

.community-hd-min {background: url(img/community-hd.png) no-repeat 0 7px; text-indent: -9999px; width: 204px; height: 27px; padding: 4% 6% 2.2% 2%; }
.community {padding: 0 20px 20px 20px;}
.btn-group {margin: 20px 0; }
.social-icons{border-top: 1px dashed #d1d1d1; border-bottom: 1px dashed #d1d1d1;}
.social-icons ul {margin: 0; padding: 15px 10px; overflow: hidden;}
.social-icons li {margin-right: 13px;}
.int .social-icons {border-bottom: 0;}
.int .social-icons ul {padding: 15px 10px 0 10px;}

.letters {margin-top: 20px;}
.letters-photo {background: url(img/letters-photo-bg.png) no-repeat; padding: 18px; float: right; margin-right: -10px; width: 102px; height: 102px;}
.side-ads img, .side-ads object  {margin-top: 25px;}

.bottom-ad {margin: 25px auto; text-align: center;}
.no-borderradius .community {background: url(img/community-bg.png) no-repeat left bottom; border: none;}

/* LANDING */
.inset {float: left; margin:0 10px 10px 0;}
.landing-blurb {margin-top: 5px;}
.landing-resources {margin-top: 25px;}
.fourcol .landing-resources:first-child {margin-top: 0;}
.landing-resources h3 {padding: 10px 0; }

/* DOCUMENT */
.content {padding: 1%;}
.doc-icons{float: right; min-width:250px; margin-right: 1%; padding-bottom: 8px; padding-left: 7px;margin-bottom: 10px;}
.doc-icons.community {padding: 0 10px 10px; margin-top: 0px;}
.doc-icons .social-icons{border: none;}
.doc-icons .social-icons ul {padding: 10px 5px 0; }
.util-icons img{ margin-right: 2%;}
.util-icons li {min-width: 60px;}
.util-icons a {color: #888;font-size: 90%;}


/* FORMS */
.ui-state-error {background: #fc9e00;color:white;}
.message {display: block;background: transparent; color: #999; border-left: 10px solid #fc9e00; padding-left: 5px; margin-top: 5px; background: white; padding: 5px; border-radius: 3px 0 0 3px;}
.pro-form { border-radius: 6px; background: #f6f7f0; margin-top: 20px; border: 2px solid #e5e9c1; text-shadow: 1px 1px 1px #fff; width: 98.5%; position: relative;}
.pro-form.narrow {width: 101%; margin-top:0px;}
.pro-form .slider-title {background: url(img/community.png) no-repeat right center; padding: 15px 80px 5px 20px; }
.form-wrapper {padding: 3.5%;}
/*.login {width: 240px; margin: 0 auto;}*/
.form-border {border-top: 2px dotted #e5e9c1; padding-top: 20px;}
.form-modal .pro-form {padding-top: 3.5%; background: #fff; margin-bottom: 20px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.33); width: 93%;}
.pro-form h2 {font-size: 200%; padding-left: 32px;}
.form-modal .pro-form h2 {padding-left: 0; text-align: center;}
.pro-form .row {margin-bottom:15px;}
.pro-form .caption-corner {background: url(img/comm-corner2.png) no-repeat;}
.req {color: #fc9e00; display: inline; float: none; font-weight: bold; margin: 0; padding: 0;}
.rfvFail{float: left;}
#ctl00_cphMainContent_ProfessionalInfo1_RequiredFieldValidator1.rfvFail {float: none;}
.mlabel {font-weight: bold; line-height: 150%; margin: 0; padding: 0 0 3px; white-space: normal; display: block;}
.form-span {float: left; margin: 0 0.5em 0 0; padding: 0;}
	.form-modal .form-span {float: none;}
	.form-modal .mlabel, .form-subhd {font-weight: normal; font-size: 150%;font-family:'Rokkitt', georgia, serif;color: #8a8d71;float: left;margin-right: 10px; line-height: 98%;}
	.form-modal .mlabel {width: 50%; text-align: right;}
.form-div {float: left; margin: 0 1em 0 0; padding: 0;}
.form input[type="text"] {background: #fff url(img/input-bg.gif) repeat-x; border-color: #7c7c7c #c3c3c3 #dddddd; border-style: solid; border-width: 1px;}
.form-span label {clear: both;color: #444444; display: block; font-size: 85%;line-height: 160%; margin: 0; padding-top: 2px;}
.full {width: 100%; padding-bottom: 14px}
.part { padding-bottom: 14px}
.form-clear {margin: 30px;}
.input-a {width: 40px;}
.input-b {width: 230px; }
.input-c {width: 400px; }
.form-div h3 {margin-bottom: 5px;}
.pro-form p:first-child{margin-top: 0;} 
.check-group {margin-bottom: 14px;}
.check-group table {margin-top: 0px; border: none;}
.check-group.left table tr {float: left;}
.check-group table tr td {padding: 0 10px 0 0; border: none;}
.pro-form .comm-hd{top: -1px;min-height: 1px; padding: 0 2.1% 10px 13px; margin: 0; max-width: none; width: 98%; margin-left: -13px;background: -moz-linear-gradient(top, rgba(240,184,0,1) 0%, rgba(242,162,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,184,0,1)), color-stop(100%,rgba(242,162,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(240,184,0,1) 0%,rgba(242,162,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(240,184,0,1) 0%,rgba(242,162,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(240,184,0,1) 0%,rgba(242,162,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(240,184,0,1) 0%,rgba(242,162,0,1) 100%); /* W3C */ }
.pro-form .comm-hd.green {background: #01936A;}
.no-cssgradients .pro-form .comm-hd {background: url(img/grad-orange.png) repeat-x;}
.select-ul {background: url(img/state-bg.png) no-repeat left bottom; left: -9999px; position: absolute;float: left; width: 183px; padding:10px; list-style: none;}
.select-ul li {padding: 5px 8px 5px 5px;}
.select-ul li a {display: block; color: #444;}
.select-link:hover .select-ul {left: 35px; top: auto; margin-top: 35px;z-index: 10002; }
*+html .select-link:hover .st-select-ul {margin-top: 20px;}
.select-ul li:hover {background: white;}
.select-link h3 {color: #666; padding: 8px 12px 8px 10px; border-radius: 5px; border: 1px solid #e5eabc; background: #fff; float: left; margin-bottom: 15px;}
.no-borderradius .select-link h3 {background: url(img/drop-bg.gif) no-repeat; border: none;padding: 9px 20px 10px 16px;}
.role {display: none;}
.down-arrow {font-size: 70%; color: #ccc; background: #eaeeea; padding:3px 3px 0 3px; text-shadow: none;}
.form-modal .pro-form {padding: 30px;}
.form-modal .pro-form h2 {line-height: 90%; margin-bottom: 20px;}
.form-modal .row {padding: 0 10px 10px 10px; border-bottom: 1px solid #e7ead3}
.btn-row {padding-bottom: 20px; text-align: right; width: 320px; margin: 0 auto; }
.btn-row.short {width: 200px;}

.btn-row .blue-btn{ margin-right: 5px;}
.blue-btn {background: -moz-linear-gradient(top, rgba(90,160,208,1) 0%, rgba(66,121,165,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(90,160,208,1)), color-stop(100%,rgba(66,121,165,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(90,160,208,1) 0%,rgba(66,121,165,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(90,160,208,1) 0%,rgba(66,121,165,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(90,160,208,1) 0%,rgba(66,121,165,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(90,160,208,1) 0%,rgba(66,121,165,1) 100%); /* W3C */ border-radius: 5px; display: block; float: left; padding: 5px 10px; color: white; text-shadow: none; font-weight: bold;}
.blue-btn, .blue-btn:hover {color: white !important;}
.no-cssgradients .btn-row {width: 350px;}
.no-cssgradients .btn-row.short {width: 230px;}
.no-cssgradients .btn-row.btm {width: 100%;}
.btm, .no-cssgradients .btn-row.btm {width: 155px; float: right; clear: both; padding-bottom: 0;}
.no-cssgradients .btn-row.btm{width: 230px;}
.no-cssgradients .blue-btn {background: url(img/sm-btn-bg.png) no-repeat; width: 87px; text-align: center; height: 22px;}
.placeholder {color: #999;}
.blue-btn:hover {background: -moz-linear-gradient(top, rgba(136,191,232,1) 0%, rgba(112,176,224,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(136,191,232,1)), color-stop(100%,rgba(112,176,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%); /* W3C */}
.login .btn-row {width: auto;}

/* PROFILE */
.profile {line-height: 150%;}
.sec-profile {margin-top: 10px;}
/*
.st_sharethis_custom{
	background: url("img/sharethis.png") no-repeat scroll left top transparent;
	padding:0 0 3px 0;
}
*/
.st_sharethis_custom{
       background: url("img/sharethis.png") no-repeat scroll left top transparent;
       padding:0 0 3px 20px;
}
.st_email_custom
{
    background: url(img/email.png) no-repeat scroll left top transparent; padding-left: 20px; padding-bottom: 3px;
}


h5 + p {margin-top: .2em;}
h3 + p {margin-top: 0;}

/* TERTIARY */
.content-fig{ float: left; margin: 0;}
.ter-fig { background: white; border: 1px solid #e3e3e3; padding: 5px; margin: 20px 15px 15px 0; float: left;}
.resource-list {border-top: 1px solid #e3e3e3; padding-top: 25px;}
.resource-block {margin-bottom: 20px;}
.ico-print {display: block; background: url(img/print.png) no-repeat left top; padding-left: 20px;}
.ico-mail {display: block; background: url(img/email.png) no-repeat left top; padding-left: 20px;}
.ico-translate {display: block; background: url(img/translate.png) no-repeat left top; padding-left: 20px;}

/* FOR IMAGES AND CAPTIONS */
.content img {background: #fff; border: 1px solid #e3e3e3; padding: 5px; max-width: 100%; }
.content img.x-close{background: transparent; border: none; padding: 0;}
.content img[align="left"] {margin: 5px 15px 15px 0;}
.content img[align="right"] {margin: 5px 0 15px 15px;}
.content-img {float: left;margin: 15px 15px 15px 0;}
.content-img-right {float: right;margin: 0 0 15px 15px; max-width: 100%; }
.content-img-right {width: 250px\9;}
.content-img img[align="left"] {margin: 0;}
.content-img.full img {width: 97%;max-width: none;}
.fig-cap { float: left; clear: both;color: #7BA61A; font-size: 100%;margin-top: 10px; font-weight: bold; font-style: italic; background: url(img/carat.gif) no-repeat left 2px; padding-left: 18px; max-width: 200px; margin-bottom: 2px;}
.content-img-right .fig-cap {float: right;}
.content-img-right img[align="right"] {margin: 0;}
.content-img.full .fig-cap {max-width: 100%;}
/* MODAL BOX STYLES */
#mask { position:absolute; /* important */  
        top:0; /* start from top */  
        left:0; /* start from left */  
        height:100%; /* cover the whole page */  
        width:100%;  /* cover the whole page */  
        display:none; /* don't show it '*/  
      
        /* styling bellow */  
        background-color: black;  
        z-index: 200;}  
 
#mask.form-modal {background-color: white;}     
.modal_window{position:absolute; /* important so we can position it on center later */display:none; /* don't show it */ z-index: 201;}  
.modal-box {width: 80%;}
.x-close {position: absolute; right:-20px; top: -40px; cursor: pointer; z-index: 201;}
.modal-page {width: 900px; background: #fff;margin: 0 auto; border: 1px solid white; overflow: hidden;}
.modal-page .x-close {right: -20px;}
.modal-img{margin: 0 auto;}
.modal-img img{width: 100%; margin: 10px auto; }
.vid-caption{color: #fff; font-size: 120%;}
.modal-img .fig-cap{max-width: 100%; padding-bottom: 30px; padding-left: 20px;}
.modal_window iframe, .modal_window img {max-width: none;}

/* table styles */
/*
table { margin-top: 20px; border: 2px solid #d8d6d6; border-collapse: collapse;overflow: hidden; margin-left: 1px; }
:root table {border-left: 3px solid #d8d6d6 \;}
tbody {border-collapse: collapse;}
*/

table {border-bottom: 2px solid #d8d6d6; border-left: 2px solid #d8d6d6; border-spacing: 0; border-collapse: collapse; margin-top: 20px;}
td, th {margin: 0; padding: 10px; border-top: 2px solid #d8d6d6; border-right: 2px solid #d8d6d6;}

th {text-align: left;font: bold 123.08% arial, verdana, sans-serif; color:#7ba61a;}
/* td, th {padding: 10px; border: 2px solid #d8d6d6; border-collapse: collapse;} */
table p {margin: 5px 0;}
th { font: normal 161.53% 'Rokkitt', georgia, serif; color: #3292ca;}
table strong {font: bold 100% arial, verdana, sans-serif; color:#7ba61a; }	
/* FOOTER */
.footer-bg {background: #f0f6e7; border-top: 1px solid #e9e9e9; color: #666; padding: 25px 0 40px 0; margin-top: 25px;}
.footer-nav {margin: 0; padding: 0;}
.footer-nav li { padding-left: 10px; margin-left: 10px; border-left: 1px solid #888;}
.footer-nav li:first-child {border-left: none;}
.full-site {display: none;}
/* list styles */
.h-list {list-style: none;}
.h-list li {float: left;  }
.no-bullets {list-style: none; margin: 0; padding: 0;}
.no-bullets li {margin: 0 0 4% 0;}
.dash-list li {border-bottom: 1px dashed #d1d1d1; padding-bottom: 10px; margin-bottom: 10px;}
.landing-list .dash-list {border-top: 1px dashed #d1d1d1; padding-top: 10px; margin-top: 10px;}
.landing-block  {margin-bottom: 25px;}
.form-list {list-style: none; margin: 4% 0 0 0; padding: 0;}
.form-list li {border-top: 1px dotted #e5e9c1; padding: 5px;}
	.form-list li:first-child {border-top: none;}
	.form-list li.field-title {padding: 20px 5px 8px 5px; border-top: none; }
	.form-list li li{list-style-type: disc;}
.plain-list { list-style: none; padding: 0; margin: 0;}
.plain-list li{ margin-bottom: 7px; overflow: hidden;}
/*MISC*/
.left {float: left;}
.right {float: right;}
.nofloat {float: none;}
.clearFloat {clear: both}	
.nomargin {margin: 0;}
.obscure {position: absolute; left: -99999px;}
.block  {display: block;}

.top1 {margin-top: 1%;}
.top2 {margin-top: 2%;}
.top3 {margin-top: 3%;}
.top5 {margin-top: 5%;}
.top7 {margin-top: 7%;}
.btm2 {margin-bottom: 2%;}
.top25 {margin-top: 25px;}
.right1 {margin-right: 1%;}
.right3 {margin-right: 3%;}
.right-inset {float: right; margin: 10px 0 20px 20px;}


/* float clearing for IE7 */
*+html .clearfix{ min-height: 1%;}

/* float clearing for everyone else */
.clearfix:after{ clear: both;content: ".";display: block;height: 0;visibility: hidden;font-size: 0;}	

/* ============================= */
/* ! Layout for tablet version   */
/* ============================= */

@media handheld, only screen and (max-width: 1023px) {
.box {background: #f2f2f2; border: 1px solid #e3e3e3; border-radius: 6px;  width: auto;}
	.box .flex-caption {text-shadow: 1px 1px 1px #fff; width: auto; margin-top: 3%;}
	.main-img {border: 8px solid white; box-shadow:  -moz-box-shadow: 3px 3px 5px 3px #ccc;
  -webkit-box-shadow: 3px 3px 5px 3px #ccc; box-shadow:3px 3px 5px 3px #ccc;}
  .box-area {background: none; border: none;}
  .flexslider .slides .main-img {float: none; margin: 3% auto; max-width: 90%;}
  .flexslider {top: 7px;}
  .slide-hd {position: relative; margin-right: -2px;}
  .utility-nav {width: 600px;}
.slider-img, .topbox, .agbell {display: none;}
.identity {width:  90%;}
.nav-bar {background: rgb(250,252,241); /* Old browsers */
background: -moz-linear-gradient(top, rgba(250,252,241,1) 0%, rgba(249,250,243,1) 3%, rgba(248,250,239,1) 8%, rgba(250,251,241,1) 10%, rgba(247,248,240,1) 13%, rgba(247,248,237,1) 25%, rgba(240,241,222,1) 55%, rgba(241,242,223,1) 58%, rgba(237,239,214,1) 75%, rgba(235,237,211,1) 93%, rgba(234,237,207,1) 95%, rgba(234,235,212,1) 98%, rgba(234,237,209,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,252,241,1)), color-stop(3%,rgba(249,250,243,1)), color-stop(8%,rgba(248,250,239,1)), color-stop(10%,rgba(250,251,241,1)), color-stop(13%,rgba(247,248,240,1)), color-stop(25%,rgba(247,248,237,1)), color-stop(55%,rgba(240,241,222,1)), color-stop(58%,rgba(241,242,223,1)), color-stop(75%,rgba(237,239,214,1)), color-stop(93%,rgba(235,237,211,1)), color-stop(95%,rgba(234,237,207,1)), color-stop(98%,rgba(234,235,212,1)), color-stop(100%,rgba(234,237,209,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(250,252,241,1) 0%,rgba(249,250,243,1) 3%,rgba(248,250,239,1) 8%,rgba(250,251,241,1) 10%,rgba(247,248,240,1) 13%,rgba(247,248,237,1) 25%,rgba(240,241,222,1) 55%,rgba(241,242,223,1) 58%,rgba(237,239,214,1) 75%,rgba(235,237,211,1) 93%,rgba(234,237,207,1) 95%,rgba(234,235,212,1) 98%,rgba(234,237,209,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(250,252,241,1) 0%,rgba(249,250,243,1) 3%,rgba(248,250,239,1) 8%,rgba(250,251,241,1) 10%,rgba(247,248,240,1) 13%,rgba(247,248,237,1) 25%,rgba(240,241,222,1) 55%,rgba(241,242,223,1) 58%,rgba(237,239,214,1) 75%,rgba(235,237,211,1) 93%,rgba(234,237,207,1) 95%,rgba(234,235,212,1) 98%,rgba(234,237,209,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(250,252,241,1) 0%,rgba(249,250,243,1) 3%,rgba(248,250,239,1) 8%,rgba(250,251,241,1) 10%,rgba(247,248,240,1) 13%,rgba(247,248,237,1) 25%,rgba(240,241,222,1) 55%,rgba(241,242,223,1) 58%,rgba(237,239,214,1) 75%,rgba(235,237,211,1) 93%,rgba(234,237,207,1) 95%,rgba(234,235,212,1) 98%,rgba(234,237,209,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(250,252,241,1) 0%,rgba(249,250,243,1) 3%,rgba(248,250,239,1) 8%,rgba(250,251,241,1) 10%,rgba(247,248,240,1) 13%,rgba(247,248,237,1) 25%,rgba(240,241,222,1) 55%,rgba(241,242,223,1) 58%,rgba(237,239,214,1) 75%,rgba(235,237,211,1) 93%,rgba(234,237,207,1) 95%,rgba(234,235,212,1) 98%,rgba(234,237,209,1) 100%); /* W3C */padding-bottom: 0; border-radius: 6px; border: 1px solid #eaf0c9; box-shadow: 2px 2px 4px #ccc;}
.nav-list > li > a {padding: 12px 6px;}
.search{width: 120px;}
[aria-label=search] {background-image: none; background-color: #fff; border: 1px #b7b8ac solid; border-radius: 5px; width: 90px; height: 30px; padding: 0px 3px 3px 3px;}
.identity { width: 100%; min-height: 74px; text-indent: -9999px; background: url(img/logo-t.gif) no-repeat left top; margin: 3% auto 2% auto;}
.community-hd {background-image: none;  text-indent: 0; height: auto; color: white; text-shadow: none;  margin-top: -1px; font-size: 180%; padding:5% 3% 5% 0;  }
.btn-group {margin-top: 20px; margin-bottom: 15px; }
.btn-group img{width: 83px;}
.letters-photo {float: none; display: block; clear: both;}
.book-hd{padding-top: 2%; padding-bottom: 2%;}
.community-hd-min {background: none; text-indent: 0;height: auto; color: white; text-shadow: none;font-size: 200%; padding:8px 0;}
#nav a {width: 87%;}
.breadcrumbs {margin-top: 12px;  overflow: hidden;}
.doc-icons {margin-right: 0;}
.sevencol {width: 53%;}
.modal-page {width: 90%;}
.modal_window iframe, .modal_window img {max-width: 100%;}
.pro-form .slide-hd {position: absolute; width: 98%;}
.form-modal .pro-form {width: 90%;}
}



/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}
	.nav-bar{width: 92%; margin-left: 4%;}
	
	.identity { width: 100%; min-height: 120px; text-indent: -9999px; background: url(img/m-id.gif) no-repeat center top; margin: 5% auto 2% auto;}
	
		.top {position: relative; padding: 5px 0; border-bottom: 3px solid #8bb320;}
	.utility-nav, .text-size, .slider-img, .topbox {display: none;}
	
  .nav-list, .nav-list li ul {display: none;}
    .nav-hd, .show, .full-site {display: block;}
    .search, .nav-list, .nav-list li {float: none;}
    .nav-list li a {background: none; border-bottom: 1px solid #b6b78c; border-top: 1px solid white; padding-left: 4%;}
    .search {padding: 2%; width: 90%;}
    [aria-label=search] {width: 85%;}
    .nav-hd {color: #666729; font-size: 150%; text-transform: uppercase; padding: 4%; border-bottom: 1px solid #b6b78c; }
    ul.tabs li a {font-size: 150%;}
    .btn-group {margin-top: 20px;}
.nav-hd {background: url(img/menu-arrows.png) no-repeat 78px center; padding-right: 25px;}
footer .sixcol .right {float: left; margin-top: 20px;}
.full-site {margin-left: 5%; margin-top: 5%;}
.box-img {float: none; text-align: center; margin: 3% auto 5% auto; display: block;}
#nav {margin-top: 0;}
.breadcrumbs {margin-left: 25px; width: auto; margin-top:15px;}
.box .content-area {padding: 8%;}
ul.tabs li.active a { background-position: 20px 27px;}
.doc-icons {float: none; width: 86%; margin-top: 5%;}
.footer-nav li:first-child {padding-left: 0; margin-left: 0;}
.footer-nav li {padding-left: 5px; margin-left: 5px; }
.right-inset{margin-left: 0; display: block; float: none;}
.content-img {float: none; width: 100%;}
.content-img img, .fig-cap {float: none;}
.modal_window {width: 90%;}
table ul {padding-left: 1em;}
.pro-form {width: 92%; margin-left: 4%;}
.pro-form .slider-title {padding: 15px 80px 5px 5px; }
.input-c {width: 230px;}
.input-b {width: 220px;}
.form-modal .pro-form {padding: 15px; width: 80%;}
.form-modal .pro-form h2 {padding-left: 0;}
.form-modal .mlabel {float: none; text-align: left; width: 90%;}
.btn-row {width: auto; text-align: center}
.blue-btn {float: none; margin-bottom: 10px;}
.main-content {min-height: 1px;}
.profile .tan {margin-top: 20px;}
}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
	.identity { width: 100%; min-height: 120px; text-indent: -9999px; background: url(img/m-logo.gif) no-repeat center top; margin: 5% auto 2% auto; background-size: 250px 120px; }

}