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

/* Reduce like elements */
body, h1, table, #wrapper, .container, #header, #navigation, #message, #breadcrumb *, #footer, .list-style-none, .clear-both { margin: 0; padding: 0; }
.container { margin: 0 auto 0 auto; }
#wrapper, .container, #header, #navigation, #center, #message, #footer { position: relative; }
.brand, p.mascot-talk, img.mascot-talk, #googlevoice { position: absolute; }
.container { width: 930px; }
h1 { text-shadow: 0 1px 1px #000; }
.container, #navigation, #center, #message, #footer { z-index: 10; }
#header, .brand, img.mascot-talk { z-index: 100; }

body { background: #0066CC; color: #FFF; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 15px; }
h1 { color: #00FF33; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 2.3em; padding-bottom: 20px; text-indent: 20px; }
a { color: #BFBFBF; cursor: pointer; text-decoration: none; }
a:hover { color: #FFF; }
a.selected { cursor: default; }
img { border: none; }

#wrapper { background: url(../imagery/background-footer.png) left bottom repeat-x; }
#fancy_wrapper { background: url(../imagery/background-body.png) 50% bottom fixed no-repeat; }
#header { background: #FFF03F url('../imagery/background-header.png') bottom repeat-x; height: 125px; }

.brand { top: 15px; left: 0; }
p.mascot-talk { background: #FFF; border: #8C8C8C solid 1px; border-right-color: #595959; border-bottom-color: #333; border-left-color: #595959; -moz-border-radius: 8px; -moz-border-radius-bottomright: 0; -webkit-border-radius: 8px; -webkit-border-bottom-right-radius: 0; color: #000; font-size: .95em; line-height: 2em; padding: 0 15px; top: 10px; right: 100px; }
img.mascot-talk { top: 14px; right: 0; }

.contact-number { color: #0066CC; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 2.2em; font-weight: bold; line-height: 1em; margin: 0; padding: 0; position: absolute; top: 70px; right: 140px; text-shadow: 0px 1px 1px #000; z-index: 10; }
.contact-number:hover { color: #0066CC; }

#navigation { background: #262626 url('../imagery/background-navigation.png') bottom repeat-x; border: #000 solid 1px; border-right: none; border-left: none; width: 100%; }
.navigation, .navigation td { border: none; border-collapse: collapse; border-spacing: 0; margin: 0 auto; padding: 0; }
.navigation tr { border-left: #000 solid 1px; }
.navigation td { border-right: #000 solid 1px; width: 93px; }
.navigation a { color: #E5E5E5; display: block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 3em; text-align: center; }
.navigation a:hover, .navigation a.selected { background: #00FF33 url(../imagery/background-navigation-hover.png) bottom repeat-x; color: #000; }

#message { padding: 30px 0 40px 0; }
.message-background { background: #000; border: solid #000 10px; color: #FFF; -moz-border-radius: 15px; -moz-border-radius-bottomleft: 0; -webkit-border-radius: 15px; -webkit-border-bottom-left-radius: 0; padding: 15px 25px; }
.faq { padding: 0 0 20px; }

.breadcrumb { background: #262626 url(../imagery/background-navigation.png) bottom repeat-x; width: auto; }
ul.crumbs li { display: inline; line-height: 3em;  padding-right: .35em; }
ul.crumbs li, ul.crumbs a { color: #E5E5E5; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
ul.crumbs a:hover { color: #00FF33; text-decoration: underline; }
.facebook { background: #FFF; color: red; padding: 10px 0 10px 10px; position: absolute; top: 0px; right: 0px; }

#footer { background: #191919; border-top: solid 1px #000; color: #404040; font-size: .8em; padding: 5px; position: relative; text-align: center; }

.list-style-none { list-style: none; text-indent: 0; }
.clear-both { clear: both; }

#googlevoice { top: 40px; right: 20px; }

.contact-us { background: #EE3434; border: #FFF solid 3px; border-right: none; -moz-border-radius: 10px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -webkit-border-radius: 10px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; position: fixed; top: 45px; right: -110px; width: 160px; z-index: 10000; }
.contact-us img.toggle {  cursor: pointer; float: left; padding: 6px 12px 8px; position: relative; }
.contact-us a.link { display: block; color: #FFF; float: left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 2.5em; padding-right: 5px; text-indent: 5px; position: relative; }
.contact-us a.link:hover { text-decoration: underline; }

.required { color: yellow; font-size: .9em; text-indent: 25px; }


