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




/* text & links */

h1 { font-size: 30px; margin: 0 0 8px 0; font-weight: normal; font-family: Garamond, Times New Roman, Times, serif; line-height: 140%; }

h2 { font-size: 24px; margin: 0 0 5px 0; font-weight: normal; font-family: Garamond, Times New Roman, Times, serif; line-height: 140%; }

h3 { font-size: 18px; margin: 0 0 5px 0; font-weight: normal; font-family: Garamond, Times New Roman, Times, serif; line-height: 140%; }

h4 { font-size: 14px; margin: 0; font-weight: normal; font-family: Garamond, Times New Roman, Times, serif; line-height: 140%; }

.hp_content_top h1 { color: #2c5785; }

.slideshow h1 { border-bottom: 1px dashed #999; margin: 0 0 10px 0; padding: 0 0 6px 0; color: #2c5785; font-size: 28px; }

.ten { font-size: 10px; }

.fourteen { font-size: 14px; }

.eighteen { font-size: 18px; }

.blue { color: #1971ab; }

.purple { color: #953273; }

.white { color: #fff; }

.red { color: #ff0000; }

.bold { font-weight: bold; }



a:link, a:visited { text-decoration: underline; color: #1971ab; }

a:hover, a:active { text-decoration: none; color: #1971ab; }



/* main attributes */

body, a, div, input, textarea { margin: 0; padding: 0; border: 0; }

a img { border: 0; }

p { padding: 0; margin: 0 0 15px 0; }

ul { margin: 0 0 0 20px; padding: 0; }

.nav_left { float: left; }

.left { float: left; margin: 5px 15px 10px 0; }

.left_no_margin { float: left; margin: 0; }

.left_left_margin { float: left; margin: 0 0 15px 40px; }

.right_no_margin { float: right; margin: 0; }

.right { float: right; margin: 5px 0 10px 15px; }

.border { border: 1px solid #000; }

.borderbottom { border-bottom: 1px solid #ddd; }

.bordertop { border-top: 1px solid #ddd; margin: 15px 0 0 0; padding: 15px 0 0 0; }

.wideborder { border-top: 2px solid #fff; margin: 0; }

.clear { clear: both; }

.input { border: 1px solid #999; background: #eee; width: 320px; height: 20px; margin: 2px 0 10px 0; padding: 5px; }

.textarea { border: 1px solid #999; background:#eee; width: 320px; height: 100px; margin: 2px 0 10px 0; padding: 5px; }

.submit { width: 139px; height: 40px; border: 0; background: url(../images/submit.jpg); }

html { background: url(../images/repeating-bg.jpg) top left repeat-x; }

body { text-align: center; font: 12px Trebuchet, Helvetica, Arial, sans-serif; color: #222; line-height: 180%; background: url(../images/bg.jpg) top center no-repeat; }



.wrapper { margin: 0 auto; width: 950px; padding: 0; }

.mainnav { float: right; height: 68px; }

.mainnav img { float: right; margin: 0; padding: 0; border: 0; }

.content { float: left; margin: 265px 0 0 0; width: 950px; }

.footer { float: left; width: 100%; background: #f1f8ff url(../images/footer-bg.jpg) top center repeat-x; margin: 40px 0 0 0; text-align: center; }

.footer_text { margin: auto; width: 950px; padding: 30px 0 30px 0; text-align: left;  }



/* homepage attributes */

.hp_content_top { float: left; width: 950px; margin: 0 0 40px 0; font-size: 20px; line-height: 180%; color: #568fc0; text-align: left; }

.hp_content_bottom { float: left; width: 950px; height: 210px; }



/* subpage attributes */

.sub_content_top { float: left; width: 950px; margin: 0; line-height: 180%; color: #333; text-align: left; }

.slideshow-wrapper { margin: auto; width: 900px; }

.slideshow { margin: auto; width: 700px; text-align: left; }

.backbutton { float: left; width: 70px; margin: 250px 0 0 0; }

.nextbutton { float: right; width: 70px; margin: 250px 0 0 0; }