﻿@charset "UTF-8";
/* CSS Document */



/* text & link attributes */

h1 { font-size: 30px; margin: 0 0 5px 0; font-weight: normal; }

h2 { font-size: 26px; margin: 0 0 5px 0; font-weight: normal; }

h3 { font-size: 20px; margin: 0 0 5px 0; font-weight: normal; }

h4 { font-size: 15px; margin: 0; font-weight: normal; }

.blue { color: #256c96; }

.darkergray { color: #666666; }

.black { color: #000000; }

.sixteen { font-size: 16px; }

.eighteen { font-size: 18px; }

.homepagetext { color: #256c96; font-size: 18px; line-height: 200%; letter-spacing: 1px; }

.eightblack     { font-size: 8pt; color: #000000 }
.nineblack     { font-size: 9pt; color: #000000 }
.tenblack    { font-size: 10pt; color: #000000 }
.twelveblack     { font-size: 12pt; color: #000000 }
.thirteenblack     { font-size: 13pt; color: #000000 }

.fourteenblack     { font-size: 14pt; color: #000000 }
.twentyblack     { font-size: 20pt; color: #000000 }

.tenwhite    { font-size: 10pt; color: #FFFFFF }


a:link.greylink{ color: #666666; font-size: 12px; text-decoration: none }
a:active.greylink { color: #666666;font-size: 12px; text-decoration: none }
a:visited.greylink { color: #666666;font-size: 12px; text-decoration: none }
a:hover.greylink{ color: #666666; font-size: 12px; text-decoration: underline }


a:link, a:visited { text-decoration: underline; color: #555; }

a:hover, a:active { text-decoration: none; color: #555; }

a.nav:link, a.nav:visited { float: left; display: block; padding: 18px 21px 18px 21px; font-size: 14px; letter-spacing: 1px; text-decoration: none; color: #fff; }

a.nav:hover, a.nav:active { float: left; display: block; padding: 18px 21px 18px 21px; font-size: 14px; letter-spacing: 1px; text-decoration: none; color: #ddd; }

a.topnavitem:link, a.topnavitem:visited { padding: 0; margin: 0 25px 0 0; color: #114260; font-size: 14px; text-decoration: none; }

a.topnavitem:hover, a.topnavitem:active { padding: 0; margin: 0 25px 0 0; color: #114260; border-bottom: 2px solid #256c96; font-size: 14px; text-decoration: none; }

a.viewmore:link, a.viewmore:visited { display: block; float: left; padding: 12px 22px 12px 22px; font-size: 16px; color: #222; text-decoration: none; background: url(/images/viewmore1.jpg) center center no-repeat; }

a.viewmore:hover, a.viewmore:active { display: block; float: left; padding: 12px 22px 12px 22px; font-size: 16px; color: #333; text-decoration: none; background: url(/images/viewmore2.jpg) center center no-repeat; }



/* main attributes */

body, a, p, div, input, textarea { margin: 0; padding: 0; }

.left { float: left; margin: 5px 15px 0 0; }

.right { float: right; margin: 5px 0 0 15px; }

.border { padding: 3px; border: 1px solid #c1d07d; }

.borderbottom { border-bottom: 1px solid #aac4d6 ; }

.clear { clear: both; }

body { text-align: center; font: 12px Trebuchet, Arial, Helvetica, sans-serif; color: #666; line-height: 200%; background: #fff url(/images/bg.jpg) top center repeat-x; }

.wrapper { margin: 0 auto; width: 950px; }

.mainnav { float: left; width: 950px; height: 60px; text-align: left; }

.contact { float: right; margin: 60px 205px 80px 0; font-weight: bold; font-size: 13px; text-align: center; color: #333; line-height: 200%; }

.leftnav { float: left; width: 200px; margin-top: 3px; text-align: left; }

.leftnavtext { text-align: left; padding: 15px 0 0 15px; }

.content { float: right; width: 730px; text-align: left; }

.footer { float: left; width: 100%; background: url(../images/footer.jpg) top center repeat-x; margin-top: 20px; text-align: center; }

.footertext { margin: auto; text-align: left; padding: 15px 0 10px 0; width: 950px; color: #fff; }

a:link.whitetextlinktop { color: #FFFFFF; font-size: 11px; text-decoration: none }
a:active.whitetextlinktop { color: #FFFFFF;font-size: 11px; text-decoration: none }
a:visited.whitetextlinktop { color: #FFFFFF;font-size: 11px; text-decoration: none }
a:hover.whitetextlinktop { color: #EDDCF5; font-size: 11px; text-decoration: underline }


ul { margin: 0 0 5px 0; padding: 0; }

li { margin: 0 0 0 20px; list-style: outside url(../images/arrow.jpg); }



/* homepage attributes */

.hpbox { float: left; width: 173px; background: #f4f5f5; border: 1px solid #ddd; }

.hpboxtext { padding: 10px; }

.hpspacer { float: left; width: 8px; height: 10px; }