/* General */
body {
	font-family: Arial;
	font-size: medium;
	margin: 0;
	color: black;
	background: #ebebe0;
}

address {
	display: none;
}

img {
	border: none;
}

a,
a:link {
	color: #09f;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #c06;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: #006;
}

h1 {
	color: #c06;
	font-family: "Century Gothic", "Arial", sans-serif;
}

h2, h3, h4, h5, h6 {
	color: #09f;
	font-family: "Century Gothic", "Arial", sans-serif;
}

a.button, button {
	background-color: #06c;
	border: .1em solid #cff;
	color: white;
	font-weight:bold;
	padding:2px;
	text-align: center;
	text-decoration: none;
}

ul, ol { /* Makes browsers agree on how to indent lists.  Using the FF method by default, as it's usually what I want. */
	padding-left: 40px;
	margin-left: 0;
}

/* Default styling for error messages */
.error {
	border: medium solid red;
}

label.error {
	border: none;
	color: red;
	font-weight: bold;
}

/*Microformat defaults */
.tel .type {
	display: none;
}






/* Overall site-structure positioning and handling */
#top {
	position: relative;
	border: 1px solid #888;
	margin: 5px 5px 0;
}

#middle {
	width: 100%;
	border-spacing: 5px;
}

#aside,
td#content {
	border: 1px solid #888;
	padding: 0;
}

#aside {
	width: 230px;
	vertical-align: top;
}

td#content {
	position: relative;
	vertical-align: top;
	background: white url( ../images/people-at-the-bottom.png ) bottom repeat-x;
}

#bc {
	padding: 2em 2em 140px;
	font-size: small;
	position: relative;
	background: transparent url( ../images/om.png ) center 310px no-repeat;
	min-height: 670px;
	overflow: hidden;
}




/* Header */
#site-title-bar {
	background: white url( ../images/header-background.png ) repeat-x;
	margin: 0;
	padding: 0;
	min-width: 683px;
	position: relative;
	color: #09f;
}

#site-title-bar a {
	display: block;
	height: 159px;
	background: url( ../images/header-left.png ) left top no-repeat;
	font-size: small;
	text-decoration: none;
	font-weight: normal;
	color: #09f;
}

#site-title-bar a span {
	display: block;
}

#site-title-bar #header-first-line {
	text-align: right;
}

#site-title-bar #header-second-line {
	position: absolute;
	top: 65px;
	left: 140px;
	font-weight: bold;
	font-size: 20px;
	z-index: 1;
	display: none;
}

#site-title-bar #header-third-line {
	position: absolute;
	top: 90px;
	left: 170px;
	font-size: 13px;
	z-index: 1;
	display: none;
}

#site-title-bar #header-fourth-line {
	position: absolute;
	top: 50px;
	left: 0;
	font-size: 32px;
	font-family: "Century Gothic", "Arial", sans-serif;
}

#site-title-bar #header-fifth-line {
	position: absolute;
	top: 90px;
	left: 0;
	font-size: 32px;
	font-family: "Century Gothic", "Arial", sans-serif;
}

#site-title-bar #header-right-image {
	display: block;
	width: 420px;
	height: 158px;
	position: absolute;
	top: 0;
	right: 0;
	background: url( ../images/header-right.png ) no-repeat right top;
}




/* Mini Nav */
#mini-nav {
	list-style-type: none;
	position: absolute;
	top: 6px;
	right: 5px;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

#mini-nav li {
	display: inline;
}

#mini-nav a {
	text-decoration: none;
	color: white;
	font-weight: normal;
}




/* PCI PABP Certification banner */
#pci-pabp {
	position: absolute;
	top: 27px;
	right: 5px;
}



/* Microsoft Certification Image */
#microsoft-image img {
	display: block;
}




/* Breadcrumbs */
#breadcrumbs {
	list-style: none;
	margin: 0;
	padding: .5em 0 .5em 1em;
	border-bottom: 1px solid #ccc;
	font-size: x-small;
	font-weight: bold;
}

#breadcrumbs li {
	display: inline;
	padding: 0;
	margin: 0;
}

#breadcrumbs a::after {
	content: "  >>  ";
}






/* Aside */

#aside {
	padding: 9px;
	height: 100%;
	background: #dae8ee;
}

#aside > div {
	margin: 0 auto 9px;
	background-color: white;
	border: 1px solid #ccc;
}

#aside h1 {
	margin: 0;
	font-size: large;
	padding: 5px 0 5px .75em;
	min-height: 21px;
}



/* Contact Us box */
#contact-us-box {
	padding: 0 0 150px;
	background: url( ../images/contact-us-footer.jpg ) center bottom no-repeat;
	color: #006;
}

#contact-us-box * {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: small;
	font-weight: bold;
}

#contact-us-box h1 {
	background: #33379d url( http://utils.igofigure.com/gradient.php?shape=vertical&height=42&start=3396fc&end=33379d ) left top repeat-x;
	color: #fac723;
	border-bottom: .1em solid #ccc;
	
}
#contact-us-box h2 {
	background: #33379d url( http://utils.igofigure.com/gradient.php?shape=vertical&height=42&start=3396fc&end=33379d ) left top repeat-x;
	color: #fac723;
	border-bottom: .1em solid #ccc;
	font-size:18px; 
	font-weight:bold; 
	padding-top:5px; 
	padding-left:13px; 
	height:26px;
}

#contact-us-box li {
	margin-top: 1em;
	margin-left: 1em;
}

#contact-us-box li > a {
	font-weight: bold;
	color: #006;
}

#contact-us-box dt {
	margin-top: 1em;
}

#contact-us-box dd {
	font-weight: normal;
	color: #09f;
}

#contact-us-box a {
	font-weight: normal;
}




/* Quicklinks */
#quicklinks {
}

#quicklinks h1 {
	border-bottom: .1em solid #ccc;
	background: #fac825 url( http://images.igofigure.com/quicklink-header.gif ) repeat-x;
	color: #006;
}
#quicklinks h2 {
	border-bottom: .1em solid #ccc;
	background: #fac825 url( http://images.igofigure.com/quicklink-header.gif ) repeat-x;
	color: #006;
	font-size:18px; 
	font-weight:bold; 
	padding:0px;
	padding:5px 0px 0px 13px;
	margin:0px;
	height:26px;
	
}


#quicklinks ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#quicklinks li {
}

#quicklinks li a {
	font-size: small;
	color: #666;
	text-decoration: none;
	font-weight: bold;
	display: block;
	height: 21px;
	padding-left: 43px;
	padding-top: 10px;
	background-repeat: no-repeat;
}

#quicklinks li a:hover {
	color: black;
}

#quicklinks ul { 
	background-image: url( ../images/quicklinks.gif );
}

#quicklinks a:hover {
	background-image: url( ../images/quicklinks.gif );
}
	
#quicklinks .one a:hover { background-position: 0 -186px; }
#quicklinks .two a:hover { background-position: 0 -217px; }
#quicklinks .three a:hover { background-position: 0 -248px; }
#quicklinks .four a:hover { background-position: 0 -279px; }
#quicklinks .five a:hover { background-position: 0 -310px; }
#quicklinks .six a:hover { background-position: 0 -341px; }






/* Left Nav */
#left-nav {
	border: none !important;
	margin-top: 0;
}

#left-nav h1, h2 {
	background: #f68544 url( http://utils.igofigure.com/gradient.php?shape=vertical&height=42&start=e8f7ff&end=09f ) left top repeat-x;
	color: #006;
	border: 1px solid #ccc;
	padding: 5px 0 7px .75em;
	margin: 0;
}

#left-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: small;
	border: 1px solid #ccc;
}

#left-nav a {
	display: block;
	padding: .25em 0 .25em 1em;
	color: #666;
}

#left-nav a.current {
	background: #ccc;
	color: black;
}

#left-nav li:hover {
	background: url( http://utils.igofigure.com/gradient.php?shape=horizontal&start=fff&end=eee&width=150px ) right center repeat-y;
}

#left-nav a:hover {
	background: url( http://images.igofigure.com/pink-bullet.png ) right center no-repeat;
}

#left-nav ul ul {
	padding: 0 0 0 1em;
}

#left-nav li.current ul {
	display: block;
}
	








/* Any general body-content-only rules */
#bc h1 { /* <h1> should only be used to mark up the page title again.  This is a consistent pattern throughout the site. */
	font-size: x-large;
	margin-top: 0;
}

#title-img {
	float: right;
	margin: 6px 0 5px 10px;
}

#bc p {
	text-align: justify;
}