/* hold everything */
body {margin: 10px 0;padding: 0;background: #a5b7d1 url(../images/bg_main.png) 0 0 repeat-x;font-family: Verdana, Tahoma, Helvetica, sans-serif;font-size: 11px;	line-height: 17px;}
h2 {color: #5c79ab;font-weight: bold;margin: 0 0 8px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}
h2.info {color: #f60;margin: 5px 0 15px 0;}
h2.data {color: #777;margin: 5px 0 15px 0;}
#holdall {background: #fff;width: 770px;margin: 0 auto;padding: 0;}

/* leftcol */

#leftcol {float: left;display: inline;width: 220px;margin: 0 10px;padding: 15px 0;border-top: 5px solid #5c79ab;width: 200px;border-bottom: 5px solid #5c79ab}
#leftcol object {margin: 0 0 15px 0;padding: 0;}

/* Brochure */

#brochure ul, #faq ul, #newslinks ul {margin: 0;padding: 0 0 5px 0;list-style: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold}
#brochure li, #faq li, #newslinks li {margin: 0;padding: 0;}

/* sys */

ul#sys {margin: 15px 0 0 0;}
#sys li a:link, #sys li a:visited, #sys li a:active{display: block;font-size: 10px;width: 200px;height: 22px;padding: 1px 0 0 8px;margin: 0 0 4px 0;color: #fff;text-decoration: none;width: 192px;height: 21px;}
#sys li a:link, #sys li a:visited, #sys li a:active {background: transparent url(../images/b_sys_bg.gif) 0 0 no-repeat;}
#sys li a:hover {background: transparent url(../images/b_sys_br.gif) 0 0 no-repeat;}
#sys #current a {background: transparent url(../images/b_sys_br.gif) 0 0 no-repeat;}
#sys #current a span {background: transparent url(../images/b_sys_br.gif) 0 0 no-repeat;}

/* Square Boxes In Main */

#squarebox {background: transparent url(../images/squarebox.gif) 0 0 no-repeat;float: left;width: 101px;height:101px;margin: 0;padding: 10px 0px 0px 0px;}

/* midcol */

#midcolnew {float: left;width:525px;margin: 0px 0px 0px 5px;padding: 15px 10px;border-top: 5px solid #999;border-bottom: 5px solid #8ca2c4;}

#webcast {float: left;width:740px;margin: 0px 0px 0px 5px;padding: 15px 10px;border-top: 5px solid #8ca2c4;}

#wcboxleft {float:left; width:280px; height:132px;  padding-left:30px; border-style:none;}

#wcboxright {float:right; width:280px; height:132px; padding-right:30px;  border-style:none;}

#wcboxright2 {float:right; width:280px; height:132px;border-style:none;}

#full {float: left;width:725px;margin: 5px;padding: 15px;border-top: 5px solid #CCC;}

#midcol {float: left;width: 330px;margin: 0;padding: 15px 10px;border-top: 5px solid #8ca2c4;width: 310px; border-bottom: 5px solid #8ca2c4;}
#midcolwide {float: left;width: 540px;margin: 0;padding: 15px 20px 15px 10px;border-top: 5px solid #8ca2c4;width: 510px;}

/* midcolwidesub */

#midcolwidesub {float: left; display:inline;margin: 0 10px;padding: 15px 0;width: 750px;}


/* rightcol */

#rightcol {float:right;display: inline;width: 220px;margin: 0 10px;padding: 15px 0;border-top: 5px solid #5c79ab;width: 200px;border-bottom: 5px solid #5c79ab;}
#rightcol a, #rightcol p {font-size: 10px;line-height: 16px}

#flash {float:right;display: inline;width: 220px;margin: 0 10px;padding: 31px 0;border-top: 5px solid #5c79ab;width: 200px;border-bottom: 5px solid #5c79ab;}
#flash a, #flash p {font-size: 10px;line-height: 16px}

/* footer */

#footer {clear: both;width: 770px;height: 29px;background: transparent url(../images/footer.gif) 0 0 no-repeat;}
#footer p {font-size: 9px;color: #999;margin: 0;padding: 0;}
#footer p.links {width: 200px;position: relative;left: 20px;top: 19px;}
#footer p.copyright {width: 750px;position: relative;left: 10px;top: 7px;}
#footer a {font-size: 9px;}

/* Menu Tabs */

#tabs {float:left;width:100%;background:#FFF;font-size:93%;line-height:normal;border-bottom:1px solid #24618E;font-family:Verdana, Arial, Helvetica, sans-serif;}
#tabs ul {	margin:0;padding:10px 10px 0 13px;list-style:none;font-family:Verdana, Arial, Helvetica, sans-serif;}
#tabs li {display:inline;margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;}
#tabs a {float:left;background:url("../images/tableft.gif") no-repeat left top;margin:0;padding:0 0 0 5px;text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif;}
#tabs a span {float:left;display:block;background:url("../images/tabright.gif") no-repeat right top;padding:5px 15px 4px 6px;color:#24618E;font-family:Verdana, Arial, Helvetica, sans-serif;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabs a span {float:none;}

/* End IE5-Mac hack */

#tabs a:hover span {color:#FFF;}
#tabs a:hover {background-position:0% -42px;}
#tabs a:hover span {background-position:100% -42px;}

/* This is for the navigation*/
body.home div#tabs ul li#home a,
body.Products div#tabs ul li#Products a,
body.Solutions div#tabs ul li#Solutions a,
body.Services div#tabs ul li#Services a,
body.Clients div#tabs ul li#Clients a,
body.About div#tabs ul li#About a,
body.Contact div#tabs ul li#Contact a {
	background-position:0% -42px;
}

body.home div#tabs ul li#home a span,
body.Products div#tabs ul li#Products a span,
body.Solutions div#tabs ul li#Solutions a span,
body.Services div#tabs ul li#Services a span,
body.Clients div#tabs ul li#Clients a span,
body.About div#tabs ul li#About a span,
body.Contact div#tabs ul li#Contact a span {
	background-position:100% -42px;
	color:#FFF;
}


/* This is commented out for the old navigation.
#tabs #current a {background-position:0% -42px;}
#tabs #current a span {background-position:100% -42px;color:#FFF;} */

/* Main Graphic */
#maingraphic {background: transparent url(../images/header.gif) 0 0  no-repeat; width:100%; float:left;}

.mnu3 { font: 10px Arial, Helvetica, sans-serif; line-height: 1.4em; color: #8ca2c4; margin-bottom: 3px; margin-left: 10px; margin-right: 10px; }
.mnu3 A { text-decoration: none; color: #444444 }
.mnu3 A:hover { text-decoration: underline; color: #2F6DC5 }




#leftcolweb {float:left;width: 220px;width: 200px; position:absolute;}