/* CSS Document */
body {width:1010px; margin:0 auto; background-color:#693C70; color:#000; font: 12px/1.8 Verdana, Arial, Helvetica, sans-serif;}
img {border:0;}

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin:0; padding:0; }
address { font-style:normal; }
ul,ol { list-style:none }

.mhome #vnav a.mhome, 
.mabout #vnav a.mabout, 
.mwhat #vnav a.mwhat, 
.mroi #vnav a.mroi, 
.msols #vnav a.msols, 
.mport #vnav a.mport, 
.mcases #vnav a.mport, 
.mfaq #vnav a.mfaq, 
.mnew #vnav a.mnew, 
.mwenews #vnav a.mwenews, 
.mslnew #vnav a.mslnew, 
.mlatin #vnav a.mlatin, 
.mvault #vnav a.mvault, 
.vvault #vnav a.mvault, 
.mletter #vnav a.mletter, 
.mcontact #vnav a.mcontact,
.links #vnav a.links,
.msitemap #vnav a.msitemap {background:#A4A4A4 url(../i/bkg_vnav4.jpg) no-repeat right top; color:#010101;}

.mhome #bnav a.mhome, 
.mabout #bnav a.mabout, 
.mwhat #bnav a.mwhat, 
.mroi #bnav a.mroi, 
.msols #bnav a.msols, 
.mport #bnav a.mport, 
.mcases #bnav a.mport, 
.mfaq #bnav a.mfaq, 
.mnew #bnav a.mnew, 
.mwenews #bnav a.mwenews, 
.mslnew #bnav a.mslnew, 
.mlatin #bnav a.mlatin, 
.mvault #bnav a.mvault,
.vvault #bnav a.mvault,
.mletter #bnav a.mletter,
.mcontact #bnav a.mcontact,
.msitemap #bnav a.msitemap {background-color:#FFF; color:#000;}

#top {float:left; width:1010px; background-color:#000; border-bottom: 1px solid #FFF;}
#top img {padding: 5px;}

#wrapall {float:left; background-color:#FFF; width:1010px; border-bottom:1px solid #BCC3C4;}
#wrapall div.newsboxed {background-color:#D3CFCF; float:left; margin: 10px; margin-left:15px; padding:10px; width: 920px;}
#wrapall div.newsboxed img {float:right; margin: 5px; margin-left:25px;}
#wrapall div.newsboxed h3 {margin:5px 0 10px; padding:0; font-size:12px; font-weight:bold;}

#wrapall div.article {float:left; width:920px; margin:20px;}
#wrapall div.article h2 {margin:5px 0 10px; padding:0; font-size:24px; font-weight:normal; color:#693C70;}
#wrapall div.article h5 {margin:5px 0 10px; padding:0; font-size:12px; font-weight:normal; font-style:italic; text-align:right;}
#wrapall div.article img {float:right; margin: 10px;}
#wrapall div.article p {padding:5px 0; margin:5px 0;}

#wrapall #cover {background-color:#A084A5; float:left; margin: 10px; margin-left:15px; padding:10px; width: 920px;}
#wrapall #cover img {float:left; margin-left:30px;}
#wrapall #cover p {float:left; color:#FFF; margin:100px 0 0 30px; font-size:30px; font-weight:bold; line-height:1.4; font-family:Arial, Helvetica, sans-serif;}

#left {float:left; width:231px; background-color:#979797;}
#left img.lss {margin:0 auto; display:block;}
#left #ports {background-color:#979797; margin:5px; margin-left:10px;}

#vnav {float:left; padding:5px 0; margin:0; width: 231px; background-color:#000;}
#vnav a {float:left; display:block; width: 228px; height:31px; line-height:31px; text-indent:27px; font-size:13px; font-weight:bold;
	background:#6B7171 url(../i/bkg_vnav4.jpg) no-repeat left top; text-decoration:none; color:#FFF; clear:left;}
#vnav a:hover {background:#6B7171 url(../i/bkg_vnav4.jpg) no-repeat right top; color:#010101;}
#vault {padding: 15px 0 5px 5px; float:left; display:block;}

#ctr {float:left; width:490px;}
#ctr h1 {width:485px; font-size:28px; color:#FFF; background-color:#693C70; 
	font-weight:normal; padding:5px; line-height:1.4; margin:0; text-align:center;}
#ctr h2 {background-color:#000; color:#FFF; font-weight:bold; font-size:12px; width:440px; margin:25px auto 10px; padding:5px; text-indent:25px;}
#ctr h2 span {font-weight:normal;}
#ctr h4 {font-size:13px; padding:5px 5px 0 20px; margin:0; text-align:left;}
#ctr p {float:left; padding:8px 5px; margin:5px; display:inline;}
#ctr div.boxed {width: 420px; background-color:#F3F1F3; border:1px solid #A4A4A4; padding:10px; margin: 10px 10px 10px 15px; float:left;}
.mhome #ctr div.tstm {float:left; background-color:#EAEAEA; margin:5px 5px 5px 10px; display:inline; padding:5px;}
.mhome #ctr div.tstm p {width: 445px; padding:3px 5px 3px 5px; margin:0; font-size:12px; font-weight:bold; float:left; display:inline;}
.mhome #ctr div.tstm span {display:block; margin:0; padding:0 5px; line-height:1.5; font-size:11px;}
.mhome #ctr div.hr {width:100%; float:left; margin:0; text-align:center;}
.mhome #ctr div.hr hr {width:445px;}

.vvault #ctr a {display:block; width: 440px; padding:0 5px; margin: 0 auto; text-indent:50px; line-height:26px; height:26px;}
.vvault #ctr a.ppl {background:#F1F1F1 url(../i/blt_pp_l.jpg) no-repeat left center}
.vvault #ctr a.ppd {background:#D1D1D1 url(../i/blt_pp_d.jpg) no-repeat left center}
.vvault #ctr a.pdfd {background:#D1D1D1 url(../i/blt_pdf_d.jpg) no-repeat left center}
.vvault #ctr a.pdfl {background:#F1F1F1 url(../i/blt_pdf_l.jpg) no-repeat left center}
.vvault #ctr a.wml {background:#F1F1F1 url(../i/blt_wm_l.jpg) no-repeat left center}
.vvault #ctr a.wmd {background:#D1D1D1 url(../i/blt_wm_d.jpg) no-repeat left center}

.mvault #ctr h1 {font-size:16px; font-weight:bold; width:485px;}
.mvault #ctr #login {font-weight:bold; color:#FFF; float:left;}
.mvault #ctr div {float: left; width: 447px; background:#C5C0C0 url(../i/img_vault3.jpg) no-repeat 50% 15%; margin: 5px; padding:370px 10px 10px 10px; color:#FFF; }
.mvault #ctr p {background-color:#505252; margin:20px 0 0 0; padding:20px 10px; text-align:center; width:430px; font-size:14px;}

.mcontact #ctr img {margin:10px auto; float:none; display:block;}
.mcontact #ctr div.outer {width:440px; background-color:#C5C0C0; margin: 10px auto; padding: 35px 10px;}
.mcontact #ctr div.inner {width:360px; margin: 0 auto; padding:25px; background-color:#F0EFEF;}

#ctr form {padding:5px 5px 5px 10px; margin:5px; float:left;}
#newsletter div {float:left; width:445px; padding:7px;}
#newsletter div.light span, #newsletter div.dark span {display:block; float:left; width:150px;} 
#newsletter div.dark input, #newsletter div.light input {display:block; float:left; width:290px; height:16px; background-color:#FFF;}
#newsletter #submits {text-align:center;}
#newsletter #submits input {padding:0 5px; margin: 10px 15px; font-size:14px;}

#right {float:right; width:283px; border-left:1px solid #BCC3C4; background-color:#979797;}
#right img {display:block; margin:0 auto; padding:0 5px; clear:right;}
#right #ports {background-color:#979797;}

#both, #faqs {float:left; width:770px;}
#both h1,  #faqs h1 {width:768px; font-size:28px; color:#FFF; background-color:#693C70; 
	font-weight:normal; padding:5px; line-height:1.4; margin:0; text-align:center;}
#both h2 {width:700px; background-color:#FFF; color:#000; font-weight:bold; font-size:13px;padding:0; margin:15px 0 0 25px;}
#both h3 {background-color:#FFF; color:#000; font-weight:bold; font-size:13px; text-indent:75px; padding:0; margin:0; margin-bottom:35px;}
#both h4 {background-color:#FFF; color:#000; font-weight:bold; font-size:14px; width:100%; text-align:center; padding:20px 0 15px;}
#both h5 {background-color:#FFF; color:#000; font-weight:bold; font-size:13px; width:90%; text-align:left; padding:5px 10px 5px 25px;}
#both p {padding:8px 15px 8px 25px;}
#both p.high {font-weight:bold; color:#3E3F3A; padding-top:0; padding-bottom:0;}
#both ul {padding:5px 20px 5px 50px; margin:5px; list-style-type:disc; list-style-position:outside;}
#both ul ul {padding:5px 20px 5px 30px; margin:5px; list-style-type:circle;}

#both div.whatis {background-color:#D3CFCF; float:left; margin: 5px; margin-left:15px; padding:15px; width:700px; display:inline;}
#both div.whatis img {float:right; margin-left:15px;}
#both div.whatis h3 {background-color:#D3CFCF; width: 420px; text-indent:10px; border-bottom: 1px solid #A4A4A4; margin-bottom:5px;}

#both img.mos {display:block; margin: 10px auto;}

.mfaq #both {padding-bottom:20px;}
.mfaq #both h2 {float:left; background-color:#000; color:#FFF; font-weight:bold; font-size:12px; width:700px; margin:25px 0 10px 15px; padding:5px; text-indent:25px;}
.mfaq #both div.faql{float:left; padding: 10px 10px 10px 15px; margin: 10px 5px 10px 15px; background-color:#E7E7E7; border: 1px solid #000;}
.mfaq #both div.faqr {float:right; padding: 10px 15px 10px 10px; margin: 10px 15px 10px 5px; background-color:#E7E7E7; border: 1px solid #000;}
.mfaq #both div.logo {float:left; display:inline; margin: 65px 0 100px 30px; background-color:#FFF;}
.mfaq #both a.blt {display:block; background:#E7E7E7 url(../i/blt_faqs.jpg) no-repeat left center; text-indent:40px; margin-top:5px; width:300px; height:30px; line-height:30px;}
.mfaq #both div.bordered {float:left; clear:both; width:680px; text-align:center; padding: 5px 15px; margin: 35px 15px 15px; background-color:#E7E7E7; border: 1px solid #000;}
.mfaq #both div.bordered p {padding:10px; margin:0; font-size:14px;}

.mport #both h2 {background-color:#000; color:#FFF; font-weight:bold; font-size:12px; width:700px; margin:25px 0 0 15px; padding:5px; text-indent:25px; float:left;}
.mport #both div.portfolio {float:left; width:688px; padding:10px; background-color:#C5C0C0; margin: 1px 0 15px 15px; border:1px solid #000; }
.mport #both div.imgport {float:right; width:320px; height:40px; border: 1px solid #000; background:#E7E7E7 url(../i/img_port1.jpg) no-repeat 50% 10px; padding:200px 0 0 0; margin:5px 10px;}
.mport #both div.imgport a {display:block; background:#E7E7E7 url(i/blt_faqs.jpg) no-repeat 20px center; text-indent:60px; margin-top:5px; width:300px; height:30px; line-height:30px;}


#both2cols {float:left; width: 750px;}
#both2cols img {display:block; margin:15px auto 5px;}
#both2cols p {padding:10px 5px 5px 20px; margin:5px;}
#colL {width: 750px; float:left;}
#colR {width: 370px; float:right;}

#footer {float:left; width:1010px; background-color:#FFF; padding-top:5px;}

#bnav {float:left; clear:both; width:1010px; background-color:#000; color:#FFF; text-align:center; padding:1px 0 2px; }
#bnav a {text-decoration: none; color:#FFF; font-size:10px; padding:0 3px;}
#bnav a:hover {background-color:#FFF; color:#000;}

#copy {width:1010px; float:left; clear:both; background-color:#FFF; text-align:center; font-size:10px; padding:2px 0;}

.light {background-color:#F1F1F1;}
.dark {background-color:#D1D1D1;}

div.train {float:left; display:inline; margin:10px 0 30px; text-align:center; width:100%; }
div.btnleft {text-align:center; padding-bottom:5px;}
div.btnleft a {margin:0; padding:0; display:block;}
div.btnleft img {margin:0; padding:0;}
div.btnright {text-align:center; padding:5px 0;}
div.btnright a {margin:10px 0; padding:0 0 0 5px; display:block;}
div.btnright img {margin:0; padding:0;}

#both h2.mlatin {margin-bottom:20px;}
#both div.mlatin {float:left; display:inline; width: 100%;}
#both div.mlatin span {float:left;}
#both div.mlatin span.left {width: 140px; padding-left:35px; text-align:left;}
#both div.mlatin span.right {width: 550px;}

.mport #both div.whatis {background-color:#F1E2F5; margin-top:20px; margin-bottom:20px; display:inline;}
.mport #both div.whatis h3 {background-color:#F1E2F5;}

.mwenews #both div.whatis {background-color:#E9EFF2;}
.mwenews #both div.whatis h3 {background-color:#E9EFF2; margin-top:25px; font-size:16px; font-weight:bold; text-indent:0;}
.mwenews #both div.whatis h3 a {text-decoration:none; color:#000;}
.mwenews #both div.whatis a.click {display:block; margin-top:30px;}

.mnew #both h2 {font:bold 24px Arial, Helvetica, sans-serif; color:#563E1B; text-align:center;}
.mnew #both h2.emph {font-size:20px; color:#693C70;}

span.qt {display:block; font-style:italic;}
.mcases #both p {margin-top:5px; margin-bottom:5px;}
#both div.img {width:100%; text-align:center;}
#both div.img img {padding:5px 0;}
#both div.img p {padding:0; margin:5px 0 20px 0; font-size:11px;}
#both div.img p.mtpl {text-align:left; text-indent:100px; margin:0;}

a.cs {text-decoration:none; color:#000; font-weight:bold; display:block; width: 90%; text-align:center;}
a.cs:hover {text-decoration:underline;}

a.news {display:block; font-size:14px; width:90%; text-align:left; padding:2px 0; margin:0 auto;}

.mcases #both h2.emph {color:#693C70; font-size:17px; width: 720px;}
.mcases #both p.emph {padding-top:0; padding-bottom:0; font-weight:bold;}
.mcases #both div.tstm {float:left; background-color:#EAEAEA; margin:5px 5px 5px 15px; display:inline; padding:5px;}
.mcases #both div.tstm p {width: 700px; padding:3px 10px 3px 10px; margin:0; font-size:12px; font-weight:bold; float:left; display:inline;}
.mcases #both div.tstm span {display:block; margin:0; padding:0 10px; line-height:1.5; font-size:11px;}

#wrapall #both ul.roche {list-style-position:outside; padding:5px 10px; margin:5px 10px; list-style-type:none; }
#wrapall #both ul.roche li {padding:0 0 0 12px; text-align:left; background:url(../i/blt_roche.gif) left center no-repeat;}
#wrapall #both ul.roche2 {list-style-position:outside; padding:5px 15px; margin:5px 15px; list-style-type:none; }
#wrapall #both ul.roche2 li {padding:0 0 0 12px; text-align:left; background:url(../i/blt_roche2.gif) left 10px no-repeat;}
#wrapall #both ul.roche2 li span {padding-left:25px; display:block; width:90%;}
body.mnew #wrapall #both div h2 {float:none; color:#149133; font-weight:bold; font-size:22px; padding:0; margin:0; background:transparent; text-align:center;}
body.mnew #wrapall #both div h3 {float:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:18px; padding:0; margin:0; background:transparent; text-align:center; width:100%; text-indent:0;}
body.mnew #wrapall #both h4 {float:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:0; margin:0; background:transparent; text-align:center; width:100%; text-align:center;}
body.mnew div#images {padding:10px 0 10px 25px;}
body.mnew div#images img {padding:5px;}