/* Overall control */

body {
padding: 0;
margin: 0;
background-color: #EDEDED}


#total {
position: relative;
text-align: justify;
margin-left: auto;
margin-right: auto;
width: 750px;}

p {
padding: 5px;
margin-right: 5px;
font-family: Arial, Helvetica, Verdanna, serif;
font-size: 0.8em}

a {
color: #AAAAAA;
padding: 5px;
text-decoration: none;
font-family: Arial, Helvetica, Verdanna, serif;
}

a:hover {
color: #000000;
padding: 5px;
text-decoration: none;
font-family: Arial, Helvetica, Verdanna, serif;
}



/* Navigation Control */


#nav, #nav ul
{
	top: 78px;
	padding: 0;
	margin: 0;
	list-style: none;
	position:relative;
	line-height: 1;
}

/* now lets get rid of position:relative for IE */

* #nav, * #nav ul
{
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}


#nav a
{
	top: 0px;
	width: 68px;
	display: block;
	color: #ffffff;
	text-decoration: none;
	background-color: #000066;
	border: 1px solid #ffffff;
	padding: 4px;
	font: 0.6em verdana, Arial, Helvetica, serif;
}

#nav li li li a
{
background-color: #C0C0C0;
color: #000000;
}

/* BMH for IE 5 */

* html #nav a
{
  width: 68px;
  w\idth: 60px;
}
	
#nav li
{

float: left;
width: 78px;
position: relative;
}
	
#nav li ul
{
top: 22px;
position: absolute;
display: none; 
width: 68px
}

#nav li ul ul { margin: -24px 0px 0px 78px }
	
#nav li a:hover
{
background-color: #000088;
filter: alpha (opacity=50, finishopacity=50, style=1, startx=0, starty=0, finishx=0, finishy=0);
}

#nav li li li a:hover
{
background-color: #C0C0C0;
filter: alpha (opacity=50, finishopacity=50, style=1, startx=0, starty=0, finishx=0, finishy=0);

}

#nav li:hover ul, #nav li.sfhover ul
{
	left: auto;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {display: none;  }

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { display: block; } 



/* Top row control */


#head  { 
background: #FFFFFF url("head1.jpg") no-repeat left top; 
display: table;
padding: 0px;
margin: 0px;
z-index: 10;
position: absolute; 
top: 0; 
left: 0; 
width: 750px;
height: 100px; 
border: solid 1px #cccccc }

#head1 {
position: absolute;
padding: 0px;
margin: 0px;
left: 0px;
top: 0px;
width: 200px;
height: 100px}

#head2 {
position: absolute;
padding: 0px;
margin: 0px;
left: 200px;
top: 0px;
width: 550px;
height: 100px}

#head3 {
position: absolute;
padding: 0px;
margin: 0px;
left: 555px;
top: 0px;
width: 120px;
height: 20px}

#head3 a{
font: 0.8em Arial, Helvetica, Verdanna, serif;}

#head3 a:hover{
font: 0.8em Arial, Helvetica, Verdanna, serif;}


/* 2nd row control */


#info {
border: 1px solid #CCCCCC;
position: absolute;
top: 100px;
left: 0px;
width: 750px;
background-color: #000066;
height: 200px}

#info h2{
font-family: Arial, Helvetica, Verdanna, serif;
padding: 5px;
color: #ffffff}

#info h5{
font-family: Arial;
padding: 5px;
color: #ffffff}

#info1 {
display: table;
text-align: left;
position: absolute;
top: 0px;
left: 0px;
width: 200px;
height: 200px}

#infoINDEX  { 
background: url("index.jpg") no-repeat left top; 
display: table; 
position: absolute; 
top: 0px; 
left: 200px; 
width: 550px; 
height: 200px }

#infoSEARCH  { 
background: url("Search.jpg") no-repeat left top; 
display: table; 
position: absolute; 
top: 0px; 
left: 200px; 
width: 550px; 
height: 200px }

#infoNEWS  { 
background: url("news.jpg") no-repeat left top; 
display: table; 
position: absolute; 
top: 0px; 
left: 200px; 
width: 550px; 
height: 200px }

#infoNETWORK  { 
background: url("network.jpg") no-repeat left top; 
display: table; 
position: absolute; 
top: 0px; 
left: 200px; 
width: 550px; 
height: 200px }

#infoSERVICES  { 
background: url("services.jpg") no-repeat left top; 
display: table; 
position: absolute; 
top: 0px; 
left: 200px; 
width: 550px; 
height: 200px }

#infoBENEFITS  { 
background: url("benefits.jpg") no-repeat left top; 
display: table; 
position: absolute; 
top: 0px; 
left: 200px; 
width: 550px; 
height: 200px }

#infoFAQS  { 
background: url("faqs.jpg") no-repeat left top; 
display: table; 
position: absolute; 
top: 0px; 
left: 200px; 
width: 550px; 
height: 200px }

#infoIT  { 
background: url("it.jpg") no-repeat left top; 
display: table; 
position: absolute; 
top: 0px; 
left: 200px; 
width: 550px; 
height: 200px }

#infoSTAFF  { 
background: url("staff.jpg") no-repeat left top; 
display: table; 
position: absolute; 
top: 0px; 
left: 200px; 
width: 550px; 
height: 200px }

#infoCONTACT  { 
background: url("contact.jpg") no-repeat left top; 
display: table; 
position: absolute; 
top: 0px; 
left: 200px; 
width: 550px; 
height: 200px }

#info3 {
display: table;
position: absolute;
top: 0px;
left: 750px;
width: 0px;
height: 200px;
background-color: #000066}

#infoTrust24  { 
background: url("trust24.jpg") no-repeat left top; 
display: table; 
position: absolute; 
top: 0px; 
left: 200px; 
width: 550px; 
height: 200px }


/* helpline row control */

#helpline, #helplineT24 {
display: table;
text-align: right;
z-index: 10;
float: right;
position: absolute;
top: 150px;
right: 10px;
width: 250px;
height: 57px}

#helpline h3, #helplineT24 h3{
display: table;
text-align: right;
font-family: Arial, Helvetica, Verdanna, serif;
font-size: 16pt;
padding: 0px;
margin: 0px;
font-style: italic;
color: #ffffff}

#helpline h5, #helplineT24 h5{
display: table;
text-align: right;
font-family: Arial, Helvetica, Verdanna, serif;
padding: 0px;
margin: 0px;
font-style: italic;
color: #ffffff}

#helplineT24 h3 {
text-align: right;
color: #000}

#helplineT24 h5 {
text-align: right;
color: #000}

/* 3rd row control */


#content {
border: 1px solid #CCCCCC;
position: absolute;
overflow: visible;
display: table;
padding: 0;
margin: 0;
left: 0px;
top: 300px;
width: 750px;
/*height: 100%;*/
min-height: 600px;
max-height: 3000px;
background-color: #FFFFFF}


.contentSpacer {
background-color: #FFFFFF;
position: relative;
width: 100%;
margin: 0;
border: 0px solid #0ff;
padding: 0 0;
overflow: visible
}

.lcontentSpacer {
background-color: #FFFFFF;
position: relative;
width: 100%;
margin: 0;
border: 0px solid #0ff;
padding: 0;
overflow: visible
}

#content1 {
background-color: #FFFFFF;
overflow: visible;
/*display: table;*/
float: left;
top: 0px;
padding: 0px;
margin-left: 5px;
border: 0px solid #CCCCCC;
position: relative;
left: 0px;
min-height: 600px;
max-height: 3000px;
height: 100%;
width: 200px
}


#content1b {
background-color: #FFFFFF;
font-size: 10;
width: 200px
}

#content1News {
background-color: #FFFFFF;
overflow: visible;
/*display: table;*/
float: left;
top: 0px;
padding: 0px;
margin-left: 5px;
border: 0px solid #CCCCCC;
position: relative;
left: 0px;
min-height: 600px;
max-height: 2500px;
height: 100%;
width: 200px
}


#content1 a {
width: 170px;
padding: 4px;
display: block;
color: #AAAAAA;
border: 1px solid #AAAAAA;
text-decoration: none;
font: 0.8em Arial, Helvetica, Verdanna, serif
}

#content1 a:hover {
display: block;
color: #000000;
border: 1px solid #000000;
text-decoration: none;
font: 0.8em Arial, Helvetica, Verdanna, serif 
}

#content1 li, #content1 ul
{
padding: 0;
margin: 0;
list-style: none;
position: relative;
}


#content1b a {

display: block;
font-family: Arial, Helvetica, Verdanna, serif;
color: #AAAAAA;
border: 0px solid #AAAAAA;
text-decoration: none;
font: 0.8em Arial, Helvetica, Verdanna, serif
}


#content1b a:hover {
width: 0px;
display: block;
font-family: Arial, Helvetica, Verdanna, serif;
color: #AAAAAA;
border: 0px solid #AAAAAA;
text-decoration: none;
font: 0.8em Arial, Helvetica, Verdanna, serif
}


#content2 {
background-color: #FFFFFF;
overflow: visible;
/*display: table;*/
float: left;
position: relative;
padding: 0;
margin: 0;
top: 0px;
height: 100%;
min-height: 600px;
max-height: 2200px;
left: 0px;
width: 400px
}

#content2News {
font:0.9em Arial, Helvetica, Verdanna, serif
background-color: #FFFFFF;
overflow: visible;
/*display: table;*/
float: left;
position: relative;
padding: 5px;
margin: 0;
top: 0px;
height: 100%;
min-height: 600px;
max-height: 3000px;
left: 0px;
width: 500px
}

.content2Invis {
background-color: #FFFFFF;
float: left;
width: 400px;
height: 10px;
overflow: hidden;
visibility: hidden}

.content2vis {
background-color: #FFFFFF;
float: left;
width: 400px;
height: 100%;
visibility: visible}

#content2NewsHead {
background-color: #FFFFFF;
float: inherit}

#content2 a {
color: #000066;
text-decoration: underline;

}

#content2 a:hover {
color: #000000;
text-decoration: underline;

}

#content2News a {
color: #000066;
text-decoration: underline;
}

#content2News a:hover {
color: #000000;
text-decoration: underline;
}

#content2 li {
font-family: Arial, Helvetica, Verdanna, serif
list-style-type: square;
list-style: square;
}

#content2 ul {
font: 0.8em Arial, Helvetica, Verdanna, serif
list-style-type: square;
list-style: square;
}


#content3 {
background-color: #FFFFFF;
overflow: visible;
display: table;
float: left;
position: relative;
padding: 0;
margin: 0;
top: 0px;
left: 0px;
height: 100%;
min-height: 600px;
max-height: 2200px;
width: 140px
}

#content3Staff {

background: url("Disabled.jpg") no-repeat left; 
padding-top: 10px;
height: 104px;
width: 125px
}

#content3 a {
color: #000066;
padding: 5px;
text-decoration: none;
font: 0.8em Arial, Helvetica, Verdanna, serif
}

#content3 a:hover {
text-decoration: underline;
font: 0.8em Arial, Helvetica, Verdanna, serif  
}

#content h3{
font-family: Arial, Helvetica, Verdanna, serif;
padding: 5px;
color: #000066}

#content h4{
font-family: Arial, Helvetica, Verdanna, serif;
padding: 5px;
color: #000066}

#content h5{
font-family: Arial, Helvetica, Verdanna, serif;
padding: 5px;
color: #000000}