/***********************************************/
/*  CSS                             */
/***********************************************/

/************* General HTML ****************/
img{border:0;}
img.absmiddle { vertical-align: middle }
.style1 {font-size: 90%;font-weight: bold;}
.style2 {font-size: 140%}

a:link {
	color:#8297A7;
	text-decoration:underline;
	}

a:visited {
	color:#A082A7;
}

a:hover {
	text-decoration:underline;
}

body {
	font:x-small/1.4 Tahoma, Verdana, Helvetica, Arial, sans-serif;
	background:#FFF url(img/bg.gif) repeat top left;
	color:#555f66;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: justify;	
}

.learnmore {
	text-align: right;
	font-weight: bold;
	text-decoration: none;
	color: #697981;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	vertical-align: bottom;

}
.learnmore a{
	text-decoration: none;
	color: #697981;
}
.learnmore a:hover{

	text-decoration: underline;
		color: #697981;
}
/***********************************************/
/*  Page Layout                             */
/***********************************************/

#pageholder {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	padding:0px 5px 0px 5px;
	background:#FFF url(img/bgpageholder.gif) repeat-y top left;
	width: 750px !important; 
	width /**/:750px; /* IE5/Win */
	border-bottom:5px solid #FFF;
	position:relative;
	font-size:110%;
}

/************* Masthead - the 750px logo at the top of the page****************/


#masthead {
	width:750px;
	height:75px;
	background:#FFF url(img/page_header.jpg) no-repeat top left;
}

#masthead h1, #masthead h2 {
	display:none;
}

/************* Banner The 545px graphic image below the masthead  ****************/

#hometop {
	height:125px;
	width:750px;
	background-color:#FFF;
	position:relative;
}
#hometop p {
	margin:0px;
	padding:0px;
}

#hometop .pintro {
	position:absolute;
	top:0px;
	left:0px;
	width:750px;
	height:120px;
	background:#F3F4F1 url(img/hometop.gif) no-repeat top left;

}

#hometop .pintro span { display:none; }


/************* Banner The 545px graphic image below the masthead  ****************/

#subtop {
	height:85px;
	width:750px;
	background-color:#FFF;
	position:relative;
}
#subtop p {
	margin:0px;
	padding:0px;
}

#subtop .pintro {
	position:absolute;
	top:0px;
	left:0px;
	width:750px;
	height:80px;
	background:#F3F4F1 url(img/jingo_connect_features.jpg) no-repeat top left;

}

#subtop .pintro span { display:none; }



/************* Three 200px image links to the right of the banner ****************/

/************* 1st banner image link ****************/

#banner .toplink1 {
	position:absolute;
	top:0px;
	left:550px;
	width:200px;
	height:120px;
	overflow:hidden;
	background:#555f66 url(img/bgtoplink.jpg) no-repeat top left;

}

#banner .toplink1 span {
	visibility:hidden;
	white-space:nowrap;
}

#banner .toplink1 a {
	width:200px;
	height:120px;
	float:right;
	visibility:visible;
	text-indent:-9000px;
	overflow:hidden;
	margin-top:-1.4em;
	margin-bottom:1.4em;
	
}

#banner .toplink1hidden a:hover {

	overflow:hidden;background:#555f66 url(img/bgtoplink1on.jpg) no-repeat top left;

}/************* 2nd banner image link ****************/


#banner .toplink2 {
	position:absolute;
	top:40px;
	left:550px;
	width:200px;
	height:38px;
	overflow:hidden;
	background:#555f66 url(img/bgtoplink2.jpg) no-repeat top left;
}


#banner .toplink2 span {
	visibility:hidden;
	white-space:nowrap;
}

#banner .toplink2 a {
	width:200px;
	height:60px;
	float:right;
	visibility:visible;
	text-indent:-9000px;
	overflow:hidden;
	margin-top:-1.4em;
	margin-bottom:1.4em;
}

/************* 3rd banner image link ****************/


#banner .toplink3 {
	position:absolute;
	top:80px;
	left:550px;
	width:200px;
	height:38px;
	overflow:hidden;
	background:#555f66 url(img/bgtoplink3.jpg) no-repeat top left;
}

#banner .toplink3 span {
	visibility:hidden;
	white-space:nowrap;
}

#banner .toplink3 a {
	width:200px;
	height:60px;
	float:right;
	visibility:visible;
	text-indent:-9000px;
	overflow:hidden;
	margin-top:-1.4em;
	margin-bottom:1.4em;
}

/***********************************************/
/*  Main Menu styles                           */
/***********************************************/

/************* Main Menu container ****************/

.mainnav{
	position: absolute;
	top: 43px;
	left: 5px;
	z-index: 100;


}

.mainnavnojs{
	position: absolute;
top: 15px;
left: 2px;
	z-index: 100;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	height: 15px;
	width: 750px;
	text-align: left;
}

/************* Main Menu links (no Javascript) ****************/

a.mainnavlink, a.mainnavlink:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

a.mainnavlink:hover{
	text-decoration: underline;
		color: #666666;
}

/***********************************************/
/*  Right hand column                             */
/***********************************************/


/************* Container (id=rightbar) for column contents  ****************/


#rightbar {
	position:absolute;
	top:200px;
	left:555px;
	width:200px;
}

#rightbar h3{
	padding:2px 5px 2px 15px;
	margin:0px 0px 2px 0px;
	background:#555f66 url(img/rtsubhead.gif) repeat-y top left;
	font-weight:bold;
	color:#FFFFFF;
	font-size:100%;
}

#subrightbar {
	position:absolute;
	top:160px;
	left:555px;
	width:200px;
}
#subrightbar h3{
	padding:2px 5px 2px 15px;
	margin:5px 0px 0px 0px;
	background:#6E6855 url(img/rtsubhead.gif) repeat-y top left;
	font-weight:bold;
	color:#FFFFFF;
	font-size:100%;
}

/************* List formatting  ****************/

ul {
	margin:0px 0px 10px 10px;
	padding: 0px 0px 0px 5px;
}


#rightbar ul {
	margin:0px 0px 10px 10px;
	padding: 0px 0px 0px 5px;
}

#rightbar li {
	font-size:100%;
	padding: 0px 0px 0px 5px;
	margin:0px 0px 0px 0px;
	list-style-type:none;
	white-space:nowrap;
}

/************* Submenu  ****************/

#rightsubmenu h3{
	padding:2px 5px 2px 15px;
	margin:0px 0px 2px 0px;
	background:#555f66 url(img/rtsubhead.gif) repeat-y top left;
	font-weight:bold;
	color:#FFFFFF;
	font-size:100%;
}

#rightsubmenu ul {
	width:190px;
	margin:0px 0px 0px 10px;
	padding:0;
	
}

#rightsubmenu li {
	width:180px;
	font-size:120%;
	color: #FFFFFF;
	padding: 4px 0px 4px 10px;
	margin:0px 0px 2px 0px;
	list-style-type:none;
	white-space:nowrap;
	background: #697981 url(img/submenubg1.gif) repeat-y top left;
    
}

#rightsubmenu li a {
	width:180px;
	display: block;
    margin: -4px 0px -4px -5px;
	padding: 4px 0px 4px 5px;
	font-weight:normal;
	text-decoration: none;
	color: #FFFFFF;

}
#rightsubmenu li a:hover{
	width:180px;
	margin: -4px 0px -4px -5px;
	padding: 4px 0px 4px 5px;
	text-decoration: underline;
	color: #FFFFFF;
	background-color: #b6c5cc;
}
#rightsubmenu li  .on {
	width:180px;
	margin: -4px 0px -4px -5px;
	padding: 4px 0px 4px 5px;
	background-color: #b6c5cc;
}


/************* Sub List styles ****************/
#rightlist1 h3, rightlist2 h3{
	padding:2px 5px 2px 15px;
	margin:5px 0px 0px 0px;
	background:#6E6855 url(img/rtsubhead.gif) repeat-y top left;
	font-weight:bold;
	color:#FFFFFF;
	font-size:100%;
}


/************* List formatting  ****************/
#rightlist1 ul, #rightlist2 ul {
	width:190px;
	margin:0px 0px 0px 20px;
	padding:0;
}

#rightlist1 li, #rightlist2 li {
	width:190px;
	padding: 0px 5px 0px 0px;
	margin:2px 0px 2px 0px;
	display: block;
	font-weight:normal;
	text-decoration: none;
	color: #697981;
	list-style-type:none;
	clear:left;
	white-space:nowrap;
}

#rightlist1 li a, #rightlist2 li a {
	width:180px;
	display: block;
	text-decoration: none;
	color: #697981;


}
#rightlist1 li a:hover, #rightlist2 li a:hover{
	width:180px;
	text-decoration: underline;
	color: #697981;
}



/***********************************************/
/*  Splash Tables                             */
/***********************************************/

/************* Splash Table 1 ****************/

#splashtable1 h3 {
	padding:2px 5px 2px 15px;
	margin:5px 0px 0px 0px;
	background:#6E6855 url(img/rtsubhead.gif) repeat-y top left;
	font-weight:bold;
	color:#FFFFFF;
	font-size:100%;
}

#splashtable1, .splashtable {
	width: 194px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 4px;
}
img.splashtable1 {
	margin:0px 0px 5px 4px;
	padding: 0px 0px 0px 0px;
	
}


th.splashbt1 {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-left: 1px solid #9ba8ae;
	border-right: 1px solid #9ba8ae;
	border-bottom: 1px solid #9ba8ae;
	border-top: 1px solid #9ba8ae;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 5px 5px 5px 5px;
	background: #f8fcff url(img/tables/bg_header.jpg) no-repeat;
}

th.splashnobgbt1  {
	border-top: 0;
	border-left: 1px solid #9ba8ae;
	border-right: 1px solid #9ba8ae;
	background: none;
}

td.splashbt1 {
	border-top: 1px solid #9ba8ae;
	border-bottom: 1px solid #9ba8ae;
	background: #fff;
	padding: 0px 5px 0px 5px;
	color: #4f6b72;
	border-left: 1px solid #9ba8ae;
	border-right: 1px solid #9ba8ae;
    text-align: left; 
}


td.splashaltbt1 {
	background: #f8fcff;
	color: #4f6b72;
	border-left: 1px solid #9ba8ae;
	border-right: 1px solid #9ba8ae;

}

/************* Splash Table 2 ****************/
#splashtable2 h3{
	width: 180px;

	padding:2px 5px 2px 15px;
	margin:5px 0px 0px 0px;
	background:#6E6855 url(img/rtsubhead.gif) repeat-y top left;
	font-weight:bold;
	color:#FFFFFF;
	font-size:100%;
}

#splashtable2 {
	width: 194px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 4px;
}


th.splashbt2 {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-left: 1px solid #9ba8ae;
	border-right: 1px solid #9ba8ae;
	border-bottom: 1px solid #9ba8ae;
	border-top: 1px solid #9ba8ae;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 5px 5px 5px 5px;
	background: #f8fcff url(img/tables/bg_header.jpg) no-repeat;
}

th.splashnobgbt2  {
	border-top: 0;
	border-left: 1px solid #9ba8ae;
	border-right: 1px solid #9ba8ae;
	background: none;
}

td.splashbt2 {
	border-top: 1px solid #9ba8ae;
	border-bottom: 1px solid #9ba8ae;
	background: #fff;
	padding: 5px 5px 5px 5px;
	color: #4f6b72;
	border-left: 1px solid #9ba8ae;
	border-right: 1px solid #9ba8ae;
    text-align: left; 
}


td.splashaltbt2 {
	background: #f8fcff;
	color: #4f6b72;
	border-left: 1px solid #9ba8ae;
	border-right: 1px solid #9ba8ae;

}


/************* Splash Table 3 ****************/


#splashtable3 {
	width: 194px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 4px;
}


th.splashbt3 {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-left: 1px solid #9ba8ae;
	border-right: 1px solid #9ba8ae;
	border-bottom: 1px solid #9ba8ae;
	border-top: 1px solid #9ba8ae;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 5px 5px 5px 5px;
	background: #f8fcff url(img/tables/bg_header.jpg) no-repeat;
}

th.splashnobgbt3  {
	border-top: 0;
	border-left: 1px solid #9ba8ae;
	border-right: 1px solid #9ba8ae;
	background: none;
}

td.splashbt3 {
	border-top: 1px solid #9ba8ae;
	border-bottom: 1px solid #9ba8ae;
	background: #fff;
	padding: 5px 5px 5px 5px;
	color: #4f6b72;
	border-left: 1px solid #9ba8ae;
	border-right: 1px solid #9ba8ae;

}


td.splashaltbt3 {
	background: #f8fcff;
	color: #4f6b72;
	border-left: 1px solid #9ba8ae;
	border-right: 1px solid #9ba8ae;

}


/***********************************************/
/*  Content Tables                             */
/***********************************************/


/************* Body Content Tables****************/


#mytable {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-left: 0px solid #9ba8ae;
	border-right: 0px solid #9ba8ae;
	border-bottom: 0px solid #9ba8ae;
	border-top: 0px solid #9ba8ae;
}
#mytable p {
      text-align: left; 
}
#cleartable, #standardFeaturesTable {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#standardFeaturesTable a {text-decoration:none;}
#standardFeaturesTable a:hover {text-decoration:underline;}
td.clear {
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-top: 0px;
	padding: 0px 0px 0px 0px;

}

td.clearbg {
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-top: 0px;
	padding: 0px 0px 0px 0px;
	background-color: #F9FAFB;
}
td.clearbgdk, div.clearbgdk {
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-top: 0px;
	padding: 5px 5px 5px 5px;
	background-color: #f6f9fb;

}
td.clearbgdkmid, div.clearbgdkmid {
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
border-top: 0px;
padding: 5px 5px 5px 5px;
background-color: #f6f9fb;
vertical-align: middle;
}

td.clearbgdk2 {
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-top: 0px;
	padding: 5px 5px 5px 5px;
	background-color: #F2FAFF;

}
td.clearspacer {
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-top: 0px;
	padding: 0px 0px 0px 0px;
	height: 5px;
}
caption {
	padding: 0 0 5px 0;
	width: 545px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-left: 1px solid #9ba8ae;
	border-right: 1px solid #9ba8ae;
	border-bottom: 1px solid #9ba8ae;
	border-top: 1px solid #9ba8ae;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #f8fcff url(img/tables/bg_header.jpg) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #9ba8ae;
	background: none;
}

th.btfull {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-left: 1px solid #9ba8ae;
	border-bottom: 1px solid #9ba8ae;
	border-top: 1px solid #9ba8ae;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #f8fcff url(img/tables/bg_header.jpg) repeat-x;
	width: 1003%;

}

th.nobgbtfull  {
	border-top: 0;
	border-right: 0;
	border-left: 1px solid #9ba8ae;
	background: none;
}

th.btleft {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-left: 1px solid #9ba8ae;
	border-bottom: 1px solid #9ba8ae;
	border-top: 1px solid #9ba8ae;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #f8fcff url(img/tables/bg_header.jpg) no-repeat;
	width: 33%;	
}

th.nobgbtleft  {
	border-top: 0;
	border-right: 0;
	border-left: 1px solid #9ba8ae;
	background: none;
}
th.btmid {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-left: 1px solid #9ba8ae;
	border-bottom: 1px solid #9ba8ae;
	border-top: 1px solid #9ba8ae;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #f8fcff url(img/tables/bg_header.jpg) no-repeat;
	width: 34%;	

}

th.nobgbtmid {
	border-top: 0;
	border-right: 0;
	border-left: 1px solid #9ba8ae;
	background: none;
	
}
th.btright {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #9ba8ae;
	border-bottom: 1px solid #9ba8ae;
	border-top: 1px solid #9ba8ae;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #f8fcff url(img/tables/bg_header.jpg) no-repeat;
	width: 33%;	

}

th.nobgbtright {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #9ba8ae;
	background: none;
}

td {
	border-bottom: 1px solid #9ba8ae;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	border-left: 1px solid #9ba8ae;
	vertical-align: top;
}


td.alt {
	background: #f8fcff;
	color: #4f6b72;
		border-left: 1px solid #9ba8ae;

}
td.btleft {
	border-bottom: 1px solid #9ba8ae;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	border-left: 1px solid #9ba8ae;
	width: 50%;
}


td.altbtleft {
	background: #f8fcff;
	color: #4f6b72;
	border-left: 1px solid #9ba8ae;

}
td.btmid {
	border-bottom: 1px solid #9ba8ae;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	border-left: 1px solid #9ba8ae;

}


td.altbtmid {
	background: #f8fcff;
	color: #4f6b72;
	border-left: 1px solid #9ba8ae;

}
td.btright {
	border-bottom: 1px solid #9ba8ae;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	border-right: 1px solid #9ba8ae;
	width: 50%;

}

td.btfull {
	border-bottom: 1px solid #9ba8ae;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	border-right: 1px solid #9ba8ae;
	border-left: 1px solid #9ba8ae;

}
td.altbtright {
	background: #f8fcff;
	color: #4f6b72;
	border-right: 1px solid #9ba8ae;

}


/***********************************************/
/*  Body Text - Feature/Story/Footer                           */
/***********************************************/

/************* Feature - coloured headline top of page  ****************/

#feature {
	margin-right:205px;
	padding:5px;
	background:#FFFFFF url(img/bgfeature.gif) repeat-x top left;
	
}

#feature h2 {
	margin:0px 0px 5px 0px;
	padding:0px;
	width:500px;
	height:24px;
	font-size: 150%;	

}

#feature h3 {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size: 150%;
	text-align: justify;
}

#feature p {
	margin:0px 10px 5px;
	padding:0px;
}
#feature p.pintro {
	font-weight: bold;
}

#feature p.pexit {
	margin:0px 10px 5px;
}


/************* Story - sub headline images  ****************/
/* 

#story2 h2, #story3 h2, #story4 h2, #story5 h2 {
	margin:10px 0px 5px;
	padding:0px;
	width:238px;
	height:24px;
}

#story2 h2 { 		background:transparent url(heading2.gif) no-repeat top left; }
#story3 h2 { 	background:transparent url(heading3.gif) no-repeat top left; }
#story4 h2 { 			background:transparent url(heading4.gif) no-repeat top left; }
#story5 h2 { 		background:transparent url(heading5.gif) no-repeat top left; }

#story2 h2 span,
#story3 h2 span,
#story4 h2 span,
#story5 h2 span {
	display:none;
}
/************* Story - main body text  ****************/
#story2 h2, #story3 h2, #story4 h2, #story5 h2 {
	margin:5px 0px 5px 0px;
	padding:0px;
	width:500px;
	height:24px;
	font-size: 150%;	
}
#story2 h3, #story3 h3, #story4 h3, #story5 h3 {
	margin:5px 0px 5px 0px;
	padding:0px;
	width:500px;
	height:24px;
	font-size: 150%;	

}


#storytext {
	margin-right:205px;
	padding-top:5px;
}
#storytext h3 {
    font-size: 130%;
    text-align:left;
	margin:5px 0px 5px 0px;
}
#storytext p {
	margin:0px 10px 10px;
	padding:0px;
}
#storytext p.pintro {

}
acronym {
	border-bottom:1px dotted #555040;
	cursor:help;
}

a acronym {
	border-bottom:1px dotted #8297A7;
}



/************* Footer ****************/

#footer {
	font-size: 80%;
	color: #FFFFFF;
	text-align: right;
	text-transform:uppercase;
	margin:0px -205px 0px 0px;
	border-top:5px solid #FFF;
	background-color:#555f66;
	padding:5px;

}

#footer a {
	color: #FFFFFF;
	text-decoration:none;
}

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

#copyright {
	text-align: right;
	font-size: 80%;
	color: #FFFFFF;
	text-align: right;
	padding:0px;


}