/* GENERAL STYLES */
/************************************
/* Main structural styles
*************************************/

body{
	font: normal 0.7em Verdana,Tahoma,Arial,sans-serif;
	background: #335AC1;
	margin: auto;
	text-align:center;
	width: 900px;
	position: relative;
}

#container1
{
	background:#ffffff url(../images/rightcol.png) right repeat-y;
	margin:0;
	text-align:left;
	width:900px;
	float: left;
	display: inline;
}

#container2
{
	background:url(../images/pagetop.jpg) top no-repeat;
	float: left;
}

#page1
{
	background: url(../images/rightshadow.png) right repeat-y;
	float: left;
}

#page2
{
	float: left;
	background: url(../images/leftshadow.png) left repeat-y;
	padding: 0;
	margin-top: -6px;
}

/* Right floating the mid and right cols together allows the mid col
  to be ordered first in the source */
#midandright
{
	width: 757px;
	float: right;
	border-left: solid #0283E1 1px;
	margin-top: 8px;
}

#midcol
{
	width: 551px; 
	float: left;
	padding-right: 9px;
}	

#maincontent
{
	float: left;
	clear: left;
	width: 549px;
	padding-top: 25px;
	margin-left: 9px;
	padding-bottom: 12px;
}

#rightcol 
{
	float: right;
	font-size: 0.9em;
	background: url(../images/rightshadow.png) right repeat-y;
	width: 170px;
	padding-left: 0;
	position: relative;
	top: -28px;
	padding-right: 15px;
	color: #5E5E5E;
}

#leftcol 
{
	float: left;
	width: 100px;
	background: url(../images/leftshadow.png) left repeat-y;	
	padding-left: 9px;
	padding-right: 4px;	
	padding-bottom: 10px;
	margin-top: 5px;
}

/************************************
  Top of page, logo and search box
*************************************/
#mainlogo{
	margin-top: 28px;
	margin-left: 27px;
	float: left;
}

#searchform
{
	float: right;
	padding-right: 20px;
	padding-top: 27px;
	color: #ffffff;
}

#searchform label {
	padding-right: 4px;
	font-variant:small-caps;
}

#searchbox
{
	border: solid #999B9A 1px;
	padding-right: 0px;
	margin-right: -10px;
	width: 100px;
	z-index: 2;
}

.searchbutton
{
	background: #FFE6AE url(../images/buttongrad.png) repeat-x bottom;
	border: solid #999B9A 1px;
	padding-left: 0px;
	margin-left: 12px;
        width: 2em;
}

.newsletterbutton
{
	background: url(../images/signup.gif) no-repeat;
	margin: 9px 0px 9px 0px;
}

.newsletterbutton a
{
	text-decoration:none;
	color: #073493;
	font-weight: 700;
	font-family: arial;	
	display:block;
	line-height: 1.1;
}

.newslettersmall a
{
	font-size: 11px; /* use px so IE6 doesn't resize, as it mucks the layout up */
	padding: 5px 0px 0px 10px;
}

.newsletterlarge a
{
	font-size: 12px;
	padding: 0px 0px 5px 10px;
}

.newslettersmall a:hover, .newsletterlarge a:hover
{
	color: #073493;
	background-color:transparent;
}


#date 
{
	position: relative;
	top: -28px;
	float: right;
	clear: right;
	font-size: 0.8em;
	color: #226AD5;
}

/************************************
  Style and layout for footer
*************************************/
#footer
{
	background: url(../images/footergrad.png) repeat-x top;	
	height: 17px;
	font-size: 0.8em;
	float: left;
	clear: left;
	width: 900px;
}

#footer ul
{
	margin-top: 2px;
	margin-bottom: 0;
}

#footer li
{
	display: inline;
	list-style-type: none;
}

#footerleft
{
	background: url(../images/bottomleft.png) no-repeat left top;
	height: 100%;
	float: left;
	width: 900px;
}

#footerright
{
	background: url(../images/bottomright.png) no-repeat right top;
	height: 100%;
	float: left;
	width: 900px;
}

#copyright 
{
	float: right;
	width: 190px;
	padding-top: 2px;
}

#footermenu
{
	float: left; 
	width: 710px;
	padding-top: 2px;
}

#footermenu a
{
	color: #000000;
	text-decoration: none;
}

#pagebottom
{	
	background: url(../images/pagebottom.jpg) no-repeat top center;
	float: left;
	width: 894px;
	height: 94px;
}

/************************************
  Two column layout template
*************************************/
.twocolleft
{
	float: left;
	width: 262px;
}

.twocolright
{
	float: right;
	width: 262px;
	padding-left: 13px;
	border-left: dotted 1px #dadada;
}

/************************************
  4 boxed layout, like the home page
*************************************/
#homepagetextbl
{
	width:348px; 
	float: left; 
	clear: left;
	margin-top: 10px;
}

#homepagetextbr
{
	width: 180px;
	float: right;
	border-left: dotted 1px #DADADA;
	padding-left: 13px;
	padding-bottom: 8px;
	margin-top: 10px;
}

/************************************
  layout and styling within the right
  column
*************************************/
.rightcoldiv {
	padding-left: 10px;
	float: left;
}

#rightcol a
{
	color: #0059D1;
}
#rightcol a:hover
{
	background-color: #E6E6E6;
}

#rightcol h3 a
{
	font-weight: 700;
}

#rightcol h3 a:hover
{
	background-color: #f0f0f0;
}

#rightcol ul {
  padding-left: 1em;
  margin-left: 0;
}

#rightcol li {
  margin: 4px;
  padding-left: 0em; 
}

#contact
{
                background-image: url(/images/contact_button.gif);
                background-repeat: no-repeat;
                background-position-x: left;
                background-position-y: top;
                height: 45px;
                width: 157px;
                color: #0059D1;
                margin-left: 6px;
                font-size: 1.15em;
                padding-left: 0px;
                text-align: center;
}

#contact .contactBanner {
                text-decoration: none;
}

#contact .contactBanner:hover
{
                background-color:transparent;
}

#contact .contactBanner h1 {
                background-image: none;
                line-height: 2.4;
}

.rightboxtop
{
	margin-left: 14px;
	margin-top: 1px;
	width: 147px;
	height: 10px;
	padding: 0px;
	background: url(../images/rightboxtop.png) bottom no-repeat;
	float: left;
	display: inline;
}

.rightboxbottom
{
	width: 147px;
	height: 6px;
	background:  url(../images/rightboxbottom.png) top no-repeat;
	float: left;
	display: inline;
	padding: 0;
	margin: 0 0 0 14px;
}

.rightbox
{
	border-left: solid #3D6DD9 1px;
	border-right: solid #3D6DD9 1px;
	font-size: 0.9em;
	width: 142px;
	padding: 2px 0px 6px 3px;
	margin: 0 0 0 14px;
	background-color: #ffffff;
	float: left;
	display: inline;
}

.pdflinktext
{
	display: inline;
	width: 90px;
	margin-top: 4px;
	float: left;
}

.rightbox img 
{
	margin-top: 4px;
}

#downloadadobe 
{
	position: relative;
	left: 31px;
	margin-top: 39px;
	padding-bottom: 39px;
	float: left;
}

/************************************
  layout and styling within the left
  column
*************************************/
.leftboxtop
{
	width: 127px;
	height: 5px;
	padding: 0px; 
	margin: 0px;
}

.leftboxbottom
{
	width: 127px;
	height: 6px;
}

.leftbox
{
	border-left: solid #3D6DD9 1px;
	border-right: solid #3D6DD9 1px;
	font-size: 0.9em;
	width: 120px;
	padding: 0px 2px 6px 3px;
	margin: 0px;
}

img
{
	border: 0;
}

.highlight 
{
	color: #226AD5;
}

abbr, acronym
{
	border-bottom: dotted 1px #C6C6C6;
}

#quote abbr, #quote acronym, #rightcol abbr, #rightcol acronym
{
	border-bottom: dotted 1px #A0A0A0;
}



#maincontent li
{
	margin-bottom: 6px;
}

#casestudybox
{
	margin-bottom: 12px;
	margin-top: 12px;
	float: left;
	clear: left;
	width: 100%;
}

.casestudyimg
{
	width: 110px;
	float: left;
	clear: left;
}

.solidbreak
{
	margin: 10px; 
	border-bottom: solid #0283E1 1px; 
}

.solidbreak2
{
	margin-left: 82px;
	border-bottom: dotted #DADADA 1px; 
	width: 380px; 
	height: 1em;
	float: left;
	display: inline;
}

.solidbreak3
{
	margin-left: 52px;
	border-bottom: dotted #DADADA 1px; 
	margin-bottom: 1em;
	width: 244px;
	height: 1.2em;
	float: left;
}

.solidbreak4
{
	margin-left: 38px;
	border-bottom: dotted #DADADA 1px; 
	margin-bottom: 1em;
	width: 100px;
	height: 1.2em;
	float: left;
}

.hidden
{
	display: none;
}

.left
{
	float: left;
	clear: left;
	width: 100%;
}

.indent
{
	margin-left: 30px;
}

.casestudytext
{
	float: right;
	width: 75%;
}

.leftimg
{
	float: left;
	clear: left;
	padding: 14px 30px 14px 8px;
}

.centre
{
	text-align: center;
}

.rightimg
{
	float: right;
	clear: right;
	padding: 6px;
}

.rightimgraised
{
	float: right;
	clear: right;
	padding: 0px 6px 6px 6px;
	position: relative;
	top: -25px;
}

.newsimg{
	float: right;
	clear: right;
	padding: 2px;
	margin-left: 10px;
	width: 250px;
}

.newsimg div
{
	font-size: 0.9em; 
	font-style: italic;
	padding: 3px;
	text-align: center;
	float: left;
	width: 244px;
}

.greybox
{
	background: #F3F3F3 url(../images/greytl.png) top left no-repeat;
	margin-top: 8px; 
	margin-bottom: 8px;
	border-bottom: solid white 1px; /* fixes an IE bug where the grey flows out of the box */
}

.greybox div
{
	background: url(../images/greytr.png) top right no-repeat;
}

.greybox div div
{
	background: url(../images/greybr.png) bottom right no-repeat;
}

.greybox div div div
{
	background: url(../images/greybl.png) bottom left no-repeat;
	padding: 2px 6px 6px 10px;
}


#quote .leftboxtop
{
	background: url(../images/quotetop.png) bottom no-repeat;
}

#quote .leftboxbottom
{
	background: url(../images/quotebottom.png) top no-repeat;
}

#quote .leftbox
{
	background-color: #E6E6E6;
	font: 900 11px arial;
	color: #0059D1;
	line-height: 15px;
}

#quote .leftbox ul
{
	margin-left: 16px;
	padding-left: 0px;
	margin-top: 6px;
}

#quote .leftbox ul li
{
	margin-bottom: 6px;
}

#quote h2
{
	margin-top: 0px; padding-top: 6px;
}

#ms_cert
{
	margin-top: 1.0em; 
	margin-left: 8px;
}

.customername
{
	color: #5E5E5E;	
}

.headingrule 
{
	background: url(../images/bluedot.png) center repeat-x;
	width: 100%;
}

.headingrule h2
{
	background-color: #fff;
	padding-right: 10px;
	display: inline;
}

.fourcoldiv
{
	display: inline;
	width: 135px;
	float: left;
}

.fourcoldiv ul
{
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

.newsSummary
{
	margin-bottom: 6px;
}

.bigquote
{
	font: bold 1.3em Georgia;
}

#breadcrumb
{
	background: #eee url(../images/curvetl.png) top left no-repeat;
	font-size: 0.9em;
	margin-top: 10px;
	margin-left: 9px;
	float: left;
}

#breadcrumb div
{
	background: url(../images/curvetr.png) top right no-repeat;
}

#breadcrumb div div
{
	background: url(../images/curvebr.png) bottom right no-repeat;
}

#breadcrumb div div div
{
	background: url(../images/curvebl.png) bottom left no-repeat;
	padding: 3px 12px 3px 12px;
}

#breadcrumbspace
{
	height: 0.9em;
	width: 200px; /*Just to force main content down*/
	margin-top: 10px;
	float: left;
	padding: 3px 12px 3px 12px;
}

.h1 
{
	background: #E6E6E6 url(../images/h1tr.png) top right no-repeat;
	margin: 9px 0px 0px 0px;
	display: inline;
	float: left;
	padding: 0;
}

h1
{
	font: bold 1.3em Tahoma,Geneva,sans-serif;	
	background: url(../images/h1br.png) bottom right no-repeat;
	color: #0059D1;
	padding: 4px 15px 4px 20px;
	margin: 0;
}

h2
{
	font-weight: bold;	
	font-family: Verdana,Tahoma,Arial,sans-serif;
	font-size: 1.2em;
	color: #226AD5;
	margin-bottom: 0px;
	margin-top: 0.5em;
}

.h2grey
{
	background: #226AD5 url(../images/h2greytr.png) top right no-repeat;
	margin-bottom: 2px;
	margin-top: 6px;
	display: inline;
	padding: 0;
	float: left;
}

.h2grey h2
{
	background: url(../images/h2greybr.png) bottom right no-repeat;
	color: #ffffff; 
	padding: 2px 6px 2px 10px;
	margin: 0;
	float: left;
}

h3
{
	font-weight: normal;	
	font-family: Verdana,Tahoma,Arial,sans-serif;
	font-size: 1em;
	color: #226AD5;
	margin-bottom: 0;
	margin-top: 0.5em;
}

p
{
	margin-top: 0.2em;
	padding-top: 0;
}

ul
{
	clear: left;
}


a
{
	color: #0066E8;
}

a:hover
{
	background-color: #f6f6ff;
}

blockquote
{
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0.5em;
	padding-top: 0.5em;
	width: 100%;
}

/* navigation menu implementation. Note that IE<=6 requires the suckerfish Javascript as well */

/* First sort out the rounded corners of the menu plus remove unnecessary styles for the divs and lists*/
#mainmenu 
{
	background: #2E66DD url(/images/menutl.png) top left no-repeat;
	padding: 0;
	margin: 0;
	border: 0;
	width : 127px;
	color: #ffffff;
	font-weight: 700;	
	font-size: 12px; /* use px so IE6 doesn't resize, as it mucks the layout up */
}

#mainmenu div
{
	background: url(/images/menutr.png) top right no-repeat;
}

#mainmenu div div
{
	background: url(/images/menubr.png) bottom right no-repeat;	
}

#mainmenu ul
{
	background: url(/images/menubl.png) bottom left no-repeat;
	list-style: none;
	padding: 6px 0px 6px 0px;
	margin: 0;
}

#mainmenu ul li
{
	background: url(/images/menuarrowinactive.png) right no-repeat;	
	border-bottom: solid #2E66DD 1px;
}

#mainmenu ul li.current
{
	background: #326AEB url(/images/menuarrowactive.png) right no-repeat;
}

/* and for the sub menu, rounded corners plus ensure its initially not visible...*/
#mainmenu div div li div.topleftcurve
{
	background: url(/images/menutl.png) top left no-repeat;
        position: absolute;
	margin-left: -999px;
	margin-top : -2.75em;
	width: 160px;
}

#mainmenu div div li div div.toprightcurve
{
	background: url(/images/submenutr.png) top right no-repeat;
}

#mainmenu div div li div div div.bottomleftcurve
{
	background:  url(/images/menubl.png) bottom left no-repeat;         
}

#mainmenu div div li div div div div.bottomrightcurve
{
	background: url(/images/submenubr.png) bottom right no-repeat;
}

#mainmenu ul li .vstretch
{
	margin-left: 5px;
	margin-right: 5px;
        background: #2E66DD;
	border: 1px solid #2C64DB;
	background-image: none;
}

#mainmenu ul li .hstretch
{
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: -6px;
	margin-right: -6px;
        background: #2C64DB;
	border: 1px solid #2C64DB;
	background-image: none;
}

#mainmenu ul li ul
{
	background-image: none;
	margin-top: 0px;
	padding-top: 0px;
}

#mainmenu ul li ul li
{
	background-image: none;
}

#mainmenu ul li ul li.current
{
	background: #326AEB;
}

/* Hover over a menu slides the submenu into view */
#mainmenu li.sfhover .topleftcurve, #mainmenu li:hover .topleftcurve
{ 	
	margin-left : 127px;
}

/* display menu list items correctly */
#mainmenu li a
{
	display:block;
	text-decoration: none;
	color: #ffffff;
	padding: 7px 10px 7px 10px;
	width: 107px;
	border: 0;
}

#mainmenu li img
{
	padding: 7px 0px 7px 10px;
}

#mainmenu li ul li a 
{
	width: 138px;
}

/* Display yellow hover highlights appropriately */
#mainmenu li.sfhover a, #mainmenu li:hover a
{ 
	background: #FFE6AE url(/images/menu-yellow.jpg) repeat-x bottom;
	color: #000000;
}

#mainmenu li.sfhover ul a, #mainmenu li:hover ul a
{ 
	background: none;
	color: #ffffff;
}

#mainmenu li.sfhover ul li.sfhover a, #mainmenu li:hover ul li:hover a
{ 
	background: #FFE6AE url(/images/menu-yellow.jpg) repeat-x bottom;
	color: #000000;
}

#mainmenu li ul li img
{
	padding-bottom: 0px;
	margin-left: 20px;
}

/* FAQ styling */

.faqLinks a {
	color: #0066E8;
}

div.faqQuestion {
	font-weight: bold;
}

div.faqAnswer {
	padding: 10px;
}

.faqSectionHeader {
	margin-top: 20px;
	margin-bottom: 10px;
}

/************************************
 Style for the CMS editor 
*************************************/
#holderbody 
{
	color: #000000;
	background-color: #ffffff;
	font-family: Verdana,Tahoma,Arial,sans-serif;
	font-weight: 400;
	text-align: left;
}

/* EDITOR PROPERTIES */
h1 {

}

div class="right" {
float: right;
clear: right;
}

h2 {

}