/*** GENERAL STYLES ***/

body {background: #e1e1e1; text-align: center; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: "trebuchet ms", arial, helvetica, sans-serif; font-size: 12px; color: #333;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 16px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}
a {color: #069; text-decoration: none;}
a:hover {color: #bc8924; text-decoration: underline;}
a.arrowlink {padding-right: 10px; background: url(http://www.diamondh.com/EmailTemplates/templateAssets/arrow.gif) right 4px no-repeat;}
a.backlink {padding-left: 10px; background: url(http://www.diamondh.com/EmailTemplates/templateAssets/backlink.gif) left 4px no-repeat;}

.hide {display: none;}
.alert {color: #c00;}
.small {font-size: 10px;}

.floatleft {float: left;}
.floatright {float: right;}
.imgleft {float: left; margin: 0 30px 30px 0;}
.imgright {float: right; margin: 0 0 30px 30px;}
.imgborder {border: 1px solid #999;}
.textcenter {text-align: center;}
.textright {text-align: right;}

.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.clear {float: none; clear: both;}
.hr {background: #ccc;}

.half {width: 50%;}
.third {width: 33%;}
.twothird {width: 60%;}
.quarter {width: 25%;}
.threequarter {width: 70%;}

.ir {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
a .ir {cursor: pointer;}

sup, sub {height: 0; line-height: 1px; vertical-align: baseline; _vertical-align: bottom; position: relative;}
sup {bottom: 1ex;}
sub {top: .5ex;}


/*** STRUCTURAL STYLES ***/

#outer {position: relative; width: 990px; margin: 0 auto; text-align: left; background: #fff; padding-top: 120px;}
#main {background: url(http://www.diamondh.com/EmailTemplates/templateAssets/main.gif) left top repeat-y; margin-bottom: 15px; min-height: 150px;}
	body.home #main {background-image: none;}
#content {float: right; width: 700px; padding: 25px 30px 30px 0;}
#sidebar {float: left; width: 227px; color: #fff;}


/*** TOP STYLES ***/

#printlogo {display: none;}
#logo a {position: absolute; left: 0; top: 25px; width: 330px; height: 67px; margin-top: 20px; font-size: 17px; font-weight: normal; line-height: 1.2em; text-align: center;}
#logo strong {display: block; font-size: 24px;}
#logo .ir {background: url(http://www.diamondh.com/EmailTemplates/templateAssets/logo.gif) 0 -20px;}
#tagline {position: absolute; right: 20px; top: 25px; font-size: 20px; color: #bc8924; line-height: 87px; font-weight: normal;}

#navbar {height: 32px; background: #81a5c1; font-size: 13px; font-weight: bold; border-bottom: 1px solid #fff;}
#navbar li {float: left; border-right: 1px solid #fff;}
#navbar a {display: block; height: 32px; line-height: 32px; color: #fff; padding: 0 15px; text-decoration: none; width: 10px; white-space: nowrap;}
	html>body #navbar a {width: auto;}
#mainnav a {height: 32px; line-height: 32px;}
#mainnav a:hover {background-color: #9fc0d8;}
#mainnav li.on a {background-color: #185d80;}

#featurenav {position: absolute; right: 10px; top: 112px; border-left: 1px solid #fff; background: #bc8924 url(http://www.diamondh.com/EmailTemplates/templateAssets/featurenav.gif) left top repeat-x;}
#featurenav a {height: 40px; line-height: 40px; width: 10px; white-space: nowrap;}
	html>body #featurenav a {width: auto;}
#featurenav a:hover {background: url(http://www.diamondh.com/EmailTemplates/templateAssets/featurenav-on.gif) left top repeat-x;}
#selectaward a {position: relative; padding-left: 40px;}
#selectaward span {position: absolute; left: 15px; top: 11px; width: 16px; height: 17px; background: url(http://www.diamondh.com/EmailTemplates/templateAssets/featurenav-selectaward.gif) no-repeat;}

#eyebrow {position: absolute; left: 0; top: 0; width: 985px; height: 25px; padding-right: 5px; background: #ececec url(http://www.diamondh.com/EmailTemplates/templateAssets/eyebrow.gif) left top no-repeat;}
#eyebrow ul {position: relative; float: right; font-size: 11px; line-height: 1.2em; padding-top: 6px; overflow: hidden;}
#eyebrow li {position: relative; left: 1px; float: left; border-right: 1px solid #636363;}
#eyebrow a {color: #636363; padding: 0 10px;}

#crumbs {height: 32px; line-height: 32px; background: #ebebeb url(http://www.diamondh.com/images/crumbs.gif); border-bottom: 1px solid #fff;}
	body.home #crumbs {display: none;}
#crumbs li {float: left; padding-left: 22px; background: url(http://www.diamondh.com/images/arrow.gif) 10px center no-repeat;}


/*** CONTENT STYLES ***/

#content h1 {font-size: 18px; font-weight: normal; line-height: 1.2em; margin-bottom: 1em;}
#content h2 {color: #bc8924; font-size: 16px; margin-bottom: 1em;}
#content h3 {font-size: 13px; margin-top: 1.5em; margin-bottom: 3px;}
	#content h3.subhead {margin-bottom: 1.5em; color: #666;}
#content ul {margin: 1.5em 20px;}
#content li {padding-left: 10px; background: url(http://www.diamondh.com/images/bullet-blue.gif) 0 4px no-repeat; margin-bottom: 3px;}
.note {font-size: 16px; color: #bc8924; line-height: 1.3em; text-align: center; padding: 10px 40px;}

#content h2.separator {margin-top: 1.5em; padding-top: 1.5em; border-top: 1px solid #ddd;}
#content h2.close {margin-bottom: 3px;}
#content h3.close {margin-top: 0; margin-bottom: 1.5em;}

div.diagram {position: relative; margin-bottom: 2em;}
div.diagram h2 {padding-top: 20px;}

#content div.separator {clear: both; margin: 1.5em 0; padding-top: 1.5em; border-top: 1px solid #ddd;}

#content ul.sitemap {margin: 0; font-size: 14px; font-weight: bold;}
#content ul.sitemap ul {margin: 10px 0 15px 10px; font-size: 13px; font-weight: normal;}
#content ul.sitemap ul ul {margin: 5px 0 10px 20px; font-size: 12px;}
#content ul.sitemap li {margin: 0 0 8px 0; padding: 0; background: none;}
#content ul.sitemap li li {margin: 0 0 4px 0; padding: 0 0 0 10px; background: url(http://www.diamondh.com/images/bullet-blue.gif) 0 4px no-repeat;}
#content ul.sitemap li li li {margin: 0 0 2px 0; padding: 0; background: none;}


/*** CONTACT FORM STYLES ***/

#contactform div {clear: both; padding: 5px 0 0 0;}
#contactform label {font-weight: bold; line-height: 20px;}
#contactform div.textbox label, #contactform div.textarea label {float: left; width: 130px; margin-right: 10px;}
#contactform label.required {background: url(http://www.diamondh.com/EmailTemplates/templateAssets/required.gif) right center no-repeat;}
#contactform div.textbox input {width: 300px;}
#contactform div.textarea textarea {width: 300px; height: 70px;}
#city {width: 160px !important;}
#state {width: 40px !important;}
#zip {width: 70px !important;}
#contactform div.checkbox label {font-weight: normal;}
#contactform div.checkbox input {vertical-align: middle;}
#contactform div.checkbox .indent {display: block; padding-left: 25px;}
#contactform div.selectbox label {float: left;}
#contactform div.selectbox select {float: right; width: 250px;}
#contactform #submitbutton {border: 0; background: #81a5c1; color: #fff; font-weight: bold;}


/*** SIDEBAR STYLES ***/

#sidebar h3 {font-size: 13px; color: #fff; margin-bottom: .5em;}
#sidebar ul a {color: #fff; text-decoration: none;}

#leftnav {background: #c0d7e9; border-bottom: 1px solid #fff; padding: 10px 0; font-size: 13px;}
#leftnav li a {display: block; width: 187px; padding: 6px 20px; color: #000;}
#leftnav a:hover {background: #185d80; color: #fff;}
#leftnav li.on a {background: #81a5c1; color: #fff;}
#leftnav ul {display: none;}
#leftnav li.on ul {display: block; background: #dbe9f1; font-size: 12px; line-height: 15px; margin-bottom: 5px;}
#leftnav li.on ul a {width: 177px; padding-left: 30px; background: transparent url(http://www.diamondh.com/images/bullet-blue.gif) 20px 9px no-repeat; color: #069;}
#leftnav li.on ul a:hover {background: #185d80 url(http://www.diamondh.com/images/bullet-white.gif) 20px 9px no-repeat; color: #fff;}
#leftnav li.on ul li.on a {background: #fff url(http://www.diamondh.com/images/bullet-gold.gif) 20px 9px no-repeat; color: #bc8924;}

#quicklinks {padding: 20px; background: #185d80;}
#quicklinks li a {display: block; width: 177px; border-top: 1px dotted #5e8ea6; padding: 5px 5px 5px 15px; margin: 0 -5px; background: url(http://www.diamondh.com/images/bullet-white.gif) 5px 9px no-repeat;}
#quicklinks li a:hover {background-color: #5e8ea6;}


/*** HOME STYLES ***/

#homeflash {height: 239px; border-bottom: 1px solid #fff;}
#homeflashdiv {height: 239px; line-height: 239px; text-align: center; background: #eee;}

#homefeature {float: right; width: 140px; margin: 0 0 20px 40px; font-size: 14px; color: #bc8924; line-height: 18px;}
#homefeature p {margin-bottom: 1em;}
#homefeaturelink {position: relative; display: block; width: 89px; height: 24px; background: #5e8ea6; color: #fff; line-height: 24px; text-align: center; font-weight: bold; font-size: 11px; text-decoration: none;}
#homefeaturelink .ir {background: url(http://www.diamondh.com/images/btn-moreinfo.gif) no-repeat;}

#homemodules {clear: both; background: url(http://www.diamondh.com/images/homemodules.gif) 350px 0 repeat-y; margin: 10px 0; font-size: 11px; line-height: 14px;}
#homemodules .half {width: 45%; padding: 5px 10px;}
#homemodules h3 {margin-bottom: 1em;}
#homemodules .imgright {margin: 0 0 15px 15px;}
#homemodules #newslist {margin: 0;}
#homemodules #newslist li {padding: 0; background: none; margin: 0 0 15px 0;}
#homemodules a.arrowlink {padding-right: 8px; background-image: url(http://www.diamondh.com/images/bullet-blue.gif); background-position: right 4px;}

#homeiconlinks {background: #ececec url(http://www.diamondh.com/images/homeiconlinks.gif) left bottom repeat-x; width: 187px; padding: 20px; color: #000; font-size: 11px; line-height: 14px;}
#homeiconlinks li {behavior: url(http://www.diamondh.com/includes/iepngfix.htc); margin-bottom: 20px; width: 127px; padding-left: 60px; min-height: 60px;}
#homeiconlinks a.arrowlink {color: #069; background: url(http://www.diamondh.com/images/bullet-blue.gif) right 4px no-repeat; padding-right: 8px;}


/*** FOOTER STYLES ***/

#footer {border-top: 1px solid #ccc; font-size: 10px; color: #666; padding: 15px 20px; line-height: 1.2em;}
#footer ul {position: relative; float: right; overflow: hidden;}
#footer li {position: relative; left: 1px; float: left; border-right: 1px solid #666;}
#footer li a {display: block; padding: 0 8px; text-transform: uppercase;}
#footer p {margin: 0;}