@charset "utf-8";
/* CSS Document */



#header {
	background-image:url(images/gray_gradient.jpg);
	background-repeat:repeat-x;
	padding:0px;
	background-color:#FFFFFF;
}
body {
	font: .9em Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background: #FFFFFF;
}
#container {
	width: 800px;
	background:#FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background:#FFFFFF url(images/footer_bg.gif) bottom repeat-x;
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	border-color: #000000;
}
#content {
	padding:10px;
	/*background-color: #EEEEEE;*/
	background-color:#CCCCCC;/*margin:20px;*/
}
.mainContent {
	background-color: #FFFFFF;
	padding:20px;
	height: auto;
	width: inherit;
	font-size: inherit;
}
.header_image {
	clear: both;
}
* .intext_image {
	padding: 7px;
	position: static;
}
#footer {
	padding: 20px;
	/* padding-top:40px;  /* Add this if content margin or padding is increased */
	text-align:center;
	clear: both;
}
.story {
	font-size: .95em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*color:#333333;*/
	color:#333333;
}
h1, h2, h3, h4, h5, h6 {
	color: #395C82;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.customerList dd {
	padding-bottom:13px;
}
.timelineTable td.firstTableCol {
	font-weight: bold;
}
.personnelTitle {
	font-weight: bold;
}
/*
.story ul {
	list-style-image:url(images/bullets/gray_square.jpg);

}

.story ul ul {
	list-style-image:url(images/bullets/gray_square_smaller.gif);
}*/

/*.story ul li {
background:url(images/bullets/bluebullet.jpg) no-repeat 0 50%;
padding: 5px 0px 5px 30px;
}*/

.story ul {
	margin: 5px 5px 20px 5px;
	padding: 0;
	list-style: none;
	list-style-image: none;
}
.story ul li {
	background: url(images/bullets/blue_square.gif) no-repeat 0 7px;
	margin: 0;
	padding-left: 14px;
	list-style-type: none;
	margin-bottom: 0.2em;/*font-size: 11px;*/
}
.story ul ul li {
	background: url(images/bullets/bulletbutton_triangle.jpg) no-repeat 0 5px;
	margin: 0;
	padding-left: 14px;
	list-style-type: none;
	margin-bottom: 0.2em;/*font-size: 11px;*/
}
/* _______________________________________________________ */

/*================== Menu code -- qmmc class ====================*/
.qmmc .qmdivider {
	display:block;
	font-size:1px;
	border-width:0px;
	border-style:solid;
	position:relative;
	z-index:1;
}
.qmmc .qmdividery {
	float:left;
	width:0px;
}
.qmmc .qmtitle {
	display:block;
	cursor:default;
	white-space:nowrap;
	position:relative;
	z-index:1;
}
.qmclear {
	font-size:1px;
	height:0px;
	width:0px;
	clear:left;
	line-height:0px;
	display:block;
	float:none !important;
}
.qmmc {
	position:relative;
	zoom:1;
	z-index:10;
}
.qmmc a, .qmmc li {
	float:left;
	display:block;
	white-space:nowrap;
	position:relative;
	z-index:1;
}
.qmmc div a, .qmmc ul a, .qmmc ul li {
	float:none;
}
.qmsh div a {
	float:left;
}
.qmmc div {
	visibility:hidden;
	position:absolute;
}
.qmmc .qmcbox {
	cursor:default;
	display:block;
	position:relative;
	z-index:1;
}
.qmmc .qmcbox a {
	display:inline;
}
.qmmc .qmcbox div {
	float:none;
	position:static;
	visibility:inherit;
	left:auto;
}
.qmmc li {
	z-index:auto;
}
.qmmc ul {
	left:-10000px;
	position:absolute;
	z-index:10;
}
.qmmc, .qmmc ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
.qmmc li a {
	float:none
}
.qmmc li:hover>ul {
	left:auto;
}
#qm0 ul {
	top:100%;
}
#qm0 ul li:hover>ul {
	top:0px;
	left:100%;
}
/*!!!!!!!!!!! QuickMenu Styles !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0 {
	width:auto;
	padding:0px 0px 0px 10px;
	margin:0px;
	/*background-color:#8DC0EF; CHANGE*/
	background-color:#577FAB;
	border-width:1px 0px;
	border-style:solid;
	border-color:#000000;
}
/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a {
	padding:3px 20px 3px 8px;
	background-color:transparent;
	/*	color:#333333; CHANGE */ 
	color:#FFFFFF;
	font-family:Arial;
	font-size:12px;
	text-decoration:none;
	border-width:0px 0px 0px 1px;
	border-style:solid;
	border-color:#000000;
}
/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover {
	/*background-color:#666666; CHANGE*/
	background-color:#666666;
	color:#ffffff;
	text-decoration:underline;
}
/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a {
	/*background-color:#666666; CHANGE*/
	background-color:#333333;
	color:#ffffff;
	text-decoration:underline;
}
/*"""""""" (MAIN) Parent Items""""""""*/	
	#qm0 .qmparent {
	background-repeat:no-repeat;
	background-position:92% 50%;
}
/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover {
	background-color:#666666;
	/*background-image:url(qmimages/gradient_10.gif);*/
		color:#ffffff;
	text-decoration:underline;
}
/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul {
	padding:5px;
	/*background-color:#8DC0EF; CHANGE*/
	background-color:#577FAB;
	border-width:1px;
	border-style:solid;
	border-color:#333333;
}
/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a {
	padding:2px 40px 2px 5px;
	/*	color:#333333; CHANGE */ 
	color:#FFFFFF;
	font-size:11px;
	border-width:0px 0px 0px 4px;
	border-style:solid;
	/*border-color:#666666;*/
	border-color:#CCCCCC;
}
/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover {
	text-decoration:none;
	border-color:#a2a1ad;
}
/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a {
	text-decoration:none;
	border-color:#a2a1ad;
}
/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover {
	/*background-image:url(qmimages/gradient_11.gif);*/
		background-repeat:repeat;
	border-color:#a2a1ad;
}
/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle {
	margin:2px 5px 5px;
	color:#112747;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
}
/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx {
	border-top-width:1px;
	margin:4px 5px;
	border-color:#a2a1ad;
}
/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul li .qmparent {
	/*background-image:url(qmimages/arrow_0.gif);*/
		background-repeat:no-repeat;
	background-position:92% 50%;
}
/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul li:hover > a.qmparent {
	/*background-image:url(qmimages/arrow_1.gif);*/
		text-decoration:underline;
}
/* _______________________________________________________ */


/*================== solid colored block ====================*/
.block {
	background:#f3f3f3;
	width:100%;
	height:100%;
}
.block .l_t {
	background:url(images/block/l_t.gif) no-repeat left top;
}
.block .r_t {
	background:url(images/block/r_t.gif) no-repeat right top;
}
.block .r_b {
	background:url(images/block/r_b.gif) no-repeat right bottom;
}
.block .l_b {
	background:url(images/block/l_b.gif) no-repeat left bottom;
}
.block .ind {
	padding:20px 18px 29px 18px;
}
/*================== Right bar stuff ====================*/
.arrowLink {
	background:url(images/block/marker1.gif) no-repeat 0 4px;
	padding-left:13px;
	text-decoration:none;
	font-weight:bold;
	color:#7d7d7d;
	font-size:0.91em;
}
.navLink {
	padding-left:13px;
	text-decoration:none;
	font-weight:bold;
	color:#7d7d7d;
	font-size:0.91em;
}
#rightBarTable {
	padding-left:10px;
}
/*================== Shiny blue button ====================*/
a.button {
	/* Sliding right image */
    background: transparent url('images/buttons/rectbutton_right.jpg') no-repeat scroll top right;
	display: block;
	float: left;
	height: 34px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 11px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
    text-decoration: none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
a.button span {
	/* Background left image */ 
    background: transparent url('images/buttons/rectbutton_left.jpg') no-repeat;
	display:block;
	line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 7px 0 5px 11px;
}
a.button:hover span {
	text-decoration:underline;
}
/*================== Vertical rule ====================*/
#container #content .mainContent .lineCol {
	background-image: url(images/ver_line.gif);
	background-repeat: repeat-y;
}
/*================== List of feature tours on home page ====================*/
#container #content .mainContent .listHeading {
	font-size: 1.1em;
	color: #333333;
	font-weight: bold;
}
#container #content .mainContent .mainList {
	font-style: normal;
	color: #000000;
	text-decoration: underline;
}

.topRightGradientBox {
	border:1px #CCCCCC solid;
	padding: 9px 5px 5px 7px;
	background-image:url(images/block/borders_corners/top_left_border.jpg);
	background-position:right top;
	background-repeat:no-repeat
}
.quickLinks {
	font-size:.85em;
	padding-left:20px;
}