/* basic element styles*/

body {margin: 0; padding: 0; background: #5e95b4; font-family: arial, helvetica, sans-serif; color: #333; font-size: 12px; text-align: center; line-height: 15px;}
h1, h2, h3, h4, h5, h6 {font-size: 12px; font-weight: bold; margin: 0;}
p {margin: 0 0 1em 0;}
select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 12px; color: #000;}
img, table {border: 0;}
form {margin: 0;}
a:link, a:active, a:visited {color: #036;}
a:hover {color: #c60;}
.hr {height: 5px; margin: 15px 0 0 0; background: url(../images/dots.gif) left top repeat-x;}

.hide {display: none;}
.small {font-size: 10px; line-height: 12px;}
.right {text-align: right;}
.imgleft {float: left; margin: 0 15px 15px 0;}
.imgright {float: right; margin: 0 0 15px 15px;}
.glossary {
	font-family: arial, helvetica, sans-serif;
	color: #333;
	font-size: 12px;
	text-align: left;
	line-height: 18px;
	padding: 30;
}
.tool {
	font-family: arial, helvetica, sans-serif;
	color: #333;
	font-size: 12px;
	text-align: right;
}

/* structure styles */

#outer {position: relative; width: 770px; margin: 20px auto; text-align: left; background: #fff url(../images/bkg-outer.gif) right top repeat-y;}
#top {width: 770px; height: 114px; background: url(../images/bkg-top.gif) no-repeat;}
#logo {padding: 56px 0 0 31px;}

#eyebrow {text-align: right; padding: 35px 30px 0 0;}
#eyebrow p {font-size: 13px; color: #5e95b4; margin: 0;}
#eyebrow p a {color: #5e95b4; text-decoration: none;}
#eyebrow p a:hover {text-decoration: underline;}
#eyebrow p img {position: relative; top: 1px;}
#eyebrow ul {float: right; margin: 25px 0 0 0; padding: 0; list-style: none;}
#eyebrow li {float: left; margin: 0; padding: 0; list-style: none;}

#main {}

#maintable {margin: 0 9px 20px 15px;}
#leftnav {border-right: 2px solid #fff;}
#maincolumns {width: 556px; border-top: 4px solid #4e93ce; padding: 20px 10px 0 0;}
#maincolumns table {background: url(../images/dots.gif) 403px 0 repeat-y;}
	body.onecol #maincolumns table {background: none;}
#maincolumns table table {background: none;}

#leftcolumn {width: 373px; padding: 5px 16px 0 15px; line-height: 17px;}
	body.onecol #leftcolumn {width: 500px; padding-right: 41px;}
#leftcolumn h2 {font-size: 18px; font-weight: normal; color: #c60; line-height: 22px; padding-bottom: 25px;}
#leftcolumn h2 span {font-size: 29px; color: #006bb7; letter-spacing: -1px;}
#leftcolumn h1 {font-size: 13px; font-weight: bold; padding-top: 5px; margin-bottom: 5px;}
#leftcolumn h1 img {margin-top: -5px;}
#leftcolumn p {clear: left;}
#leftcolumn ul {clear: left; margin: 1.5em 0; padding: 0; list-style: none;}
#leftcolumn li {margin: 0 0 5px 10px; padding: 0 0 0 8px; list-style: none; background: url(../images/bullet.gif) 0 7px no-repeat;}
#leftcolumn h3 {position: relative; top: -5px; font-weight: normal; margin-bottom: 15px; font-size: 11px;}

#rightcolumn {width: 110px; padding: 15px 15px 0 15px; font-size: 11px; line-height: 13px;}
	body.onecol #rightcolumn {display: none;}
#rightcolumn h6 {color: #c60; font-size: 12px; margin-bottom: 15px;}
#rightcolumn ul {margin: 0 0 1em 0; padding: 0; list-style: none;}
#rightcolumn li {margin: 0 0 5px 0; padding: 0 0 0 8px; list-style: none; background: url(../images/bullet.gif) 0 6px no-repeat;}
#rightcolumn h1 {font-size: 11px; margin-bottom: 3px; color: #006bb7;}
#rightcolumn .hr {height: 16px; margin: 15px 0 0 0; background: url(../images/dots.gif) left top repeat-x;}
#rightcolumn .tagline {font-size: 14px; color: #006bb7; font-weight: bold; line-height: 17px;}
#rightcolumn .tagline strong {color: #c60;}
#rightcolumn .whitepaper {font-size: 12px; color: #006bb7; font-weight: bold; line-height: 15px;}
#rightcolumn .whitepaper strong {color: #c60;}

/* form styles */

form table {margin-bottom: 20px;}
.resetbutton {background: #006bb7; color: #fff; font-weight: bold;}
.submitbutton {background: #c60; color: #fff; font-weight: bold;}

/* left nav styles for home and interior pages */

#leftnav, #homeleftnav {width: 190px; background: #49779d url(../images/bkg-leftnav.jpg);}
#leftnav div, #homeleftnav div {background: url(../images/leftnav-cornerbottom.gif) left bottom no-repeat;}
#leftnav ul, #homeleftnav ul {margin: 0; padding: 12px 19px 0 15px; list-style: none; background: url(../images/leftnav-cornertop.gif) left top no-repeat; height: 184px;}
	html>body #leftnav ul {height: auto;}
#leftnav ul {padding-bottom: 19px;}
#leftnav li, #homeleftnav li {margin: 0; padding: 0; list-style: none; background: url(../images/leftnav-dots.gif) right bottom no-repeat;}
#leftnav a, #homeleftnav a {display: block; width: 146px; padding: 6px 0 7px 10px; color: #fff; text-decoration: none; font-size: 14px; font-weight: bold; background: url(../images/leftnav-arrow.gif) 0 12px no-repeat;}
#leftnav li.on a {background-image: url(../images/leftnav-arrow-on.gif); color: #c0ecff;}

#leftnav ul ul, #homeleftnav ul ul {padding: 0 0 8px 0; background: none; height: auto; display: none;}
#leftnav ul li.on ul {display: block;}
#leftnav li li, #leftnav li.on li {padding: 0; background: none;}
#leftnav li li a, #leftnav li.on li a {font-size: 11px; background: url(../images/leftnav-subarrow.gif) 10px 6px no-repeat; padding: 2px 0 2px 20px; width: 126px; color: #fff;}
#leftnav li li.on a {background-image: url(../images/leftnav-subarrow-on.gif); color: #c0ecff;}
#leftnav a:hover {text-decoration: underline;}

/* home styles */

#homemaintable {margin: 0 22px 20px 15px;}
#homemaincolumns {width: 543px;}

#homecontent {margin: 0 0 15px 5px; width: 753px; background: url(../images/dots.gif) 474px 0 repeat-y;}
#homecontent td {padding: 5px 15px 0 15px;}

#homeleft {width: 444px; padding-right: 16px;}
#homeleft h2 {font-size: 18px; font-weight: normal; color: #c60; line-height: 22px; padding-bottom: 20px;}
#homeleft h2 span {font-size: 29px; color: #006bb7; letter-spacing: -1px;}
#homeleft h1 {font-size: 13px; font-weight: bold; padding-top: 5px; margin-bottom: 5px;}
#homeleft h1 img {margin-top: -5px;}
#homeleft p {clear: left;}

#homeright {width: 248px; font-size: 11px; line-height: 13px;}
#homeright h6 {color: #c60; font-size: 13px; margin-bottom: 15px;}
#homeright p {padding-bottom: 16px; background: url(../images/dots.gif) left bottom repeat-x;}
#homeright a {text-decoration: none; font-weight: bold;}
#homeright a:hover {text-decoration: underline;}
p#homebuttons {background: none; padding-bottom: 0;}

/*footer styles*/

#footer {width: 770px; height: 56px; background: url(../images/bkg-footer.gif); color: #707070; font-size: 11px;}
#footer p {margin: 0; padding: 20px 0 0 25px;}
#footer ul {float: right; margin: 0; padding: 20px 32px 0 0; list-style: none; white-space: nowrap;}
#footer li {margin: 0; padding: 0; list-style: none; display: inline;}
#footer li a {color: #707070; text-decoration: none;}
#footer li a:hover {text-decoration: underline;}
.whitePaper {

	font-family: arial, helvetica, sans-serif;
	color: #333;
	font-size: 11px;
	text-align: left;
	line-height: 15px;
	padding: 30;
}
