/* ----------------------- Body ---------------------------- */
body {
	text-align: center;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFF;
	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:#000;
}

h1, h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: #000;
  font-size: 16px;
  font-weight: bold;
}

h3 {
  font-family: Arial, Helvetica, sans-serif; 
  color: #039;
  font-size: 16px;
  font-weight: bold;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	color:#555555;
	font-size:14px;
	font-weight:bold;
}

h4.subhead {
	margin:0px;
	padding:0px;
	font-size:12px;
}

p {
  font-size: 12px;
  color: #444;
}

a {
  text-decoration: none;
}

.page {
	width: 890px;
	padding: 0 0 0 0;
	margin: 0 auto 0;
	position: relative;
	display: block;
	overflow: hidden;
}

.more_link {
	text-align:right;
	margin-right:10px;
}

.more_link a {
	color:#EF8A25;
}

.more_link a:hover {
	color:#EF8A25;
	text-decoration:underline;
}

.linebreak {
  float: left;
  width: 1px;
  height: 454px;
  background: url(../images/linebreak.gif) no-repeat;
  margin: 10px 0 0 0;
}

/* COLUMNS: Alsett Clearfix, use in column container opening <div> *********************/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Fix for IE Mac */
.clearfix {
display: inline-block}

/*IE Holly Hack \*/
	* html .clearfix {
	height: 1%;}
	.clearfix {
	display: block; 
	}
/*End IE Holly Hack*/
.clearfix {
display: block;
}


/* ---------------------- End body ------------------------- */

/* ------------------- Topper / Logos ---------------------- */
.topper {
	height: 100px;
	width: 890px;
	position: relative;
}
.logo {
	height: 97px;
	width: 284px;
	border: 0 none;
	float:left;
}
.ibm_partner {
	height: 100px;
	width: 125px;
	border: 0 none;
	float: right;
}
/* ----------------- End Topper / Logos -------------------- */


/* ---------------------- Dolphin nav ---------------------- */
.menu {
	height:56px;
	width:890px;
	position:relative;
}

.menu_left {
	float:left;
	height: 56px;
	width:10px;
	background:#CCCCCC url(../images/dolphin_bg_left2.gif) no-repeat top right;
}
.menu_right {
	position: relative;
	float:left;
	height: 56px;
	width:10px;
	background:#CCCCCC url(../images/dolphin_bg_right2.gif) no-repeat top left;	
}

.menu_middle {
	position:relative;
	float:left;
	height: 33px;
	width: 870px;	
}

#dolphincontainer {
	position:relative;
	height:33px;
	color:#E0E0E0;
	background:#CCCCCC;
	width:100%;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	overflow:hidden;
}



#dolphinnav {
	position:relative;
	height:33px;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	background:transparent url(../images/dolphin_bg2.gif) repeat-x bottom left;
	padding:0 0 0 95px;
	overflow:hidden;
}

#dolphinnav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	float:left;
}

#dolphinnav ul li {
	display:inline;
	float:left;
	margin:0 1px;
}

#dolphinnav ul li a {
	display:block;
	float:left;
	color:#EAF3F8;
	text-decoration:none;
	padding:0 0 0 20px;
	height:33px;
}

#dolphinnav ul li a span {
	padding:12px 20px 0 0;
	height:21px;
	float:left;
	overflow:hidden;
}

#dolphinnav ul li a:hover {
	color:#fff;
	background:transparent url(../images/dolphin_bg-OVER.gif) repeat-x bottom left;
}

#dolphinnav ul li a:hover span {
	display:block;
	width:auto;
	cursor:pointer;
}

#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover {
	color:#000;
	background:#1D6893 url(../images/dolphin_left-ON3.gif) no-repeat top left;
	line-height:275%;
}

#dolphinnav ul li a.current span {
	display:block;
	padding:0 20px 0 0;
	width:auto;
	background:#1D6893 url(../images/dolphin_right-ON3.gif) no-repeat top right;
	height:33px;
}

#submenu_container {
	float:left;
	position:relative;
	height:23px;
	color:#555555;
	background:#CCCCCC;
	width:100%;
	font-family:Helvetica,Arial,Verdana,sans-serif;
}

#submenu {
	position:relative;
	height:23px;
	font-size:12px;
	background:transparent;
}

#submenu ul {
	margin-top:5px;
	list-style-type:none;
	width:auto;
	float:left;
}

#submenu ul li {
	display:block;
	float:left;
}

#submenu ul li a {
	display:block;
	float:left;
	color:#555555;
	text-decoration:none;
	padding:0 0 0 20px;
	height:18px;
}

#submenu ul li a:hover {
	text-decoration:underline;
	color:#00C;
}

#submenu ul li a.current {
	font-weight:bold;
	color:#000;
}


#vertmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	width: 140px;
	padding-top:50px;
	padding-right:5px;
	margin: 0px;
}

#vertmenu h1 {
	display: block;
	font-weight:bold;
	font-size: 120%;
	padding: 3px 0 5px 3px;
	border: 0px solid #000000;
	color: #222;
	margin: 0px;
	width:140px;
	text-align:center;
}

#vertmenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
#vertmenu ul li {
	margin-bottom:5px;
	margin-top:5px;
	padding: 0px;
}
#vertmenu ul li a {
	font-size: 100%;
	display: block;
	border-bottom: 1px solid #000000;
	padding: 5px 0px 2px 4px;
	text-decoration: none;
	color: #000000;
	width:140px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
	color: #000000;
	background-color: #88b6ff;
}

#vertmenu ul li a.current {
	color:#000;
	font-weight:bold;
}

/* ---------------------- END Dolphin nav ---------------------- */







/* ---------------------- Top Banner Container ----------------------- */
.banner_container {
	position:relative;
	width:auto;
	height:230px;
	text-align:left;
	background:#CCCCCC;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
}

.banner_pane {
	float:left;	
	width:100%;
	height:100%;	
	background:#FFF;
}

.banner_line {
	height:5px;
	width:100%;
	background:#CCCCCC;
}

.banner {
	width:100%;
	height:188px;
}


/* ---------------------- Main Container ----------------------- */
.main_container {
	position:relative;
	width:auto;
	height:250px;
	text-align:left;
	background:#143D55;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
}

.main_boarder_side {
	float:left;
	width:5px;
	height:20px;
	background:#143D55 repeat-y;
}

.main_boarder_right {
	float:right;
	width:5px;
	height:200px;
	background:#143D55;
}

.main_content_pane {
	float:left;	
	width:100%;
	height:100%;	
	background:#FFF;
	text-indent:20px;	
}




/* -------------------- End Main Container --------------------- */


.content {
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:12px;
	margin:5px;
	padding:0 0 10px 0;
	color:#555;
}

.text {
	margin:10px;
}

.content a, .content img {
	border:0;
}

.content h1 {
	color:#038;
	font-size:20px;
	font-weight:bold;
	padding:10px;
}

.content h1 a:hover {
	text-decoration:underline;
}

.content h1 a:visited {
	color:#038;
}

.content h1.shrink {
	color:#038;
	font-size:18px;
	font-weight:bold;
	padding:10px;
	padding-bottom:5px;
	margin-bottom:5px;
}



.content h2 {
	font-size:14px;
	font-weight:bold;
	padding:0px;
	margin:0px;
}

.content_sitemap a, .content_sitemap img {
	border:0;
}

.content_sitemap h1 {
	color:#038;
	font-size:20px;
	font-weight:bold;
	padding:10px;
}

.content_sitemap h2 {
	color:#555555;
	font-size:14px;
	font-weight:bold;
	padding:0px;
	margin-top:10px;
}

.content_sitemap ul
{
	margin-left:20px;
	list-style:outside;
}

.content div.border {
	border-width:thin;
	border:#CCCCCC;	
}

.content h2 a:hover {
	text-decoration:underline;
}

.content p {
	text-align:left;
	padding:0px;
}

.content p a:hover {
	text-decoration:underline;
}

.content p.nomargin {
	margin:0px;
	padding:0px;
}

.content p.indent {
	padding-left:10px;
	margin-bottom:15px;
}

.content p.summary {
	text-align:justify;
	padding:0px;
	margin:0px;
	padding-left:10px;
}

.content p.readmore {
	color:#DC940E;
	font-weight:bold;
	text-align:right;
	padding:0px;
	margin:0px;
}

.content p.readmore a {
	color:#DC940E;
	font-weight:bold;
	text-align:right;
	padding:0px;
	margin:0px;
}

.content p.readmore a:hover {
	text-decoration:underline;
}

.content p.date {
	color:#333;
	font-weight:bold;
	text-align:left;
	padding:0px;
	margin:0px;
}

.content p.justify {
	text-align:justify;
	padding:0px;
}

.content p span.style1 a{
	color:#038;
	text-align:left;
	font-size:20px;
	font-weight:bold;
	padding:10px;
}

.content p span.style1 a:hover{
	text-decoration:underline;
}



.breadcrumb_container {
	
}

.breadcrumbs {
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 10px;
	font-weight:normal;
	background-color: #fff;
	list-style: none;
	line-height: 10px;
	text-align: left;
	padding-left: 20px;
}

.breadcrumbs a {
	color: #666;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
.breadcrumbs a:hover, .breadcrumb a:hover.current{
	color:#285EA6;
	text-decoration: underline;
}

.breadcrumbs a.current {
	color: #FF9900;
	font-weight:bold;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 7.6pt;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.breadcrumbs li {
	padding: 1px;
	display: inline;
}

.breadcrumbs span.arrows {
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 9pt;
	font-weight:bold;
	color: #1e266c;
}


/*Listbox 01,02, 03 **********************/
div.listbox01, div.listbox02, div.listbox03 {
	margin: 0 0 10px 0;
}

div.listbox01_top {
	width: 467px;
	height: 17px;
	background:url(../images/listbox01_top.gif) no-repeat;
}

div.listbox01_mid {
	background:url(../images/listbox01_mid.gif) repeat-y;
	width: 467px;
}

div.listbox01_bot {
	background:url(../images/listbox01_bot.gif) no-repeat;
	width: 467px;
	height: 25px;
}

div.listbox02_top {
	width: 467px;
	height: 17px;
	background:url(../images/listbox02_top.gif) no-repeat;
}

div.listbox02_mid {
	background:url(../images/listbox02_mid.gif) repeat-y;
	width: 467px;
}

div.listbox02_bot {
	background:url(../images/listbox02_bot.gif) no-repeat;
	width: 467px;
	height: 25px;
}

div.listbox03_top {
	width: 467px;
	height: 17px;
	background:url(../images/listbox03_top.gif) no-repeat;
}

div.listbox03_mid {
	background:url(../images/listbox03_mid.gif) repeat-y;
	width: 467px;
}

div.listbox03_bot {
	background:url(../images/listbox03_bot.gif) no-repeat;
	width: 467px;
	height: 25px;
}

div.listbox01 h2, div.listbox02 h2, div.listbox03 h2{
	font-size: 1.4em;
	text-align: center;
	color: #039;
}

div.listbox01_img, div.listbox02_img, div.listbox03_img {
	float: left;
	display: inline;
	width: 115px;
	margin: -10px 0 0 16px;
	text-align: center;
}

div.listbox01_img img, div.listbox02_img img, div.listbox03_img img {
	padding: 2px;
}

div.listbox01_list,div.listbox02_list, div.listbox03_list {
	float: left;
	display: inline;
	width: 310px;
	margin: 0 0 0 10px;
	font-size: .9em;
}

div.listbox01_list ul, div.listbox02_list ul, div.listbox03_list ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 1.0em;
}

div.listbox01_list li, div.listbox02_list li, div.listbox03_list li {
	padding:5px 0 0 14px;
	background:url(../images/list_gray.gif) 0 8px no-repeat;
	text-align: left;
}




/* ----------------------- Footer ------------------------------ */
.footer {
	width: 890px;
	padding: 0;
	margin: 0 auto;
}
.footer_containter {
	border-top: 5px solid #ccc;
	border-bottom: 5px solid #ccc;
}
.footer_text {
	margin: 4px;
	text-align: right;
	font-size: .9em;
	color: #757575;
	padding: 4px;
	background-color: #fff;
}
.footer_text a {
	color: #757575;
}
.footer_text a:hover {
	text-decoration: underline;
	color: #000;
}
/* ----------------------- End Footer -------------------------- */