body
{
	margin: 0;
	width: 100%;
	background-color:#fff;
	
}

.WSBodyS0
{
	color: #ff0000;

}
.WSBodyS1
{
	color: #302a83;
	font-weight: bold;
}
.WSBodyS1 a
{
	color: #302a83;
	font-weight: bold;
	font-decoration: underline;
}
.WSBodyS2
{
	font-size: 145%;
	color: rgb(23,76,129);
	 line-height: 130%;
	
}
.WSBodyS3
{
	font-size: 110%;
	color: rgb(23,76,129);
	line-height: 90%;
}
.WSBodyS4
{
	color: #302a83;
	font-weight: bold;
	text-transform: uppercase;
}
.WSBodyS5
{
	font-size: 80%;
	color: #000000;
	vertical-align: sup;
}
.WSBodyS6
{ 
	font-size: 130%;
	color: rgb(23,76,129);
	font-weight: bold;
	line-height: 160%;
	background-image: url(../images/yellowdiamond.gif) no-repeat;
}
.WSBodyS7
{
	color: #017468;
	font-size: 110%; 
}
.WSBodyS8
{
	color: #4a7bff;
	font-size: 110%;
}
.WSBodyS9
{
	color: #999999;
	font-size: 120%;
}

#header
{
	width: expression(document.body.clientWidth < 798? "798px": "100%" );
	min-width: 778px;
	margin: 0;
}
#header #header_left
{
	float: left;
	width: 200px;
	margin: 0;
}
#header #header_right
{
	margin-left: 200px;
}
#header #header_left #menu1
{
	background: url(../images/hp/linebar.gif) repeat;
	width: 200px;
}
#header #header_left #logo
{
  margin: 0;
  width: 200px;
}


#header #header_right #quicklinks
{
  	background: url(../images/hp/linebar.gif) repeat-x;
  	height: 23px;
  	margin-left: 148px;
  	margin-right: 20px;
}
#header #header_right #refreshingly
{
	width: 552px;
}
#header #header_right #refreshingly .imagenormal
{
	margin: 0;
	display:inline;
	padding: 0;
}
#header #header_right #menu2
{
	background-color: #f5d300;
	xmargin-right: 20px;
	height: 24px; /*080212 was 24 */
	width: 100%;
}
#header #header_right #menu2 a
{
	color: gray;
}
#header #header_right #menu2 a:hover
{
	color: red;	
}
#header #header_right #menu2 #yelcornr
{
	float: right;
	background-color: #fff;
	padding-right: 20px;
	
}

#footer
{
	margin: 0 14px 0 0;
	clear: both;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-size: 70%;
	border: none;
	padding-top: 2px;
	border-top: 1px solid rgb(227,227,227);
}

#body
{
  margin: 8px 0 0 0;
  padding: 0;
}

#body #navcontainer
{
  float: left;
  width: 176px;
  font-family: arial, helvetica;
  font-size: 0.8em;
}

#content
{
  font-family: verdana, serif;
  font-size: 0.8em;
  margin: 0;
  margin-left: 202px; /*080212 was 200 */
  margin-right: 20px;
  margin-bottom: 18px;
  padding: 0;
  height: 100%;
  line-height: 160%;
}

#content p
{
  margin: 0 0 1.1em 0;
}

#content h1
{
  font-size: 1.4em;
  font-weight: normal;
  color: #302a83;
  margin: 0 0 0.8em; 0;
}

#content h2
{
  font-size: 120%;bold;
  color: #302a83;
  margin: 0;
}

#content h3
{
  font-size: 100%;bold;
  color: #302a83;
  margin: 0; padding:0;
  padding-bottom:0;
 margin-bottom:0;
}

#content h4
{
  font-size: 100%;bold;
  color: #f00;
  margin: 0; padding:0;
  padding-bottom:0;
 margin-bottom:0;
 text-transform:uppercase;
}

#content .imageleft
{
	margin-right: 6px;
}


#content img
{
margin-bottom:1em;
}

#content td img 
{
margin-bottom:0;
}
#navlist
{
  margin-top: 0;
  margin-right: 0;
  background-color: #fff;
}
#navlist ul
{
  padding-top: 1px;
  margin-bottom: -1px;
}
#navlist li
{
  margin: 0 0 0 -40px;
  font-weight:      bold;
  list-style:       none;
  border:           0;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 5px;
  background-color: #eee;
  border-bottom: 1px solid #eee;
}
#navlist li.navparent
{
  background-position: 5px 9px;
}
#navlist ul li
{
  padding-left: 35px;
  margin-left: -60px;
  background-color: #fff;
  border-top: 1px solid #eee;
  border-right: 2px solid #eee;
  border-bottom: none;
  font-weight: normal;
}
#navlist ul ul li
{
  padding-left: 50px;
  margin-left: -75px;
  border-top: 1px solid #eee;
  border-right: none;
  border-bottom: none;

}
#navlist ul ul ul li
{
  padding-left: 65px;
  margin-left: -90px;
}

#navlist a
{ 
  text-decoration: none; 
  color: #302a83;
}
#navlist a:hover
{
  text-decoration: underline;
}
#navlist .navsel
{
  background-color: #f5d300;
  color: #fff;
  font-weight:bold;
 xheight:2em; /*080213 stops yellow showing through on top level */
}

.breadcrumb, .homepagesections
{
  font-family: arial, helvetica, sans-serif;
  padding-top: 5px;
  padding-left: 5px;
  font-size:70%;
  color: gray;
  text-transform: uppercase;
}
.homepagesections a
{
  font-weight: bold;
}

.breadcrumb ul
{
  margin: 0;
  padding: 0;
  margin-left: -0.4em;
}
.breadcrumb li
{
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 0.9em;
  padding-right: 0.4em;
  background-image: url(../images/arrow_bc.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
}
.breadcrumb li.firstli
{
  border-left: none;
  padding-left: 0.4em;
  background-image: none;
}
.breadcrumb a, .homepagesections a
{
  text-decoration: none;
}
.breadcrumb a:hover, .homepagesections a:hover
{
  text-decoration: none;
}

#twocolumncol2
{
  float: right;
  width: 33%;
  padding-left: 15px;
}

#footer #copyfooter, #sentenceprinth, #sentenceprintf, #logoprint
{
	display: none;
}


/************************/

#homecontent
{
	font-family:verdana, helvetica;
	font-size:70%;
	clear: both;
	margin: 0;
	margin-top: 8px;
	margin-right: 20px; /*080213 was 20px */
	margin-left: 4px;
	width: expression(document.body.clientWidth < 778? "758px": "100%" );
	min-width: 758px;

}

#homecontent h4
{
	font-family: verdana, helvetica;
	font-size:90%;
	font-wight:bold;
	margin-bottom:6px;
	text-align:center;
}

#homecontent #threecolumncol1
{
	float: left;
	width: 192px;
	margin: 0 0px 18px 0;
	padding: 6;
	xbackground-color: #eeeeee;
}

#homecontent #stretch #threecolumncol2
{
	margin-left: 196px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
}


#homecontent #stretch #threecolumncol3
{
	float: right;
	width: 21%;
	margin: 0;
	padding: 0;
	xmargin-right: 14px; /*080215 removed*/
	margin-left:0.6em;
}

#homecontent #stretch #threecolumncol31
{
	margin: 0;
	padding: 0;
	background: rgb(252,243,184) url(../images/smartmedia/yellowgrad.gif) repeat-x;
}
#homecontent #stretch #threecolumncol32 
{
	margin: 4px 0 0 0;
	padding: 0;
	xwidth: 100%;
}

#homecontent #stretch #threecolumncol31 p
{
	border: 1px solid rgb(245,211,0);
	border-top: 0;
	border-collapse: collapse;
	margin: 0;
	padding: 2px 2px 2px 1.4em;
	background: url(../images/yellowarrow2.gif) no-repeat 0.6em 0.5em;
}
#homecontent #stretch #threecolumncol31 p a 
{
	text-decoration: none;
	font-size:120%;
	color: black;
   	
}
#homecontent #stretch #threecolumncol31 h1
{
	font-weight: bold;
	font-size: 1.2em;
	color: black;
	border: 1px solid rgb(245,211,0);
	border-bottom: 0;
	xbackground-color: rgb(252,243,184);
	margin: 0;
	padding-left: 0.2em;
	padding-bottom: 0.2em;
}

.signpost td.left
{
width:45%;
vertical-align:top;
background: url(../images/smartmedia/graygrad.gif) repeat-x top left;
margin-right:1em;
border-right:0.5em #fff solid;
margin-top:0;
}


.signpost td.right
{
width:45%;
vertical-align:top;
background: url(../images/smartmedia/graygrad.gif) repeat-x top left;
margin-left:1em;
margin-top:0;
border:0px #fff solid;
}
.signpost
{
font-size:100%;
}


/************* FOOTER INFO ON HOME PAGE ************/
#productranges, #googleads
{
font-family: Verdana, arial, sans-serif;
font-size:0.7em;
margin:0px 20px 10px 10px;
padding:1em;
background-color:#eee;
clear:both;
}

#productranges .software 
{
background-color:#eee;
font-size:100%;
}

#productranges .software td .linkpara 
{
margin:0;
padding-top:0.6em;
}

#productranges .software h2
{
font-size:1em;
margin:0;
padding:0;
}

#productranges .software td
{
xfont-size:0.7em;
background-color:#fff;
padding:1em;
border-right:1em solid #eee;
width:25%;
vertical-align:top;
}

/************ FORM *************/
#content fieldset dt
{
  clear: both;
  width: 10em;
  float: left;
  padding-top: 5px;
  margin: 0;
}
#contentfieldset dd
{
  margin: 0;
  padding-top: 5px;
}

#content fieldset .interest dt
{
  padding-top: 0px;
  width: 2em;
}
#content fieldset .interest dd
{
  padding-top: 3px;
}

#content fieldset p
{
  clear: left;
}



/********** VACANCIES ********/
.searchjobvacsres dl
{
display:inline;
margin-bottom:1em;
}

.searchjobvacsres dt
{
margin-top:1em; 
}


.jobdetails
{
font-size:0.85em;
margin-bottom:1em;
}