/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/* Elements */

body {
	margin: 20px 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #818181;
}

b, th, strong {
	color: #414141;
}

th {
	text-align: left;
}

h1 {
}

h1, h2, h3, h4, h5, h6 {
	color: #2582A4;
}

h1, h2, h3, h4, h5, h6 {
	/* font-variant: small-caps; */
	/* text-transform: capitalize; */
	/* font-effect: engrave; */
	/* text-decoration: line-through; */
}

p, ol, ul {
	text-align: justify;
}

strong {
	font-weight: bold;
	color: #808080;
}

a {
	/*color: #87A019;*/
	color: #3D6CB2;
}

a:hover {
	text-decoration: none;
	color: #2582A4;
}

.box {
	margin-bottom: 0;
	padding-bottom: 0;
	background: url(/images/integral-img07.gif) repeat-x left bottom;
}

.bottom {
	display: block;
	margin-bottom: 0;
	padding-bottom: 10px;
	background: url(/images/integral-img08.gif) no-repeat left bottom;
}

.image {
	float: left;
	/*margin: 3px 0 0 0; */
	margin: 3px;
	padding: 0;
}

.indent {
	margin-left: 125px;
}

/* Header */

#header {
	/*width: 928px;*/
	/*width: 1068px;*/
	width: 928px;
	height: 37px;
	margin: 0 auto;
	/* background: #BECF74 url(/images/integral-img01.gif) repeat-x; */
	background: #3d6cb2 url(/images/integral-img01.gif) repeat-x;
	border-bottom: 3px solid #FFFFFF;
}

/* Menu */

#menu {
	float: left;
	/*width: 600px;*/
	width: 650px;
	height: 37px;
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
	background: url(/images/integral-img02.gif) no-repeat;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 27px;
/*	padding: 10px 15px 0px 15px; */
	padding: 10px 6px 0px 7px;
	/*text-transform: lowercase;*/
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
	/*background: #A4B74C url(/images/integral-img04.gif) repeat-x; */
	/* background: #3d6cb2 url(/images/integral-img04.gif) repeat-x; */
	background: url(/images/integral-img04.gif) repeat-x;
}

/* Search */

#search, #cse-search-box {
	float: right;
	height: 28px;
	margin: 0;
	padding: 9px 25px 0 0;
	background: url(/images/integral-img03.gif) no-repeat right top;
}

#search, #cse-search-box fieldset {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
}

#input1 {
	width: 164px;
	padding: 2px 5px;
	background: #FFFFFF;
	border: none;
}

#input2 {
	height: 20px;
	/*background: #87C4DB;*/
	background: black;
	border: none;
	text-transform: lowercase;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

/* Content */

#content {
/*	width: 928px; */
	/*width: 1068px;*/
	width: 928px;
	margin: 0 auto;
}

#colOne {
	float: left;
	width: 198px;
}

#colOne h3 {
	padding: 0 20px;
}

#colOne ul {
	margin-left: 0;
	padding-left: 20px;
	padding-right: 20px;
	list-style: none;
}

#colOne li {
	padding: 5px 0;
	border-top: 1px solid #EFEFEF;
}

#colOne li.first {
	border: none;
}

#colTwo {
	float: right;
	width: 617px; 
	/*width: 756px;*/
	/*width: 712px;*/
/*	padding: 30px 40px 0 30px;*/
	padding: 0px 40px 0 30px;
/*	background: url(/images/integral-img09.gif) repeat-x;*/
}

#colTwo h2 {
	margin-top: 0;
	font-size: 26px;
}

#colTwo h3 {
	margin-bottom: 0;
	font-size: 18px;
}

#colTwo h4 {
	margin-top: 0;
	font-size: 11px;
	font-weight: normal;
}

#colTwo .box {
	margin: 0 -30px 30px -20px;
	padding: 0 30px 0 20px;
}

#colTwo .bottom {
	margin: 0 0 20px -20px;
	padding: 0 0 20px 20px;
}

/* Logo */

#logo h1, #logo h2, #logo a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-transform: lowercase;
	text-align: center;
	color: #FFFFFF;
}

#logo h1 {
	padding-top: 25px;
	font-size: 34px;
}

#logo h2 {
	margin-top: -5px;
	font-size: 12px;
}

/* Footer */

#footer {
	clear: both;
	width: 928px;
	margin: 0 auto;
	/*padding-top: 40px;*/
	padding-top: 20px;
	margin-top: 20px;
	background: url(/images/integral-img11.gif) repeat-x;
}

#footer p {
	margin: 0;
	text-align: center;
}

.left {
	float: left;
}

.center {
	margin-left: 20px;
	margin-right: 20px;
}

.right {
	/* float: right; */
	text-align: right;
}

/* stuff for pop up text */

#nav a span {
	display: none;
}

#nav a:hover span {
	display: block;
 	position: absolute;
	top: 20px;
	/*left: 10px;*/
	left: 55px;  /*this is as far to the right as you can get in 1024X768 */
/*	position: relative; */
	/*width: 150px;*/
	width: 140px; /* little narrower to avoid page disasters on ie6 at 1024X768*/
	padding: 5px;
	/*margin: 10px;*/
	margin: 0px;
	z-index: 100;
	/*color: white;*/
	background: white;
	/*background: #3D6CB2;*/
	color: #3D6CB2;
	/*font: 10px Verdana, sans-serif;*/
	text-align: justify;
	border: 2px solid black;
}

#nav a:hover {
	/*follwing is a CSS1 trick to get IE6 to work*/
	text-indent: 0;
	z-index: 100;
}

#nav {
	z-index: 50;
}

#one, #two, #three, #four, #five, #six, #seven, #navlink
{
	position: relative;  /*this forces the popup to position itself relative to the item */
}

/* styles for the tabs on the support pages */

.tabSelected {
	background: #ffffff;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	text-align: center;
}

.tabSelected a {
	text-decoration: none;
}

.tabGeneric {
	background: #3d6cb2;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	text-align: center;
}

.tabGeneric a {
	text-decoration: none;
	color: #ffffff;
}

.tabSeparator {
	border-bottom: 1px solid black;
}

.tabEnd {
	border-bottom: 1px solid black;
}

/* stuff for referral form things */

.normal {
	color: black;
}

.required {
	color: red;
}

.error {
	color: red;
}

/* stuff to hide a link */
.plain {
	text-decoration: none;
}

/* stuff for pages from toshiba */

div.subhead, span.subhead {
	font-weight: bold;
	font-size: 125%;
}

td.caption {
	font-style: italic;
}

span.caption-pn {
	font-weight: bold;
	font-size: 110%;
	font-style: italic;
}

#mainBox {
	color: #000000;
}

td.charttxt2 {
	background: #ff0000;
	color: #ffffff;
}

div.hdrs {
	font-weight: bold;
	font-size: 150%;
}

img#ladyonphone {
	float: right;
	padding-left: 10px;
}

/* .txt is also used, but only in conjunction with .caption, so it's redundant to 
 * give it a class here unless something changes */