@charset "UTF-8";

/* -- universal elements -- */

body {background: #FFFFFF; padding: 0; margin: 0;}
a.CommandButton {color: #3366CC; text-decoration: none;}
a:hover.CommandButton {color: #CCA354; text-decoration: underline;}
#container {width: 1000px; text-align: left;}
#topNav {margin-left: 40px; padding: 0; height: 35px;}
.headerShadow {background: url(images/header-shadow.gif) top left no-repeat; width: 976px; height: 32px; margin: auto; padding: 0;} 
p.more {padding-bottom: 0; margin-bottom: 0; text-transform: uppercase; font-size: 9px;}
.more a {color: #003399; text-decoration: none; font-size: 9px;}
.more a:hover {color: #CCA354; text-decoration: underline; font-size: 9px;}
.HanselAndGretal {font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; font-size: 10px; color: #999999; padding-bottom: 0; padding-left: 20px; margin-bottom: 0;}
.HanselAndGretal a{color: #999999; text-decoration: underline;}
.HanselAndGretal a:hover{color: #CCA354; text-decoration: underline;}
ul {padding: 0; margin: 5px 0 0 20px;}
ul li {list-style-image: url(images/bullet-gold.gif); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 0 0 5px 0; margin: 0;}
div.search {float: right; padding: 0px; margin:0 10px 0 0 ;}
*HTML div.search {float: right; padding: 0px; margin:0 10px 0 0 ;}
div.search input.NormalTextBox{padding: 3px 3px 2px 3px; margin: 0; border: #999999 1px solid;font-size: 11px;}
div.search a img {padding: 0; margin: 0;}
.searchLabel {font-size: 11px; font-weight: bold; color: #CCA354; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* -- top nav -- */

ul.menu {list-style: none; text-transform: uppercase; font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; font-size: 10px; color: #999999; margin: 0; padding:0; font-weight: normal;}
ul.menu li {float: left; padding: 10px; background: url(images/nav-divider.gif) right no-repeat; list-style: none;}
ul.menu a {color: #999999; text-decoration: none;}
ul.menu a:hover {color: #CCA354; text-decoration: underline;}
ul.menu li.menuLast{background: none; list-style: none;}

/* -- site header -- */

#siteHeader {width: 976px; height: 115px; margin: auto; background: url(images/header-syntegrity.gif) top left no-repeat; clear: left;}
#siteHeader h1 {text-indent: -9999px; padding: 0; margin: 0;}
#siteHeader h2 {text-indent: -9999px; padding: 0; margin: 0;}
.flashBanner {background: url(images/flashBanner.jpg) top left no-repeat; width: 976px; height: 294px; margin: auto; padding: 0;}

#siteHeaderInner {width: 976px; height: 115px; margin: auto; background: url(images/header-syntegrity-inner.gif) top left no-repeat; clear: left;}
#siteHeaderInner h1 {text-indent: -9999px; padding: 0; margin: 0;}
#siteHeaderInner h2 {text-indent: -9999px; padding: 0; margin: 0;}

/* -- home - left content -- */

div.homeLeft {width: 330px; margin-left: 12px; float: left;}
.DNNEmptyPane {display: none;}
div.homeLeft h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #1D6E9B; margin: 0; padding: 20px;}
div.homeLeft p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; line-height: 18px; text-align: justify; padding: 0 20px 20px 20px; margin: 0;}

/* -- home - right content -- */

div.homeRight {width: 625px; float: right; margin-right: 15px;}
table.homeTable {margin-top: 70px; padding-top:0;}
table.homeTable p{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666;}
.homeBoxCell {background: #FFFFFF url(images/home-box-bg.gif) top left repeat-x;}
h4.homeBoxHeader1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #755216; font-weight: normal; padding: 0; margin: 0;}
h4.homeBoxHeader2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #AF8743; font-weight: normal; padding: 0; margin: 0;}

/* -- home login form -- */

.homeField {width: 130px; font-family: arial; font-size: 11px; border: #7F9DB9 1px solid;}
.homeLabels {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666;}

/* -- inner - single column layout -- */

div.singleColumn ul li{list-style-type:disc; padding-bottom: 3px; margin-right: 60px;}
div.singleColumn {width: 875px; margin-left: 60px; margin-bottom: 40px;}
div.singleColumn h3 {width: 855px; border-bottom: #CCA354 1px solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; color: #999999; text-transform: uppercase; padding: 0; margin: 5px 60px 20px 20px;}
div.singleColumn h4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; color: #000000; line-height: 18px; text-align: left; padding: 0 0 5px 20px; margin: 0;}
div.singleColumn p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; line-height: 18px; text-align: justify; padding: 0 0 20px 20px; margin: 0;}
div.singleColumn p.fancyQuote {text-align: center; font-size: 20px; color: #196C99; font-family: "Times New Roman", Times, serif;}
div.singleColumn p a{color: #3366CC; text-decoration: none;}
div.singleColumn p a:hover{color: #CCA354; text-decoration: underline;}
div.singleColumn ul {padding: 0; margin: 5px 60px 5px 40px;}
div.singleColumn ul li {list-style-image: url(images/bullet-gold.gif); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 0; margin: 0;}
div.singleColumn ul li a{color: #3366CC; text-decoration: none;}
div.singleColumn ul li a:hover{color: #CCA354; text-decoration: underline;}
div.singleColumn ol li a {color: #3366CC; text-decoration: none;}
div.singleColumn ol li a:hover {color: #CCA354; text-decoration: underline;} 

/* -- inner - 2 column layout -- */

div.leftColumn {width: 612px; margin-left: 60px; padding-left: 0;margin-bottom: 40px; float: left; border-right: #EBEBEB 1px solid; padding-right: 60px;}
*HTML div.leftColumn {width: 612px; margin-left: 20px; padding-left: 0;margin-bottom: 40px; float: left; border-right: #EBEBEB 1px solid; padding-right: 15px;}
div.leftColumn div #dnn_ContentPane {padding: 0; margin: 0;}
div.leftColumn ul li{list-style-type:disc; padding-bottom: 3px; margin-right: 60px;}
div.leftColumn h3 {width: 600px; border-bottom: #CCA354 1px solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; color: #999999; text-transform: uppercase; padding: 0; margin: 5px 60px 20px 20px;}
*HTML div.leftColumn h3 {width: 600px; border-bottom: #CCA354 1px solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; color: #999999; text-transform: uppercase; padding: 0; margin: 5px 40px 20px 20px;}
div.leftColumn h4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; color: #000000; line-height: 18px; text-align: left; padding: 0 60px 5px 20px; margin: 0;}
div.leftColumn p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; line-height: 18px; text-align: justify; padding: 0 0 20px 20px; margin: 0;}
div.leftColumn p.fancyQuote {text-align: center; font-size: 20px; color: #196C99; font-family: "Times New Roman", Times, serif;}
div.rightColumn{width: 203px; margin-right: 12px; margin-top: 45px; float: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-size: 10px; color: #666666;}
div.rightColumn p {margin: 0 0 15px 0; padding: 0; font-size: 11px; line-height: 18px;}
div.rightColumn a {color: #3366CC; text-decoration: underline;}
div.rightColumn a:hover {color: #CCA354;}
.sidebarDivider {padding-top: 30px; padding-bottom: 30px;}
div.rightColumn ul {margin-right: 10px;}
div.rightColumn ul li {list-style-image: url(images/bullet-sidebar.gif); font-size: 11px; line-height: 18px; font-weight: bold;}

div.leftColumn p a {color: #3366CC; text-decoration: none;}
div.leftColumn p a:hover{color: #CCA354; text-decoration: underline;}
div.leftColumn ul {padding: 0; margin: 5px 20px 5px 40px;}
div.leftColumn ul li {list-style-image: url(images/bullet-gold.gif); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 0 0 5px 0; margin: 0;}
div.leftColumn ul li a{color: #3366CC; text-decoration: none;}
div.leftColumn ul li a:hover{color: #CCA354; text-decoration: underline;}

/* -- footer -- */

#footer {clear: both; background: url(images/footer.gif) top left no-repeat; width: 976px; margin:auto;}
#footer p {text-align: right; font-family: Tahoma, Verdana, sans-serif; color: #999999; font-size: 8px; text-transform: uppercase; font-weight: bold; padding: 15px 15px 0 15px; margin: 0; letter-spacing:1px;}
#footer a {color: #999999; text-decoration: none;}
#footer a:hover {color: #CCA354; text-decoration: underline;}