/**********************************************************/
/***** Standard Style sheet  ******************************/
/***** © Surfocracy Ltd ***********************************/

/******************* Redefine HTML tags *******************/
/* Following styles redefine the standard HTML tags.      */
/**********************************************************/
/* Colours used                                           */
/* Dark  -  #FF6600                                       */
/* Light -  #FFCC99                                       */

body {
	padding: 2px 20px 20px;
	margin: 0px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background-image: url(graphics/common/background.jpg);
	background-repeat: repeat;
}
p {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	color : #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
} 
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #CC0000;
	text-align: center;
	margin: 0px 0px 8px;
	font-weight: 900;
	clear: both;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #343434;
	text-align: left;
	margin: 0px 0px 2px;
	clear: both;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #660000;
	text-align: left;
	margin: 0px 0px 2px;
	clear: both;
	font-style: normal;
	text-transform: capitalize;
}
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	list-style-type: none;
	margin-bottom: 8px;
	margin-top: 4px;
	clear: left;
	list-style-position: outside;
	list-style-image: url(graphics/common/general-bullet.gif);
}
ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	vertical-align: middle;
	list-style-type: decimal;
	text-align: left;
	margin-top: 4px;
	margin-bottom: 4px;
	clear: left;
}
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 4px;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
form {
	margin : 0;
	padding : 0;
}
/* Covers single line text field, radio buttons and check boxes */
input {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	border : 1px solid #C6CDC1;
	text-decoration : none;
	font-weight : normal;
	color : #000000;
	margin: 0px;
	padding: 0px;
} 
/* Covers multi line text fields */
textarea {
	color : #000000;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	border : 1px solid #C6CDC1;
	cursor : default;
	font-weight : normal;
} 
/* Covers drop down lists */
select {
	color : #000000;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	border : thin solid #C6CDC1;
	font-weight : normal;
	text-decoration : none;
}
form table {
	background-color: #F9FBFD;
	color: #000000;
	border: 1px solid #C6CDC1;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
} 
fieldset {
	margin: 5px;
	padding: 4px;
}
/******************* Redefine form tables *****************/
/* Applies to the following structure
   <form action="...">
     <table>
       <tr><td>...</td></tr>
       ..
     </table>
   </form>
   
   Note, All text within <td> tag is left aligned. For other
   alignments apply <div> tags as follows:
   -- For centre align
   <td><div class="centeralign">Some text</div></td>
   -- For right align
   <td><div class="rightalign">Some text</div></td>
*/
/**********************************************************/
form table td {
	padding: 2px 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: #000000;
	white-space: normal;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #C6CDC1;
}
form table p {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	color : #000000;
	text-align : left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
} 
form table h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	text-align: left;
	margin: 0px 2px 0px 0px;
	white-space: nowrap;
	display: inline;
}
.shortnote {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	color : #663333;
	text-align : left;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
	font-weight: normal;
} 
form table th {
	border: 1px solid #C6CDC1;
	padding: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bolder;
	color: #660000;
	text-align: center;
	background-color: #eaeaea;
}
form table td label  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #000000;
	white-space: nowrap;
	text-align: left;
}
/* The following are further form elements to be applied */
.formbutton {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	color : #ffffff;
	font-weight : bold;
	border : 1px solid #f6dd7d;
	background-color : #660000;
	font-style: normal;
	text-align: center;
	margin-top: 8px;
	margin-right: auto;
	margin-left: auto;
}
.formimagebutton {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	border : none;
	text-align: center;
	vertical-align: middle;
}
.formcompulsory {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : small;
	font-weight : normal;
	color : #CC0000;
} 
/************** General styles for Fine tuning ************/
/* Following styles can be applied throughout the site to
   fine tune any tag elements. These classes can be applied
   as a class to a DIV or SPAN tag.     
*/
/**********************************************************/
.generaltextstyle1 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #406679;
	text-align: center;
	margin: 0px;
	white-space: nowrap;
}
/* To format text around a small button/icon graphic */
.generalbuttoniconstyle1 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	padding: 0px;
	border: none;
	margin: 2px 0px;
	white-space: nowrap;
}
.generalbuttoniconstyle2 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	padding: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 2px;
	border: none;
	margin-top: 2px;
}
.generalbuttoniconstyle3 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	padding: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 8px;
	border: none;
}
.smalltext {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	margin-bottom: 4px;
} 
.introtext {
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	margin-bottom: 4px;
	font-weight: bold;
	color: #000000;
} 
.nojustify {
	text-align: left;
	font-family: Tahoma, Arial, sans-serif;
} 
.nowrap {
	font-family: Tahoma, Arial, sans-serif;
	white-space: nowrap;
} 
.noborder {
	font-family : Tahoma, Arial, sans-serif;
	border : none;
	vertical-align: middle;
}
.floatleft {
	float: left;
	margin-right: 8px;
	margin-bottom: 4px;
}
.clearleft {
	clear: left;
}
.floatright {
	float: right;
}
.clearright {
	clear: right;
}
.collapse {
	width: 1%;
}
.expand {
	width: 100%;
}
.half {
	width: 50%;
}
.centeralign {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	vertical-align: middle;
}
.leftalign {
	white-space: nowrap;
	text-align: left;
	vertical-align: middle;
}
.rightalign {
	text-align: right;
	white-space: nowrap;
	vertical-align: middle;
}
.leftaligntop {
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
}
.rightalignbottom {
	text-align: right;
	white-space: nowrap;
	vertical-align: bottom;
}
/* ID to represent the footer section */
#languages
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	height: 15px;
	width: 100%;
	color: #343434;
	text-align: left;
}
#languages ul
{
	padding: 0px;
	list-style-type: none;
	text-align: left;
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 0px;
}
#languages ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #343434;
	font-weight: bold;
}
#languages ul li a:link
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #343434;
	white-space: nowrap;
	font-weight: normal;
}
#languages ul li a:visited
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #343434;
	white-space: nowrap;
	font-weight: normal;
}
#languages ul li a:hover
{
	margin: 0px;
	font-family: Verdana;
	font-size: x-small;
	color: #343434;
	font-weight: normal;
	text-decoration: underline;
}
#languages p
{
	margin: 4px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	font-weight: normal;
	text-align: center;
}
/************** Common boilerplate styles *****************/
/* These styles relate to the common elements which appear
   on every page. These include:
   Logo area
   Horizontal navigation rows
   Left column cell (including the navigation)
   Right column cell (including the featured list)
   Search row
   Content cell
   Footer section
*/
/**********************************************************/

/* ID to represent the enclosing table to prevent some table
   rows from contracting out of step
*/
#enclosingframe
{
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	background-color: #343434;
}
/* This ID style represents The three column table containing
   the left and right columns and the content cell.
*/
#payloadsection
{
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
/* Contains all the elements for the logo area */
#logosection table
{
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	text-align: right;
	vertical-align: middle;
	padding: 0px;
	font-weight: bold;
	margin: 0px;
	background-color: #FFFFFF;
	background-image: url(graphics/common/globeheader.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 90px;
}
#logosection table td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
}
#logosection table td p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	vertical-align: bottom;
	text-align: right;
	font-weight: bold;
	margin: 0px 4px 0px 8px;
	padding: 0px;
	white-space: nowrap;
}
.logoimage {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	border: none;
	margin: 0px;
	vertical-align: middle;
	text-align: left;
}
/* Cell containing the left vertical links */
.cellleftcolumn {
	vertical-align: top;
	margin: 0px;
	padding: 15px 2px 0px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #EAEAEA;
}
/* This style defines the width of the left column and
   must be sized in ems so that the font can be resized
   without causing problems.
*/
.leftcolumnheading {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #CC0000;
	text-align: center;
	white-space: nowrap;
	width: 14em;
	margin: 0px;
	vertical-align: middle;
	padding: 2px 4px 4px;
	text-transform: uppercase;
	font-weight: bolder;
}
/* The main vertical links within the left column cell */
.verticalnav1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	width: 100%;
	white-space: normal;
}
.verticalnav1 ul {
	padding: 0px;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 4px;
	margin-bottom: 8px;
	vertical-align: top;
	list-style-image: url(graphics/common/verticalnav1-bullet.gif);
	list-style-position: outside;
	margin-left: 15px;
	margin-right: 0px;
}
.verticalnav1 ul li {
	margin: 0px 10px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	white-space: nowrap;
}
.verticalnav1 ul li a:link {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #343434;
}
.verticalnav1 ul li a:visited {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #343434;
}
.verticalnav1 ul li a:hover {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #660000;
	text-decoration: underline;
}
.verticalnav1onpage {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #660000;
	text-decoration: underline;
	font-weight: bold;
}
/* The next set of vertical links within the left column cell */
.verticalnav2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px 0px 8px;
	width: 90%;
	text-align: right;
}
.verticalnav2 ul {
	padding: 0px;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 8px;
	margin-bottom: 8px;
	vertical-align: top;
	list-style-image: none;
	margin-right: 0px;
	margin-left: 0px;
}
.verticalnav2 ul li {
	margin: 2px 5px 2px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	white-space: nowrap;
}
.verticalnav2 ul li a:link {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #660000;
	text-align: right;
	vertical-align: middle;
	text-transform: uppercase;
}
.verticalnav2 ul li a:visited {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #660000;
	text-align: right;
	vertical-align: middle;
	text-transform: uppercase;
}
.verticalnav2 ul li a:hover {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #660000;
	text-decoration: underline;
	text-align: right;
	vertical-align: middle;
	text-transform: uppercase;
}
.verticalnav2onpage {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #660000;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #EAEAEA;
}
/* The main vertical links within the left column cell */
.verticalnav3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	width: 100%;
	white-space: normal;
	background-color: #FFFFFF;
}
.verticalnav3 ul {
	padding: 0px;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 4px;
	margin-bottom: 8px;
	vertical-align: top;
	list-style-image: url(graphics/common/verticalnav1-bullet.gif);
	list-style-position: outside;
	margin-left: 15px;
	margin-right: 0px;
}
.verticalnav3 ul li {
	margin: 0px 10px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	white-space: normal;
}
.verticalnav3 ul li a:link {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #343434;
}
.verticalnav3 ul li a:visited {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #343434;
}
.verticalnav3 ul li a:hover {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #660000;
	text-decoration: underline;
}
.verticalnav3onpage {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	background-color: #660000;
	padding: 1px 2px 2px;
}
/* Cell containing the right column links, usually the featured list */
.cellrightcolumn {
	vertical-align: top;
	margin: 0px;
	padding: 15px 4px 4px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background-color: #EAEAEA;
}
/* This style defines the width of the right column and
   must be sized in ems so that the font can be resized
   without causing problems.
*/
.rightcolumnheading {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #CC0000;
	text-align: center;
	width: 12em;
	padding: 2px 4px 4px;
	margin: 0px;
	white-space: normal;
	vertical-align: middle;
	font-weight: bolder;
	text-transform: uppercase;
}
/* The featured list contained within the right column cell */
#featuredlist table
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	border-collapse: collapse;
	margin: 4px auto;
}
#featuredlist table td
{
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	border-collapse: collapse;
	padding: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8BB0C2;
}
#featuredlist table td p
{
	text-align: center;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	clear: left;
	margin-top: 0px;
	margin-bottom: 0px;
}
/* Style for the content cell */
.cellcontent {
	vertical-align: top;
	margin: 0px;
	padding: 15px 16px 16px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	height: 300px;
	background-color: #FFFFFF;
}
.categorypicture {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	vertical-align: middle;
	margin-top: 4px;
	margin-bottom: 0px;
}
/* ID for the first horizontal navigation row */
#horizontalnav1 table
{
	text-align: center;
	white-space: nowrap;
	border-collapse: collapse;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	border: none;
	height: 24px;
	padding: 0px;
	background-image: url(graphics/common/navtile.jpg);
	background-repeat: repeat-x;
	background-position: left center;
}
#horizontalnav1 table td
{
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	width: 14%;
}
#horizontalnav1 table td img
{
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	border: none;
}
#horizontalnav1 table td a:link
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	white-space: nowrap;
	text-align: center;
	font-weight: bold;
}
#horizontalnav1 table td a:visited
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	white-space: nowrap;
	text-align: center;
	font-weight: bold;
}
#horizontalnav1 table td a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #eaeaea;
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
}
/* ID for the search row */
#searchrow table
{
	text-align: right;
	white-space: nowrap;
	border-collapse: collapse;
	margin: 0px 0px 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	padding: 0px;
	vertical-align: middle;
}
#searchrow table td
{
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	white-space: nowrap;
	text-align: right;
}
#searchrow table td form label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #406679;
	white-space: nowrap;
	vertical-align: middle;
}
/* ID to represent the footer section */
#footersection
{
	padding: 0px;
	margin: 0px 0px -1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	height: 24px;
	width: 100%;
	background-image: url(graphics/common/navtile.jpg);
	background-repeat: repeat-x;
	background-position: left center;
}
#footersection ul
{
	padding: 0px;
	list-style-type: none;
	text-align: center;
	white-space: nowrap;
	margin: 4px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
}
#footersection ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	font-weight: bold;
}
#footersection ul li a:link
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	white-space: nowrap;
	font-weight: bold;
}
#footersection ul li a:visited
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	white-space: nowrap;
	font-weight: bold;
}
#footersection ul li a:hover
{
	margin: 0px;
	font-family: Verdana;
	font-size: x-small;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}
#footersection p
{
	margin: 4px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	font-weight: normal;
	text-align: center;
}
/* Styled to define link to web designer's web site */
.creditlink a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 4px;
}
.creditlink a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 4px;
}
.creditlink a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 4px;
}
/************** Listing page styles ***********************/
/* These styles relate to all the elements in the listing
   page.
*/
/**********************************************************/
#symbolkeys
{
	padding: 0px;
	margin: 8px auto 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: right;
	text-align: center;
	width: 100%;
}
#symbolkeys ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #663333;
	margin-right: auto;
	margin-left: auto;
	vertical-align: middle;
	font-weight: bold;
	text-align: center;
	list-style-image: none;
	list-style-type: circle;
}
#symbolkeys ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	margin-right: 10px;
	vertical-align: middle;
}
.itemspecialofferbanner {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 4px;
	margin-bottom: 4px;
}
.itemspecialoffertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	font-size: x-small;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF6600;
	padding: 2px;
}
/************** CART page styles **************************/
/* Some styles relating to the cart page.
*/
/**********************************************************/
#carttable table
{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 16px;
}
.cartelementthumb {
	border: none;
	margin: 0px;
	padding: 0px;
}
/************** Standard object styles ********************/
/* These styles relate to all standard objects used throughout
   the site to ensure consistancy.
*/
/**********************************************************/

/* Applies to any standard table listing data of any kind. */
.standardformattingtable {
	color: #000000;
	width: 100%;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 16px;
}
.standardformattingtable table {
	color: #000000;
	border-collapse: collapse;
	vertical-align: top;
}
.standardformattingtable td {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	padding: 4px;
}
.standardtable table {
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	border: 1px solid #C6CDC1;
}
.standardtable table p {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	text-align : left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #663333;
} 
.standardtable table td {
	padding: 2px 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: #000000;
	white-space: normal;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #C6CDC1;
}
.standardtable table th {
	border: 1px solid #EAEAEA;
	padding: 4px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #660000;
	text-align: center;
	white-space: nowrap;
	background-color: #eaeaea;
}
.standardtable table h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	text-align: left;
	margin: 0px 2px 0px 0px;
	white-space: nowrap;
	display: inline;
}
/* Style to represent the breadcrumb links for each page. */
.breadcrumbs {
	margin: 0px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 4px;
	vertical-align: middle;
}
.breadcrumbs p
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-align: left;
	color: #CC0000;
	white-space: normal;
	font-weight: bold;
	text-transform: lowercase;
}
.breadcrumbs a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #343434;
	text-decoration: none;
}
.breadcrumbs a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #343434;
	text-decoration: none;
}
.breadcrumbs a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #343434;
	text-decoration: underline;
}
/* Styles to represent highlight boxes to be used throughout the
   site. Also used for pull quotes to help break up the content.
*/
.highlightboxright
{
	width: 50px;
	margin: 0px 0px 2px 2px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	padding: 0px;
	background-color: #eaeaea;
	vertical-align: top;
	background-image: url(graphics/common/quarter-Globe-small.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-top: 1px solid #eaeaea;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #eaeaea;
	float: right;
}
.highlightboxright p
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-align: right;
	color: #660000;
	white-space: normal;
	margin: 0px 0px 4px;
	font-style: normal;
	font-weight: bold;
}
.highlightboxleft
{
	width: 50px;
	margin: 0px 2px 2px 0px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	padding: 0px;
	background-color: #eaeaea;
	vertical-align: top;
	background-image: url(graphics/common/quarter-Globe-small.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-top: 1px solid #eaeaea;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #eaeaea;
	float: left;
}
.highlightboxleft p
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-align: right;
	color: #660000;
	white-space: normal;
	margin: 0px 0px 4px;
	font-style: normal;
	font-weight: bold;
}
/* Style for the News list section.*/
.newslist {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 4px;
}
.newslist p{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
}
.newslist a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.newslist a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.newslist a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
/* Used for news headlines */
.newsheadlines {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	padding: 0px;
	margin: 0px 0px 8px;
	width: 100%;
	white-space: normal;
	background-color: #FFFFFF;
}
.newsheadlines ul {
	padding: 0px;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 4px;
	margin-bottom: 8px;
	vertical-align: top;
	list-style-image: url(graphics/common/verticalnav1-bullet.gif);
	list-style-position: outside;
	margin-left: 15px;
	margin-right: 0px;
	background-color: #FFFFFF;
}
.newsheadlines ul li {
	margin: 0px 10px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	white-space: normal;
}
.newsheadlines ul li a:link {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #343434;
}
.newsheadlines ul li a:visited {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #343434;
}
.newsheadlines ul li a:hover {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #660000;
	text-decoration: underline;
}
/* Style for the Case study list section.*/
.casestudylist {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 4px;
}
.casestudylist p{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
}
.casestudylist a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.casestudylist a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.casestudylist a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
/* Style for the Jobs list section.*/
.jobslist {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 4px;
}
.jobslist p{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
}
.jobslist a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.jobslist a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.jobslist a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
/* Style for the testimonial section.*/
.testimonial {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin-top: 8px;
}
.testimonial p{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	color: #000000;
}
/* Style for the link category section.*/
.linkcategory {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
}
.linkcategory a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.linkcategory a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.linkcategory a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
/* Styles to represent the page number bars */
.pagebar {
	border-collapse: collapse;
	margin-top: 0px;
	padding: 4px;
}
.pagebar table {
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4px;
	padding: 0px;
	white-space: nowrap;
	margin-top: 0px;
}
.pagebar table td {
	padding: 2px;
	white-space: nowrap;
}
.pagebar p {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #660000;
	text-align: center;
	margin: 0px;
	white-space: nowrap;
}
.pagebar a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #660000;
	text-decoration: none;
}
.pagebar a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #660000;
	text-decoration: none;
}
.pagebar a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #660000;
	text-decoration: underline;
}
/* Style to define the error message box in the event of JavaScript
   not being present.
*/
.errormessage {
	border: thin dashed #CC0000;
	width: 300px;
	margin: 0px auto 8px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
.errormessage h1 {
	padding: 4px;
	text-align: center;
	margin: 0px auto;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #CC0033;
	white-space: nowrap;
}
.errormessage p {
	padding: 4px;
	text-align: center;
	margin: 0px auto;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #CC0033;
}
/************** Specific element styles *******************/
/* These styles relate to specific elements. These are 
   usually IDs which constrain a standard table style.
*/
/**********************************************************/
#menulisting table
{
	width: 80%;
	margin-top: 16px;
	clear: left;
}
#contactform table
{
	width: 400px;
}
#linkexchangeform table
{
	width: 300px;
}
#linkexchangeform td
{
	text-align: right;
}
/* Applies to any standard table listing data of any kind. */
.homepagecell {
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.homepagecell table {
	border-collapse: collapse;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
}
.homepagecell td {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	padding: 4px;
	height: 280px;
}