/* Complete Business Systems stylesheet (Updated 05/11/07) */

* {
	margin: 0px;
	padding: 0px;
}
body {
	background: #133a4a;
	font-size: 13px;
	font-family: "Helvetica", helvetica, "Arial", arial, sans-serif;
	color: #133a4a;
	margin: 0px;
}


/* Styles to format basic text */
a {
	color: #198e9f;
	text-decoration: underline;
	font-weight: bold;
	border: 0px none;
}
a:hover {
	color: #99CCCC;
	text-decoration: underline;
}
.headerlinks {
	color: #133a4a;
	text-decoration: underline;
	font-weight: bold;
	border: 0px none;
}
.headerlinks:hover {
	color: #198e9f;
	text-decoration: underline;
}
img {
	border: 0px none;
}
a img {
	border: 0px none;
}
p {
	padding: 10px 50px 3px 10px;
}
h1 {
	font-size: 200%;
	padding: 20px 0px 8px 0px;
	margin: 0px 10px;
	border-bottom: 2px solid #999B9E;
	width: 475px;
}
h1.accessible {
	display: none;
}
h2 {
	font-size: 130%;
	padding: 20px 50px 3px 10px;
}
h3 {
	font-size: 125%;
	padding: 20px 50px 3px 10px;
}
h4 {
	font-size: 120%;
	padding: 20px 50px 3px 10px;
}
h5 {
	font-size: 115%;
	padding: 20px 50px 3px 10px;
}
h6 {
	font-size: 110%;
	padding: 20px 50px 3px 10px;
}
ul {
	list-style-type: disc;
	padding: 3px 50px 5px 25px;
	margin-left: 10px; 
}
ul.nobullet {
	list-style-type: none;;
}
ol {
	list-style: upper-roman;
	padding: 3px 50px 5px 50px;
} 
ol li ol {
	list-style: upper-alpha;
}
li {
	margin-bottom: 7px;
}
li ol li {
	margin-bottom: 5px;
}
.indented {
	display: block;
	margin-left: 60px;
	margin-top: 10px;
}
p.note {
	font-size: x-small;
}



/* Styles to format page layout */
#container {
	width: 780px;
    margin: 0px auto;
	position: relative;
}
#header {
	width: 100%;
	height: 61px;
}
#navigation {
	width: 100%;
	height: 39px;
	background: #d6e9f0 url(images/navbg.gif) repeat-x;
}
#homecontent {
	position: relative;
	width: 100%;
	height: 266px;
	background: #3484a4;
}
#hometext {
	position: absolute;
	top: 5px;
	left: 500px;
	width: 255px;
	height: 210px;
}
#flashcontent {
	width: 489px;
}
#content {
	position: relative;
	background: #fff;
	padding-left: 260px;
	min-height: 550px;
}
#sidebar {
	position: absolute;
	top: 99px;
	left: 0px;
	width: 250px;
	background: #3484a4;
	min-height: 550px;
	text-align: center;
}
#sidebar img {
	margin: 30px auto 50px auto;
}

#itsidebar {
	position: absolute;
	top: 99px;
	left: 0px;
	width: 250px;
	background: #3484a4;
	min-height: 550px;
	text-align: center;
}
#itsidebar img {
	margin: 30px auto 10px auto;
}
#footer {
	clear: both;
	position: relative;
	text-align: center;
	padding: 8px;
	margin: 0px 0px 10px 0px;
	z-index: 20;
	background: #f7c426;
}
#footer p {
	padding: 0;
	margin: 0px;
	font-size: 85%;
}
#footer ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#footer li {
	display: block;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
#footer a {
	color: #313131;
	text-align: center;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}


/* Styles to format main (top) navigation */
#navigation ul {
	height: 39px;
	list-style: none;
	text-align: center;
	margin: 0px 5px;
	padding: 0px;
}
#navigation li {
	display: block;
	text-align: center;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	float: left;
}
#navigation li a {
	padding: 0px 14px;
	color: #476976;
	font-size: 110%;
	font-weight: bold;
	border-top: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
	border-right: 1px #476976 solid;
	text-align: center;
	display: block;
	text-decoration: none;
}
#navigation li a:hover {
	color: #133a4a;
}
#navigation a:active {
	color: #133a4a;
}
#navigation li#contact a {
	border-right: 0px none;
}
body#careers #navigation li#careers a, 
body#contact #navigation li#contact a, 
body#about #navigation li#about a,
body#login #navigation li#login a,
body#events #navigation li#events a,
body#support #navigation li#support a,
body#copiers-printers #navigation li#copiers-printers a,
body#itservices #navigation li#itservices a {
	color: #133a4a;
}


/* Homepage-specific formatting */
#hometext h2 {
	font-size: 120%;
	color: #33364E;
}
#hometext p {
	font-size: 110%;
	line-height: 130%;
	color: #ededed;
	padding: 10px 10px 3px 10px;
}
#hometext table#responsetime {
	width: 252px;
	border: 0px none;
	margin: 15px 0px 0px 5px;
	border-collapse: collapse;
}
#hometext td {
	background: #fff;
	color: #000;
	font-weight: bold;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
#hometext td.label {
	text-align: right;
}
#hometext td.value {
	text-align: center;
	padding: 3px;
	font-size: 140%;
	font-weight: bold;
	text-align: center;
	color: #000;
}
#homeservices {
	position: relative;
	height: 175px;
	background: #4f9fbf;
	padding: 25px 20px;
	border-top: 2px solid #fff;
}
#homeservices div.service {
	display: block; 
	position: relative;
	float: left;
	text-align: left;
	width: 230px;
	height: 180px;
	margin: 0;
	padding: 7px 3px;
	background: url(images/bottombox.gif) top center no-repeat;
}
#homeservices div.middle {
	width: 235px;
	padding: 7px 15px;
}
#homeservices div.service a {
	color: #000000;
}
#homeservices div.service h3 {
	font-weight: bold;
	font-size: 115%;
	color: #f7c426;
	padding: 0px 10px;
	
}
#homeservices div.service p {
	font-weight: bold;
	color: #000;
	line-height: 140%;
	padding: 10px;
}
#homeservices div.service img, #homeservices div.service div.bottomimage {
	margin: 0px;
	position: absolute;
	bottom: 5px;
	right: -5px;
}
#homeservices div.middle img, #homeservices div.middle div.bottomimage {
	right: 5px; !important
}

/* Subpage Content Styles */
#sidebar p {
	color: #D6E9F0;
	margin: 0px 30px;
	line-height: 30px;
	text-align: center;
}
#sidebar p.quote {
	font-size: 130%;
	padding: 15px 0px 5px 0px;
	border-top: 2px solid #C3C5CD;
}
#sidebar p.author {
	font-size: 100%;
	padding: 0px 0px 15px 0px;
	border-bottom: 2px solid #C3C5CD;
	font-style: italic;
	line-height: 20px;
}
#itsidebar p {
	color: #D6E9F0;
	margin: 0px 30px;
	line-height: 30px;
	text-align: center;
}
#itsidebar p.quote {
	font-size: 130%;
	padding: 15px 0px 5px 0px;
	border-top: 2px solid #C3C5CD;
}
#itsidebar p.author {
	font-size: 100%;
	padding: 0px 0px 15px 0px;
	border-bottom: 2px solid #C3C5CD;
	font-style: italic;
	line-height: 20px;
}
#itsidebar ul {
	color: #FFFFFF;
	margin: 0px 0px 10px 20px;
	line-height: 15px;
	text-align: left;
}
#itsidebar a {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight:normal;
	border: 0px none;
}
#itsidebar a:hover {
	color: #133a4a;
	text-decoration: underline;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
	


/* Forms formatting */
#form {
	width: 450px;
	margin: 0px auto;
}
form {
	margin: 25px 0px;
	padding: 0px;
	width: 100%;
}
form h6 {
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
form h6 label {
	float: left;
	font-weight: normal;
	font-size: 100%;
	margin: 0px;
	padding: 4px 0px 0px 0px
}
form h6 input, form h6 textarea, form h6 select {
	float: right;
	margin: 3px;
	padding: 2px;
}
form h6 img {
	vertical-align: -30px;
}
form h6 span.submit {
	display: block;
	width: 90%;
	text-align: right;
	position: relative;
	top: 20px;
	font-size: 120%;
	margin-right: 10%;
}