body { background-color:#CCCC99; margin:10px 0px 10px 0px; font-family:Trebuchet MS; text-align:center; font-size:62.5%;}
a:link {color:#2B4671; font-weight:bold; text-decoration:underline;}
a:visited {color:#777777; font-weight:bold; text-decoration:underline;}
a:hover {color:#FF6600; font-weight:bold; text-decoration:underline;}
a:active {color:#FF6600; font-weight:bold; text-decoration:underline;}
H1 {font-family:tahoma; font-size:2em; margin:0px; padding:0px; font-weight:normal;} 
H2 {font-family:tahoma; font-size:1.6em; font-weight:bold; margin:0px; padding:0px;}
H3 {font-family:tahoma; font-size:1.6em; margin:0px; padding:0px;}
H4 {font-family:tahoma; font-size:1.4em; font-weight:bold; margin:0px; padding:0px;}
H5 {font-family:tahoma; font-size:1.4em; margin:0px; padding:0px;}
H6 {font-family:tahoma; font-size:1.2em; font-weight:bold; margin:0px; padding:0px; line-height:1.4em;}
br {line-height:1.5em;}
p {padding:0px; margin:0px; border:0px; line-height:1.5em; font-size:1.2em;}
div#print_logo {display:none;}
/* =Custom Lists */
li { list-style:disc; }
/*Latest news*/
#container ul.starlist {margin: 0 0 0 1px; padding: 0; line-height:135%;}
#container ul.starlist li {margin: 0 0 8px 0;padding: 0;list-style: none;text-indent: 14px;background: url(../images/star.gif) no-repeat 0 3px;}
#container ul.starlist li a {font-weight: normal; margin-bottom:1px; }
#container ul.starlist li strong a {font-weight: bold;}
.awardlist {margin: 0; padding: 0; line-height:130%;}
.awardlist li {margin: 0; padding: 0; background:none; list-style: none;}
/*###################################################################################################*/
input.orange {background-color:#FF6600; font-size:.875em; margin-bottom:4px; border:1px solid #CCCCCC; color:#FFFFFF;}
input.yellow {background-color:#FFFF99; font-size:.875em; margin-bottom:4px; border:1px solid #CCCCCC; color:#666666; text-indent:3px;}
img {border: 0px;}
img a:link {border:#FF6600 1px solid;}
img a:hover{border:#CCCCCC 1px solid;}
.clear { clear:both; height:1px; font-size:1px;}
.skipnav{position:absolute; left:-9000px;}
/* =text sizes */
.smalltext {font-family: Trebuchet MS; font-size:1em; margin:0px; padding:0px; line-height:1.2em; padding-left:5px;}
.smalltextbold {font-size:1em; font-weight:bold}
.largetext {font-size:1.2em;}
.largetextbold {font-size:1.2em;font-weight:bold}
.largetextboldblue {color: #2b4671; font-size:1.2em;font-weight:bold}
form { margin:0;}
/* =Banners ##########################################################################################*/
.hpbanner {height:312px; background:url(../images/hp_banner.jpg) no-repeat; padding:0px; margin:0px;}
.servicesbanner {height:245px; background:url(../images/service_banner.jpg) no-repeat; padding:0px; margin:0px;}
.productsbanner {height:245px; background:url(../images/products_banner.jpg) no-repeat; padding:0px; margin:0px;}
.aboutbanner {height:245px; background:url(../images/about_banner.jpg) no-repeat; padding:0px; margin:0px;}
.contactbanner {height:245px; background:url(../images/contact_banner.jpg) no-repeat; padding:0px; margin:0px;}
.resourcesbanner {height:245px; background:url(../images/resources_banner.jpg) no-repeat; padding:0px; margin:0px;}
.seminarbanner {height:245px; background:url(../images/seminar_banner.jpg) no-repeat; padding:0px; margin:0px;}
.webservicesbanner {height:245px; background:url(../images/WebServices_banner.jpg) no-repeat; padding:0px; margin:0px;}
/* =Main Content */
#container {width:800px; margin: 0px auto 0px auto; position:relative; padding:0px; background-color:#FFFFFF; text-align:left;}
/* =homepage content #################################################################################*/
/* =Top content div*/
.topcontent {padding:15px 20px 20px 20px; margin:0px; border:0px; }
.remotetopcontent {padding:15px 20px 20px 20px; margin:0px; border:0px; }
* html .topcontent {width:760x; w\idth:760px; }
.hpmaincontent { float:left; width:566px; padding:0px; margin:0px;}
.remotemaincontent { float:left; width:566px; padding:0px; margin:0px;}
.hpmaincontentnews { float:left; width:160px; padding:0px; margin:0px 0px 0px 5px;}
.hpmaincontentheading {color:#2B4671; margin: 0px 0px 0px 5px;}
.hpmaincontenttext {font-size:1.4em; padding:5px; line-height:180%;}		
.hplatestnews { float:left;  width:170px; padding:5px; margin:0px 0px 0px 10px; border:0px;}
.hplatestnewsheading {width:150px; margin:0px; padding: 0px 0px 0px 2px;}		
.hplatestnews H6 {font-family:Tahoma; font-size:1.2em; font-weight:bold; margin:0px 0px 0px 5px; padding:0px; line-height:110%; color: #2b4671;}
.newstext {padding:10px 5px 5px 5px; font-size:1.2em; color:#999999;}		
.awardspanel {padding:40px 5px 5px 5px; font-size:1.2em; color:#999999; }
.testimonialtext {padding:30px 5px 5px 5px; font-size:1.2em; color:#000000; line-height:130%; background-image:url(../images/TestimonialQuotes.gif); background-repeat:no-repeat;}
/* =Mid content div*/
.midcontent {padding:10px 20px 10px 20px; margin:0px; border:0px; }
* html .midcontent {width:760x; w\idth:760px; }
.leftcontent {float:left;  width:330px; padding:0px; margin:0px; border:0px; background-color:#EAEAF2; }
.leftcontentremote {float:left;  width:330px; padding:0px; margin:0px; border:0px; background-color:#EAEAF2; }
.smallbusinesses { background:url(../images/boxlarge.jpg) no-repeat; height:210px; padding:5px;}
.remoteleft { background:url(../images/boxlarge.jpg) no-repeat; height:280px; padding:5px;}
.heading {padding:0px 0px 0px 5px;}
.smallbtext {padding:10px 5px 5px 5px; font-size:1.2em;}
.rightcontent {float:left; width:211px; padding:0px; margin:0px 0px 0px 20px; border:0px; background-color:#EAEAF2;}
.rightcontentremote {float:left; width:211px; padding:0px; margin:0px 0px 0px 24px; border:0px; background-color:#EAEAF2;}
.largebusinesses { background:url(../images/boxsmall.jpg) no-repeat; height:210px; padding:5px;}
.remoteright { background:url(../images/boxsmall.jpg) no-repeat; height:280px; padding:5px;}
.largebtext {padding:10px 5px 5px 5px; font-size:1.2em;}
.hpclientlogin {float:left;width:150px; height:210px;background:url(../images/clientlogin.jpg) no-repeat #E5F0EA; padding:5px; margin:0px 0px 0px 29px; border:0px;}
.loginheading {padding:0px 0px 0px 5px;}
.logintext {padding:10px 5px 5px 5px; font-size:1.2em; }
/* =Bottom content div*/
.btmcontent {padding:10px 20px 10px 20px; margin:0px; border:0px; }
* html .btmcontent {width:760x; w\idth:760px; }		
.articles {padding:0px; margin:0px; border:0px; }
.btmheading {padding-left:5px; margin:0px; border:0px; width:320px;}
.articleleft {float:left; width:320px; padding:0px 0px 0px 0px; margin:0px; border:0px; color:#999999; font-size:1.2em;}
* html .articleleft {width:325px; w\idth:320px;}
.articleright {float:left; width:210px; padding:0px 0px 0px 5px; margin:0px 0px 0px 34px; border:0px; color:#999999; font-size:1.2em;}
* html .articleright {width:215px; w\idth:210px; }
.articleright img {float:right; border:0px; padding:0px; margin:0px 0px 0px 2px;}		
.hpcontactus {float:left; width:150px; height:210px; background:url(../images/hpcontact.jpg) no-repeat #FDE5CE; margin:0px 0px 0px 29px; padding:5px; border:0px; }
* html .hpcontactus {width:160px; w\idth:150px;}
.contactheading {padding:0px 0px 0px 5px;}
.contacttext {padding:10px 5px 5px 5px; font-size:1.2em;}
.contactbignumber {font-size:1.6em; font-weight:bold;}
.contactsmalltext { height:10px; min-height:10px;}
/* =Inside Pages ################################################################################*/
.breadcrumb {margin-left:30px; font-size:1.1em; font-family:Trebuchet MS; font-weight:bold; color:#999999; border:0px; padding:0px;}
.floatright { float:right; margin-left:8px;}
.contentwrapper {border:0px; padding:6px 20px 20px 20px; margin:0px; }
.leftcolumn {float:left; width:155px; border:0px; padding:0px; margin:0px; }
.contentcolumn {float:left; width:400px; margin:0px 0px 0px 25px; border:0px; padding:0px; text-align:left;}
* html .contentcolumn {width:400px; w\idth:390px;}
.contentcolumn H1 {color:#2B4671; margin:0 0 10px 0;}
.rightcolumn {float:left; width: 155px; border:0px; padding:0px; margin:0px 0px 0px 17px;}
.clientlogin { width:153px; background:url(../images/clientlogin.jpg) no-repeat #E5F0EA; padding:5px; margin:0px; border:0px;}
.latestnews { float:left;  width:153px; padding:5px; margin:0px 0px 20px 0px; border:0px;}
.latestnews H6 {font-family:Tahoma; font-size:1.2em; font-weight:bold; margin:0px 0px 0px 5px; padding:0px; line-height:80%; color:#2B4671;}
.contactus {width:153px; padding:5px; margin:0 0 20px 0; border:0px; background:url(../images/contact.jpg) no-repeat #FDE5CE; }
.awards {float: left; width:170px; padding:5px; margin-left: 0px; border:0px; background:url(../images/hpawards.gif) no-repeat; }
.midcontent .awards {float: left; width:170px; padding:5px; margin-left: 18px; border:0px; background:url(../images/hpawards.gif) no-repeat; }
.testimonials { float:left;  width:153px; padding:5px; margin:0px 0px 0px 0px; border:0px;}
.maincontentheading {color:#2B4671; margin: 12px 0px 8px 0px;}
.maincontentheading2 {margin-bottom: 8px; margin-left: 0px; margin-right: 0px; color:#2B4671;}
.maincontenttext {font-size:1.2em; padding-bottom:14px; line-height:1.8em; }
.remotemaincontenttext {font-size:1.4em; padding:5px; line-height:140%;}
.contentcolumn ul {margin-top:-2px;}
.maincontenttextlist  {font-size:1.1em; margin-left:-18px; line-height:1.7em; padding-bottom:2px;}
.smallbtext label {float: left;width: 100px;font-size: 1em;}
.largebtext label {float: left;width: 70px;font-size: 1em;}
.remotetopcontent .smallbtext input, textarea{width: 180px; margin-bottom: 10px;}
.remotetopcontent .largebtext input, textarea{width: 110px; margin-bottom: 10px;}
#submenu {width:162px; background:url(../images/submenu.jpg) no-repeat #EAEAF2; padding:0; margin:0px 0px 20px 0px; font-size:1.2em; text-align:left; }
#submenu H6 {margin-bottom:3px; padding: 5px 0 0 5px; }
#submenu p {font-size:1em; margin-bottom:3px; padding: 5px 5px 2px 10px; }
#submenu ul {margin: 0;padding: 0;list-style-type: none;}
#submenu li { margin: 0; list-style-type: none; }
#submenu a {display: block;padding: 2px 10px;width: 142px;color: #666666;background-color: #EAEAF2;text-decoration: none;font-weight:normal;}
#submenu a:hover{ color: #666666;background-color: #cfcfe1;text-decoration: none;}
#submenu ul ul li { margin: 0;}
#submenu ul ul a {display: block;padding: 0 5px 0 15px; width:142px; color:#666666; background-color:#EAEAF2; text-decoration:none; font-weight:normal;}
#submenu ul ul a:hover {color: #666666;background-color: #cfcfe1;text-decoration: none;}
.imagelist {/*height:165px;*/ width:60%; border:#2B4671 solid 1px; margin:5px auto 15px auto; text-align: center; padding:5px;}
.imagelist img { margin-bottom:8px;  }
/* =Callout box ########################################################################### */
.callout {float: right; margin: 0 0 10px 10px; padding: 0 10px 10px 10px; border-left: 2px dotted #cecece; border-bottom: 2px dotted #cecece; font-size: 12px; line-height: 20px; }
.callout img { border: 0; vertical-align: middle;}
.callout p { margin-left: 20px; font-size: 12px; }
/* =Testimonial box ####################################################################### */
.quote { float:left; width:153px; background:url(../images/quote-bottom.gif) bottom right no-repeat #FFFFFF; padding-bottom:20px; margin-left:10px;}
.quoteTop {background:url(../images/quote-top.gif) top left no-repeat; border:none; margin:0px; font-size:1.2em; color:#000000; line-height:130%; text-align:left;}
.quoteBottom { border-bottom:#CCCCCC solid 1px; padding-bottom:5px; margin-bottom:5px; }
.quoteblockTop {width:20px; height:20px; float:left; margin-right:15px;}
/* =Footer ################################################################################ */
.footer { padding:0px; margin:0px; border:0px; text-align:center;}
.copyright {height:20px; background-color:#2B4671; color:#FFFFFF; text-align:center; padding:0px; margin:0px; border:0px;}
.copyright  {padding-top:0px; margin-top:0px;}
.footer li { display:inline; margin: 0px; padding:0px; border:0px; font-size:1em; width:100px;}
.footer p {font-size:1em; padding-top:2px;}
.footer ul { list-style:none; padding-top:5px; margin:0px; border:0px; }
.footer a:link {color:#2B4671; font-weight:normal;}
.footer a:visited {color:#999999; font-weight:normal;}
.footer a:hover {color:#FF6600; font-weight:normal;}
.footer a:active {color:#FF6600; font-weight:normal;}
.footer img {margin-left: 0px; margin-bottom: 20px; margin-right: 30px; margin-top: 20px;}
/* =Navigation ################################################################################ */
.searchbar {position:absolute; top:0px; left:0px; height:55px; width:800px; color:#FFFFFF; padding:0px; margin:0px;}
/*.searchbarimage{position:absolute; float:left; margin:10px 0px 0px 10px;}*/
.searchbarimage{position:relative; top:10px; left: 20px; padding:0px; margin:0px; border:0px; float:left;}
.searchbarbox {position:relative; top:15px; left: 445px; margin:0px; padding:0px; border:0px; float:left;}
.whitestrapline {position:absolute; top:60px; left:20px; color:#FFFFFF; padding:0px; margin:0px; width: 370px;}
.blackstrapline {position:absolute; top:60px; left:20px; color:#000000; padding:0px; margin:0px; width: 370px;}
.navigationtitle {position:absolute; left: -9000px;}
.hpnavigation {position:absolute; top:285px; left:0px; height:19px; background-color:#2B4671; width:800px; text-align:left; color:#FFFFFF; padding:0px 0px 0px 0px; margin:0px; font-size:1.2em;}
.hpnavigation ul a:link {color:#FFFFFF; text-decoration:none; font-weight:normal;}
.hpnavigation ul a:visited {color:#FFFFFF; text-decoration:none;font-weight:normal;}
.hpnavigation ul a:hover {color:#CCCCCC; text-decoration:none;font-weight:normal;}
.hpnavigation ul a:active {color:#FFFFFF; text-decoration:none;font-weight:normal;}
.navigation {position:absolute; top:215px; left:0px; height:19px; background-color:#2B4671; width:800px; text-align:left; color:#FFFFFF; padding:0px 0px 0px 0px; margin:0px; font-size:1.2em;}
.navigation ul a:link {color:#FFFFFF; text-decoration:none; font-weight:normal;}
.navigation ul a:visited {color:#FFFFFF; text-decoration:none;font-weight:normal;}
.navigation ul a:hover {color:#CCCCCC; text-decoration:none;font-weight:normal;}
.navigation ul a:active {color:#FFFFFF; text-decoration:none;font-weight:normal;}
/*Horizontal dropdown navigation###################################################################*/
/* style the outer div to give it width */
.menu { width:750px; padding-left:20px; }
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0; margin:0; list-style-type:none;}
.menu ul ul {width:120px; list-style-type:none;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; width:120px; position:relative; list-style-type:none;}
/* style the links for the top level */
.menu a, .menu a:visited { display:block; width:110px; height:18px; background:#2B4671; padding: 1px 0 0 10px; line-height:18px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited { width:120px; w\idth:110px;}
/* style the second level background  (shows when there is another level to go down)*/
.menu ul ul a.drop, .menu ul ul a.drop:visited { background:#5C7EB1;}
/* style the second level hover */
.menu ul ul a.drop:hover{ background:#3e5882;}
.menu ul ul :hover > a.drop { background:#3e5882;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#7692BE;}
/* style the third level hover */
.menu ul ul ul a:hover { background:#3e5882;}
.menu ul ul ul :hover > a { background:#3e5882;}
/* style the table so that it takes no ppart in the layout - required for IE to work 
table {position:absolute; top:0; left:0;} <----------------------------------------------------------------------------------------------------------------- this was cousing the problem with google map display*/
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { background:#7692BE; height:auto; line-height:1em; padding:5px 10px; width:100px /* yet another hack for IE5.5 */}
* html .menu ul ul a{ width:120px; w\idth:100px; }
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{ background:#3e5882;}
.menu :hover > a, .menu ul ul :hover > a {background:#3e5882;}
/* another hack for IE5.5 */
* html .menu ul ul {top:19px; t\op:19px;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute; height:0; top:19px; left:0; width:120px;}
/* position the third level flyout menu */
.menu ul ul ul{ left:120px; top:0; width:120px;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left { left:-120px; }
/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{ visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{ visibility:hidden; }
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{ visibility:hidden; }
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { visibility:visible;}
#clr { clear: both; }
a#add { float: right; margin-bottom: 5px;}
.req { color: #FF0000; font-weight: 700; }
/* -------------------- labels ------------------------- */

fieldset {

	margin: 10px 0;

	padding: 10px;

	font-size: 12px;

}



legend {

	padding: 5px;

}



.one {

	display: block;

	clear: both;

	margin: 0 3px;

}



.input {

	margin-left: 110px;

	clear: both;

}



.one label {

	display: block;

	float: left;

	width: 110px;

}



label.error {

	margin-left: 110px;

	_margin-left: 57px;

	clear: both;

	color: #ff0000;

	width: 250px;

}