#maincontent {
	width: 951px;
	background-color: #E6E6E6;
	clear: both;
	background-image: url(../img/maincorner.jpg); 
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 3px;
	/* height: 320px;   Commented out by john_w. 12-Mar-2008. */
}


/**************************************************************
   navigation: The top level site menu
 **************************************************************/

	
#branding {
	height: 77px;
	background-image: url(../img/connectLogo.jpg);
	background-repeat: no-repeat;
	background-position: 16px 28px;
	position: static;
	clear: both;
}
#branding li a:hover {
  color: #0F96B6;
}
		
#navtop {
	height: 32px;
	background-image: url(/manx2/I7/EN/img/navbg.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 773px;
}
#navbottom {
	height: 15px;
}

ul#nav {
	float: left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	position: static;
	padding: 0;
	height: 35px;
	width: 954px;
}



#nav li {
	display: block;
	height: 35px;
	float: left;
	padding-top: 3px;
	padding-right: 7px;
	margin: 0px;
}
#nav li a {
	text-transform: lowercase;             
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding-bottom: 6px;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	padding-top: 4px;
	padding-bottom: 6px;
	padding-left:   07px;                           /* Use to control width of the horizontal menu */
	padding-right:  07px;                          /* Use to control width of the horizontal menu */
	background-image: url(../img/navbg.jpg);
	font-weight: bold;
	}	


		
/* 2nd and 3rd level menus */
#nav ul {
	position: absolute;
	z-index: 99;
	left: -999em;
	width: 12.2em;
	w\idth: 12.2em;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding: 0px;
}

/* 2nd and 3rd level menus */
#nav li li {
height: 40px;
	width: 11.3em;
	color: #FFFFFF;
	background-color: #018294;
	float: left;
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 1px;
	padding-left: 0px;
}

/* 
2nd and 3rd level menus 
#nav ul a 
{
	width: 10.2em;
	w\idth: 10.2em;
}
*/

#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul 
{
	left: -999em;
	color: #FFFFFF;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;

}

/* 2nd and 3rd level menus */
#nav ul li:hover, #nav ul ul li:hover, #nav ul li.sfhover, #nav ul ul li.sfhover {
	background-color: #0DA1B6;
	color: #FFFFFF;

}

/* 2nd and 3rd level menus */
#nav ul li a, #nav ul ul li a {
	background: none;
	font-size: 1.2em;
	color: #FFFFFF;
	}	



/**************************************************************
   .sub nav: The side bar menu
 **************************************************************/


#subnav {
	width: 24.7%;
	background-color: #393a39;
	float: left;
	clear: both;
}
ul.subnav {
	margin: 0px;
	padding: 0px;
}
.sideMenu li {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 16px;
}

.sideMenu li a {
	display: block;
	text-decoration: none;
	color: #0D97B4;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #686968;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	padding-right: 3px;
	padding-left: 3px;
} 

.sideMenu li a:hover {
	color: #0F96B6;
	background-color: #323232;
	position: relative;
}



/**************************************************************
   #page: Holds the main page content.
 **************************************************************/

#page {
	float: left;
	width: 100%;
	clear: both;
	padding-bottom: 0.7em;
	background-repeat: no-repeat;
	background-position: 360px;
}




/**************************************************************
   #footer: The page footer - will stick to the bottom if not
            enough content.
 **************************************************************/

#footer {
	width: 936px;
	margin-right: auto;
	margin-left: auto;
	background-color: #3395A2;
	color: #FFFFFF;
	clear: both;
	height: 25px;
	padding-top: 8px;
	text-align: left;
	padding-left: 15px;
}

.footersub {
	width: 936px;
	margin-right: auto;
	margin-left: auto;
	background-color: #E6E6E6;
	font-size: 0.7em;
	color: #000;
	clear: both;
	height: 25px;
	padding-top: 4px;
	text-align: left;
	padding-left: 15px;
}




/**************************************************************
   Width classes used by the site columns
 **************************************************************/

.width100 
{
	width: 100%;
	background-color: #E6E6E6;
	/*
	john_w. 19-Feb-2008. TAKEN OUT BECAUSE I DON'T LIKE IT.
	background-image: url(../img/maincorner.jpg);
	background-repeat: no-repeat;
	background-position: left -1px;
	*/
}
.width75 {
  width: 74%;
}
.width50 {
  width: 49.7%;
}
.width50floatleft {
  width: 49.7%;
  float: left;
}
.width50floatright {
  width: 49.7%;
  float: right;
}
.width33 {
  width: 32.7%;
}
.width25 {
  width: 24.7%;
}
#whomenu {
	width: 256px;
	margin-bottom: 0px;
	float: left;
	margin-top: 0px;
	position: relative;
	background-image: url(../img/whoareyoubg.gif);
	background-repeat: no-repeat;
	padding-top: 9px;
	height: 215px;
}


/**************************************************************
   Alignment classes
 **************************************************************/

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}



/**************************************************************
   Image area
 **************************************************************/


#imagearea {
	width: 751pt;
	height: 224px;
	float: right;
}

/**************************************************************
   Generic display classes
 **************************************************************/

.clear {
  clear: both;
}

.block {
  display: block;
}

.small {
  font-size: 0.8em;
}
ul.wholist {
	margin-bottom: 6px;
	padding-bottom: 0px;
}
.wholist li {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
	position: relative;
	width: 150px;
	line-height: 15px;
}
.wholist li a,
.wholist li span.TL_logged_in_as  /* john_w. 21-Feb-2008. FOR THE TOP LEFT (TL) OF THE LOGGED IN SCREEN */
{
	display: block;
	text-decoration: none;
	color: #fff;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #00548F;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-right: 0px;
	padding-left: 8px;
}

/* john_w. 21-Feb-2008. FOR THE TOP LEFT (TL) OF THE LOGGED IN SCREEN */
.wholist li span.TL_logged_in_as  
{
	padding-left: 5px;
}

.wholist li a:hover {
	color: #FFFFFF;
	background-color: #1C717C;
	text-decoration: none;
}
.login {
	width: 70%;
	margin-bottom: 7px;
	height: 16px;
}
.login100 {
	width: 97%;
	margin-bottom: 7px;
	height: 16px;
}
#mainlist li, #link_list li
{
	padding-left: 22px;
	background-image: url(../img/arrow1.jpg);
	background-repeat: no-repeat;
	background-position: 8px 10px;
	line-height: 17px;
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 2px;
	background-color: #F6F6F6;
	color: #46494B;
	font-weight: bold;
	margin-bottom: 5px;
	height: 20px;
	font-size: 1.1em;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ START
john_w. 12-Mar-2008.
Used for the list of permissions displayed on li/login111.php 
This issthe first page that the user is taken to after logging in)
*/
ul#logged_in_menu_list li
{
	padding-left: 22px;
	background-image: url(../img/arrow1.jpg);
	background-repeat: no-repeat;
	background-position: 8px 10px;
	line-height: 17px;
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 6px;
	background-color: #F6F6F6;
	color: #46494B;
	/* font-weight: bold; */
	margin-bottom: 5px;
	/* height: 20px; */
	font-size: 1em;
}
ul#logged_in_menu_list li span
{
	font-weight: bold;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ END
*/

#container #page #maincontent ul {
	margin-top: 9px;
}

.highlitecolour {
	color: #00748F;
	font-size: 1.1em;
}

.hide {
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute;
	visibility: hidden;
}
#imageareaFlash {
	width: 695px;
	height: 224px;
	float: right;
}
.connectprintlogo {
	height: 1px;
	width: 1px;
	overflow: hidden;
	visibility: hidden;
}
ul.servicesicons {
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-decoration: none;
	margin-top: 6px;
	margin-right: 0px;
	padding-right: 0px;
	padding-left: 12px;
}
.servicesicons li {
	display: block;
	margin-bottom: 0px;
	padding-bottom: 0px;
	position: relative;
	width: 37px;
	float: left;
	padding-right: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	text-decoration: none;
	margin-right: 0px;
	margin-left: 0px;
}
img {
	border: 0px;
	}
.width60 {
	width: 64.7%;
}
.width40 {
	width: 32%;
	/* height: 300px; */		/* john_w. 25-Feb-2008. Commented out. */
	margin-right: 10px;
	border-left-width: 0px;		/* john_w. 25-Feb-2008. Changed from 5px to 0px. */
	border-left-style: solid;
	border-left-color: #F6F6F6;
	background-color: #E6E6E6;
	float: right;
	margin-left: 8px;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#bodylist li {
	padding-left: 22px;
	background-image: url(../img/bulleto.jpg);
	background-repeat: no-repeat;
	background-position: 8px 7px;
	line-height: 20px;
	color: #404141;
	font-weight: normal;
	font-size: 1em;
	margin-left: 6px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
	background-color: #F6F6F6;
}
a:hover {text-decoration: underline;color: #004253;}
a:link {color: #383838;}
a:visited {color: #383838;}
a:active {color: #383838;}
.wholist li a:visited 
{
	color: #FFFFFF;
	text-decoration: none;
}
#maincontentfull 
{
	width: 951px;
	background-color: #E6E6E6;
	/*
	john_w. 19-Feb-2008. TAKEN OUT BECAUSE I DON'T LIKE IT.
	background-image: url(../img/maincorner.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	*/
	padding-top: 3px;
	float: left;
	clear: none;
}
.p7TPcontent img {
	padding: 1px;
	border: 4px solid #57B9DE;
	margin: 7px;
}
.pics {
	padding: 1px;
	border: 4px solid #57B9DE;
	margin: 7px;
}

.width402 {
	width: 32%;
	height: 600px;
	margin-right: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #F6F6F6;
	padding-left: 8px;
	background-color: #E6E6E6;
	float: right;
}
.width40-kam {
	width: 32%;
	height: 480px;
	margin-right: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #F6F6F6;
	padding-left: 8px;
	background-color: #E6E6E6;
	float: right;
}
.chightlite {color: #018295}

#listcontact li 
{
	padding-left: 22px;
	background-image: url(../img/arrow1.jpg);
	background-repeat: no-repeat;
	background-position: 8px 10px;
	line-height: 17px;
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 2px;
	background-color: #F6F6F6;
	color: #46494B;
	font-weight: bold;
	margin-bottom: 5px;
	height: 35px;
	font-size: 1.1em;
}


#jobcontact li {
	padding-left: 22px;
	background-image: url(../img/arrow1.jpg);
	background-repeat: no-repeat;
	background-position: 8px 10px;
	line-height: 17px;
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 2px;
	background-color: #F6F6F6;
	color: #46494B;
	font-weight: bold;
	margin-bottom: 5px;
	height: 70px;
	font-size: 1.1em;
}