/**** Eric Meyer's CSS Reset ****/
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, p, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;}
body { line-height: 1; font-family: Arial, sans-serif; font-size: 12px;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table {	border-collapse: collapse; border-spacing: 0; }
.clear { clear: both; }


/**** GENERIC BODY STYLES ****/
body { color: #3A3A3A; }
.wrapper { margin: 0 auto; width: 960px; }
h1 { font-size: 22px; color: #245287; }
h2 { font-size: 20px; font-weight: normal; margin: 0 0 5px 0; }
.white { color: #fff; }
.green { color: #bed63a; }
.large { font-size: 17px; }
.italics { font-style: italic; }
.small { font-size: 11px; }
.middle { vertical-align: middle; }
.right { float: right; }
.left { float: left; }
.clear { clear: both; }
.blue { color: #245287; }
.bold { font-weight: bold; }
p { line-height: 17px; }


/**** TOP BAR STYLES ****/
div#top_bar { background: url("../images/layout/bg-top-bar.jpg") top left repeat-x; height: 60px; }


/**** BANNER STYLES ****/
div#banner { background: url("../images/layout/bg-banner.jpg") top left repeat-x; height: 351px; }
div#banner p { line-height: 16px; color: #fff; }


/**** SUB BAR STYLES ****/
div#sub_bar { background-color: #ececec; border-bottom: solid 1px #b4b4b4; height: 90px; }
div#sub_bar img { margin: 10px 2px 0 2px; }


/**** SCROLLING BANNER STYLES ****/
#intro { padding-bottom: 10px; }
#slider { width: 940px; margin: 0 auto; position: relative; }
.scroll { height: 332px; width: 940px; overflow: auto; overflow-x: hidden; position: relative; clear: left;}
.scrollContainer div.panel { padding: 20px; height: 210px; width: 940px; }
.scrollButtons { position: absolute; top: 160px; cursor: pointer; z-index: 999;}
.scrollButtons.left { left: -20px; }
.scrollButtons.right { right: -20px; }
.hide { display: none; }
hr.separator { padding: 0; margin: 0 0 15px 0; color: #ffffff; background-color: #ffffff; border: 1px solid #1b4467; border-style: none none solid; }
.slider_left { width: 380px; float: left; margin: 0 20px 0 5px; }


/**** HOME PAGE STYLES ****/
div#home_left { float: left; width: 600px; margin: 20px 0 0 0; padding: 0 15px 0 0; }
div#home_left p { font-size: 15px; margin: 15px 0; line-height: 17px; }
div#home_right { float: right; width: 320px; margin: 20px 0 0 0; }
div#home_right img { margin: 0 0 10px 0; }


/**** INTERNAL PAGE STYLE ****/
p.large { font-size: 15px; margin: 15px 0; line-height: 17px; }
table.contact td.name { width: 210px; padding-bottom: 10px; font-weight: bold; }
table.contact td.name260 { width: 260px; padding-bottom: 10px; font-weight: bold; }
table.contact td.namelarge { width: 310px; padding-bottom: 10px; font-weight: bold; }
table.contact td.namesmall { width: 185px; padding-bottom: 10px; font-weight: bold; }
table.contact td.website { width: 110px; font-weight: bold; }
table.contact td.websitesmall { width: 100px; font-weight: bold; }
table.contact td.websiteimage { width: 130px; font-weight: bold; }
table.contact td.city { width: 200px; font-weight: bold; }
table.contact td.citysmall { width: 100px; font-weight: bold; }
table.contact td.address { width: 160px; font-weight: bold; }
table.contact td.addresssmall { width: 135px; font-weight: bold; }
table.contact td.type { width: 210px; font-weight: bold; }
table.contact td.phone { width: 200px; font-weight: bold; }
table.contact td.phonesmall { width: 140px; font-weight: bold; }
table.contact td.description { width: 300px; padding-bottom: 10px; font-weight: bold; }
table.contact td.descriptionpad { width: 300px; padding-bottom: 5px; }
table.contact td.descriptionpadsmall { width: 200px; padding-bottom: 5px; }
table.contact td.yes { width: 75px; padding-bottom: 10px; font-weight: bold; }
table.contact tr.entry { height: 20px; }


/**** BOTTOM LINKS ****/
img.small_button { margin: 0 0 0 23px; }

/**** FOOTER STYLES ****/
div#footer { background: url("../images/layout/bg-footer.jpg") top left repeat-x; height: 225px; margin: 15px 0 0 0; }
div#footer .title { font-size: 12px; font-weight: bold; color: #bed63a; text-transform: uppercase; }
div#footer p { margin: 0 0 15px 0; line-height: 15px; }
div#footer a { color: #fff; }
div#footer a:hover { color: #fff; text-decoration: none; }
div#footer a:visited { color: #fff; }
div#footer ul { float: left; width: 100px; }
div#footer ul li { line-height: 16px; }
div#footer ul li a { color: #fff; text-decoration: none; }
div#footer ul li a:hover { text-decoration: underline; }
div#footer_bottom { background: url("../images/layout/bg-footer-bottom.jpg") top left repeat-x; height: 59px; }
div#footer div#left { float: left; width: 250px; margin: 15px 0 0 0; }
div#footer div#middle { float: left; margin: 0 0 0 0;  width: 400px; margin: 15px 25px 0 30px; }
div#footer div#right { float: right;  width: 250px; text-align: right; margin: 15px 0 0 0; }
div#footer div#spacer { background-color: #3987b4; height: 160px; width: 1px; float: left; margin: 35px 0 0 0; }
div#footer_bottom img.logo { float: right; }
div#footer_bottom div#copyright { text-align: right; width: 700px; margin: 10px 0 0 0; float: right; }


/**** GREY BUTTONS ****/
ul#greyButtons li { background: url(../images/layout/bg-grey-button.jpg) #e7e7e7 top left repeat-x; border: solid 1px #a8a6a7; color: #676566; float: left; font-family: Helvetica, Arial, sans-serif; height: 57px; padding: 5px; width: 170px; margin: 7px 0 7px 8px; }
ul#greyButtons li a { text-decoration: none; color: #676566; }
ul#greyButtons li a:hover { color: #444; cursor: pointer; }
ul#greyButtons li a img { float: left; margin: 0 5px 0 0; width: 55px; height: 59px; }
ul#greyButtons li a p { font-size: 9px; line-height: 10px; }


/**** BLUE BUTTONS ****/
ul#blueButtons li { background: url(../images/layout/bg-blue-button.jpg) top left repeat-x; border: solid 2px #fff; float: left; font-family: Helvetica, Arial, sans-serif; padding: 8px 4px 4px 4px; margin: 10px 0 0 22px; height: 60px; width: 210px; -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, .5); -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, .5); box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, .5); }
ul#blueButtons li:first-child { margin-left: 0px; }
ul#blueButtons li a { text-decoration: none; width: 150px; float: left; }
ul#blueButtons li a:hover { cursor: pointer; }
ul#blueButtons li a h2 { color: #b1cf1e; font-weight: bold; text-transform: uppercase; width: 150px; margin-left: 10px; }
ul#blueButtons li a p { color: #fff; font-size: 14px; font-weight: bold; width: 150px; }
ul#blueButtons li a img { float: right; width: 55px; height: 55px; }


/**** LARGE CONTAINER ****/
div.largeContainer { background: #ddd; border: solid 1px #bbb; height: 160px; width: 445px; float: left; margin-right: 25px; padding: 10px; }
div.internal { background: #8aa30f; }
div.largeContainer span.highlight { text-transform: uppercase; font-weight: bold; }
div.largeContainer span.white { text-transform: uppercase; font-weight: bold; color: #fff; }
div.largeContainer div.desc { width: 230px; float: left; font-size: 12px; line-height: 22px; color: #000; }
div.largeContainer div.images { float: left; width: 210px; text-align: center; }
div.largeContainer div.images h2 { color: #1a437d; font-size: 14px; text-transform: uppercase; font-weight: bold; }
div.largeContainer div.images h2.yellow { color: #ebaf00; text-transform: none; font-size: 13px; }
div.last { margin-right: 0px; }