html {
	background: #33364D url(../images/layout/html-bg.png);}
body {
	background: rgb(51,54,77) url(../images/layout/body-bg.png) repeat-x top left;}
body, td {
	font-family: Arial, Helvetica, sans-serif;}
/*====================================================================================================
MISC LAYOUT CONTAINERS
====================================================================================================*/
div#CONTENT {
	margin: 0px auto 0px auto;
	padding-top: 15px;
	width: 786px;}
div#WRAPPER{
	background: transparent url(../images/layout/body-top-bg.png) no-repeat 50% top;}
div#NONFOOTER {
	background: white url(../images/layout/main-bg.png) repeat-y left top;
	padding-bottom: 35px;}
/*====================================================================================================
HEADER
====================================================================================================*/
div#HEADER {
	height: 87px;
	overflow: hidden;
	position: relative; /* contains absolutely positioned elements */
	background: white url(../images/layout/header-bg.png) no-repeat 50% top;}
div#HEADER img#logo {
	position: relative;
	left: 20px;
	top: 20px;}
div#HEADER div#login {
	position: absolute;
	top: 15px;
	right: 170px;}
div#HEADER div#login a {
	font-size: 10px;
	text-decoration: none;
	color: rgb(29,39,118);}
/*====================================================================================================
FORMS
====================================================================================================*/
label.required {
	background-image: url(../images/icons/asterisk.gif);}
/*----------------------------------------------------------------------------------------------------
search box
----------------------------------------------------------------------------------------------------*/
div#search {
	border: 0px none;
	height: 24px;
	width: 136px;
	background: #DE750F url(../images/layout/search-bg.png) left top no-repeat;
	position: absolute;
	right: 10px;
	top: 10px;}
div#search input.search-box {
	background-color: transparent;
	border: 0px none;
	font-size: 11px;
	color: #555555;
	position: absolute;
	top: 5px;
	left: 8px;
	width: 105px;}
div#search input.search-button {
	border: 0px none;
	background: transparent url(/images/layout/search.png) right top no-repeat;
	position: absolute;
	right: 0px;
	height: 24px;
	width: 26px;
	top: 0px;}
div#search input.search-button:hover {
	cursor: pointer;
	cursor: hand;}
/*----------------------------------------------------------------------------------------------------
navigation
----------------------------------------------------------------------------------------------------*/
ul#navigation {
	list-style-type: none;
	position: absolute;
	top: 60px;
	left: 150px;
	padding: 0px 0px 15px 0px;
	margin: 0px;
	/*border-bottom: 1px solid gray;*/}
ul#navigation li {
	float: left;
	margin-left: 10px; /* 15px is too wide in Konquerer */
	background: white url(../images/layout/navigation-bg.png) 0px 0px no-repeat;}
ul#navigation li a {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: lowercase;
	color: #666666;
	margin-left: 25px;
	padding: 5px;
	font-size: 13px;}
ul#navigation li#home {
	margin-left: 0px;
	background-image: none;}
ul#navigation li#home a {
	margin-left: 0px;}
/*ul#navigation li#about:hover {
	background-position: 0px -50px;}*/
ul#navigation li a:hover {
	/*color: rgb(214,85,0);*/
	color: black;}
/*====================================================================================================
SIDEBAR
====================================================================================================*/
div#SIDEBAR {
	width: 200px;
	float: right;
	position: relative; /* hack for IE6 peek-a-boo bug */
	margin-top: 6px; /* to align with paragraph text */
	/*background-color: #DADAEE;*/}
div#SUBNAV {
	background: #EB9D51 url(../images/layout/sidebar-bg-top.gif) no-repeat left top;}	
div#SUBNAV h3 {
	text-align: right;
	color: #F7C89B;
	margin: 3px 9px 0px 0px;
	font-size: 18px;
	text-transform: lowercase;
	font-style: oblique;}
div#SUBNAV ul#subnavigation {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	background: url(../images/layout/sidebar-bg-bottom.gif) no-repeat left bottom;}
div#SUBNAV ul#subnavigation li {
	padding: 0px;
	margin: 0px;
	display: inline; /* hack for vertical gaps in IE6 */}
div#SUBNAV ul#subnavigation li a {
	display: block;
	padding: 5px 5px 5px 15px;
	text-decoration: none;
	font-weight: bold;
	color: rgb(29,39,118);}
div#SUBNAV ul#subnavigation li a:hover {
	/*color: black;*/}
div#SUBNAV ul#subnavigation li a.current {
	color: black;
	background: url(../images/layout/a-current-bg.gif) no-repeat 5px 50%;
	text-indent: 2px;
	font-style: italic;}
div#SUBNAV ul#subnavigation li a.current:hover {
	cursor: default;}
/*====================================================================================================
SOCIAL MEDIA LINKS IN SIDEBAR
====================================================================================================*/	
a.social-media-link {
	display: block;
	line-height: 16px;
	text-indent: 20px;
	padding: 3px 0px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	text-decoration: none;
	font-size: 11px;}
a#facebook {
	background-image: url(../images/icons/facebook.png);}
a#twitter {
	background-image: url(../images/icons/twitter.png);}
a#subscribe {
	background-image: url(../images/icons/newspaper--arrow.png);}
/*====================================================================================================
FORMS LOCATED IN SIDEBAR
====================================================================================================*/
/*div#SIDEBAR form {	
	background: #EB9D51 url(/images/layout/sidebar-bg-top.gif) no-repeat left top;
	padding: 10px 0px 10px 0px;}
	*/
div#SIDEBAR label,
div#SIDEBAR h5 {
	/*color: white;*/}
div#SIDEBAR h5 {
	text-align: center;
	font-size: 1.1em;
	font-style: italic;}
div#SIDEBAR label {
	display: block;
	font-weight: bold;
	margin-top: 5px;}
div#SIDEBAR div.radiodiv label {
	display: inline;
	font-weight: normal;
	margin-top: 0px;
	margin-left:5px;}
div#SIDEBAR label.required {
	background-image: url(/images/layout/asterisk-orange.gif);
	text-indent: 12px;}
div#SIDEBAR label.radio {
	margin: 0px 0px 0px 10px;
	font-weight: normal;}
div#SIDEBAR label.checkbox {
	font-weight: normal;}
div#SIDEBAR legend {
	/*color: white;*/
	font-weight: bold;}
div#SIDEBAR .button {
	display: block;
	margin-left: 76px;
	cursor: pointer;
	padding: 0px;
	margin: auto;
	border: 0px none;
	background: none;
	padding-bottom:10px;}
	
	
div#SIDEBAR fieldset {
	margin-bottom: 10px;
	border: 0px none;
	padding: 0px 10px}
div#SIDEBAR textarea {
	height: 60px;}
div#SIDEBAR input.textfield,
div#SIDEBAR textarea {
	width: 176px;
	background-color: white !important;
	border: 1px solid #333333;}
div#SIDEBAR input.other {
	float: right;
	position: relative;
	top: -16px;
	width: 110px;}
div#errors, div.errors {
	text-align: center;
	color: #CC0000;
	font-weight: bold;
	padding: 5px;
	margin: 5px;
	/*background: #FFFF7F url(../images/layout/errors-bg.gif) no-repeat 50% 5px;*/}
	
	
/*====================================================================================================
CONTENT
====================================================================================================*/
div#MAIN {
	background: white url(../images/layout/main-bg.png) repeat-y left top;
	padding: 10px 18px 0px 18px; /* 15px whitespace + 3px for stroke/shadow */
	/*height: 500px;*/}
div#MAIN h1,
div#MAIN h2 {
	color: rgb(214,85,0);}
div#MAIN h2 {
	font-size: 16px;
	font-weight: normal;}
div#MAIN h1 {
	background: url(../images/layout/h1-bg.gif) no-repeat left bottom;
	padding-bottom: 3px;
	margin-bottom: 6px;}
div#MAIN p {
	line-height: 1.4em;}
div#MAIN p img {
	float: left;
	margin: 0px 10px 10px 0px;}
div#MAIN a {
	/*background: url(../images/layout/dotted-line.gif) repeat-x left bottom;*/
	/*text-decoration: none;*/}
div#MAIN a:link {
	}
div#MAIN a:visited {
	color: rgb(29,39,118);}
div#MAIN a:hover {
	color: rgb(214,85,0);
	text-decoration: underline;}
div#MAIN a:active {
	}
div#BANNER {
	/*background-color: black;*/
	/*height: 200px;*/
	margin: 0px auto 5px auto;}
div#TEXT {
	margin-right: 210px;}
/*====================================================================================================
CONTENT BOXES
====================================================================================================*/
/* FOUR COLUMN BOX LAYOUT */
div.four-col {
	padding-top: 8px;
	/*clear: both;*/
	zoom: 100%; /* peek-a-boo bug in IE */
	background: transparent url(../images/layout/four-col-bg.gif) no-repeat left top;}
div.four-col h2 {
	font-size: 12px !important;
	font-weight: bold !important;
	margin-bottom: 0px;
	/*color: #33364D !important;*/}
div.four-col div.first-col,
div.four-col div.second-col,
div.four-col div.third-col,
div.four-col div.fourth-col {
	background: #DADDF3 url(../images/layout/four-col-div-bg.gif) no-repeat left bottom;
	float: left;
	margin-right:10px;
	width: 180px;}
div.four-col p,
div.four-col h2,
div.four-col h3,
div.four-col ul {
	margin: 0px 5px 10px 5px;}
div.four-col h2,
div.four-col h3 {
	margin-bottom: 3px;}	
div.four-col h3,
div.four-col p,
div.four-col li {
	line-height: 1.3em;
	font-size: 11px;}
div.four-col div.fourth-col {
	margin-right: 0px;}
/* THREE COLUMN BOX LAYOUT */
div.three-col {
	padding-top: 8px;
	/*clear: both;*/
	zoom: 100%; /* peek-a-boo bug in IE */
	background: transparent url(../images/layout/three-col-bg.gif) no-repeat left top;}
div.three-col h2 {
	font-size: 12px !important;
	font-weight: bold !important;
	margin-bottom: 0px;
	/*color: #33364D !important;*/}
div.three-col div.first-col,
div.three-col div.second-col,
div.three-col div.third-col {
	background: #DADDF3 url(../images/layout/three-col-div-bg.gif) no-repeat left bottom;
	float: left;
	margin-right:15px;
	width: 240px;}
div.three-col p,
div.three-col h2,
div.three-col h3,
div.three-col ul {
	margin: 0px 8px 10px 8px;}
div.three-col h2,
div.three-col h3 {
	margin-bottom: 3px;}
div.three-col h3,
div.three-col p,
div.three-col li {
	line-height: 1.3em;
	font-size: 11px;}
div.three-col div.third-col {
	margin-right: 0px;}
/* TWO COLUMN BOX LAYOUT */
div.two-col {
	padding-top: 8px;
	/*clear: both;*/
	zoom: 100%; /* peek-a-boo bug in IE */
	background: transparent url(../images/layout/two-col-bg.gif) no-repeat left top;}
div.two-col h2 {
	font-size: 12px;
	margin-bottom: 0px;
	/*color: #33364D !important;*/}
div.two-col div.first-col,
div.two-col div.second-col,
div.two-col div.third-col {
	background: #DADDF3 url(../images/layout/two-col-div-bg.gif) no-repeat left bottom;
	float: left;
	margin-right: 14px;
	width: 368px;}
div.two-col p,
div.two-col h2,
div.two-col h3,
div.two-col ul {
	margin: 0px 8px 10px 8px;}
div.two-col h2,
div.two-col h3 {
	font-size: 12px !important;
	font-weight: bold !important;
	margin-bottom: 6px;}
div.two-col h3,
div.two-col p,
div.two-col li {
	line-height: 1.3em;
	font-size: 11px;}
div.two-col div.second-col {
	margin-right: 0px;}
/* miscellaneous classes */
p.learn-more {
	text-align: center;
	background: transparent url(/images/layout/go-green-arrow.gif) right bottom no-repeat;
	border-top: 1px dotted silver;
	color: #373E73;
	padding: 10px 20px 0px 0px;
	text-align: right;}
p.learn-more a {
	display: block;}
/*====================================================================================================
FOOTER
====================================================================================================*/
div#FOOTER {
	background: white url(../images/layout/footer-bg.png) no-repeat 50% bottom;
	height: 125px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	clear: both; /* hack for IE, but triggers a gap the height of the sidebar */
	padding: 0px 15px 0px 15px;}
div#FOOTER ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;}
div#FOOTER ul li {
	padding: 0px;
	margin: 0px;}
div#FOOTER li a {
	text-decoration: none;
	display: block;
	/*width: 100%; hack for IE6 */
	text-indent: 14px; /* make room for rollover icon */
	background: url(../images/layout/footer-bullet-orange.gif) no-repeat -15px 50%;
	color: #888888;}
div#FOOTER li a:hover {
	background-position: 0px 50%; /* since parents have different line heights than children */
	color: #33364D;}
div#FOOTER div a.parent {
	font-weight: bold;
	float: left;
	width: 150px;
	position: relative; /* hack for disappearing children in IE6 */
	height: 100px;
	line-height: 20px;}
div#FOOTER div.parentxxx ul li {
	line-height: 14px;
height: 14px;
	font-weight: normal;}
/*====================================================================================================
STICKY FOOTER
====================================================================================================*/
/* this doesn't appear to be necessary except for TOP link appearing in middle of page without it */
html, body {
	height: 100%;}
div#WRAPPER, div#CONTENT {
	position: relative;
	/*min-height: 100%; /* throws off TOP link in Opera */ }
/*====================================================================================================
OTHER FOOTER-TYPE STUFF OUTSIDE OF ACTUAL FOOTER DIV
====================================================================================================*/
/*----------------------------------------------------------------------------------------------------
KRM company info
----------------------------------------------------------------------------------------------------*/
address#copyright {
	color: rgb(124,129,163);
	font-size: 11px;
	line-height: 12px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	/*background: transparent url(../images/layout/logo-ghost.gif) no-repeat left 12px;*/
	padding: 10px 0px 15px 0px;
	width: 310px;
	margin: 0px auto;}
address#copyright #logo-ghost {
	display: block;
background: transparent url(../images/layout/logo-ghost.gif) no-repeat left 3px;
float: left;
height: 40px;
	width: 51px;
	margin-right: 10px;}
address#copyright #logo-ghost:hover {
	background-position: left -44px;}
address#copyright a {
	color: #B6BDEF;
	text-decoration: none;}
address#copyright a:hover {
	text-decoration: underline;}
/*----------------------------------------------------------------------------------------------------
back to top link
----------------------------------------------------------------------------------------------------*/
a#top {
	text-decoration: none;
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #B6BDEF;
	font-size: 10px;
	line-height: 14px;
	height: 14px;
	padding-left: 16px;
	background: transparent url(../images/layout/top-of-page.gif) no-repeat left 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;}
a#top:hover {
	/*color: #B6BDEF;*/
	background-position: left -14px;
	text-decoration: underline;}
	
	



/*====================================================================================================
HACKS
====================================================================================================*/
div.clear {
	clear: both;
	height: 0px; /* eliminates backgroundless band in IE 6 & 7 */}
/* disappearing background bug (footer appears white at first */
div#WRAPPER {
	zoom: 100%;}
/* IE6 peek-a-boo bug */
div#SIDEBAR,
div#TEXT,
div#ARTICLE {
	zoom: 100%;}	
/*====================================================================================================
MISCELLANEOUS STUFF
====================================================================================================*/
/* link buttons */
a.button:link,
a.button:visited,
a.button:hover,
a.button:active {
	color: white !important;
	text-decoration: none !important;}
a.button {
	height: 27px;
	/* set width using ID selectors */
	line-height: 26px;
	width: 178px;
	font-size: 12px;
	text-indent: 14px;
	display: block;
	margin: 15px auto;
	background: #00308A url(/images/buttons/blue-glass-button.gif) left top no-repeat;}
a.button:hover {
	background-position: left -27px;}
/* messages */
div#alertbox {
	background-color: #FFFF99;
	color: black;
	position: fixed;
	bottom: 0px;
	/*right: 10px;*/
	margin: 0% auto ;
	width: 90%;
	opacity: 0;
	filter: alpha(opacity=0);
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8, must appear first */
	/*filter: alpha(opacity=80);	/* IE7, must appear second */
	/*opacity: .8; /* other browsers */}
#slideup {
	background: transparent url(slideup-bg-orange.gif) repeat-x left bottom;
	padding: 0px;
	height: 80px; /* including transparent section */
	/*cursor: pointer;*/
	/* start out completely transparent */
	opacity: 0;
	filter: alpha(opacity=0);
	/**/
	text-align: center;
	margin: 0px;
	margin-bottom: -80px;
	width: 100%;}
#slideup h3 {
	height: 18px;
	line-height: 18px;}
#slideup #closeme {
	}
#slideup * {
	color: black;}
/*====================================================================================================
CLIENT TESTIMONIALS
====================================================================================================*/
#testimonials {
	background: #DADAEE url(../images/layout/testimonial-bg.gif) no-repeat left top;
	margin: 15px auto 15px auto;
	padding: 0px;
	width: 750px;
	/*height: 133px;
	overflow: hidden;	*/
	position: relative; /* obscure hack for IE which won't respect overflow: hidden on children that are relative unless parent is too */
	font-size: 11px;
	font-family: Tahoma, Arial, sans-serif;
	color: #33364D;}
#testimonials #testimonials-wrapper {
	position: relative;
	top: 0px;}
#testimonials blockquote {
	position: relative; /* because children must be top/bottom */
	height: 133px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;}
#testimonials a#testimonials-more {
	position: absolute;
	left: 120px;
	bottom: 15px;
	/*text-decoration: none;*/}
#testimonials p {
	padding: 0px;
	margin: 0px;
	line-height: 16px;}
#testimonials p.quote {
	position: absolute;
	top: 20px;
	right: 10px;
	left: 10px; /* hack for IE7, which moves the entire p 10px to the left otherwise */}
#testimonials p.author,
#testimonials p.organization {
	position: absolute;}
#testimonials p.author {
	top: 85px;
	right: 10px;}
#testimonials p.organization {
	top: 98px;
	right: 10px;}
blockquote p.quote {
	padding-left: 120px !important;}
	
	
/* testimonial list on dedicated page and on CS page */
#TEXT blockquote {
	background: #DADAEE url(/images/layout/testimonial-540-bottom.gif) no-repeat left bottom;
	margin: 10px 0px 10px 0px;
	padding: 5px;}
#TEXT blockquote.indent {
	background-image: url(/images/layout/testimonial-540-q-bottom.gif);
	padding: 0px;
	min-height: 120px;
	height: auto !important;
	height: 120px;}
#TEXT blockquote.indent p {
	background: transparent url(/images/layout/testimonial-540-q-end.gif) no-repeat right bottom;}
#TEXT blockquote.indent img {
	float: left;
	clear: left;
	margin-right: 20px;}	
#TEXT blockquote.indent div.blockquote-container {
	background: transparent url(/images/layout/testimonial-540-q-top.gif) no-repeat left top;
	padding: 5px;}

/*====================================================================================================
DEBUGGING STYLES
====================================================================================================
#WRAPPER {
	background-color: yellow;}
#CONTENT {
	background-color: pink;}
#HEADER {
	background-color: aqua;}
#navigation {
	background-color: gray;}
#MAIN {
	background-color: orange;}
#MAIN #TEXT {
	background-color: red;}
#MAIN #TEXT h1 {
	background-color: green;}
#SIDEBAR {
	background-color: magenta;}
#FOOTER {
	background-color: none;}
div#FOOTER ul {
	background-color: yellow;}
div#FOOTER ul li {
	border-bottom: 1px solid magenta;}
div#FOOTER ul li ul li {
	border-bottom: 1px solid red;}
div#top-of-page {
	background-color: black;}*/