/*-----------------------
  main redefinitions
-----------------------*/

body {
	font-family: Arial, Verdana, sans-serif;
	background-color: #F8F8F8;
	font-size: 13px;
	color: #818181;
}

a {
	color: #ffa500;
	text-decoration: none;
}

a:hover{
	color: #9CE500;
	text-decoration: underline;
}

h1{
	font-family: "Arial Narrow", Arial, Verdana, sans-serif;
	font-size: 200%;
	color: #8F8F8F;
	margin: 0px 0px 1em -1px;
}

h2{
	font-family: "Arial Narrow", Arial, Verdana, sans-serif;
	font-size: 140%;
	color: #8F8F8F;
	margin: 0px;
}


/* For the benefit of Netscape 4.x which doesn't inherit from body */
p,ul,li,div,td {
	font-family: Arial, Verdana, sans-serif;	
	color: #818181;
}

img {
	border: 0px;
}

/* dunno why font size isn't inherited and relative (%) size doesn't work */
td {
	font-size: 13px;
}

/*-----------------------
  site shell
-----------------------*/

div#shell{
	position: absolute;
	width: 787px;
	border: thin dotted #C8C8C8;
	background-color: white;
	left: 50%;
	top: 10px;
	margin-left: -393px;
	min-height: 530px;
}

/*-----------------------
  header bar
-----------------------*/

div#header {
	height: 112px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

div#header img {
	width: 787px;
	height: 112px;
}


/*-----------------------
  footer bar
-----------------------*/
div#footer {
	border-top: thin dotted #C8C8C8;
	font-size: 80%;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
	color: #818181;
}


/*-----------------------
  side navigation
-----------------------*/

div#sidenav {
	float: left;
	padding-top: 70px;
	padding-left: 41px;
}

div#sidenav a{
	color: #818181;
	font-size: 140%;
	margin-top: 0px;
	margin-bottom: 1px;
	font-family: "Arial Narrow", Arial, Verdana, sans-serif;
}

div#sidenav a:hover{
	text-decoration: underline;
}

div#sidenav div#logos {
	margin-top: 20px;
}

/* NB Sophos logo MUST have 20px clearance top and bottom, 19px left and right - see brand guidelines */

div#sidenav div#logos img {
	margin-top: 20px;
}


/*-----------------------
  content area
-----------------------*/

div#maincontent {
	float: left;
	width: 385px;
	margin-left: 38px;
	padding-top: 20px;
}

img.contentimage{
	float: right;
	padding-right: 42px;
	margin-top: 70px;
	margin-right: 10px;
}

/*-----------------------
  other stuff
-----------------------*/

div#subnav{
	color: #818181;
	margin-bottom: 1.0em;
}

.error {
	color: red;
	font-weight: bold;
}

td.contact-method-name {
	font-weight: bold;
}