body{
background-color: /*#99f*/#ccf;
margin: 0;
padding: 0;
font-family: arial,helvetica,sans-serif;
font-size: 10pt;
}



/************************* Font styling **************************/

.bold{font-weight:bold;}


.nomargin {
		margin: 0 0 0 0;
		}




/********************* Note about colours used **************************/

/*#33f darker blue  #99f lighter blue* #ccf content lighter blue/








/******************************** Main Container which holds left nav and content *************************/

#container{line-height: 130%;}








/************************************** Header ********************************/

#header   {height:100px;  margin: 0; padding: 0; background: #fff url("images/banner.jpg") top right no-repeat; text-align:right; color:#000;}
#header dt{height:100px; margin: 0; padding: 0; background: transparent url("images/logo.jpg") top left no-repeat; float:left;  border:none; width:100%;}
#header dl{margin: 0;padding: 0;}









/*********************** Force the page to go down to this point *******************************/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}



/*** For pages with no content on them.  This stops IE from ignoring
	the min height setting and shortening the page when you hover over the link
	to just under the content text and hiding the navigation bar on the left ***/

.break600px{
margin-top: 600px;
}

.break500px{
margin-top: 500px;
}

.break100px{
margin-top: 100px;
}




/****************************** Wrapper for background in both columns to go to bottom of each column ********************/


#wrapper1 {min-height:600px;background: url("images/navbk.gif") /*#99f*/#ccf repeat-y left top; width: 100%; position: relative;}











/********************************* Navigation on left for Products ******************************/

#leftnav    {float: left;width: 175px;margin: 0;padding: 1em;}
#leftnav p  { margin: 0 0 1em 0; }



#nav1          {}
#nav1 ul       { margin: 0;padding: 0;}
#nav1 li       {list-style-type:none;margin:0;}
#nav1 li a        {font-family:arial, helvetica, sans-serif;font-size:12pt;text-transform:capitalize;font-weight: bold;border-bottom:1px solid white;text-decoration:none;padding: 3px 3px 3px 25px;text-align:left;width: 9em;color: #fff;background-color: #339; display: block; }
#nav1 li li a  {background-image: url(images/rightarroworange.gif);background-repeat: no-repeat;background-position: 0.3em 0.2em;font-family:arial, helvetica, sans-serif;font-size:12pt;font-weight: normal;text-align:left;display: block;color: #000;background-color: #99f;width: 9em;padding: 3px 3px 3px 25px;text-decoration: none;border-bottom: 1px solid #fff;}
#nav1 a#active {background-image: url(images/rightarrowblue.gif);background-repeat: no-repeat;background-position: 0.3em 0.2em;font-family:arial, helvetica, sans-serif;font-size:12pt;font-weight: bold;display: block;color: #fff;background-color: #c60;width: 9em;padding: 3px 3px 3px 25px;text-decoration: none;border-bottom: 1px solid #fff;}
#nav1 a.active {background-image: url(images/rightarrowblue.gif);background-repeat: no-repeat;background-position: 0.3em 0.2em;font-family:arial, helvetica, sans-serif;font-size:12pt;font-weight: bold;display: block;color: #fff;background-color: #c60;width: 9em;padding: 3px 3px 3px 25px;text-decoration: none;border-bottom: 1px solid #fff;}
#nav1 li li a:hover  {background-image: url(images/rightarrowblue.gif);background-repeat: no-repeat;background-position: 0.3em 0.2em;color: #fff;background-color: #c60;}
#nav1 li li li a  {background-image: url(images/rightarroworange.gif);background-repeat: no-repeat;background-position: 0.3em 0.2em;font-family:arial, helvetica, sans-serif;font-size:12pt;font-weight: normal;text-align:left;display: block;color: #000;background-color:#f96;width: 9em;padding: 3px 3px 3px 25px;text-decoration: none;border-bottom: 1px solid #fff;}

















/************************************ Navigation at top of page **********************************/


#nav2         {clear:left;padding:7px 3px;background-image: url("images/navbar.jpg");background-repeat:repeat;    background-position:0% 0%;margin: 0px; text-align: right;}
#nav2 ul      {list-style-type: none;margin: 0;padding: 0;}
#nav2 li      {display:inline;}
#nav2 a       {text-align:center;padding: 0 0.75em;border-right:1px groove gray;font-family:arial,sans-serif;font-size:12px;font-weight:bold;color:#000;text-decoration:none;text-transform:capitalize;}
#nav2 a#active{text-align:center;padding: 0 0.75em;font-family:arial,sans-serif;font-size:12px;font-weight:bold;color:#c30;background-color:white;text-decoration:none;text-transform:capitalize;}
#nav2 a.active{text-align:center;padding: 0 0.75em;font-family:arial,sans-serif;font-size:12px;font-weight:bold;color:#c30;background-color:white;text-decoration:none;text-transform:capitalize;}
#nav2 a:hover {background-color:#fff;color:#c30;}
#nav2 a.first {text-align:center;padding: 0 0.75em;border-right:1px groove gray;font-family:arial,sans-serif;font-size:12px;font-weight:bold;color:#000;text-decoration:none;text-transform:capitalize;}
#nav2 a.last  {text-align:center;padding: 0 0.75em;border-right:0px groove gray;font-family:arial,sans-serif;font-size:12px;font-weight:bold;color:#000;text-decoration:none;text-transform:capitalize;}

















/********************************* List styles **********************************/


.lists{list-style-type:square;line-height:130%;font-size:1em;}
.lists li{margin-bottom:0.75em;}
.olist{line-height:130%;}
.olist li{margin-bottom:0.75em;}


ul {}
li {list-style-type: square;}











/********************************* Force new line break *******************************/

.newline01{margin-top:310px;}













/*********************************** Main Content ************************************/

#content{line-height:120%;font-size:1.25em;color:#000;margin-left: 200px;padding:0.5em;}












/******************************** Footer **************************************/

#footer{font-family: arial, sans-serif;color:white;font-size: 12pt;clear: both;margin: 0;padding: .5em;background-color: #33f;border-top: 2px groove gray;border-bottom: 2px groove gray;}










/******************************** Headings ********************************/


h1{font-family:arial,helvetica,sans-serif;font-size:1.6em;color:#000;line-height:100%;padding:0 0 0 0;margin: 0.1em 0 0.5em 0;text-transform:capitalize;}

h2 {	font-family: arial,helvetica,sans-serif;
	font-size: 1.4em;
	color: #000;
	line-height: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-transform: capitalize;
	}


h3{font-family:arial,helvetica,sans-serif;font-size:1.2em;color:#000;line-height:100%;padding:0 0 0 0;margin:15px 0 0 0;text-transform:capitalize;}
h4{font-family:arial,helvetica,sans-serif;font-size:1em;color:#000;line-height:100%;padding:0px;margin:0px;text-transform:capitalize;}
h5{font-family:arial,helvetica,sans-serif;font-size:0.75em;color:#000;line-height:100%;padding:0px;margin:0px;text-transform:capitalize;}
h6{font-family:arial,helvetica,sans-serif;font-size:0.5em;color:#000;line-height:100%;padding:0px;margin:0px;text-transform:capitalize;}















/*************************** Hyperlinks - colour was #00c **********************************/

a.hyperlinks:link {color:/*#8e2344*/ #00f; text-decoration: none; font-size:10pt;}
a.hyperlinks:hover {color:#000;/*text-decoration:overline;*/ background-color: #fc3;}
a.hyperlinks:visited {color:#8e2344; text-decoration: none; font-size:10pt;}

/****** Hyperlinks - Sitemap ******/


.sitemap li       {list-style-type:square;margin:0;}
.sitemap li a        {font-size:10pt;text-decoration:none;color: #00c;}
.sitemap li a:hover  {color: #000; background-color: #fc3;}
.sitemap ul ul li {list-style-type: circle; margin:0;}




		/****** Contact page 2 columns ******/

.columns2 {
		border: 0px solid #fff;
		width: 330px;
		float: left;
		}