body {background: white; text-align: center; padding: 0px; font-family: Tahoma, Verdana, "Trebuchet MS"; margin: 0px; padding: 0px; font-size: 76%; }
html {overflow-y: scroll; min-height: 100%; height: auto;}

body { color: rgb(22,30,105);}
a, a:visited {color: rgb(247,146,29);}

h1, h1 a, h1 a:visited, .h1 {font-size: 180%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h2, h2 a, h2 a:visited, .h2 {font-size: 160%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h3, h3 a, h3 a:visited, .h3 {font-size: 130%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h4, h4 a, h4 a:visited, .h4 {font-size: 110%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h5, h5 a, h5 a:visited, .h5 {font-size: 100%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
p {margin: 0px 0px 10px 0px; padding: 0px;}

img {border: none; margin: 0px; padding: 0px;}
ul { text-align: left;}
li {padding-left: 6px;}
div {margin: 0px; padding: 0px;}
td {vertical-align: top;}
form {padding: 0px; margin: 0px;}

/* generic css */
.logo {width: 197px; height: 29px; border: none;}
.clear {clear: both; font-size: 1px; height: 1px;}
.clear img {width: 100%; height: 1px;}
.textonly {display: none;}
.formErr {display: block; color: red; }
.formNoErr {display: none; }
.page404 {text-align: center;}
.bold {font-weight: bold;}
.btn {border: none; height: 24px; overflow: visible; padding: 0px 8px; font-weight: bold; cursor: pointer; color: rgb(247,146,29); background: white; border: 1px solid rgb(165,172,178);}
.txtfield, .txtarea { border: 1px solid rgb(165,172,178); padding: 1px 2px;}
.selfield { border: 1px solid rgb(165,172,178);  }
.chkbox {position: relative; top: 2px; left: 0px;}
.imgbtn {padding: 0px; border: 0px; margin: 0px;}
.accesskeys {display: none;}

/* standard content css */
.content, .homecontent {font-size: 90%;}
.content li {margin-bottom: 4px;}

/* layout css */
.page {width: 760px; margin: 16px auto 20px auto; text-align: left;}

.header { height: 83px; margin-left: 135px;  background-color: white; position: relative; top: 0px; left: 0px; z-index: 20;}
.header, .header a, .header a:visited { text-decoration: none;}
.header .lcol {float: left; width: 300px;}
.header .lcol .logo {margin: 21px 0px 0px 21px;}
.header .lcol p {margin: 6px 0px 0px 21px; padding: 0px; font-style: italic; font-family: verdana}
.header .rcol {float: left; width: 305px; text-align: right; padding-top: 10px; color: rgb(247,146,29);}
.header .rcol a, .header .rcol a:visited {color: rgb(22,30,105);}
.header .rcol .sub {font-family: verdana;}

.pageTitle {position: absolute; top: 49px; left: 257px; width: 350px; font-family: Arial;}
.pageTitle .icon {float: right; width: 32px; height: 29px; background: transparent url(/images/icons.gif) no-repeat scroll right center; margin-left:28px}
.pageTitle h1 a, .pageTitle h1 a:visited { text-decoration: none; font-size: 24px; font-weight: normal;}

.sidemenu .menu {font-size: 115%; width: 135px;}
.sidemenu .menu a, .sidemenu .menu a:visited {text-decoration: none;}
.sidemenu .menu .item {margin-bottom: 1px; letter-spacing: 1px;}

.sidemenu .menu .sel p {background: rgb(247,146,29); }
.sidemenu .menu .sel a, .sidemenu .menu .sel a:visited {color: rgb(22, 30, 105);}

.sidemenu .menu .nosel {background: rgb(33, 87, 139); }
.sidemenu .menu .nosel a, .sidemenu .menu .nosel a:visited {color: white;}
.sidemenu .menu p {padding: 6px 6px 7px 25px; margin: 0px;}

.sidemenu .menu .hover {background: rgb(247,146,29);}
.sidemenu .menu .sel a:hover, .sidemenu .menu .nosel a:hover {color: white }
.sidemenu .menu div .hover a, .sidemenu .menu div .hover a:visited {color: white}
.sidemenu .menu .sel .hover a, .sidemenu .menu .sel .hover a:visited {color: white; }
.sidemenu .hover {cursor: pointer;}

.subMenu {margin: 44px 0px 44px 0px; width: 135px;}
.subMenu .title {border-bottom: 2px solid rgb(22, 30, 105); margin-bottom: 4px;padding: 0px 0px 5px 25px;  font-size: 120%;}
.subMenu .title, .subMenu .title a {color: rgb(22, 30, 105);}
.subMenu .title a:hover {color: rgb(247,146,29);}
.subMenu .item {letter-spacing: 1px;}
.subMenu a, .subMenu a:visited, .subMenu a:hover {color: rgb(22, 30, 105); text-decoration: none;}
.subMenu p {padding: 3px 6px 4px 25px; margin: 0px;}
.subMenu .sel p {background: rgb(247, 146, 29);}
.subMenu .icon {display: none;}
.subMenu .icon {position: absolute; top: -2px; left: -39px;}
.subMenu .sel .icon {width: 32px; height: 24px; background: transparent url(/images/icons.gif) no-repeat scroll left center;}
.subMenu .nosel .icon {display: none;}
.subMenu .hover {background: rgb(247,146,29);}

.subMenu a:hover, .subMenu .hover a, .subMenu .hover a:visited {color: white;}
.subMenu .sel .hover a, .subMenu .sel .hover a:visited {color: white;}
.subMenu .hover {cursor: pointer;}


/* default page styles */
.pageBody {position: relative; top: 0px; left: 0px; z-index: 10;}
.trs {}

.layout {border: none; border-collapse: collapse; margin: 0px; padding: 0px; position: relative; top: 0px; left: 0px; z-index: 10;}
.layout .lcol {width: 135px;  border: 0px; padding: 0px;}
.layout .rcol {width: 625px; border: 0px; padding: 0px; background-color: white;}
.layout .copy { font-size: 80%; font-family: Verdana}
.layout .copy div {position: relative; top: -11px; left: 16px;}
.layout .copy, .layout .copy a, .layout .copy a:visited {color: rgb(100,100,100); text-decoration: none;}

.pageArea {height: 380px; border-top: 1px solid rgb(247,146,29); padding: 19px 0px; font-family: verdana;}
html>body .pageArea {height: auto; min-height: 380px;}

.pageArea .lsub {float: left; width: 283px; }
.pageArea .rsub {float: left; width: 283px; margin-left: 19px;}

.pageArea table { border-collapse: collapse;}
.pageArea table td {border: 1px solid rgb(166, 167, 169); padding: 4px 5px; margin: 0px;}
.pageArea .th {font-weight: bold;}

.footer {position: absolute; top: 100%; left: 0px; text-align: center; width: 100%; font-family: verdana; z-index: 0;}
.footer div {text-align: center; font-size: 80%; position: absolute; top: -1.5em; left: 0px; width: 100%;}
.footer, .footer a, .footer a:visited {color: rgb(100,100,100); text-decoration: none; }
.footer a:hover {text-decoration: underline;}


/* home page */
.home {padding-left: 20px; border-bottom: 1px solid rgb(247,146,29);}
.home .banner {margin: 0px 0px 10px 0px;}
.home .banner h2 {background: rgb(22,30,105); border-bottom: 1px solid rgb(247,146,29); text-align: center; padding: 2px 10px 4px 10px; font-size: 120%; margin: 0px;}
.home .banner h2 a, .home .banner h2 a:visited {color: white; text-decoration: none; font-weight: normal; }
.home .banner h2 a {font-size: 100%;}
.home .banner img {width: 585px; height: 243px;}
.homecontent a, .homecontent a:visited {text-decoration: none;}
.homecontent a:hover {text-decoration: underline}

/* services page */
.servicesCon {border-bottom: 1px solid rgb(247,146,29); padding-left: 20px;}
.servicesFoot {padding: 15px 0px 15px 20px; border-bottom: 1px solid rgb(247,146,29);}
.services {}
.services .banner {margin-bottom: 10px;}
.services .banner h2 {background: rgb(22,30,105); border-bottom: 1px solid rgb(247,146,29); text-align: center; padding: 2px 10px 4px 10px; font-size: 120%; margin: 0px;}
.services .banner h2 a, .home .banner h2 a:visited {color: white; text-decoration: none; font-weight: normal; }
.services .banner h2 a {font-size: 100%;}
.services .banner img {width: 283px; height: 139px;}
.servicescontent a, .servicescontent a:visited {text-decoration: none;}
.servicescontent a:hover {text-decoration: underline}


/* default page layout 2-col */
.default{}
.default .lcol {}
.default .rimage {float: right; margin-left: 20px; }
.default .banner {margin: 0px 0px 10px 20px;}
.default .banner img {width: 605px; height: 104px;}

.subcontent {padding: 20px; border-bottom: 1px solid rgb(247,146,29);}
.subcontent .subimg {float: left; margin-right: 20px; margin-bottom: 16px;}
.subcontent .subimg img {display: block;}
.subcontent .caption {background-color: rgb(22,30,105); color: white; border-top: 1px solid rgb(247,146,29); padding: 4px 4px 6px 4px; text-align: center;}
.subcontent .dload {width: 230px; padding: 4px; float: left; margin-top: 6px;}
.subcontent .dload img {width: 23px; height: 23px; float: left; margin-right: 5px;}
.subcontent .dload a, .subcontent .dload a:visited {color: rgb(22,30,105); font-weight: bold; }
.subcontent a, .subcontent a:visited {text-decoration: none;}
.subcontent a:hover {text-decoration: underline}

/* basic page layout 1-col */
.basic {background-color: rgb(155, 154, 170);}


/* site map */
.sitemap li {margin-bottom: 10px;}
.sitemap li a, .sitemap li a:visited {text-decoration: none;}
.sitemap li a:hover {text-decoration: underline;}
.sitemap .level1 {float: left; margin: 0px 15px; display: inline;}

/* generic login form */
.loginForm {}
.loginForm .row {}
.loginForm .warning {color: red;}

/* generic class css */
/* messages used by multiple classes on the site */
.messages {padding: 3px; background-color: rgb(215, 236, 236); border: 1px solid rgb(180, 180, 180); margin: 0px 0px 20px 0px;}
.pagearea .messages {margin: 0px 0px 20px 0px;}
.messages .warning {color: red}
.messages .message {color: green;}
.messages .title {}
.messages ul {}
.messages li {}

/* shop class */
.shoppagearea {height: 380px; }
html>body .shoppagearea {height: auto; min-height: 380px;}
.shop {}
.shop .label {font-weight: bold;}

/* account */
.account .start {}
.account .start .txtfield {width: 160px;}
.account .newuser {width: 200px;}

/* generic page */
.generic h3 {margin-bottom: 18px;}
.generic h4 {margin-bottom: 5px;}
.generic .summary {margin-bottom: 22px;}
.generic .summary a {text-decoration: none;}

/* contact page */
.contact {padding-bottom: 10px; border-bottom: 1px solid rgb(247,146,29);}
.contact .lsub {width: 282px; border-right: 1px solid rgb(247,146,29);}
.contact .subcontent {border-bottom: none;}
.contact .rsub .subcontent {padding: 20px 0px;}
.contact .title {font-weight: bold; margin-bottom: 20px;}
.contact .col1 {float: left; display: inline; width: 90px; margin-right: 10px;}
.contact .col2 {float: left;}
.contact sup {color: rgb(247,146,29);}

/* personnel page */
.personnelCon {border-bottom: 1px solid rgb(247,146,29);}
.personnel { float: left; width: 292px; margin-left: 20px; display: inline; }
.personnel .subimg {float: left; margin-bottom: 16px; width: 117px}
.personnel .subimg img {display: block; }
.personnel .caption {background-color: rgb(22,30,105); color: white; border-top: 1px solid rgb(247,146,29); padding: 4px 4px 6px 4px; text-align: center;}
.personnel .subcol {float: left; width: 160px; margin: 40px 0px 0px 10px;}
.personnel h3 {font-size: 100%;}
.personnel a {text-decoration: none;}
.personnel a:hover {text-decoration: underline;}