/* Michael Saganowski CSS Framework - www.sgnwsk.com - michael@sgnwsk.com - type: screen - created: 09/2008 */

body { font-size: 14px; font-family: Arial, Verdana, Helvetica; background-position: center top; background-color: #FFFFFF; background-repeat: no-repeat; }

/* TYPOGRAPHY */

h1 { font-family: "Trebuchet MS", Arial, Helvetica; font-size: 22px; font-weight: bold; color: #17c6f8; padding: 0px; margin: 0px; margin-bottom: 17px; }
h2 { font-family: "Trebuchet MS", Arial, Helvetica; font-size: 19px; color: #17c6f8; padding: 0px; margin: 0px; margin-bottom: 17px; margin-top: 30px; font-weight: normal; border-bottom: 1pt solid #173540; padding-bottom: 6px; }

.bold-paragraph { font-weight: bold; font-size: 15px; text-align: justify; }
.justify-paragraph { text-align: justify; }
.text-yellow { color: #ffe8b0; font-weight: bold; }
.trebuchet { font-family: "Trebuchet MS", Arial, Helvetica; font-size: 15px; }

/* LISTS */

.icon-list { padding-top: 35px; }
li.tick { background-image: url(../images/tick.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 20px; margin: .2em 0; }
li.tick-none { padding: 3px 0 3px 20px; }

/* SCULPTURE */

#wrapper { width: 960px; height: 100%; margin-left: auto; margin-right: auto; clear: both; }
#column-content { width: 810px; height: 2050px; margin-left: auto; margin-right: auto; clear: both; position: relative; }
#column-left { width: 570px; height: 600px; float: left; position: relative; }
#column-right { width: 385px; height: 600px; float: right; position: relative; }

/* NAVIGATION */

#navigation { margin-left: auto; margin-right: auto; clear: both; background-image: url(../images/navbar.png); background-position: top center; background-repeat: no-repeat; height: 106px; }
#nav-logo { position: relative; float: left; width: 260px; height: 34px; margin-top: 34px; margin-left: 23px; display: inline; }
#nav-links { position: relative; float: right; width: 643px; height: 57px; margin-top: 22px; margin-right: 20px; display: inline; }
#nav-style { list-style: none; float: left; margin: 0; padding: 0; width: 100%; padding-top: 15px; }
#nav-style li { float: left; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
#nav-style a { color: #303d42; display: block; float: left; margin: 0; padding: 8px 7px; text-decoration: none; background: url(../images/separator.gif) center right no-repeat; }
#nav-style a:hover { color: #ff7e00; text-decoration: underline; }
#nav-style li a#line-removal { background: none; }
#nav-style li a#active { color: #3594c0; }
#nav-style li a#active2 { background: none; color: #3594c0; }

/* NAV INDENT */

.nav-indent-1 { background: url(../images/hover.gif) no-repeat; position: relative; background-position: 17px 0px; }
.nav-indent-2 { background: url(../images/hover.gif) no-repeat; position: relative; background-position: 124px 0px; }
.nav-indent-3 { background: url(../images/hover.gif) no-repeat; position: relative; background-position: 275px 0px; }
.nav-indent-4 { background: url(../images/indent4.jpg) no-repeat; position: relative; background-position: 426px 0px; }
.nav-indent-5 { background: url(../images/indent5.jpg) no-repeat; position: relative; background-position: 536px 0px; }
.nav-indent-6 { background: url(../images/indent6.jpg) no-repeat; position: relative; background-position: 598px 0px; }

/* FOOTER */

#footer-style { list-style: none; float: left; margin: 0; padding: 0; width: 100%; padding-top: 15px; }
#footer-style li { float: left; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
#footer-style a { color: #525252; display: block; float: left; margin: 0; padding: 4px 9px; text-decoration: none; background: url(../images/separator2.gif) center right no-repeat; }
#footer-style a:hover { color: #ff7e00; text-decoration: underline; }
#footer-style li a#line-removal-footer { background: none; }
#footer-style li a#active-footer { color: #17c6f8; }
#footer-style li a#active-footer2 { color: #17c6f8; background: none; }
#footer-style li a#active-footer3 { color: #17c6f8; }
#footer-generic { width: 100%; height: 200px; position: relative; clear: both; margin-left: auto; margin-right: auto; background: url(../images/bck_footer.jpg) repeat-x; }
#footer-holder { width: 960px; margin-left: auto; margin-right: auto; }
#footer { width: 830px; height: 190px; clear: both; margin-left: auto; margin-right: auto; position: relative; margin-bottom: 0px; position: relative; }
#footer-inner { width: 830px; position: absolute; height: 100px; margin-top: 50px; margin-bottom: 0px; display: block; clear: both; }

.footer-copyright { color: #525252; height: 40px; clear: both; padding-top: 30px; }
.w3c-image { margin-left: 16px; position: absolute; top: 62px; }
.w3c-image2 { margin-left: 16px; position: absolute; top: 62px; left: 360px; }
.trademarks { margin-left: 16px; position: absolute; top: 62px; left: 615px; }